npm - @preprio/prepr-nextjs - Versions diffs - 2.0.0-alpha.10 → 2.0.0-alpha.11 - Mend

@preprio/prepr-nextjs 2.0.0-alpha.10 → 2.0.0-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/README.md CHANGED Viewed

@@ -29,23 +29,27 @@ export function middleware(request: NextRequest) {
 }
 ```
-Add preview bar to your layout:
+Add toolbar and tracking to your layout:
 ```typescript
-import { getPreviewBarProps } from '@preprio/prepr-nextjs/server'
-import { PreprPreviewBar, PreprPreviewBarProvider } from '@preprio/prepr-nextjs/react'
+import { getToolbarProps, extractAccessToken } from '@preprio/prepr-nextjs/server'
+import { PreprToolbar, PreprToolbarProvider, PreprTrackingPixel } from '@preprio/prepr-nextjs/react'
 import '@preprio/prepr-nextjs/index.css'
 export default async function RootLayout({ children }: { children: React.ReactNode }) {
-  const previewBarProps = await getPreviewBarProps(process.env.PREPR_GRAPHQL_URL!)
+  const toolbarProps = await getToolbarProps(process.env.PREPR_GRAPHQL_URL!)
+  const accessToken = extractAccessToken(process.env.PREPR_GRAPHQL_URL!)
   return (
     <html>
+      <head>
+        {accessToken && <PreprTrackingPixel accessToken={accessToken!} />}
+      </head>
       <body>
-        <PreprPreviewBarProvider props={previewBarProps}>
-          <PreprPreviewBar />
+        <PreprToolbarProvider props={toolbarProps}>
+          <PreprToolbar />
           {children}
-        </PreprPreviewBarProvider>
+        </PreprToolbarProvider>
       </body>
     </html>
   )
@@ -68,12 +72,17 @@ Before installing, ensure you have:
 2. **Get your GraphQL URL**:
    - Go to Settings → Access tokens
    - Find your GraphQL Preview access token
+       ![preview API URL](https://assets-site.prepr.io//35k5a4g45wuy-preview-access-token.png)
    - Copy the full GraphQL URL (e.g., `https://graphql.prepr.io/e6f7a0521f11e5149ce65b0e9f372ced2dfc923490890e7f225da1db84cxxxxx`)
    - The URL format is always `https://graphql.prepr.io/{YOUR_ACCESS_TOKEN}`
-3. **Enable edit mode** (for preview bar):
+3. **Enable edit mode** (for toolbar):
    - Open your GraphQL Preview access token
    - Check "Enable edit mode"
    - Save the token
+     ![Preview access token](https://assets-site.prepr.io/229kaekn7m96//preview-access-token-enable-edit-mode.png)
 ## 🔧 Installation & Setup
@@ -278,13 +287,54 @@ export function middleware(request: NextRequest) {
 #### App Router (Next.js 13+)
+The toolbar should only be rendered in preview environments to avoid showing development tools in production. Here are several approaches for conditional rendering:
+##### Basic Conditional Rendering
 Update your `app/layout.tsx`:
 ```typescript
-import { getPreviewBarProps } from '@preprio/prepr-nextjs/server'
+import { getToolbarProps } from '@preprio/prepr-nextjs/server'
+import {
+  PreprToolbar,
+  PreprToolbarProvider
+} from '@preprio/prepr-nextjs/react'
+import '@preprio/prepr-nextjs/index.css'
+export default async function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  const isPreview = process.env.PREPR_ENV === 'preview'
+  const toolbarProps = isPreview ? await getToolbarProps(process.env.PREPR_GRAPHQL_URL!) : null
+  return (
+    <html lang="en">
+      <body>
+        {isPreview && toolbarProps ? (
+          <PreprToolbarProvider props={toolbarProps}>
+            <PreprToolbar />
+            {children}
+          </PreprToolbarProvider>
+        ) : (
+          children
+        )}
+      </body>
+    </html>
+  )
+}
+```
+##### Advanced Conditional Rendering with Error Handling
+For production applications, you may want more robust error handling:
+```typescript
+import { getToolbarProps } from '@preprio/prepr-nextjs/server'
 import {
-  PreprPreviewBar,
-  PreprPreviewBarProvider
+  PreprToolbar,
+  PreprToolbarProvider
 } from '@preprio/prepr-nextjs/react'
 import '@preprio/prepr-nextjs/index.css'
@@ -293,22 +343,174 @@ export default async function RootLayout({
 }: {
   children: React.ReactNode
 }) {
-  const previewBarProps = await getPreviewBarProps(process.env.PREPR_GRAPHQL_URL!)
+  const isPreview = process.env.PREPR_ENV === 'preview'
+  const graphqlUrl = process.env.PREPR_GRAPHQL_URL
+  // Only fetch toolbar props in preview mode with valid URL
+  let toolbarProps = null
+  if (isPreview && graphqlUrl) {
+    try {
+      toolbarProps = await getToolbarProps(graphqlUrl)
+    } catch (error) {
+      console.error('Failed to load toolbar:', error)
+      // Continue without toolbar instead of breaking the app
+    }
+  }
+  return (
+    <html lang="en">
+      <body>
+        {isPreview && toolbarProps ? (
+          <PreprToolbarProvider props={toolbarProps}>
+            <PreprToolbar />
+            {children}
+          </PreprToolbarProvider>
+        ) : (
+          children
+        )}
+      </body>
+    </html>
+  )
+}
+```
+##### Component-Level Conditional Rendering
+For better separation of concerns, create a dedicated component:
+```typescript
+// components/PreviewWrapper.tsx
+import { getToolbarProps } from '@preprio/prepr-nextjs/server'
+import {
+  PreprToolbar,
+  PreprToolbarProvider
+} from '@preprio/prepr-nextjs/react'
+interface PreviewWrapperProps {
+  children: React.ReactNode
+}
+export default async function PreviewWrapper({ children }: PreviewWrapperProps) {
+  const isPreview = process.env.PREPR_ENV === 'preview'
+  if (!isPreview) {
+    return <>{children}</>
+  }
+  const toolbarProps = await getToolbarProps(process.env.PREPR_GRAPHQL_URL!)
+  return (
+    <PreprToolbarProvider props={toolbarProps}>
+      <PreprToolbar />
+      {children}
+    </PreprToolbarProvider>
+  )
+}
+// app/layout.tsx
+import PreviewWrapper from '@/components/PreviewWrapper'
+import '@preprio/prepr-nextjs/index.css'
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
   return (
     <html lang="en">
       <body>
-        <PreprPreviewBarProvider props={previewBarProps}>
-          <PreprPreviewBar />
+        <PreviewWrapper>
           {children}
-        </PreprPreviewBarProvider>
+        </PreviewWrapper>
       </body>
     </html>
   )
 }
 ```
-### 5. API Integration
+#### Why Conditional Rendering Matters
+1. **Performance**: Prevents unnecessary API calls in production
+2. **Security**: Avoids exposing preview functionality to end users
+3. **Bundle Size**: Excludes toolbar code from production builds
+4. **User Experience**: Ensures clean production UI without development tools
+#### Best Practices for Conditional Rendering
+- **Environment Variables**: Always use environment variables to control preview mode
+- **Error Boundaries**: Wrap preview components in error boundaries to prevent crashes
+- **Fallback UI**: Always provide a fallback when toolbar fails to load
+- **TypeScript Safety**: Use proper type guards when checking conditions
+- **Bundle Optimization**: Consider dynamic imports for preview-only code
+```typescript
+// Dynamic import example for advanced optimization
+const ToolbarDynamic = dynamic(
+  () => import('@preprio/prepr-nextjs/react').then(mod => mod.PreprToolbar),
+  {
+    ssr: false,
+    loading: () => <div>Loading preview tools...</div>
+  }
+)
+```
+### 5. User Tracking Setup
+The tracking pixel is essential for collecting user interaction data and enabling personalization features. It should be included in all environments (both preview and production).
+#### Basic Setup
+Add the tracking pixel to your layout's `<head>` section:
+```typescript
+import { extractAccessToken } from '@preprio/prepr-nextjs/server'
+import { PreprTrackingPixel } from '@preprio/prepr-nextjs/react'
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  const accessToken = extractAccessToken(process.env.PREPR_GRAPHQL_URL!)
+  return (
+    <html>
+      <head>
+        {accessToken && <PreprTrackingPixel accessToken={accessToken!} />}
+      </head>
+      <body>{children}</body>
+    </html>
+  )
+}
+```
+#### Alternative: Body Placement
+You can also place the tracking pixel in the body if needed:
+```typescript
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  const accessToken = extractAccessToken(process.env.PREPR_GRAPHQL_URL!)
+  return (
+    <html>
+      <body>
+        {accessToken && <PreprTrackingPixel accessToken={accessToken!} />}
+        {children}
+      </body>
+    </html>
+  )
+}
+```
+#### Manual Token Extraction
+If you prefer to extract the token manually:
+```typescript
+// Extract token from PREPR_GRAPHQL_URL
+const accessToken = process.env.PREPR_GRAPHQL_URL?.split('/').pop() || ''
+<PreprTrackingPixel accessToken={accessToken} />
+```
+### 6. API Integration
 Use the `getPreprHeaders()` helper function in your data fetching to enable personalization and A/B testing:
@@ -407,13 +609,13 @@ const variant = await getActiveVariant()
 // Returns: 'A' | 'B' | null
 ```
-#### `getPreviewBarProps()`
-Fetches all necessary props for the preview bar component.
+#### `getToolbarProps()`
+Fetches all necessary props for the toolbar component.
 ```typescript
-import { getPreviewBarProps } from '@preprio/prepr-nextjs/server'
+import { getToolbarProps } from '@preprio/prepr-nextjs/server'
-const props = await getPreviewBarProps(process.env.PREPR_GRAPHQL_URL!)
+const props = await getToolbarProps(process.env.PREPR_GRAPHQL_URL!)
 // Returns: { activeSegment, activeVariant, data }
 ```
@@ -437,26 +639,45 @@ const isPreview = isPreviewMode()
 // Returns: boolean
 ```
+#### `extractAccessToken()`
+Extracts the access token from a Prepr GraphQL URL.
+```typescript
+import { extractAccessToken } from '@preprio/prepr-nextjs/server'
+const token = extractAccessToken('https://graphql.prepr.io/abc123')
+// Returns: 'abc123' or null
+```
 ### React Components
-#### `PreprPreviewBarProvider`
-Context provider that wraps your app with preview bar functionality.
+#### `PreprToolbarProvider`
+Context provider that wraps your app with toolbar functionality.
 ```typescript
-import { PreprPreviewBarProvider } from '@preprio/prepr-nextjs/react'
+import { PreprToolbarProvider } from '@preprio/prepr-nextjs/react'
-<PreprPreviewBarProvider props={previewBarProps}>
+<PreprToolbarProvider props={toolbarProps}>
   {children}
-</PreprPreviewBarProvider>
+</PreprToolbarProvider>
+```
+#### `PreprToolbar`
+The main toolbar component.
+```typescript
+import { PreprToolbar } from '@preprio/prepr-nextjs/react'
+<PreprToolbar />
 ```
-#### `PreprPreviewBar`
-The main preview bar component.
+#### `PreprTrackingPixel`
+User tracking component that loads the Prepr tracking script.
 ```typescript
-import { PreprPreviewBar } from '@preprio/prepr-nextjs/react'
+import { PreprTrackingPixel } from '@preprio/prepr-nextjs/react'
-<PreprPreviewBar />
+<PreprTrackingPixel accessToken="your-access-token" />
 ```
 ## 🔧 Configuration Options
@@ -482,11 +703,11 @@ createPreprMiddleware(request, response, {
 })
 ```
-### Preview Bar Options
+### Toolbar Options
 ```typescript
-<PreprPreviewBarProvider
-  props={previewBarProps}
+<PreprToolbarProvider
+  props={toolbarProps}
   options={{
     debug: true // Enable debug logging
   }}
@@ -497,7 +718,7 @@ createPreprMiddleware(request, response, {
 ### Common Issues
-#### Preview Bar Not Showing
+#### Toolbar Not Showing
 - **Check environment**: Ensure `PREPR_ENV=preview` is set
 - **Verify GraphQL URL**: Make sure `PREPR_GRAPHQL_URL` is correct and follows the format `https://graphql.prepr.io/YOUR_ACCESS_TOKEN`
 - **Check token permissions**: Ensure "Enable edit mode" is checked in Prepr
@@ -537,8 +758,8 @@ try {
 Enable debug logging in development:
 ```typescript
-<PreprPreviewBarProvider
-  props={previewBarProps}
+<PreprToolbarProvider
+  props={toolbarProps}
   options={{ debug: true }}
 >
 ```
@@ -554,9 +775,9 @@ The middleware automatically:
 4. **Processes A/B tests**: Manages variant assignments
 5. **Sets headers**: Adds necessary headers for API calls
-### Preview Bar Features
+### Toolbar Features
-The preview bar provides:
+The toolbar provides:
 - **Segment selection**: Switch between different audience segments
 - **A/B testing**: Toggle between variants A and B
 - **Edit mode**: Visual content editing capabilities
@@ -582,4 +803,4 @@ MIT License - see the [LICENSE](./LICENSE) file for details.
 - **Documentation**: [Prepr Documentation](https://docs.prepr.io)
 - **Issues**: [GitHub Issues](https://github.com/preprio/prepr-nextjs/issues)
-- **Community**: [Prepr Community](https://community.prepr.io)
+- **Support**: [Prepr Support](https://prepr.io/support)

package/dist/metafile-cjs.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"inputs":{"src/utils/errors.ts":{"bytes":1985,"imports":[],"format":"esm"},"src/react/contexts/segment-context.tsx":{"bytes":1601,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../../types","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/variant-context.tsx":{"bytes":1109,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/edit-mode-context.tsx":{"bytes":1523,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/index.ts":{"bytes":267,"imports":[{"path":"src/react/contexts/segment-context.tsx","kind":"import-statement","original":"./segment-context"},{"path":"src/react/contexts/variant-context.tsx","kind":"import-statement","original":"./variant-context"},{"path":"src/react/contexts/edit-mode-context.tsx","kind":"import-statement","original":"./edit-mode-context"}],"format":"esm"},"src/react/components/error-boundary.tsx":{"bytes":1342,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/utils/debug.ts":{"bytes":2587,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/prepr-previewbar-provider.tsx":{"bytes":3245,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../types","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"./contexts"},{"path":"src/react/components/error-boundary.tsx","kind":"import-statement","original":"./components/error-boundary"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../utils/debug"}],"format":"esm"},"src/utils/dom.ts":{"bytes":4121,"imports":[{"path":"src/utils/errors.ts","kind":"import-statement","original":"./errors"}],"format":"esm"},"src/utils/performance.ts":{"bytes":2443,"imports":[],"format":"esm"},"src/react/hooks/use-stega-overlay.tsx":{"bytes":5294,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/dom.ts","kind":"import-statement","original":"../../utils/dom"},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"@vercel/stega","kind":"import-statement","external":true}],"format":"esm"},"src/react/hooks/use-stega-proximity.tsx":{"bytes":3242,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"../../utils/performance"}],"format":"esm"},"src/react/hooks/use-stega-elements.tsx":{"bytes":4787,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"}],"format":"esm"},"src/react/hooks/use-stega-scan.tsx":{"bytes":3960,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/dom.ts","kind":"import-statement","original":"../../utils/dom"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"../../utils/performance"},{"path":"src/react/hooks/use-stega-overlay.tsx","kind":"import-statement","original":"./use-stega-overlay"},{"path":"src/react/hooks/use-stega-proximity.tsx","kind":"import-statement","original":"./use-stega-proximity"},{"path":"src/react/hooks/use-stega-elements.tsx","kind":"import-statement","original":"./use-stega-elements"}],"format":"esm"},"src/utils/index.ts":{"bytes":1080,"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"../types","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"./errors"},{"path":"src/utils/dom.ts","kind":"import-statement","original":"./dom"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"./debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"./performance"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/hooks/use-modal.ts":{"bytes":1586,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/logo.tsx":{"bytes":4307,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/icons/sort-down.tsx":{"bytes":649,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/segment-dropdown.tsx":{"bytes":3041,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../../types","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../contexts"},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"src/react/components/icons/sort-down.tsx","kind":"import-statement","original":"./icons/sort-down"},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../utils"}],"format":"esm"},"src/react/components/radio-selector.tsx":{"bytes":1431,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../utils"}],"format":"esm"},"src/react/components/variant-selector.tsx":{"bytes":1052,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../contexts"},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"src/react/components/radio-selector.tsx","kind":"import-statement","original":"./radio-selector"}],"format":"esm"},"src/react/components/edit-mode-selector.tsx":{"bytes":577,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../contexts"},{"path":"src/react/components/radio-selector.tsx","kind":"import-statement","original":"./radio-selector"}],"format":"esm"},"src/react/components/icons/rotate.tsx":{"bytes":1662,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/reset-button.tsx":{"bytes":1607,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../utils"},{"path":"src/react/prepr-previewbar-provider.tsx","kind":"import-statement","original":"../prepr-previewbar-provider"},{"path":"src/react/components/icons/rotate.tsx","kind":"import-statement","original":"./icons/rotate"}],"format":"esm"},"src/react/components/preview-bar/preview-bar-content.tsx":{"bytes":3072,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/logo.tsx","kind":"import-statement","original":"../logo"},{"path":"src/react/components/segment-dropdown.tsx","kind":"import-statement","original":"../segment-dropdown"},{"path":"src/react/components/variant-selector.tsx","kind":"import-statement","original":"../variant-selector"},{"path":"src/react/components/edit-mode-selector.tsx","kind":"import-statement","original":"../edit-mode-selector"},{"path":"src/react/components/reset-button.tsx","kind":"import-statement","original":"../reset-button"}],"format":"esm"},"src/react/components/icon.tsx":{"bytes":815,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/preview-bar/preview-bar-button.tsx":{"bytes":537,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"},{"path":"src/react/components/icon.tsx","kind":"import-statement","original":"../icon"}],"format":"esm"},"src/react/components/preview-bar/preview-bar.tsx":{"bytes":3194,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"src/react/hooks/use-modal.ts","kind":"import-statement","original":"../../hooks/use-modal"},{"path":"src/react/components/preview-bar/preview-bar-content.tsx","kind":"import-statement","original":"./preview-bar-content"},{"path":"src/react/components/preview-bar/preview-bar-button.tsx","kind":"import-statement","original":"./preview-bar-button"}],"format":"esm"},"src/react/components/preview-bar/index.ts":{"bytes":171,"imports":[{"path":"src/react/components/preview-bar/preview-bar.tsx","kind":"import-statement","original":"./preview-bar"},{"path":"src/react/components/preview-bar/preview-bar-content.tsx","kind":"import-statement","original":"./preview-bar-content"},{"path":"src/react/components/preview-bar/preview-bar-button.tsx","kind":"import-statement","original":"./preview-bar-button"}],"format":"esm"},"src/react/components/preview-bar-wrapper.tsx":{"bytes":1446,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/preview-bar/index.ts","kind":"import-statement","original":"./preview-bar"},{"path":"next/navigation","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/icons/xmark.tsx":{"bytes":530,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/status-indicator-pill.tsx":{"bytes":2366,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/prepr-previewbar-provider.tsx","kind":"import-statement","original":"../prepr-previewbar-provider"},{"path":"src/react/components/icons/xmark.tsx","kind":"import-statement","original":"./icons/xmark"},{"path":"next/navigation","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/close-edit-mode-pill.tsx":{"bytes":868,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/prepr-previewbar-provider.tsx","kind":"import-statement","original":"../prepr-previewbar-provider"},{"path":"src/react/components/icons/xmark.tsx","kind":"import-statement","original":"./icons/xmark"}],"format":"esm"},"src/react/components/preview-bar-indicator-wrapper.tsx":{"bytes":361,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/status-indicator-pill.tsx","kind":"import-statement","original":"./status-indicator-pill"},{"path":"src/react/components/close-edit-mode-pill.tsx","kind":"import-statement","original":"./close-edit-mode-pill"}],"format":"esm"},"src/react/components/prepr-preview-bar.tsx":{"bytes":489,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../contexts"},{"path":"src/react/hooks/use-stega-scan.tsx","kind":"import-statement","original":"../hooks/use-stega-scan"},{"path":"src/react/components/preview-bar-wrapper.tsx","kind":"import-statement","original":"./preview-bar-wrapper"},{"path":"src/react/components/preview-bar-indicator-wrapper.tsx","kind":"import-statement","original":"./preview-bar-indicator-wrapper"}],"format":"esm"},"src/react/index.tsx":{"bytes":189,"imports":[{"path":"src/react/prepr-previewbar-provider.tsx","kind":"import-statement","original":"./prepr-previewbar-provider"},{"path":"src/react/components/prepr-preview-bar.tsx","kind":"import-statement","original":"./components/prepr-preview-bar"}],"format":"esm"}},"outputs":{"dist/react/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":104753},"dist/react/index.cjs":{"imports":[{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"@vercel/stega","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react-dom","kind":"require-call","external":true},{"path":"clsx","kind":"require-call","external":true},{"path":"tailwind-merge","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"next/navigation","kind":"require-call","external":true},{"path":"@headlessui/react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"next/navigation","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"@headlessui/react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"next/navigation","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"next/navigation","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"next/navigation","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/react/index.tsx","inputs":{"src/react/index.tsx":{"bytesInOutput":120},"src/react/prepr-previewbar-provider.tsx":{"bytesInOutput":1287},"src/react/contexts/segment-context.tsx":{"bytesInOutput":474},"src/utils/errors.ts":{"bytesInOutput":655},"src/react/contexts/index.ts":{"bytesInOutput":0},"src/react/contexts/variant-context.tsx":{"bytesInOutput":339},"src/react/contexts/edit-mode-context.tsx":{"bytesInOutput":534},"src/react/components/error-boundary.tsx":{"bytesInOutput":747},"src/utils/debug.ts":{"bytesInOutput":599},"src/react/components/prepr-preview-bar.tsx":{"bytesInOutput":195},"src/react/hooks/use-stega-scan.tsx":{"bytesInOutput":1518},"src/utils/dom.ts":{"bytesInOutput":1397},"src/utils/performance.ts":{"bytesInOutput":334},"src/react/hooks/use-stega-overlay.tsx":{"bytesInOutput":2375},"src/react/hooks/use-stega-proximity.tsx":{"bytesInOutput":1038},"src/react/hooks/use-stega-elements.tsx":{"bytesInOutput":2328},"src/react/components/preview-bar-wrapper.tsx":{"bytesInOutput":671},"src/react/components/preview-bar/preview-bar.tsx":{"bytesInOutput":1335},"src/utils/index.ts":{"bytesInOutput":106},"src/react/hooks/use-modal.ts":{"bytesInOutput":673},"src/react/components/preview-bar/preview-bar-content.tsx":{"bytesInOutput":2568},"src/react/components/logo.tsx":{"bytesInOutput":4173},"src/react/components/segment-dropdown.tsx":{"bytesInOutput":1848},"src/react/components/icons/sort-down.tsx":{"bytesInOutput":545},"src/react/components/variant-selector.tsx":{"bytesInOutput":538},"src/react/components/radio-selector.tsx":{"bytesInOutput":785},"src/react/components/edit-mode-selector.tsx":{"bytesInOutput":237},"src/react/components/reset-button.tsx":{"bytesInOutput":872},"src/react/components/icons/rotate.tsx":{"bytesInOutput":1607},"src/react/components/preview-bar/preview-bar-button.tsx":{"bytesInOutput":295},"src/react/components/icon.tsx":{"bytesInOutput":696},"src/react/components/preview-bar/index.ts":{"bytesInOutput":0},"src/react/components/preview-bar-indicator-wrapper.tsx":{"bytesInOutput":218},"src/react/components/status-indicator-pill.tsx":{"bytesInOutput":1323},"src/react/components/icons/xmark.tsx":{"bytesInOutput":428},"src/react/components/close-edit-mode-pill.tsx":{"bytesInOutput":636}},"bytes":34545}}}
1	+ {"inputs":{"src/utils/errors.ts":{"bytes":1985,"imports":[],"format":"esm"},"src/react/contexts/segment-context.tsx":{"bytes":1601,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../../types","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/variant-context.tsx":{"bytes":1109,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/edit-mode-context.tsx":{"bytes":1523,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/index.ts":{"bytes":267,"imports":[{"path":"src/react/contexts/segment-context.tsx","kind":"import-statement","original":"./segment-context"},{"path":"src/react/contexts/variant-context.tsx","kind":"import-statement","original":"./variant-context"},{"path":"src/react/contexts/edit-mode-context.tsx","kind":"import-statement","original":"./edit-mode-context"}],"format":"esm"},"src/react/components/error-boundary.tsx":{"bytes":1342,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/utils/debug.ts":{"bytes":2587,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/toolbar/toolbar-provider.tsx":{"bytes":3230,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../../../types","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"src/react/components/error-boundary.tsx","kind":"import-statement","original":"../error-boundary"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../../utils/debug"}],"format":"esm"},"src/utils/dom.ts":{"bytes":4121,"imports":[{"path":"src/utils/errors.ts","kind":"import-statement","original":"./errors"}],"format":"esm"},"src/utils/performance.ts":{"bytes":2443,"imports":[],"format":"esm"},"src/react/hooks/use-stega-overlay.tsx":{"bytes":5294,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/dom.ts","kind":"import-statement","original":"../../utils/dom"},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"@vercel/stega","kind":"import-statement","external":true}],"format":"esm"},"src/react/hooks/use-stega-proximity.tsx":{"bytes":3242,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"../../utils/performance"}],"format":"esm"},"src/react/hooks/use-stega-elements.tsx":{"bytes":4787,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"}],"format":"esm"},"src/react/hooks/use-stega-scan.tsx":{"bytes":3960,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/dom.ts","kind":"import-statement","original":"../../utils/dom"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"../../utils/performance"},{"path":"src/react/hooks/use-stega-overlay.tsx","kind":"import-statement","original":"./use-stega-overlay"},{"path":"src/react/hooks/use-stega-proximity.tsx","kind":"import-statement","original":"./use-stega-proximity"},{"path":"src/react/hooks/use-stega-elements.tsx","kind":"import-statement","original":"./use-stega-elements"}],"format":"esm"},"src/utils/index.ts":{"bytes":1080,"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"../types","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"./errors"},{"path":"src/utils/dom.ts","kind":"import-statement","original":"./dom"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"./debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"./performance"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/hooks/use-modal.ts":{"bytes":1586,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/icons/xmark.tsx":{"bytes":530,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/status-indicator-pill.tsx":{"bytes":2360,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/toolbar/toolbar-provider.tsx","kind":"import-statement","original":"../toolbar/toolbar-provider"},{"path":"src/react/components/icons/xmark.tsx","kind":"import-statement","original":"../icons/xmark"},{"path":"next/navigation","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/close-edit-mode-pill.tsx":{"bytes":862,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/toolbar/toolbar-provider.tsx","kind":"import-statement","original":"../toolbar/toolbar-provider"},{"path":"src/react/components/icons/xmark.tsx","kind":"import-statement","original":"../icons/xmark"}],"format":"esm"},"src/react/components/icons/rotate.tsx":{"bytes":1662,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/reset-button.tsx":{"bytes":1604,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"},{"path":"src/react/components/toolbar/toolbar-provider.tsx","kind":"import-statement","original":"../toolbar/toolbar-provider"},{"path":"src/react/components/icons/rotate.tsx","kind":"import-statement","original":"../icons/rotate"}],"format":"esm"},"src/react/components/ui/icon.tsx":{"bytes":815,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/logo.tsx":{"bytes":4307,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/prepr-tracking-pixel.tsx":{"bytes":1957,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"next/script","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/index.ts":{"bytes":358,"imports":[{"path":"src/react/components/ui/status-indicator-pill.tsx","kind":"import-statement","original":"./status-indicator-pill"},{"path":"src/react/components/ui/close-edit-mode-pill.tsx","kind":"import-statement","original":"./close-edit-mode-pill"},{"path":"src/react/components/ui/reset-button.tsx","kind":"import-statement","original":"./reset-button"},{"path":"src/react/components/ui/icon.tsx","kind":"import-statement","original":"./icon"},{"path":"src/react/components/ui/logo.tsx","kind":"import-statement","original":"./logo"},{"path":"src/react/components/ui/prepr-tracking-pixel.tsx","kind":"import-statement","original":"./prepr-tracking-pixel"}],"format":"esm"},"src/react/components/icons/sort-down.tsx":{"bytes":649,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/selectors/segment-selector.tsx":{"bytes":3051,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../../../types","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"src/react/components/icons/sort-down.tsx","kind":"import-statement","original":"../icons/sort-down"},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"}],"format":"esm"},"src/react/components/selectors/radio-selector.tsx":{"bytes":1434,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"}],"format":"esm"},"src/react/components/selectors/variant-selector.tsx":{"bytes":1055,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"src/react/components/selectors/radio-selector.tsx","kind":"import-statement","original":"./radio-selector"}],"format":"esm"},"src/react/components/selectors/edit-mode-selector.tsx":{"bytes":580,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"src/react/components/selectors/radio-selector.tsx","kind":"import-statement","original":"./radio-selector"}],"format":"esm"},"src/react/components/selectors/index.ts":{"bytes":259,"imports":[{"path":"src/react/components/selectors/segment-selector.tsx","kind":"import-statement","original":"./segment-selector"},{"path":"src/react/components/selectors/variant-selector.tsx","kind":"import-statement","original":"./variant-selector"},{"path":"src/react/components/selectors/edit-mode-selector.tsx","kind":"import-statement","original":"./edit-mode-selector"},{"path":"src/react/components/selectors/radio-selector.tsx","kind":"import-statement","original":"./radio-selector"}],"format":"esm"},"src/react/components/toolbar/toolbar-content.tsx":{"bytes":2988,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/ui/index.ts","kind":"import-statement","original":"../ui"},{"path":"src/react/components/selectors/index.ts","kind":"import-statement","original":"../selectors"},{"path":"src/react/components/ui/index.ts","kind":"import-statement","original":"../ui"}],"format":"esm"},"src/react/components/toolbar/toolbar-button.tsx":{"bytes":525,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"},{"path":"src/react/components/ui/index.ts","kind":"import-statement","original":"../ui"}],"format":"esm"},"src/react/components/toolbar/toolbar.tsx":{"bytes":3153,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"src/react/hooks/use-modal.ts","kind":"import-statement","original":"../../hooks/use-modal"},{"path":"src/react/components/toolbar/toolbar-content.tsx","kind":"import-statement","original":"./toolbar-content"},{"path":"src/react/components/toolbar/toolbar-button.tsx","kind":"import-statement","original":"./toolbar-button"}],"format":"esm"},"src/react/components/toolbar/toolbar-wrapper.tsx":{"bytes":1429,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"src/react/components/toolbar/toolbar.tsx","kind":"import-statement","original":"./toolbar"}],"format":"esm"},"src/react/components/toolbar/toolbar-indicator-wrapper.tsx":{"bytes":307,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/ui/index.ts","kind":"import-statement","original":"../ui"}],"format":"esm"},"src/react/components/toolbar/prepr-toolbar.tsx":{"bytes":472,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"src/react/hooks/use-stega-scan.tsx","kind":"import-statement","original":"../../hooks/use-stega-scan"},{"path":"src/react/components/toolbar/toolbar-wrapper.tsx","kind":"import-statement","original":"./toolbar-wrapper"},{"path":"src/react/components/toolbar/toolbar-indicator-wrapper.tsx","kind":"import-statement","original":"./toolbar-indicator-wrapper"}],"format":"esm"},"src/react/index.tsx":{"bytes":280,"imports":[{"path":"src/react/components/toolbar/toolbar-provider.tsx","kind":"import-statement","original":"./components/toolbar/toolbar-provider"},{"path":"src/react/components/toolbar/prepr-toolbar.tsx","kind":"import-statement","original":"./components/toolbar/prepr-toolbar"},{"path":"src/react/components/ui/prepr-tracking-pixel.tsx","kind":"import-statement","original":"./components/ui/prepr-tracking-pixel"}],"format":"esm"}},"outputs":{"dist/react/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":107077},"dist/react/index.cjs":{"imports":[{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"@vercel/stega","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"next/navigation","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react-dom","kind":"require-call","external":true},{"path":"clsx","kind":"require-call","external":true},{"path":"tailwind-merge","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"next/navigation","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"next/navigation","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"next/script","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"next/navigation","kind":"require-call","external":true},{"path":"@headlessui/react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"next/navigation","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"@headlessui/react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/react/index.tsx","inputs":{"src/react/index.tsx":{"bytesInOutput":137},"src/react/components/toolbar/toolbar-provider.tsx":{"bytesInOutput":1287},"src/react/contexts/segment-context.tsx":{"bytesInOutput":474},"src/utils/errors.ts":{"bytesInOutput":655},"src/react/contexts/index.ts":{"bytesInOutput":0},"src/react/contexts/variant-context.tsx":{"bytesInOutput":339},"src/react/contexts/edit-mode-context.tsx":{"bytesInOutput":534},"src/react/components/error-boundary.tsx":{"bytesInOutput":747},"src/utils/debug.ts":{"bytesInOutput":599},"src/react/components/toolbar/prepr-toolbar.tsx":{"bytesInOutput":195},"src/react/hooks/use-stega-scan.tsx":{"bytesInOutput":1518},"src/utils/dom.ts":{"bytesInOutput":1397},"src/utils/performance.ts":{"bytesInOutput":334},"src/react/hooks/use-stega-overlay.tsx":{"bytesInOutput":2375},"src/react/hooks/use-stega-proximity.tsx":{"bytesInOutput":1038},"src/react/hooks/use-stega-elements.tsx":{"bytesInOutput":2328},"src/react/components/toolbar/toolbar-wrapper.tsx":{"bytesInOutput":667},"src/react/components/toolbar/toolbar.tsx":{"bytesInOutput":1335},"src/utils/index.ts":{"bytesInOutput":106},"src/react/hooks/use-modal.ts":{"bytesInOutput":673},"src/react/components/toolbar/toolbar-content.tsx":{"bytesInOutput":2568},"src/react/components/ui/status-indicator-pill.tsx":{"bytesInOutput":1323},"src/react/components/icons/xmark.tsx":{"bytesInOutput":428},"src/react/components/ui/index.ts":{"bytesInOutput":0},"src/react/components/ui/close-edit-mode-pill.tsx":{"bytesInOutput":636},"src/react/components/ui/reset-button.tsx":{"bytesInOutput":872},"src/react/components/icons/rotate.tsx":{"bytesInOutput":1607},"src/react/components/ui/icon.tsx":{"bytesInOutput":696},"src/react/components/ui/logo.tsx":{"bytesInOutput":4173},"src/react/components/ui/prepr-tracking-pixel.tsx":{"bytesInOutput":816},"src/react/components/selectors/segment-selector.tsx":{"bytesInOutput":1848},"src/react/components/icons/sort-down.tsx":{"bytesInOutput":545},"src/react/components/selectors/index.ts":{"bytesInOutput":0},"src/react/components/selectors/variant-selector.tsx":{"bytesInOutput":538},"src/react/components/selectors/radio-selector.tsx":{"bytesInOutput":785},"src/react/components/selectors/edit-mode-selector.tsx":{"bytesInOutput":237},"src/react/components/toolbar/toolbar-button.tsx":{"bytesInOutput":295},"src/react/components/toolbar/toolbar-indicator-wrapper.tsx":{"bytesInOutput":218}},"bytes":35384}}}