@snowcone-app/ui 0.8.2 → 0.8.3

package/dist/index.d.cts

@@ -2306,7 +2306,31 @@ interface PlacementTabsProps {
     toolbarSize?: number;
     /** Additional className for the container */
     className?: string;
-}
+    /**
+     * Linked placements (ADR-0101): one design on every print area.
+     *
+     * - `true` — LINKED. Renders one non-interactive pill naming the set
+     *   ("Both sides" for two placements, "All N areas" otherwise; the labels
+     *   in its `title`) plus a single **Customize separately** action
+     *   (`onSplitAll`). No per-placement tabs: there is one design to edit.
+     * - `false` — SPLIT. Renders the per-placement tabs plus one
+     *   **Use one design for all** action (`onLinkAll`).
+     * - `undefined` (default) — no link model: plain tabs, exactly as before.
+     */
+    linked?: boolean;
+    /** Linked → split: every placement gets its own copy of the design. */
+    onSplitAll?: () => void;
+    /** Split → linked: drop the per-placement copies, back to one design. */
+    onLinkAll?: () => void;
+    /** Override the linked pill's copy (localisation). */
+    linkedLabel?: string;
+    /** Override the "Customize separately" action copy. */
+    splitAllLabel?: string;
+    /** Override the "Use one design for all" action copy. */
+    linkAllLabel?: string;
+}
+/** Default pill copy for a linked set of `count` placements. */
+declare function linkedPlacementsLabel(count: number): string;
 /**
  * PlacementTabs - Renders placement tabs with optional floating toolbar placeholder.
  *
@@ -2314,6 +2338,11 @@ interface PlacementTabsProps {
  * to flow around the toolbar placeholder. On desktop, renders simple tabs
  * without the toolbar placeholder (toolbar is typically in header).
  *
+ * The container carries `data-placement-tabs` and, when the link model is in
+ * play, `data-linked="true" | "false"`; the pill is `data-placement-pill`
+ * and the actions are `data-action="split-all" | "link-all"` so hosts and
+ * agents can assert the state instead of reading pixels.
+ *
  * @example
  * ```tsx
  * // Basic usage
@@ -2333,9 +2362,19 @@ interface PlacementTabsProps {
  *   onPlacementChange={setSelected}
  *   isDesktop
  * />
+ *
+ * // Linked by default (ADR-0101): one design on every area
+ * <PlacementTabs
+ *   placements={placements}
+ *   selectedPlacement={selected}
+ *   onPlacementChange={setSelected}
+ *   linked={linked}
+ *   onSplitAll={splitAll}
+ *   onLinkAll={linkAll}
+ * />
  * ```
  */
-declare function PlacementTabs({ placements, selectedPlacement, onPlacementChange, isDesktop, toolbarPlaceholderId, toolbarSize, className, }: PlacementTabsProps): react_jsx_runtime.JSX.Element | null;
+declare function PlacementTabs({ placements, selectedPlacement, onPlacementChange, isDesktop, toolbarPlaceholderId, toolbarSize, className, linked, onSplitAll, onLinkAll, linkedLabel, splitAllLabel, linkAllLabel, }: PlacementTabsProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * usePlacementsProcessor - Process placement prop to separate colors from images
@@ -2952,6 +2991,10 @@ interface RealtimeContextValue {
             y: number;
             width: number;
             height: number;
+            part?: {
+                index: number;
+                count: number;
+            };
         }>;
     }> | undefined) => void;
     getMockupResultsImmediate: () => MockupResult[];
@@ -5595,4 +5638,4 @@ declare function normalizeHex(color: string): string;
  */
 declare function scrollInputAboveKeyboard(input: HTMLElement): void;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddToCart, type AddToCartProps, ArtAlignment, type ArtAlignmentProps, ArtSelector, type ArtSelectorProps, type Artwork, ArtworkCustomizer, type ArtworkCustomizerProps, Badge, type BadgeProps, BrandLogo, type BrandLogoProps, BrandName, type BrandNameProps, Button, type ButtonProps, CanvasEditor, type CanvasExportServiceConfig, CanvasIsolationBoundary, CanvasIsolationConfigurator, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CarouselImage, type CarouselRenderProps, Checkbox, Chip, type ClipShape, Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ColorPalette, ColorPicker, type ColorPickerProps, ColorRow, ColorSwatch, type ColorSwatchChoice, type ColorSwatchProps, ColorTokenSwatch, type ContentRenderProps, CurrentRefinements, CurrentSelectionDisplay, type CurrentSelectionDisplayProps, DEFAULT_HERO_ZOOM_CONFIG, DEFAULT_IMAGE_CONFIG, DEFAULT_VISIBILITY_OPTIONS, DesignSystemPage, type DeviceDetectionResult, Disclosure, DisclosureContent, DisclosureTrigger, DragHintAnimation, type DragHintAnimationProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EdgeBlurBox, type EdgeBlurBoxProps, EdgeSwipeGuards, type EdgeSwipeGuardsProps, EnhancedImageViewer, FACET_SECTIONS, type FacetSection, type FacetType, Fieldset, type FieldsetProps, Filters, FiltersButton, type FiltersButtonProps, FiltersDrawer, type FiltersProps, FloatingActionGroup, type FloatingActionGroupProps, type FloatingActionItem, type FormatCurrencyOptions, HeroCarousel, type HeroCarouselProps, type HeroImage, type HeroImageRenderProps, HeroProductImage, type HeroProductImageProps, type HeroShrinkConfig, HeroShrinkLayout, type HeroShrinkLayoutProps, type HeroZoomConfig, HeroZoomLayout, type HeroZoomLayoutProps, type HeroZoomScales, HorizontalProgressiveBlur, type HorizontalProgressiveBlurProps, Drawer as IOSDrawer, DrawerClose as IOSDrawerClose, DrawerContent as IOSDrawerContent, DrawerDescription as IOSDrawerDescription, DrawerFooter as IOSDrawerFooter, DrawerHeader as IOSDrawerHeader, DrawerTitle as IOSDrawerTitle, DrawerTrigger as IOSDrawerTrigger, ImageBlurExtension, type ImageBlurExtensionProps, ImageEdgeBlur, type ImageEdgeBlurProps, type ImageLayer, type ImageUpdateRequest, Input, type InputProps, Kbd, type KbdProps, Label, Legend, type LegendProps, Lightbox, type LightboxProps, Link, LinkIcon, type LinkProps, LoadingOverlayPrism, LoadingOverlayPrismCandy, LoadingOverlayPrismCandyInline, type LoadingOverlayPrismCandyProps, type LoadingOverlayPrismProps, MasonryGrid, type MasonryGridProps, MobileProductCarousel, type MobileProductCarouselProps, MockupBackground, type MockupBackgroundProps, type MockupPriorityContextValue, MockupPriorityProvider, type MockupPriorityProviderProps, type MockupResult, PDPLayout, type PDPLayoutProps, PersonalizationField, PersonalizationInputs, PersonalizationProvider, PersonalizationValues, PlacementClipShapeSelector, type PlacementConfig, type PlacementDesign, PlacementTabs, type PlacementTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, type PriorityLevel, Product, ProductCard, type ProductCardProps, ProductContext, type ProductDataMode, ProductGallery, type ProductGalleryProps, ProductGrid, type ProductGridProps, type ProductHit, ProductHitComponent, ProductImage, type Artwork$1 as ProductImageArtwork, type ProductImageProps, ProductList, type ProductListProps, ProductOptions, type ProductPageContext, ProductPageProvider, ProductPageProviderMinimal, type ProductPageProviderMinimalProps, type ProductPageProviderProps, ProductPrice, type ProductPriceProps, type ProductProviderProps, ProgressiveBlur, type ProgressiveBlurProps, type ProviderStatus, Radio, RadioGroup, RadioGroupItem, RadiusScale, type ReactProductContext, type RealtimeContextValue, RealtimeMockup, type RealtimeMockupProps, RealtimeProvider, type RealtimeProviderProps, type RealtimeState, type RegularArtwork$1 as RegularArtwork, type ResponsiveColumns, type ResponsiveImageCapInfo, type ResponsiveImageCapOptions, ResponsiveZoom, RightToLeftProgressiveBlur, type RightToLeftProgressiveBlurProps, SafeImg, type SafeImgProps, type ScrollDirection, ScrollFade, type ScrollFadeProps, type ScrollState, type SeamlessPattern$1 as SeamlessPattern, SearchBox, SearchProvider, type SearchProviderProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Shop, ShopContext, type ShopContextValue, type ShopProps, SimpleImageBlur, type SimpleImageBlurProps, Slider, SliderFill, SliderOutput, SliderThumb, SliderTrack, Spinner, type SpinnerProps, Surface, SurfaceContext, type SurfaceProps, Switch, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, TextArea, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeSwitcher, ThemeToggle, type ThemeToggleProps, TileCount, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, TypographyScale, type UiRouter, UiRouterProvider, type UseBrandResult, type UseImagePreloaderOptions, type UseImagePreloaderReturn, type UseImageTransitionOptions, type UseImageTransitionReturn, type UsePersonalizationShimmerReturn, type UseProductGalleryOptions, type UseProductGalleryReturn, VISIBILITY_THRESHOLDS, type ViewportDimensions, type ZoomImage, ZoomOverlay, badgeVariants, brandAssets, buttonVariants, canvasExportService, checkComponentStyles, checkTailwindConfig, checkThemeTokens, createScrollDirectionTracker, formatCurrency, formatDate, formatDateTime, getBrand, getObservedElementCount, getObserverCount, hasEdgeBlur, isObserved, isWideMonitor, kbdVariants, linkVariants, normalizeHex, observe, runConfigChecks, scrollInputAboveKeyboard, searchClient, spinnerVariants, surfaceVariants, useArtworkAlignment, useBrand, useCanvasContext, useCanvasContextStatic, useCurrentPlacements, useDesign, useDesignOptional, useDeviceDetection, useFocusTrap, useHeroZoomScales, useImagePreloader, useImageTransition, useIsolatedCanvas, useLoadingOverlay, useMediaQuery, useMockupBackgroundOptional, useMockupPriority, useMockupPriorityOptional, usePersonalization, usePersonalizationOptional, usePersonalizationShimmer, usePlacementClipShape, usePlacementsProcessor, useProduct, useProductGallery, useProductOptional, useProductPage, useProductPageOptional, useProductSelection, useProviderStatus, useRealtime, useRealtimeOptional, useRenderCount, useRenderGuard, useResponsiveImageCap, useScrollDirection, useSelectedArtwork, useSetArtworkAlignment, useShop, useShopOptional, useSurface, useViewportDimensions, useWideMonitorMode };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddToCart, type AddToCartProps, ArtAlignment, type ArtAlignmentProps, ArtSelector, type ArtSelectorProps, type Artwork, ArtworkCustomizer, type ArtworkCustomizerProps, Badge, type BadgeProps, BrandLogo, type BrandLogoProps, BrandName, type BrandNameProps, Button, type ButtonProps, CanvasEditor, type CanvasExportServiceConfig, CanvasIsolationBoundary, CanvasIsolationConfigurator, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CarouselImage, type CarouselRenderProps, Checkbox, Chip, type ClipShape, Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ColorPalette, ColorPicker, type ColorPickerProps, ColorRow, ColorSwatch, type ColorSwatchChoice, type ColorSwatchProps, ColorTokenSwatch, type ContentRenderProps, CurrentRefinements, CurrentSelectionDisplay, type CurrentSelectionDisplayProps, DEFAULT_HERO_ZOOM_CONFIG, DEFAULT_IMAGE_CONFIG, DEFAULT_VISIBILITY_OPTIONS, DesignSystemPage, type DeviceDetectionResult, Disclosure, DisclosureContent, DisclosureTrigger, DragHintAnimation, type DragHintAnimationProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EdgeBlurBox, type EdgeBlurBoxProps, EdgeSwipeGuards, type EdgeSwipeGuardsProps, EnhancedImageViewer, FACET_SECTIONS, type FacetSection, type FacetType, Fieldset, type FieldsetProps, Filters, FiltersButton, type FiltersButtonProps, FiltersDrawer, type FiltersProps, FloatingActionGroup, type FloatingActionGroupProps, type FloatingActionItem, type FormatCurrencyOptions, HeroCarousel, type HeroCarouselProps, type HeroImage, type HeroImageRenderProps, HeroProductImage, type HeroProductImageProps, type HeroShrinkConfig, HeroShrinkLayout, type HeroShrinkLayoutProps, type HeroZoomConfig, HeroZoomLayout, type HeroZoomLayoutProps, type HeroZoomScales, HorizontalProgressiveBlur, type HorizontalProgressiveBlurProps, Drawer as IOSDrawer, DrawerClose as IOSDrawerClose, DrawerContent as IOSDrawerContent, DrawerDescription as IOSDrawerDescription, DrawerFooter as IOSDrawerFooter, DrawerHeader as IOSDrawerHeader, DrawerTitle as IOSDrawerTitle, DrawerTrigger as IOSDrawerTrigger, ImageBlurExtension, type ImageBlurExtensionProps, ImageEdgeBlur, type ImageEdgeBlurProps, type ImageLayer, type ImageUpdateRequest, Input, type InputProps, Kbd, type KbdProps, Label, Legend, type LegendProps, Lightbox, type LightboxProps, Link, LinkIcon, type LinkProps, LoadingOverlayPrism, LoadingOverlayPrismCandy, LoadingOverlayPrismCandyInline, type LoadingOverlayPrismCandyProps, type LoadingOverlayPrismProps, MasonryGrid, type MasonryGridProps, MobileProductCarousel, type MobileProductCarouselProps, MockupBackground, type MockupBackgroundProps, type MockupPriorityContextValue, MockupPriorityProvider, type MockupPriorityProviderProps, type MockupResult, PDPLayout, type PDPLayoutProps, PersonalizationField, PersonalizationInputs, PersonalizationProvider, PersonalizationValues, PlacementClipShapeSelector, type PlacementConfig, type PlacementDesign, PlacementTabs, type PlacementTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, type PriorityLevel, Product, ProductCard, type ProductCardProps, ProductContext, type ProductDataMode, ProductGallery, type ProductGalleryProps, ProductGrid, type ProductGridProps, type ProductHit, ProductHitComponent, ProductImage, type Artwork$1 as ProductImageArtwork, type ProductImageProps, ProductList, type ProductListProps, ProductOptions, type ProductPageContext, ProductPageProvider, ProductPageProviderMinimal, type ProductPageProviderMinimalProps, type ProductPageProviderProps, ProductPrice, type ProductPriceProps, type ProductProviderProps, ProgressiveBlur, type ProgressiveBlurProps, type ProviderStatus, Radio, RadioGroup, RadioGroupItem, RadiusScale, type ReactProductContext, type RealtimeContextValue, RealtimeMockup, type RealtimeMockupProps, RealtimeProvider, type RealtimeProviderProps, type RealtimeState, type RegularArtwork$1 as RegularArtwork, type ResponsiveColumns, type ResponsiveImageCapInfo, type ResponsiveImageCapOptions, ResponsiveZoom, RightToLeftProgressiveBlur, type RightToLeftProgressiveBlurProps, SafeImg, type SafeImgProps, type ScrollDirection, ScrollFade, type ScrollFadeProps, type ScrollState, type SeamlessPattern$1 as SeamlessPattern, SearchBox, SearchProvider, type SearchProviderProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Shop, ShopContext, type ShopContextValue, type ShopProps, SimpleImageBlur, type SimpleImageBlurProps, Slider, SliderFill, SliderOutput, SliderThumb, SliderTrack, Spinner, type SpinnerProps, Surface, SurfaceContext, type SurfaceProps, Switch, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, TextArea, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeSwitcher, ThemeToggle, type ThemeToggleProps, TileCount, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, TypographyScale, type UiRouter, UiRouterProvider, type UseBrandResult, type UseImagePreloaderOptions, type UseImagePreloaderReturn, type UseImageTransitionOptions, type UseImageTransitionReturn, type UsePersonalizationShimmerReturn, type UseProductGalleryOptions, type UseProductGalleryReturn, VISIBILITY_THRESHOLDS, type ViewportDimensions, type ZoomImage, ZoomOverlay, badgeVariants, brandAssets, buttonVariants, canvasExportService, checkComponentStyles, checkTailwindConfig, checkThemeTokens, createScrollDirectionTracker, formatCurrency, formatDate, formatDateTime, getBrand, getObservedElementCount, getObserverCount, hasEdgeBlur, isObserved, isWideMonitor, kbdVariants, linkVariants, linkedPlacementsLabel, normalizeHex, observe, runConfigChecks, scrollInputAboveKeyboard, searchClient, spinnerVariants, surfaceVariants, useArtworkAlignment, useBrand, useCanvasContext, useCanvasContextStatic, useCurrentPlacements, useDesign, useDesignOptional, useDeviceDetection, useFocusTrap, useHeroZoomScales, useImagePreloader, useImageTransition, useIsolatedCanvas, useLoadingOverlay, useMediaQuery, useMockupBackgroundOptional, useMockupPriority, useMockupPriorityOptional, usePersonalization, usePersonalizationOptional, usePersonalizationShimmer, usePlacementClipShape, usePlacementsProcessor, useProduct, useProductGallery, useProductOptional, useProductPage, useProductPageOptional, useProductSelection, useProviderStatus, useRealtime, useRealtimeOptional, useRenderCount, useRenderGuard, useResponsiveImageCap, useScrollDirection, useSelectedArtwork, useSetArtworkAlignment, useShop, useShopOptional, useSurface, useViewportDimensions, useWideMonitorMode };

package/dist/index.d.ts

@@ -2306,7 +2306,31 @@ interface PlacementTabsProps {
     toolbarSize?: number;
     /** Additional className for the container */
     className?: string;
-}
+    /**
+     * Linked placements (ADR-0101): one design on every print area.
+     *
+     * - `true` — LINKED. Renders one non-interactive pill naming the set
+     *   ("Both sides" for two placements, "All N areas" otherwise; the labels
+     *   in its `title`) plus a single **Customize separately** action
+     *   (`onSplitAll`). No per-placement tabs: there is one design to edit.
+     * - `false` — SPLIT. Renders the per-placement tabs plus one
+     *   **Use one design for all** action (`onLinkAll`).
+     * - `undefined` (default) — no link model: plain tabs, exactly as before.
+     */
+    linked?: boolean;
+    /** Linked → split: every placement gets its own copy of the design. */
+    onSplitAll?: () => void;
+    /** Split → linked: drop the per-placement copies, back to one design. */
+    onLinkAll?: () => void;
+    /** Override the linked pill's copy (localisation). */
+    linkedLabel?: string;
+    /** Override the "Customize separately" action copy. */
+    splitAllLabel?: string;
+    /** Override the "Use one design for all" action copy. */
+    linkAllLabel?: string;
+}
+/** Default pill copy for a linked set of `count` placements. */
+declare function linkedPlacementsLabel(count: number): string;
 /**
  * PlacementTabs - Renders placement tabs with optional floating toolbar placeholder.
  *
@@ -2314,6 +2338,11 @@ interface PlacementTabsProps {
  * to flow around the toolbar placeholder. On desktop, renders simple tabs
  * without the toolbar placeholder (toolbar is typically in header).
  *
+ * The container carries `data-placement-tabs` and, when the link model is in
+ * play, `data-linked="true" | "false"`; the pill is `data-placement-pill`
+ * and the actions are `data-action="split-all" | "link-all"` so hosts and
+ * agents can assert the state instead of reading pixels.
+ *
  * @example
  * ```tsx
  * // Basic usage
@@ -2333,9 +2362,19 @@ interface PlacementTabsProps {
  *   onPlacementChange={setSelected}
  *   isDesktop
  * />
+ *
+ * // Linked by default (ADR-0101): one design on every area
+ * <PlacementTabs
+ *   placements={placements}
+ *   selectedPlacement={selected}
+ *   onPlacementChange={setSelected}
+ *   linked={linked}
+ *   onSplitAll={splitAll}
+ *   onLinkAll={linkAll}
+ * />
  * ```
  */
-declare function PlacementTabs({ placements, selectedPlacement, onPlacementChange, isDesktop, toolbarPlaceholderId, toolbarSize, className, }: PlacementTabsProps): react_jsx_runtime.JSX.Element | null;
+declare function PlacementTabs({ placements, selectedPlacement, onPlacementChange, isDesktop, toolbarPlaceholderId, toolbarSize, className, linked, onSplitAll, onLinkAll, linkedLabel, splitAllLabel, linkAllLabel, }: PlacementTabsProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * usePlacementsProcessor - Process placement prop to separate colors from images
@@ -2952,6 +2991,10 @@ interface RealtimeContextValue {
             y: number;
             width: number;
             height: number;
+            part?: {
+                index: number;
+                count: number;
+            };
         }>;
     }> | undefined) => void;
     getMockupResultsImmediate: () => MockupResult[];
@@ -5595,4 +5638,4 @@ declare function normalizeHex(color: string): string;
  */
 declare function scrollInputAboveKeyboard(input: HTMLElement): void;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddToCart, type AddToCartProps, ArtAlignment, type ArtAlignmentProps, ArtSelector, type ArtSelectorProps, type Artwork, ArtworkCustomizer, type ArtworkCustomizerProps, Badge, type BadgeProps, BrandLogo, type BrandLogoProps, BrandName, type BrandNameProps, Button, type ButtonProps, CanvasEditor, type CanvasExportServiceConfig, CanvasIsolationBoundary, CanvasIsolationConfigurator, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CarouselImage, type CarouselRenderProps, Checkbox, Chip, type ClipShape, Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ColorPalette, ColorPicker, type ColorPickerProps, ColorRow, ColorSwatch, type ColorSwatchChoice, type ColorSwatchProps, ColorTokenSwatch, type ContentRenderProps, CurrentRefinements, CurrentSelectionDisplay, type CurrentSelectionDisplayProps, DEFAULT_HERO_ZOOM_CONFIG, DEFAULT_IMAGE_CONFIG, DEFAULT_VISIBILITY_OPTIONS, DesignSystemPage, type DeviceDetectionResult, Disclosure, DisclosureContent, DisclosureTrigger, DragHintAnimation, type DragHintAnimationProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EdgeBlurBox, type EdgeBlurBoxProps, EdgeSwipeGuards, type EdgeSwipeGuardsProps, EnhancedImageViewer, FACET_SECTIONS, type FacetSection, type FacetType, Fieldset, type FieldsetProps, Filters, FiltersButton, type FiltersButtonProps, FiltersDrawer, type FiltersProps, FloatingActionGroup, type FloatingActionGroupProps, type FloatingActionItem, type FormatCurrencyOptions, HeroCarousel, type HeroCarouselProps, type HeroImage, type HeroImageRenderProps, HeroProductImage, type HeroProductImageProps, type HeroShrinkConfig, HeroShrinkLayout, type HeroShrinkLayoutProps, type HeroZoomConfig, HeroZoomLayout, type HeroZoomLayoutProps, type HeroZoomScales, HorizontalProgressiveBlur, type HorizontalProgressiveBlurProps, Drawer as IOSDrawer, DrawerClose as IOSDrawerClose, DrawerContent as IOSDrawerContent, DrawerDescription as IOSDrawerDescription, DrawerFooter as IOSDrawerFooter, DrawerHeader as IOSDrawerHeader, DrawerTitle as IOSDrawerTitle, DrawerTrigger as IOSDrawerTrigger, ImageBlurExtension, type ImageBlurExtensionProps, ImageEdgeBlur, type ImageEdgeBlurProps, type ImageLayer, type ImageUpdateRequest, Input, type InputProps, Kbd, type KbdProps, Label, Legend, type LegendProps, Lightbox, type LightboxProps, Link, LinkIcon, type LinkProps, LoadingOverlayPrism, LoadingOverlayPrismCandy, LoadingOverlayPrismCandyInline, type LoadingOverlayPrismCandyProps, type LoadingOverlayPrismProps, MasonryGrid, type MasonryGridProps, MobileProductCarousel, type MobileProductCarouselProps, MockupBackground, type MockupBackgroundProps, type MockupPriorityContextValue, MockupPriorityProvider, type MockupPriorityProviderProps, type MockupResult, PDPLayout, type PDPLayoutProps, PersonalizationField, PersonalizationInputs, PersonalizationProvider, PersonalizationValues, PlacementClipShapeSelector, type PlacementConfig, type PlacementDesign, PlacementTabs, type PlacementTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, type PriorityLevel, Product, ProductCard, type ProductCardProps, ProductContext, type ProductDataMode, ProductGallery, type ProductGalleryProps, ProductGrid, type ProductGridProps, type ProductHit, ProductHitComponent, ProductImage, type Artwork$1 as ProductImageArtwork, type ProductImageProps, ProductList, type ProductListProps, ProductOptions, type ProductPageContext, ProductPageProvider, ProductPageProviderMinimal, type ProductPageProviderMinimalProps, type ProductPageProviderProps, ProductPrice, type ProductPriceProps, type ProductProviderProps, ProgressiveBlur, type ProgressiveBlurProps, type ProviderStatus, Radio, RadioGroup, RadioGroupItem, RadiusScale, type ReactProductContext, type RealtimeContextValue, RealtimeMockup, type RealtimeMockupProps, RealtimeProvider, type RealtimeProviderProps, type RealtimeState, type RegularArtwork$1 as RegularArtwork, type ResponsiveColumns, type ResponsiveImageCapInfo, type ResponsiveImageCapOptions, ResponsiveZoom, RightToLeftProgressiveBlur, type RightToLeftProgressiveBlurProps, SafeImg, type SafeImgProps, type ScrollDirection, ScrollFade, type ScrollFadeProps, type ScrollState, type SeamlessPattern$1 as SeamlessPattern, SearchBox, SearchProvider, type SearchProviderProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Shop, ShopContext, type ShopContextValue, type ShopProps, SimpleImageBlur, type SimpleImageBlurProps, Slider, SliderFill, SliderOutput, SliderThumb, SliderTrack, Spinner, type SpinnerProps, Surface, SurfaceContext, type SurfaceProps, Switch, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, TextArea, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeSwitcher, ThemeToggle, type ThemeToggleProps, TileCount, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, TypographyScale, type UiRouter, UiRouterProvider, type UseBrandResult, type UseImagePreloaderOptions, type UseImagePreloaderReturn, type UseImageTransitionOptions, type UseImageTransitionReturn, type UsePersonalizationShimmerReturn, type UseProductGalleryOptions, type UseProductGalleryReturn, VISIBILITY_THRESHOLDS, type ViewportDimensions, type ZoomImage, ZoomOverlay, badgeVariants, brandAssets, buttonVariants, canvasExportService, checkComponentStyles, checkTailwindConfig, checkThemeTokens, createScrollDirectionTracker, formatCurrency, formatDate, formatDateTime, getBrand, getObservedElementCount, getObserverCount, hasEdgeBlur, isObserved, isWideMonitor, kbdVariants, linkVariants, normalizeHex, observe, runConfigChecks, scrollInputAboveKeyboard, searchClient, spinnerVariants, surfaceVariants, useArtworkAlignment, useBrand, useCanvasContext, useCanvasContextStatic, useCurrentPlacements, useDesign, useDesignOptional, useDeviceDetection, useFocusTrap, useHeroZoomScales, useImagePreloader, useImageTransition, useIsolatedCanvas, useLoadingOverlay, useMediaQuery, useMockupBackgroundOptional, useMockupPriority, useMockupPriorityOptional, usePersonalization, usePersonalizationOptional, usePersonalizationShimmer, usePlacementClipShape, usePlacementsProcessor, useProduct, useProductGallery, useProductOptional, useProductPage, useProductPageOptional, useProductSelection, useProviderStatus, useRealtime, useRealtimeOptional, useRenderCount, useRenderGuard, useResponsiveImageCap, useScrollDirection, useSelectedArtwork, useSetArtworkAlignment, useShop, useShopOptional, useSurface, useViewportDimensions, useWideMonitorMode };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddToCart, type AddToCartProps, ArtAlignment, type ArtAlignmentProps, ArtSelector, type ArtSelectorProps, type Artwork, ArtworkCustomizer, type ArtworkCustomizerProps, Badge, type BadgeProps, BrandLogo, type BrandLogoProps, BrandName, type BrandNameProps, Button, type ButtonProps, CanvasEditor, type CanvasExportServiceConfig, CanvasIsolationBoundary, CanvasIsolationConfigurator, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CarouselImage, type CarouselRenderProps, Checkbox, Chip, type ClipShape, Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ColorPalette, ColorPicker, type ColorPickerProps, ColorRow, ColorSwatch, type ColorSwatchChoice, type ColorSwatchProps, ColorTokenSwatch, type ContentRenderProps, CurrentRefinements, CurrentSelectionDisplay, type CurrentSelectionDisplayProps, DEFAULT_HERO_ZOOM_CONFIG, DEFAULT_IMAGE_CONFIG, DEFAULT_VISIBILITY_OPTIONS, DesignSystemPage, type DeviceDetectionResult, Disclosure, DisclosureContent, DisclosureTrigger, DragHintAnimation, type DragHintAnimationProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EdgeBlurBox, type EdgeBlurBoxProps, EdgeSwipeGuards, type EdgeSwipeGuardsProps, EnhancedImageViewer, FACET_SECTIONS, type FacetSection, type FacetType, Fieldset, type FieldsetProps, Filters, FiltersButton, type FiltersButtonProps, FiltersDrawer, type FiltersProps, FloatingActionGroup, type FloatingActionGroupProps, type FloatingActionItem, type FormatCurrencyOptions, HeroCarousel, type HeroCarouselProps, type HeroImage, type HeroImageRenderProps, HeroProductImage, type HeroProductImageProps, type HeroShrinkConfig, HeroShrinkLayout, type HeroShrinkLayoutProps, type HeroZoomConfig, HeroZoomLayout, type HeroZoomLayoutProps, type HeroZoomScales, HorizontalProgressiveBlur, type HorizontalProgressiveBlurProps, Drawer as IOSDrawer, DrawerClose as IOSDrawerClose, DrawerContent as IOSDrawerContent, DrawerDescription as IOSDrawerDescription, DrawerFooter as IOSDrawerFooter, DrawerHeader as IOSDrawerHeader, DrawerTitle as IOSDrawerTitle, DrawerTrigger as IOSDrawerTrigger, ImageBlurExtension, type ImageBlurExtensionProps, ImageEdgeBlur, type ImageEdgeBlurProps, type ImageLayer, type ImageUpdateRequest, Input, type InputProps, Kbd, type KbdProps, Label, Legend, type LegendProps, Lightbox, type LightboxProps, Link, LinkIcon, type LinkProps, LoadingOverlayPrism, LoadingOverlayPrismCandy, LoadingOverlayPrismCandyInline, type LoadingOverlayPrismCandyProps, type LoadingOverlayPrismProps, MasonryGrid, type MasonryGridProps, MobileProductCarousel, type MobileProductCarouselProps, MockupBackground, type MockupBackgroundProps, type MockupPriorityContextValue, MockupPriorityProvider, type MockupPriorityProviderProps, type MockupResult, PDPLayout, type PDPLayoutProps, PersonalizationField, PersonalizationInputs, PersonalizationProvider, PersonalizationValues, PlacementClipShapeSelector, type PlacementConfig, type PlacementDesign, PlacementTabs, type PlacementTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, type PriorityLevel, Product, ProductCard, type ProductCardProps, ProductContext, type ProductDataMode, ProductGallery, type ProductGalleryProps, ProductGrid, type ProductGridProps, type ProductHit, ProductHitComponent, ProductImage, type Artwork$1 as ProductImageArtwork, type ProductImageProps, ProductList, type ProductListProps, ProductOptions, type ProductPageContext, ProductPageProvider, ProductPageProviderMinimal, type ProductPageProviderMinimalProps, type ProductPageProviderProps, ProductPrice, type ProductPriceProps, type ProductProviderProps, ProgressiveBlur, type ProgressiveBlurProps, type ProviderStatus, Radio, RadioGroup, RadioGroupItem, RadiusScale, type ReactProductContext, type RealtimeContextValue, RealtimeMockup, type RealtimeMockupProps, RealtimeProvider, type RealtimeProviderProps, type RealtimeState, type RegularArtwork$1 as RegularArtwork, type ResponsiveColumns, type ResponsiveImageCapInfo, type ResponsiveImageCapOptions, ResponsiveZoom, RightToLeftProgressiveBlur, type RightToLeftProgressiveBlurProps, SafeImg, type SafeImgProps, type ScrollDirection, ScrollFade, type ScrollFadeProps, type ScrollState, type SeamlessPattern$1 as SeamlessPattern, SearchBox, SearchProvider, type SearchProviderProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Shop, ShopContext, type ShopContextValue, type ShopProps, SimpleImageBlur, type SimpleImageBlurProps, Slider, SliderFill, SliderOutput, SliderThumb, SliderTrack, Spinner, type SpinnerProps, Surface, SurfaceContext, type SurfaceProps, Switch, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, TextArea, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeSwitcher, ThemeToggle, type ThemeToggleProps, TileCount, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, TypographyScale, type UiRouter, UiRouterProvider, type UseBrandResult, type UseImagePreloaderOptions, type UseImagePreloaderReturn, type UseImageTransitionOptions, type UseImageTransitionReturn, type UsePersonalizationShimmerReturn, type UseProductGalleryOptions, type UseProductGalleryReturn, VISIBILITY_THRESHOLDS, type ViewportDimensions, type ZoomImage, ZoomOverlay, badgeVariants, brandAssets, buttonVariants, canvasExportService, checkComponentStyles, checkTailwindConfig, checkThemeTokens, createScrollDirectionTracker, formatCurrency, formatDate, formatDateTime, getBrand, getObservedElementCount, getObserverCount, hasEdgeBlur, isObserved, isWideMonitor, kbdVariants, linkVariants, linkedPlacementsLabel, normalizeHex, observe, runConfigChecks, scrollInputAboveKeyboard, searchClient, spinnerVariants, surfaceVariants, useArtworkAlignment, useBrand, useCanvasContext, useCanvasContextStatic, useCurrentPlacements, useDesign, useDesignOptional, useDeviceDetection, useFocusTrap, useHeroZoomScales, useImagePreloader, useImageTransition, useIsolatedCanvas, useLoadingOverlay, useMediaQuery, useMockupBackgroundOptional, useMockupPriority, useMockupPriorityOptional, usePersonalization, usePersonalizationOptional, usePersonalizationShimmer, usePlacementClipShape, usePlacementsProcessor, useProduct, useProductGallery, useProductOptional, useProductPage, useProductPageOptional, useProductSelection, useProviderStatus, useRealtime, useRealtimeOptional, useRenderCount, useRenderGuard, useResponsiveImageCap, useScrollDirection, useSelectedArtwork, useSetArtworkAlignment, useShop, useShopOptional, useSurface, useViewportDimensions, useWideMonitorMode };

package/dist/index.js

@@ -5383,7 +5383,12 @@ function PlacementClipShapeSelector() {
 
 // src/composed/PlacementTabs.tsx
 import { useRef as useRef10, useState as useState16, useLayoutEffect as useLayoutEffect2 } from "react";
-import { jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
+function linkedPlacementsLabel(count) {
+  return count === 2 ? "Both sides" : `All ${count} areas`;
+}
+var ACTION_CLASS = "transition-colors duration-200 cursor-pointer text-muted-foreground hover:text-foreground underline underline-offset-4 decoration-muted-foreground/40 hover:decoration-foreground";
+var PILL_CLASS = "inline-flex items-center rounded-full bg-foreground/[0.08] px-3 py-1 font-medium text-foreground";
 function PlacementTabs({
   placements,
   selectedPlacement,
@@ -5391,7 +5396,13 @@ function PlacementTabs({
   isDesktop = false,
   toolbarPlaceholderId = "toolbar-placeholder",
   toolbarSize = 120,
-  className = ""
+  className = "",
+  linked,
+  onSplitAll,
+  onLinkAll,
+  linkedLabel,
+  splitAllLabel = "Customize separately",
+  linkAllLabel = "Use one design for all"
 }) {
   const containerRef = useRef10(null);
   const [lineHeight, setLineHeight] = useState16(24);
@@ -5408,7 +5419,7 @@ function PlacementTabs({
     if (isDesktop) {
       return null;
     }
-    return /* @__PURE__ */ jsx50("div", { className: `flex justify-end w-full ${className}`, children: /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx50("div", { className: `flex justify-end w-full ${className}`, "data-placement-tabs": true, children: /* @__PURE__ */ jsx50(
       "span",
       {
         id: toolbarPlaceholderId,
@@ -5417,16 +5428,68 @@ function PlacementTabs({
       }
     ) });
   }
+  const dataLinked = linked === void 0 ? void 0 : linked ? "true" : "false";
+  const labels = placements.map((p) => p.label);
+  const renderItems = (tabClass) => {
+    if (linked === true) {
+      return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+        /* @__PURE__ */ jsx50(
+          "span",
+          {
+            className: `${tabClass} ${PILL_CLASS}`,
+            "data-placement-pill": true,
+            title: labels.join(" \xB7 "),
+            "aria-label": `One design on ${labels.join(", ")}`,
+            children: linkedLabel ?? linkedPlacementsLabel(placements.length)
+          }
+        ),
+        onSplitAll && /* @__PURE__ */ jsx50(
+          "button",
+          {
+            type: "button",
+            onClick: onSplitAll,
+            className: `${tabClass} ${ACTION_CLASS}`,
+            "data-action": "split-all",
+            children: splitAllLabel
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+      placements.map((p) => /* @__PURE__ */ jsx50(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPlacementChange(p.label),
+          "data-placement-tab": p.label,
+          "aria-pressed": selectedPlacement === p.label,
+          className: `${tabClass} transition-all duration-200 cursor-pointer border-b-2 ${selectedPlacement === p.label ? "text-foreground border-primary" : "text-foreground/70 hover:text-foreground border-muted-foreground/20 hover:border-muted-foreground/40"}`,
+          children: p.label
+        },
+        p.label
+      )),
+      linked === false && onLinkAll && /* @__PURE__ */ jsx50(
+        "button",
+        {
+          type: "button",
+          onClick: onLinkAll,
+          className: `${tabClass} ${ACTION_CLASS}`,
+          "data-action": "link-all",
+          children: linkAllLabel
+        }
+      )
+    ] });
+  };
   if (isDesktop) {
-    return /* @__PURE__ */ jsx50("div", { className: `flex flex-wrap gap-x-3 text-sm leading-relaxed w-full ${className}`, children: placements.map((p) => /* @__PURE__ */ jsx50(
-      "button",
+    return /* @__PURE__ */ jsx50(
+      "div",
       {
-        onClick: () => onPlacementChange(p.label),
-        className: `transition-all duration-200 cursor-pointer border-b-2 ${selectedPlacement === p.label ? "text-foreground border-primary" : "text-foreground/70 hover:text-foreground border-muted-foreground/20 hover:border-muted-foreground/40"}`,
-        children: p.label
-      },
-      p.label
-    )) });
+        className: `flex flex-wrap items-center gap-x-3 gap-y-1 text-sm leading-relaxed w-full ${className}`,
+        "data-placement-tabs": true,
+        "data-linked": dataLinked,
+        children: renderItems("")
+      }
+    );
   }
   const linesForToolbar = Math.ceil(toolbarSize / lineHeight);
   const shapeInsetPx = linesForToolbar * lineHeight;
@@ -5435,6 +5498,8 @@ function PlacementTabs({
     {
       ref: containerRef,
       className: `flex overflow-hidden text-sm leading-relaxed w-full ${className}`,
+      "data-placement-tabs": true,
+      "data-linked": dataLinked,
       children: /* @__PURE__ */ jsxs32("p", { className: "m-0 w-full", children: [
         /* @__PURE__ */ jsx50(
           "span",
@@ -5453,15 +5518,7 @@ function PlacementTabs({
             )
           }
         ),
-        placements.map((p) => /* @__PURE__ */ jsx50(
-          "button",
-          {
-            onClick: () => onPlacementChange(p.label),
-            className: `inline transition-all duration-200 cursor-pointer mr-3 border-b-2 ${selectedPlacement === p.label ? "text-foreground border-primary" : "text-foreground/70 hover:text-foreground border-muted-foreground/20 hover:border-muted-foreground/40"}`,
-            children: p.label
-          },
-          p.label
-        ))
+        renderItems("inline mr-3")
       ] })
     }
   );
@@ -8735,7 +8792,7 @@ var canvasExportService = new CanvasExportService();
 
 // src/components/CanvasIsolationBoundary.tsx
 import React41, { useEffect as useEffect26 } from "react";
-import { Fragment as Fragment9, jsx as jsx54, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx54, jsxs as jsxs33 } from "react/jsx-runtime";
 function CanvasIsolationConfigurator({
   placementName: placementNameProp,
   onArtworkChange,
@@ -8788,7 +8845,7 @@ function CanvasIsolationConfigurator({
 }
 var IsolatedChildren = React41.memo(
   function IsolatedChildren2({ children }) {
-    return /* @__PURE__ */ jsx54(Fragment9, { children });
+    return /* @__PURE__ */ jsx54(Fragment10, { children });
   },
   // Custom comparison: ALWAYS return true (never re-render due to parent changes)
   // This is intentional - children should use refs/services for updates that need to bypass this
@@ -8801,7 +8858,7 @@ function CanvasIsolationBoundary({
   clearImageBitmapCache,
   serializeStateForServer
 }) {
-  return /* @__PURE__ */ jsxs33(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
     /* @__PURE__ */ jsx54(
       CanvasIsolationConfigurator,
       {
@@ -9049,7 +9106,7 @@ import {
   useCallback as useCallback17
 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { Fragment as Fragment10, jsx as jsx56, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx56, jsxs as jsxs35 } from "react/jsx-runtime";
 var BANDS = [
   { rgb: "230, 45, 55", delay: "-0.0s" },
   // red
@@ -9296,7 +9353,7 @@ var LoadingOverlayPrismCandy = memo2(function LoadingOverlayPrismCandy2({
   let fadeClass = "";
   if (!visible) fadeClass = "candy-fade-out";
   else if (mounted) fadeClass = "candy-fade-in";
-  return /* @__PURE__ */ jsxs35(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs35(Fragment11, { children: [
     /* @__PURE__ */ jsx56(
       "div",
       {
@@ -9445,7 +9502,7 @@ import {
   describeProductArtAlignment,
   getSnapPoints
 } from "@snowcone-app/sdk";
-import { Fragment as Fragment11, jsx as jsx58, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx58, jsxs as jsxs36 } from "react/jsx-runtime";
 function ArtAlignment({
   src: propSrc,
   artworkAspectRatio: propAspectRatio,
@@ -9818,7 +9875,7 @@ function ArtAlignment({
             loading: "eager"
           }
         ),
-        isReady && maskDimensions.width > 0 && /* @__PURE__ */ jsxs36(Fragment11, { children: [
+        isReady && maskDimensions.width > 0 && /* @__PURE__ */ jsxs36(Fragment12, { children: [
           /* @__PURE__ */ jsx58("div", { style: overlayStyle }),
           /* @__PURE__ */ jsx58(
             "img",
@@ -10654,14 +10711,14 @@ var HeroProductImage = memo3(function HeroProductImage2({
 
 // src/composed/SafeImg.tsx
 import React45, { useEffect as useEffect33, useState as useState32 } from "react";
-import { Fragment as Fragment12, jsx as jsx62 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx62 } from "react/jsx-runtime";
 var SafeImg = React45.forwardRef(
   function SafeImg2({ fallback = null, onError, src, ...rest }, ref) {
     const [failed, setFailed] = useState32(false);
     useEffect33(() => {
       setFailed(false);
     }, [src]);
-    if (failed) return /* @__PURE__ */ jsx62(Fragment12, { children: fallback });
+    if (failed) return /* @__PURE__ */ jsx62(Fragment13, { children: fallback });
     return /* @__PURE__ */ jsx62(
       "img",
       {
@@ -10990,7 +11047,7 @@ import { useRefinementList, useRange, useStats as useStats2 } from "react-instan
 import { X as LucideX2, SlidersHorizontal as LucideSlidersHorizontal2 } from "lucide-react";
 import { useState as useState35, useEffect as useEffect37 } from "react";
 import * as Slider2 from "@radix-ui/react-slider";
-import { Fragment as Fragment13, jsx as jsx68, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx68, jsxs as jsxs44 } from "react/jsx-runtime";
 var XIcon2 = LucideX2;
 function FiltersDrawer({ isOpen, onClose }) {
   const [showCounts, setShowCounts] = useState35(false);
@@ -11015,7 +11072,7 @@ function FiltersDrawer({ isOpen, onClose }) {
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [isOpen, onClose]);
-  return /* @__PURE__ */ jsxs44(Fragment13, { children: [
+  return /* @__PURE__ */ jsxs44(Fragment14, { children: [
     /* @__PURE__ */ jsx68(
       "div",
       {
@@ -11308,10 +11365,10 @@ function PriceSection() {
 }
 
 // src/composed/search/Filters.tsx
-import { Fragment as Fragment14, jsx as jsx69, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx69, jsxs as jsxs45 } from "react/jsx-runtime";
 function Filters({ buttonClassName, buttonText }) {
   const [isOpen, setIsOpen] = useState36(false);
-  return /* @__PURE__ */ jsxs45(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs45(Fragment15, { children: [
     /* @__PURE__ */ jsx69(
       FiltersButton,
       {
@@ -11410,7 +11467,7 @@ import { useState as useState39, useEffect as useEffect39 } from "react";
 // src/composed/zoom/ZoomOverlay.tsx
 import { useState as useState37, useCallback as useCallback20 } from "react";
 import { Plus as LucidePlus2, Minus as LucideMinus2 } from "lucide-react";
-import { Fragment as Fragment15, jsx as jsx71, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx71, jsxs as jsxs47 } from "react/jsx-runtime";
 var PlusIcon2 = LucidePlus2;
 var MinusIcon2 = LucideMinus2;
 function ZoomOverlay({
@@ -11469,7 +11526,7 @@ function ZoomOverlay({
   const isZoomed = zoomedImageIndex === imageIndex;
   const isHovered = hoveredImageIndex === imageIndex;
   const cursorStyle = isLargeTouchDevice ? "pointer" : isTouchDevice ? "default" : "none";
-  return /* @__PURE__ */ jsxs47(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs47(Fragment16, { children: [
     /* @__PURE__ */ jsx71("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement }),
     /* @__PURE__ */ jsx71(
       "div",
@@ -11564,7 +11621,7 @@ import {
   TransformComponent as OriginalTransformComponent
 } from "react-zoom-pan-pinch";
 import { X as X2 } from "lucide-react";
-import { Fragment as Fragment16, jsx as jsx72, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx72, jsxs as jsxs48 } from "react/jsx-runtime";
 var TransformWrapper = OriginalTransformWrapper;
 var TransformComponent = OriginalTransformComponent;
 var EnhancedImageViewer = ({
@@ -11883,7 +11940,7 @@ var EnhancedImageViewer = ({
                         };
                         const nextIndex = findNextAvailableIndex(currentIndex, 1);
                         const prevIndex = findNextAvailableIndex(currentIndex, -1);
-                        return /* @__PURE__ */ jsxs48(Fragment16, { children: [
+                        return /* @__PURE__ */ jsxs48(Fragment17, { children: [
                           /* @__PURE__ */ jsx72(
                             "button",
                             {
@@ -11985,7 +12042,7 @@ var EnhancedImageViewer = ({
 };
 
 // src/composed/zoom/ResponsiveZoom.tsx
-import { Fragment as Fragment17, jsx as jsx73, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx73, jsxs as jsxs49 } from "react/jsx-runtime";
 function ResponsiveZoom({
   imageIndex,
   children,
@@ -12026,7 +12083,7 @@ function ResponsiveZoom({
       }
     }
   };
-  return /* @__PURE__ */ jsxs49(Fragment17, { children: [
+  return /* @__PURE__ */ jsxs49(Fragment18, { children: [
     isTouchDevice ? /* @__PURE__ */ jsx73(
       "div",
       {
@@ -12967,7 +13024,7 @@ function HeroCarousel({
 
 // src/composed/grids/MasonryGrid.tsx
 import { useState as useState42, useEffect as useEffect42, useMemo as useMemo16 } from "react";
-import { Fragment as Fragment18, jsx as jsx76 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx76 } from "react/jsx-runtime";
 var BREAKPOINTS = {
   sm: 640,
   md: 768,
@@ -13039,7 +13096,7 @@ function MasonryGrid({
   );
   if (items.length === 0) {
     if (emptyContent) {
-      return /* @__PURE__ */ jsx76(Fragment18, { children: emptyContent });
+      return /* @__PURE__ */ jsx76(Fragment19, { children: emptyContent });
     }
     return null;
   }
@@ -14208,7 +14265,7 @@ function RadiusScale({ className = "" }) {
 
 // src/design-system/ThemeSwitcher.tsx
 import { useState as useState45, useEffect as useEffect46 } from "react";
-import { Fragment as Fragment19, jsx as jsx87, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx87, jsxs as jsxs60 } from "react/jsx-runtime";
 function readThemeFromDOM() {
   if (typeof document === "undefined") {
     return { themeName: "Linear", isDark: false };
@@ -14282,7 +14339,7 @@ function ThemeSwitcher({ className = "", showBaseThemesOnly = true }) {
           ]
         }
       ),
-      isOpen && /* @__PURE__ */ jsxs60(Fragment19, { children: [
+      isOpen && /* @__PURE__ */ jsxs60(Fragment20, { children: [
         /* @__PURE__ */ jsx87(
           "div",
           {
@@ -14406,7 +14463,7 @@ function usePersonalizationContext() {
 }
 
 // src/personalization/PersonalizationProvider.tsx
-import { Fragment as Fragment20, jsx as jsx89, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx89, jsxs as jsxs62 } from "react/jsx-runtime";
 function createBridgeFromCanvas(canvasModule) {
   const { useEditor, useCommands, useImageBinding } = canvasModule;
   function TextBinder({ name, value }) {
@@ -14494,7 +14551,7 @@ function createBridgeFromCanvas(canvasModule) {
     return null;
   }
   return function PersonalizationBridge({ fields = [], values = {} } = {}) {
-    return /* @__PURE__ */ jsx89(Fragment20, { children: fields.map((field) => {
+    return /* @__PURE__ */ jsx89(Fragment21, { children: fields.map((field) => {
       if (field.type === "text") {
         return /* @__PURE__ */ jsx89(TextBinder, { name: field.name, value: values[field.name] ?? "" }, `text-${field.name}`);
       }
@@ -15046,6 +15103,7 @@ export {
   isWideMonitor,
   kbdVariants,
   linkVariants,
+  linkedPlacementsLabel,
   listProducts4 as listProducts,
   normalizeHex,
   observe,