Intent Integration


The Intent tracker collects consented client context and sends events to Callimacus.
It can be easily integrated into modern applications (React, Vite, Next.js, etc.) via npm or directly via a script tag.

---

📦 Installation

$3

Install the package from npm:

``bash
npm install @solomei-ai/intent
`

---

⚙️ Usage

Initialize Intent in your app entry point:

`ts
// app entry
import { initIntent } from '@solomei-ai/intent';

initIntent({
clientId: 'cal-pk-...', // your Callimacus Client ID
consent: true, // can be toggled later
geo: true, // can be toggled later
});
`

$3

The initIntent function accepts the following options:

`ts
initIntent({
clientId: 'cal-pk-...', // Required: Your Callimacus Client ID
consent: true, // Optional: Enable/disable tracking (default: false)
geo: false, // Optional: Enable/disable geolocation (default: false)
baseUrl: 'https://...', // Optional: Custom API endpoint (default: 'https://intent.callimacus.ai')
ip: '192.0.2.1', // Optional: Client IP address
sidMaxAgeSeconds: 2592000, // Optional: Session cookie max-age in seconds (default: 30 days = 2592000 seconds)
debug: false, // Optional: Enable debug logging for timing information (default: false)
debugPanel: false, // Optional: Enable visual debug panel (default: false)
});
`

---

🌐 CDN Usage

If you prefer not to use npm, include the package via a
`

$3

`html

`

Once loaded, access the module from the global window.Intent namespace:

`html

`

---

📘 More Information

* npm: @solomei-ai/intent
* jsDelivr: https://www.jsdelivr.com/package/npm/@solomei-ai/intent
* unpkg: https://unpkg.com/@solomei-ai/intent

---




Managing consent & geolocation flags

$3

Use the dedicated helper functions for better type safety and IDE support:

`ts
import {setConsent, setGeo, setDebug} from '@solomei-ai/intent';

// Grant or revoke consent
setConsent(true); // granted
setConsent(false); // disabled

// Enable or disable device geolocation capture
setGeo(true); // enabled
setGeo(false); // disabled

// Enable or disable debug logging
setDebug(true); // enabled
setDebug(false); // disabled
`

Benefits of type-safe functions:
- Clear, self-documenting API
- Better IDE autocomplete and type checking
- Prevents typos in flag names
- Explicit boolean-only parameters

$3

The setFlag function remains available for backwards compatibility:

`ts
import {setFlag} from '@solomei-ai/intent';

// Grant or revoke consent
setFlag('intent:consent', true); // granted
setFlag('intent:consent', false); // disabled

// Enable or disable device geolocation capture
setFlag('intent:geo', true); // enabled
setFlag('intent:geo', false); // disabled

// Enable or disable debug logging
setFlag('intent:debug', true); // enabled
setFlag('intent:debug', false); // disabled
`

> ⚠️ URGENT DEPRECATION WARNING: The entire setFlag function will be removed in v2.0.0 (February 2026 - approximately 1-2 months). All users must migrate to the type-safe functions (setConsent, setGeo, setDebug) before upgrading to v2.0.0. See the Migration Guide below for details.

---

Behavior:
- When consent is granted, the tracker maintains a first-party cookie intent_sid.
- If consent is revoked, the tracker clears intent_sid and stops sending events.

$3

Upgrading from v1.9.x and earlier:

The new type-safe functions are recommended but optional. Your existing code using setFlag will continue to work without any changes:

`ts
// ✅ This still works (backwards compatible)
setFlag('intent:consent', true);

// ✅ Recommended: Migrate to type-safe functions for better DX
setConsent(true);
`

No breaking changes - all existing code remains functional.

⚠️ URGENT: Deprecation Timeline

- v1.10.0 (Current - December 2025): setFlag function is deprecated but still supported
- v2.0.0 (February 2026 - ~1-2 months): setFlag function will be completely removed

⚠️ You have approximately 1-2 months to complete migration before v2.0.0

Migration Required Before v2.0.0:

All code using setFlag must be migrated to the type-safe alternatives:

`ts
// ❌ Will NOT work in v2.0.0 - setFlag will be removed
setFlag('intent:consent', true);
setFlag('intent:consent', 'granted');
setFlag('intent:geo', false);
setFlag('intent:debug', true);

// ✅ REQUIRED migration for v2.0.0
setConsent(true); // replaces setFlag('intent:consent', true)
setGeo(false); // replaces setFlag('intent:geo', false)
setDebug(true); // replaces setFlag('intent:debug', true)
`

Migration Steps:

1. Find all uses of setFlag in your codebase
2. Replace each call with the appropriate type-safe function:
- setFlag('intent:consent', ...) → setConsent(...)
- setFlag('intent:geo', ...) → setGeo(...)
- setFlag('intent:debug', ...) → setDebug(...)
3. If you were using custom flag names, you'll need to find an alternative solution or open an issue to discuss your use case

Search & Replace Examples:

`bash


Find all uses of setFlag

grep -r "setFlag" your-codebase/

Example replacements:

setFlag('intent:consent', true) → setConsent(true)
setFlag('intent:consent', false) → setConsent(false)
setFlag('intent:geo', true) → setGeo(true)
setFlag('intent:geo', false) → setGeo(false)
setFlag('intent:debug', true) → setDebug(true)
setFlag('intent:debug', false) → setDebug(false)
`

---

Debug Logging & Debug Panel

$3

By default, the SDK does not output any console logs to avoid spamming the browser console. However, you can enable debug logging to see timing information for performance analysis:

`ts
import {initIntent} from '@solomei-ai/intent';

// Enable debug logging during initialization
initIntent({
clientId: 'cal-pk-...',
debug: true, // Enable debug logs
});
`

Or toggle debug logging at runtime:

`ts
import {setDebug} from '@solomei-ai/intent';

// Enable debug logging (recommended - type-safe)
setDebug(true);

// Disable debug logging
setDebug(false);

// Backwards compatible: using setFlag still works
import {setFlag} from '@solomei-ai/intent';
setFlag('intent:debug', true);
setFlag('intent:debug', false);
`

When debug logging is enabled, the SDK will output timing information to the console, including:
- HTML serialization time: Time taken to serialize the DOM into HTML
- Screenshot capture time: Time taken by html2canvas-pro to render the page
- JPEG encoding time: Time taken to encode the canvas to JPEG format
- Total capture time: Total time for the entire capture process

This is useful for:
- Performance tuning: Identify bottlenecks in the capture process
- Development debugging: Understand SDK behavior during development
- Production troubleshooting: Temporarily enable logs to diagnose issues

Note: Debug logging is disabled by default to prevent console spam in production. Only enable it when needed for debugging or performance analysis.

$3

> ⚠️ WARNING: The debug panel is intended for development and debugging only.
> DO NOT enable in production environments. It exposes internal SDK behavior including screenshots, event payloads, and HTML content that may reveal sensitive application structure.

The SDK provides separate build variants to ensure the debug panel code is not shipped to production:

#### Build Variants

Production Build (Default) - Debug panel excluded
`bash
npm install @solomei-ai/intent
`
`ts
import {initIntent} from '@solomei-ai/intent'; // Production build
`
`html

`

Debug Build - Debug panel included (for development/testing only)
`ts
// ESM - use the /debug export
import {initIntent, setDebugPanel} from '@solomei-ai/intent/debug';
`
`html


`

#### Best Practice: Environment-Based Loading

Use your build system to load the appropriate variant:

`ts
// Vite / Webpack example
const Intent = import.meta.env.PROD
? await import('@solomei-ai/intent')
: await import('@solomei-ai/intent/debug');

Intent.initIntent({
clientId: 'cal-pk-...',
consent: true,
debugPanel: !import.meta.env.PROD // Only in development
});
`

Recommended Use Cases:
- Local Development: Debug event capture during integration
- Testing Environments: Verify SDK behavior in test/staging
- Internal Demos: Showcase SDK functionality to internal stakeholders
- Troubleshooting: Diagnose issues in non-production environments

NOT Recommended:
- ❌ Production websites or applications
- ❌ Public demos accessible to end users
- ❌ Any environment where exposing SDK internals is a concern

#### Usage

Enable debug panel during initialization:

`ts
import {initIntent} from '@solomei-ai/intent/debug'; // Use debug build

initIntent({
clientId: 'cal-pk-...',
consent: true,
debugPanel: true, // Enable visual debug panel
});
`

Toggle debug panel at runtime:

`ts
import {setDebugPanel} from '@solomei-ai/intent/debug';

// Show debug panel (development only)
setDebugPanel(true);

// Hide debug panel
setDebugPanel(false);
`

Debug Panel Features:
- 📸 Screenshots: View the actual JPEG screenshots captured by the SDK
- 🔍 Event Details: Expand each event to see properties, HTML, and bounding box data
- 🎯 Event Types: See what type of event was captured (click, pageview, scroll, etc.)
- 🕐 Timestamps: Track when each event occurred
- 🗑️ Clear Events: Clear the event log with a single button click
- 🎨 Draggable: Move the panel anywhere on the screen
- ➖ Minimize: Collapse the panel when not needed

The debug panel appears as a floating window in the top-right corner and can be dragged anywhere on the page. It displays up to 50 recent events (automatically removes oldest when limit is reached).

---

🎮 Test & Demo Page

A comprehensive test and demo page is included in the demo/test-demo.html file. This page showcases:

- ✅ All form input types (text, email, password, date, color, range, etc.)
- ✅ Interactive elements (buttons, links, clickable divs)
- ✅ Auto-redacted fields (email, password, phone, credit card, etc.)
- ✅ Custom redaction examples with data-intent-redact
- ✅ SDK initialization and consent controls
- ✅ Debug panel demonstration
- ✅ Complete documentation and usage instructions

To use the test page:

1. Build the SDK:
`bash
npm run build
`

2. Start a local web server from the repository root:
`bash
# Using Python 3
python3 -m http.server 8080

# Or using Node.js http-server
npx http-server -p 8080
`

3. Open your browser and navigate to:
`
http://localhost:8080/demo/test-demo.html
`

4. Follow the on-page instructions to:
- Initialize the SDK
- Enable the debug panel
- Grant consent
- Interact with elements to see captured events

The test page is perfect for demonstrating the SDK to stakeholders, testing new features, and understanding how the SDK captures and handles different types of data.

---

Using intent_sid

Use these utilities to read or manage the session cookie from your app:
`ts
import {
getIntentSessionId,
clearIntentSessionId,
ensureIntentSessionId,
setIntentSessionMaxAge,
} from '@solomei-ai/intent';

const sid = getIntentSessionId(); // string | undefined, can be sent to backend
clearIntentSessionId(); // deletes cookie
ensureIntentSessionId(); // creates cookie if missing
setIntentSessionMaxAge(86400); // updates cookie max-age (in seconds)
`

---

🔒 Data Collection & Privacy

$3

When consent is granted, the Intent SDK automatically collects the following data to help understand user behavior and improve experiences:

1. Screenshots: Visual captures of the page viewport, downscaled to JPEG format for efficient transmission
2. HTML Content: Serialized HTML of interacted elements (buttons, links, inputs, etc.)
3. Interaction Events: User actions including:
- Clicks on buttons, links, and interactive elements
- Form submissions (Enter key on input fields)
- Page scroll events
- Page focus/blur events
- Pageview events
4. Session Information:
- Session ID stored in first-party cookie intent_sid (created when consent is granted)
- Session cookie max-age (default: 30 days, configurable via sidMaxAgeSeconds)
5. Context Information: Browser and device metadata:
- User agent: Browser name, version, and platform
- Languages: Preferred language(s) and accept-language settings
- Timezone: Local timezone and UTC offset
- Local time: Current date and time in user's timezone
- Screen: Resolution, pixel ratio, available space, and color depth
- Viewport: Window size and screen orientation
- Device capabilities: CPU cores, touch support, pointer type (coarse/fine)
- Battery status: Level and charging state (when available)
- Network connection: Connection type, speed, RTT, and data saver mode (when available or inferred from performance timing)
- Performance timing: Used to infer network characteristics
- Online/offline status: Browser connectivity state
- Cookies enabled: Whether the browser allows cookies
- Do Not Track (DNT): Browser DNT setting value
- Referrer: HTTP referrer if present
- PWA status: Service worker presence and display mode
- Device orientation/tilt: Device physical orientation (when available)
- Geolocation: Latitude and longitude (only when explicitly enabled via geo: true)
6. Client Configuration (stored in localStorage):
- Client ID (clientId)
- API endpoint (baseUrl)
- Optional IP address (ip)
- Consent status (intent:consent)
- Geolocation preference (intent:geo)
- Debug logging preference (intent:debug)
- Session max-age setting

$3

The SDK automatically redacts the following sensitive information:

- Password fields ()
- Form fields with sensitive autocomplete attributes (both and <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> elements):<br /> - Names (</code>name<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>given-name<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>additional-name<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>family-name<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>nickname<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>username<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br /> - Email addresses (</code>email<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br /> - Phone numbers (</code>tel<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br /> - Addresses:<br /> - Street addresses (</code>street-address<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>address-line1<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>address-line2<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>address-line3<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br /> - Administrative levels (</code>address-level1<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>address-level2<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>address-level3<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>address-level4<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br /> - Postal and country (</code>postal-code<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>country<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>country-name<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br /> - Credit card details:<br /> - Card numbers and security (</code>cc-number<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>cc-exp<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>cc-exp-month<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>cc-exp-year<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>cc-csc<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>cc-type<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br /> - Cardholder names (</code>cc-name<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>cc-given-name<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>cc-additional-name<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>cc-family-name<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br /> - Birthday information (</code>bday<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>bday-day<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>bday-month<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>bday-year<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br /> - Organization details (</code>organization<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>organization-title<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br /> - Other sensitive fields (</code>sex<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>webauthn<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)</p><p class="my-3"><strong>Exception:</strong> Search fields (</code><input type="search"><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> or elements with </code>role="searchbox"<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">) are NOT redacted, even if they have sensitive autocomplete attributes, to preserve search functionality in captured events.</p><p class="my-3">Redacted fields are replaced with placeholder text like </code><Password><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code><Email><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code><Credit card><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code><Name><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code><Phone><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code><Address><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, etc., in both the HTML content and screenshots.</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3"><strong>How Data is Transmitted:</strong><br />- Events are sent to the Callimacus API endpoint (default: </code>https://intent.callimacus.ai/events<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br />- Data is transmitted via HTTPS POST requests with JSON payloads<br />- The SDK uses </code>fetch()<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> with </code>keepalive<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> for reliability during page unload<br />- Credentials are not included in requests (</code>credentials: 'omit'<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br />- The client ID is sent in the </code>x-sl-access-token<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> header<br />- The session ID is sent in the </code>x-intent-sid<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> header</p><p class="my-3"><strong>Local Storage:</strong><br />- The SDK stores configuration and preferences in browser </code>localStorage<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br />- Keys used: </code>intent:consent<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>intent:geo<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>intent:debug<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>intent:data-client-id<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>intent:data-base-url<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>intent:data-ip<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>intent:data-sid-max-age<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br />- localStorage data persists until explicitly cleared by the user or your application</p><p class="my-3"><strong>Cookies:</strong><br />- First-party cookie </code>intent_sid<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> stores the session identifier<br />- Cookie attributes: </code>SameSite=Lax<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, </code>Secure<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> (HTTPS only)<br />- Default expiration: 30 days (configurable via </code>sidMaxAgeSeconds<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">)<br />- Cookie is created when consent is granted and deleted when consent is revoked</p><p class="my-3"><strong>Data Retention:</strong><br />- Data retention policies are managed by Callimacus, not by this client-side SDK<br />- For information about server-side data retention, consult your Callimacus account settings or contact Callimacus support</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">⚠️ <strong>Important</strong>: While the SDK provides automatic redaction for common sensitive fields, <strong>you are responsible for identifying and redacting any additional sensitive or PII data specific to your application</strong>.</p><p class="my-3">The SDK cannot automatically detect all sensitive information. You must explicitly mark any custom fields, proprietary data, or application-specific sensitive content for redaction.</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Use the </code>data-intent-redact<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> attribute to mark elements for redaction:</p><p class="my-3">#### Option 1: Redact with default label<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">html<br /><!-- Element will be masked with a gray placeholder labeled "<Sensitive>" --><br /><div data-intent-redact>Sensitive content here</div><br /><input type="text" data-intent-redact /></p><p class="my-3"><!-- Or explicitly use "mask" value for "<Redacted>" label --><br /><div data-intent-redact="mask">Sensitive content</div><br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">#### Option 2: Redact with custom label<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">html<br /><!-- Provide a descriptive label using data-intent-redact-label --><br /><div data-intent-redact data-intent-redact-label="Account Balance">$1,234.56</div><br /><input type="text" data-intent-redact data-intent-redact-label="Social Security Number" /><br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">The custom label will appear as </code><Account Balance><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> or </code><Social Security Number><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> in the captured screenshots and HTML.</p><p class="my-3">#### Option 3: Completely ignore elements<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">html<br /><!-- Element will not appear in screenshots or HTML captures at all --><br /><div data-intent-redact="ignore">This won't be captured</div><br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">html<br /><!-- Patient medical record number --><br /><input <br /> type="text" <br /> data-intent-redact <br /> data-intent-redact-label="Medical Record Number" <br /> placeholder="Enter MRN" <br />/></p><p class="my-3"><!-- Customer account balance --><br /><div data-intent-redact data-intent-redact-label="Account Balance"><br /> Balance: $5,432.10<br /></div></p><p class="my-3"><!-- Internal employee ID --><br /><span data-intent-redact data-intent-redact-label="Employee ID"><br /> EMP-123456<br /></span></p><p class="my-3"><!-- Proprietary business data --><br /><section data-intent-redact data-intent-redact-label="Revenue Dashboard"><br /> <!-- Entire section will be redacted --><br /> Q4 Revenue: $10M<br /></section></p><p class="my-3"><!-- Element to completely exclude from tracking --><br /><div data-intent-redact="ignore"><br /> Internal debug information<br /></div><br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">1. <strong>Review Your Forms</strong>: Audit all form fields and identify which ones contain sensitive or PII data beyond standard fields (name, email, phone, etc.)<br />2. <strong>Mark Custom Sensitive Data</strong>: Apply </code>data-intent-redact<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> to any elements displaying user-specific information, financial data, health information, or proprietary business data<br />3. <strong>Use Descriptive Labels</strong>: Provide meaningful labels with </code>data-intent-redact-label` to help you understand what was redacted when reviewing captured events<br />4. <strong>Test Your Redaction</strong>: Before going to production, test your pages to ensure all sensitive information is properly masked<br />5. <strong>Regular Audits</strong>: Periodically review your application for new sensitive fields that may need redaction as features evolve</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Proper data redaction is critical for compliance with privacy regulations (GDPR, CCPA, HIPAA, etc.). While this SDK provides tools for redaction, <strong>it is your responsibility as the integrator to ensure all applicable sensitive data is properly redacted</strong> according to your legal and regulatory requirements.</p><p class="my-3">---</p></div><div class="flex justify-center absolute inset-x-0 bottom-0 bg-gradient-to-t from-background via-background to-transparent pb-4 pt-16"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down mr-1 h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg>Show more</button></div></div></div><template id="P:3"></template><template id="P:4"></template></div></div></div><script>self.__next_f.push([1,"23:[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"font-semibold flex items-center gap-2 text-base\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-wrench h-4 w-4\",\"children\":[[\"$\",\"path\",\"cbrjhi\",{\"d\":\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"}],\"$undefined\"]}],\"Dev Dependencies\",[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 ml-auto text-xs\",\"children\":18}]]}]\n"])</script><script>self.__next_f.push([1,"24:[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-1 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"$L5\",\"@babel/preset-env\",{\"href\":\"/package/%40babel%2Fpreset-env\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@babel/preset-env\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^7.28.5\"}]]}],[\"$\",\"$L5\",\"@rollup/plugin-babel\",{\"href\":\"/package/%40rollup%2Fplugin-babel\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@rollup/plugin-babel\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^6.1.0\"}]]}],[\"$\",\"$L5\",\"@rollup/plugin-node-resolve\",{\"href\":\"/package/%40rollup%2Fplugin-node-resolve\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@rollup/plugin-node-resolve\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^16.0.3\"}]]}],[\"$\",\"$L5\",\"@rollup/plugin-replace\",{\"href\":\"/package/%40rollup%2Fplugin-replace\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@rollup/plugin-replace\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^6.0.3\"}]]}],[\"$\",\"$L5\",\"@rollup/plugin-terser\",{\"href\":\"/package/%40rollup%2Fplugin-terser\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[\"$L26\",\"$undefined\"]}],\"@rollup/plugin-terser\"]}],\"$L27\"]}],\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\",\"$L31\",\"$L32\",\"$L33\",\"$L34\"]}]}]\n"])</script><script>self.__next_f.push([1,"26:[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}]\n27:[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.4.4\"}]\n28:[\"$\",\"$L5\",\"@rollup/plugin-typescript\",{\"href\":\"/package/%40rollup%2Fplugin-typescript\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@rollup/plugin-typescript\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^12.3.0\"}]]}]\n29:[\"$\",\"$L5\",\"@tsconfig/recommended\",{\"href\":\"/package/%40tsconfig%2Frecommended\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@tsconfig/recommended\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.0.13\"}]]}]\n2a:[\"$\",\"$L5\",\"@types/js-cookie\",{\"href\":\"/package/%40types%2Fjs-cookie\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@types/js-cookie\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^3.0.6\"}]]}]\n2b:[\"$\",\"$L5\",\"@vitest/browser-playwright\",{\"href\":\"/package/%40vitest%2Fbrowser-playwright\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@vitest/browser-playwright\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^4.0.16\"}]]}]\n2c:[\"$\",\"$L5\",\"@vitest/coverage-v8\",{\"href\":\"/package/%40vitest%2Fcoverage-v8\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0"])</script><script>self.__next_f.push([1," 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@vitest/coverage-v8\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^4.0.16\"}]]}]\n2d:[\"$\",\"$L5\",\"@vitest/ui\",{\"href\":\"/package/%40vitest%2Fui\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@vitest/ui\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^4.0.16\"}]]}]\n2e:[\"$\",\"$L5\",\"eslint-config-xo-typescript\",{\"href\":\"/package/eslint-config-xo-typescript\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"eslint-config-xo-typescript\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^9.0.0\"}]]}]\n2f:[\"$\",\"$L5\",\"happy-dom\",{\"href\":\"/package/happy-dom\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"happy-dom\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^20.1.0\"}]]}]\n30:[\"$\",\"$L5\",\"rollup\",{\"href\":\"/package/rollup\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"rollup\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^4.55.1\"}]]}]\n31:[\"$\",\"$L5\",\"rollup-plugin-dts\",{\"href\":\"/package/rollup-plugin-dts\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap"])</script><script>self.__next_f.push([1,"-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"rollup-plugin-dts\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^6.3.0\"}]]}]\n32:[\"$\",\"$L5\",\"rollup-plugin-obfuscator\",{\"href\":\"/package/rollup-plugin-obfuscator\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"rollup-plugin-obfuscator\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.1.0\"}]]}]\n33:[\"$\",\"$L5\",\"typescript\",{\"href\":\"/package/typescript\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"typescript\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^5.9.3\"}]]}]\n34:[\"$\",\"$L5\",\"vitest\",{\"href\":\"/package/vitest\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"vitest\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^4.0.16\"}]]}]\n"])</script><div hidden id="S:3"><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-dependencies" hidden="" id="radix-_R_aav5ubrb_-content-dependencies" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:3","P:3")</script><div hidden id="S:4"><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-versions" hidden="" id="radix-_R_aav5ubrb_-content-versions" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div></div><script>$RS("S:4","P:4")</script><script>$RC("B:1","S:1")</script></body></html>