silver-ui 0.7.3 → 0.8.1

package/dist/{chunk-HPNY32G6.js → chunk-7TYZLVLZ.js}

@@ -1,3 +1,4 @@
+'use client';
 import { VisuallyHidden } from './chunk-V2V5TTTL.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { sva } from './chunk-IAVZKGZS.js';
@@ -195,5 +196,5 @@ function Rating({
 Rating.displayName = "Rating";
 
 export { Rating };
-//# sourceMappingURL=chunk-HPNY32G6.js.map
-//# sourceMappingURL=chunk-HPNY32G6.js.map
+//# sourceMappingURL=chunk-7TYZLVLZ.js.map
+//# sourceMappingURL=chunk-7TYZLVLZ.js.map

package/dist/{chunk-HPNY32G6.js.map → chunk-7TYZLVLZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Rating/Rating.recipe.ts","../src/components/Rating/Rating.tsx"],"names":[],"mappings":"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","file":"chunk-HPNY32G6.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const ratingRecipe = sva({\n  slots: ['root', 'star', 'input'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5',\n    },\n    star: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      cursor: 'pointer',\n      p: 0,\n      m: 0,\n      borderWidth: 0,\n      bg: 'transparent',\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n        borderRadius: 'sm',\n      },\n    },\n    input: {\n      position: 'absolute',\n      w: '1px',\n      h: '1px',\n      p: 0,\n      m: '-1px',\n      overflow: 'hidden',\n      clip: 'rect(0, 0, 0, 0)',\n      whiteSpace: 'nowrap',\n      borderWidth: 0,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          cursor: 'not-allowed',\n        },\n        star: {\n          cursor: 'not-allowed',\n        },\n      },\n    },\n    isReadOnly: {\n      true: {\n        star: {\n          cursor: 'default',\n        },\n      },\n    },\n  },\n});\n\nexport type RatingVariants = RecipeVariantProps<typeof ratingRecipe>;\n","import {Star} from 'lucide-react';\nimport {\n  useState,\n  useId,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Icon, type IconColor, type IconSize} from 'components/Icon';\nimport {ratingRecipe} from 'components/Rating/Rating.recipe';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\n\nexport interface RatingProps {\n  /**\n   * Additional CSS class names applied to the rating root.\n   */\n  className?: string;\n  /**\n   * Number of stars to display.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Test ID applied to the rating root.\n   */\n  'data-testid'?: string;\n  /**\n   * Color of unfilled stars.\n   * @default 'disabled'\n   */\n  emptyColor?: IconColor;\n  /**\n   * Color of filled stars.\n   * @default 'yellow'\n   */\n  filledColor?: IconColor;\n  /**\n   * Whether the rating is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the rating is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * Accessible label for the rating group.\n   * @default 'Rating'\n   */\n  label?: string;\n  /**\n   * Called when the selected rating changes.\n   */\n  onChange?: (value: number) => void;\n  /**\n   * Ref forwarded to the rating root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Size of the star icons.\n   * @default 'md'\n   */\n  size?: IconSize;\n  /**\n   * Inline styles applied to the rating root.\n   */\n  style?: CSSProperties;\n  /**\n   * Current rating value.\n   */\n  value: number;\n}\n\nfunction StarIcon({\n  color,\n  isFilled,\n  size,\n}: {\n  color: IconColor;\n  isFilled: boolean;\n  size: IconSize;\n}): ReactNode {\n  return (\n    <Icon\n      color={color}\n      fill={isFilled ? 'currentColor' : 'none'}\n      icon={Star}\n      size={size}\n    />\n  );\n}\n\n/**\n * Star-based rating control supporting read-only and interactive modes.\n */\nexport function Rating({\n  value: valueFromProps,\n  onChange,\n  count = 5,\n  emptyColor = 'disabled',\n  filledColor = 'yellow',\n  size = 'md',\n  isReadOnly = false,\n  isDisabled = false,\n  label = 'Rating',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: RatingProps): React.JSX.Element {\n  if (process.env.NODE_ENV !== 'production') {\n    if (!Number.isInteger(count) || count < 1) {\n      throw new Error(\n        `Rating: count must be a positive integer, received ${count}.`,\n      );\n    }\n\n    if (\n      valueFromProps < 0 ||\n      valueFromProps > count ||\n      !Number.isInteger(valueFromProps)\n    ) {\n      throw new Error(\n        `Rating: value must be an integer in [0, ${count}], received ${valueFromProps}.`,\n      );\n    }\n  }\n\n  const value = Math.max(0, Math.min(count, Math.round(valueFromProps)));\n  const groupId = useId();\n  const [hoverValue, setHoverValue] = useState<number | null>(null);\n  const isInteractive = !isReadOnly && !isDisabled && onChange != null;\n  const displayValue = isInteractive ? (hoverValue ?? value) : value;\n  const classes = ratingRecipe({\n    isDisabled: isDisabled || undefined,\n    isReadOnly: isReadOnly || undefined,\n  });\n\n  if (!isInteractive) {\n    return (\n      <div\n        aria-label={`${label}: ${value} out of ${count}`}\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"img\"\n        style={style}>\n        {Array.from({length: count}, (_, i) => (\n          <span className={classes.star} key={i}>\n            <StarIcon\n              color={i < value ? filledColor : emptyColor}\n              isFilled={i < value}\n              size={size}\n            />\n          </span>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    // eslint-disable-next-line jsx-a11y-x/interactive-supports-focus -- focus is managed by the radio inputs inside\n    <div\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onMouseLeave={() => setHoverValue(null)}\n      ref={ref}\n      role=\"radiogroup\"\n      style={style}>\n      {Array.from({length: count}, (_, i) => {\n        const starValue = i + 1;\n        return (\n          // eslint-disable-next-line jsx-a11y-x/no-noninteractive-element-interactions -- label wraps its radio input\n          <label\n            className={classes.star}\n            key={i}\n            onMouseEnter={() => setHoverValue(starValue)}>\n            <input\n              checked={value === starValue}\n              className={classes.input}\n              name={groupId}\n              onChange={() => onChange(starValue)}\n              type=\"radio\"\n              value={starValue}\n            />\n            <VisuallyHidden>\n              {starValue} {starValue === 1 ? 'star' : 'stars'}\n            </VisuallyHidden>\n            <StarIcon\n              color={i < displayValue ? filledColor : emptyColor}\n              isFilled={i < displayValue}\n              size={size}\n            />\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n\nRating.displayName = 'Rating';\n"]}
+{"version":3,"sources":["../src/components/Rating/Rating.recipe.ts","../src/components/Rating/Rating.tsx"],"names":[],"mappings":"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","file":"chunk-7TYZLVLZ.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const ratingRecipe = sva({\n  slots: ['root', 'star', 'input'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5',\n    },\n    star: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      cursor: 'pointer',\n      p: 0,\n      m: 0,\n      borderWidth: 0,\n      bg: 'transparent',\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n        borderRadius: 'sm',\n      },\n    },\n    input: {\n      position: 'absolute',\n      w: '1px',\n      h: '1px',\n      p: 0,\n      m: '-1px',\n      overflow: 'hidden',\n      clip: 'rect(0, 0, 0, 0)',\n      whiteSpace: 'nowrap',\n      borderWidth: 0,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          cursor: 'not-allowed',\n        },\n        star: {\n          cursor: 'not-allowed',\n        },\n      },\n    },\n    isReadOnly: {\n      true: {\n        star: {\n          cursor: 'default',\n        },\n      },\n    },\n  },\n});\n\nexport type RatingVariants = RecipeVariantProps<typeof ratingRecipe>;\n","'use client';\n\nimport {Star} from 'lucide-react';\nimport {\n  useState,\n  useId,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Icon, type IconColor, type IconSize} from 'components/Icon';\nimport {ratingRecipe} from 'components/Rating/Rating.recipe';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\n\nexport interface RatingProps {\n  /**\n   * Additional CSS class names applied to the rating root.\n   */\n  className?: string;\n  /**\n   * Number of stars to display.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Test ID applied to the rating root.\n   */\n  'data-testid'?: string;\n  /**\n   * Color of unfilled stars.\n   * @default 'disabled'\n   */\n  emptyColor?: IconColor;\n  /**\n   * Color of filled stars.\n   * @default 'yellow'\n   */\n  filledColor?: IconColor;\n  /**\n   * Whether the rating is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the rating is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * Accessible label for the rating group.\n   * @default 'Rating'\n   */\n  label?: string;\n  /**\n   * Called when the selected rating changes.\n   */\n  onChange?: (value: number) => void;\n  /**\n   * Ref forwarded to the rating root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Size of the star icons.\n   * @default 'md'\n   */\n  size?: IconSize;\n  /**\n   * Inline styles applied to the rating root.\n   */\n  style?: CSSProperties;\n  /**\n   * Current rating value.\n   */\n  value: number;\n}\n\nfunction StarIcon({\n  color,\n  isFilled,\n  size,\n}: {\n  color: IconColor;\n  isFilled: boolean;\n  size: IconSize;\n}): ReactNode {\n  return (\n    <Icon\n      color={color}\n      fill={isFilled ? 'currentColor' : 'none'}\n      icon={Star}\n      size={size}\n    />\n  );\n}\n\n/**\n * Star-based rating control supporting read-only and interactive modes.\n */\nexport function Rating({\n  value: valueFromProps,\n  onChange,\n  count = 5,\n  emptyColor = 'disabled',\n  filledColor = 'yellow',\n  size = 'md',\n  isReadOnly = false,\n  isDisabled = false,\n  label = 'Rating',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: RatingProps): React.JSX.Element {\n  if (process.env.NODE_ENV !== 'production') {\n    if (!Number.isInteger(count) || count < 1) {\n      throw new Error(\n        `Rating: count must be a positive integer, received ${count}.`,\n      );\n    }\n\n    if (\n      valueFromProps < 0 ||\n      valueFromProps > count ||\n      !Number.isInteger(valueFromProps)\n    ) {\n      throw new Error(\n        `Rating: value must be an integer in [0, ${count}], received ${valueFromProps}.`,\n      );\n    }\n  }\n\n  const value = Math.max(0, Math.min(count, Math.round(valueFromProps)));\n  const groupId = useId();\n  const [hoverValue, setHoverValue] = useState<number | null>(null);\n  const isInteractive = !isReadOnly && !isDisabled && onChange != null;\n  const displayValue = isInteractive ? (hoverValue ?? value) : value;\n  const classes = ratingRecipe({\n    isDisabled: isDisabled || undefined,\n    isReadOnly: isReadOnly || undefined,\n  });\n\n  if (!isInteractive) {\n    return (\n      <div\n        aria-label={`${label}: ${value} out of ${count}`}\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"img\"\n        style={style}>\n        {Array.from({length: count}, (_, i) => (\n          <span className={classes.star} key={i}>\n            <StarIcon\n              color={i < value ? filledColor : emptyColor}\n              isFilled={i < value}\n              size={size}\n            />\n          </span>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    // eslint-disable-next-line jsx-a11y-x/interactive-supports-focus -- focus is managed by the radio inputs inside\n    <div\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onMouseLeave={() => setHoverValue(null)}\n      ref={ref}\n      role=\"radiogroup\"\n      style={style}>\n      {Array.from({length: count}, (_, i) => {\n        const starValue = i + 1;\n        return (\n          // eslint-disable-next-line jsx-a11y-x/no-noninteractive-element-interactions -- label wraps its radio input\n          <label\n            className={classes.star}\n            key={i}\n            onMouseEnter={() => setHoverValue(starValue)}>\n            <input\n              checked={value === starValue}\n              className={classes.input}\n              name={groupId}\n              onChange={() => onChange(starValue)}\n              type=\"radio\"\n              value={starValue}\n            />\n            <VisuallyHidden>\n              {starValue} {starValue === 1 ? 'star' : 'stars'}\n            </VisuallyHidden>\n            <StarIcon\n              color={i < displayValue ? filledColor : emptyColor}\n              isFilled={i < displayValue}\n              size={size}\n            />\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n\nRating.displayName = 'Rating';\n"]}

package/dist/{chunk-GA77PPVL.cjs → chunk-A36BE56K.cjs}

@@ -1,7 +1,8 @@
+'use client';
 'use strict';
 
-var chunkCPDWUT2H_cjs = require('./chunk-CPDWUT2H.cjs');
-var chunk3NIDAKCF_cjs = require('./chunk-3NIDAKCF.cjs');
+var chunkW6UBDEMN_cjs = require('./chunk-W6UBDEMN.cjs');
+var chunkJ6XRX6DD_cjs = require('./chunk-J6XRX6DD.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -131,8 +132,8 @@ function Drawer({
 }) {
   const dialogRef = react.useRef(null);
   const triggerRef = react.useRef(null);
-  const { isBackdropDismissEnabled, isEscapeDismissEnabled } = chunkCPDWUT2H_cjs.resolveDismissBehavior(dismissBehavior);
-  const backdropDismiss = chunkCPDWUT2H_cjs.useBackdropDismiss({
+  const { isBackdropDismissEnabled, isEscapeDismissEnabled } = chunkW6UBDEMN_cjs.resolveDismissBehavior(dismissBehavior);
+  const backdropDismiss = chunkW6UBDEMN_cjs.useBackdropDismiss({
     isEnabled: isBackdropDismissEnabled,
     onDismiss: () => onOpenChange(false)
   });
@@ -153,7 +154,7 @@ function Drawer({
       triggerRef.current = null;
     }
   }, [isOpen]);
-  chunk3NIDAKCF_cjs.useScrollLock(isOpen);
+  chunkJ6XRX6DD_cjs.useScrollLock(isOpen);
   const effectiveSize = size ?? DEFAULT_SIZES[placement];
   const sizeStyle = getSizeStyle(placement, effectiveSize);
   const classes = drawerRecipe({ isOpen, placement });
@@ -213,5 +214,5 @@ function useDrawer(defaultOptions) {
 
 exports.Drawer = Drawer;
 exports.useDrawer = useDrawer;
-//# sourceMappingURL=chunk-GA77PPVL.cjs.map
-//# sourceMappingURL=chunk-GA77PPVL.cjs.map
+//# sourceMappingURL=chunk-A36BE56K.cjs.map
+//# sourceMappingURL=chunk-A36BE56K.cjs.map

package/dist/{chunk-GA77PPVL.cjs.map → chunk-A36BE56K.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Drawer/Drawer.recipe.ts","../src/components/Drawer/Drawer.tsx","../src/components/Drawer/useDrawer.tsx"],"names":["sva","useRef","resolveDismissBehavior","useBackdropDismiss","useEffect","useScrollLock","jsx","cx","mergeRefs","useState","useCallback","useMemo"],"mappings":"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","file":"chunk-GA77PPVL.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const drawerRecipe = sva({\n  slots: ['root', 'inner'],\n  base: {\n    root: {\n      position: 'fixed',\n      p: 0,\n      borderWidth: 0,\n      bg: 'bg',\n      color: 'fg',\n      boxShadow: 'xl',\n      flexDirection: 'column',\n      overscrollBehavior: 'contain',\n      _backdrop: {\n        bg: 'overlay.scrim',\n        backdropFilter: 'blur(2px)',\n      },\n      _focusVisible: {\n        outline: 'none',\n      },\n    },\n    inner: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: '1 1 auto',\n      minH: 0,\n      overflow: 'hidden',\n    },\n  },\n  variants: {\n    // When closed, the native <dialog> UA style (display: none) applies; opening\n    // switches on the flex column layout.\n    isOpen: {\n      true: {root: {display: 'flex'}},\n      false: {},\n    },\n    placement: {\n      start: {\n        root: {\n          inset: 0,\n          marginInlineEnd: 'auto',\n          h: '100dvh',\n          maxH: '100dvh',\n          borderRadius: 0,\n          borderInlineEndWidth: 'default',\n          borderInlineEndStyle: 'solid',\n          borderInlineEndColor: 'border',\n        },\n      },\n      end: {\n        root: {\n          inset: 0,\n          marginInlineStart: 'auto',\n          h: '100dvh',\n          maxH: '100dvh',\n          borderRadius: 0,\n          borderInlineStartWidth: 'default',\n          borderInlineStartStyle: 'solid',\n          borderInlineStartColor: 'border',\n        },\n      },\n      top: {\n        root: {\n          inset: 0,\n          mb: 'auto',\n          w: '100dvw',\n          maxW: '100dvw',\n          borderRadius: 0,\n          borderBlockEndWidth: 'default',\n          borderBlockEndStyle: 'solid',\n          borderBlockEndColor: 'border',\n        },\n      },\n      bottom: {\n        root: {\n          inset: 0,\n          mt: 'auto',\n          w: '100dvw',\n          maxW: '100dvw',\n          borderRadius: 0,\n          borderBlockStartWidth: 'default',\n          borderBlockStartStyle: 'solid',\n          borderBlockStartColor: 'border',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n    placement: 'end',\n  },\n});\n\nexport type DrawerVariants = RecipeVariantProps<typeof drawerRecipe>;\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useEffect, useRef} from 'react';\nimport {drawerRecipe} from 'components/Drawer/Drawer.recipe';\nimport {cx} from 'internal/cx';\nimport {\n  resolveDismissBehavior,\n  type DismissBehavior,\n} from 'internal/dismissBehavior';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useBackdropDismiss} from 'internal/useBackdropDismiss';\nimport {useScrollLock} from 'internal/useScrollLock';\n\nexport type DrawerPlacement = 'start' | 'end' | 'top' | 'bottom';\nexport type DrawerDismissBehavior = DismissBehavior;\n\nexport interface DrawerProps {\n  /**\n   * Drawer body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the drawer.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the drawer.\n   */\n  'data-testid'?: string;\n  /**\n   * Controls whether Escape and backdrop clicks request dismissal. Pass a\n   * boolean to enable or disable both behaviors together.\n   * @default {isEscapeDismissEnabled: true, isBackdropDismissEnabled: true}\n   */\n  dismissBehavior?: DrawerDismissBehavior;\n  /**\n   * Whether the drawer is open.\n   */\n  isOpen: boolean;\n  /**\n   * Accessible label for the drawer.\n   */\n  label: string;\n  /**\n   * Called when the drawer requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Edge of the viewport the drawer slides in from.\n   * @default 'end'\n   */\n  placement?: DrawerPlacement;\n  /**\n   * Ref forwarded to the drawer element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Width (start/end) or height (top/bottom) of the drawer.\n   */\n  size?: number | string;\n  /**\n   * Inline styles applied to the drawer.\n   */\n  style?: CSSProperties;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nconst DEFAULT_SIZES: Record<DrawerPlacement, number | string> = {\n  start: 320,\n  end: 320,\n  top: '40vh',\n  bottom: '40vh',\n};\n\nfunction getSizeStyle(\n  placement: DrawerPlacement,\n  size: number | string,\n): CSSProperties {\n  const formatted = formatSize(size);\n  if (placement === 'start' || placement === 'end') {\n    return {width: formatted, maxWidth: '100dvw'};\n  }\n  return {height: formatted, maxHeight: '100dvh'};\n}\n\n/**\n * A slide-in panel anchored to an edge of the viewport.\n */\nexport function Drawer({\n  isOpen,\n  label,\n  onOpenChange,\n  placement = 'end',\n  size,\n  dismissBehavior,\n  children,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DrawerProps): React.JSX.Element {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const {isBackdropDismissEnabled, isEscapeDismissEnabled} =\n    resolveDismissBehavior(dismissBehavior);\n  const backdropDismiss = useBackdropDismiss<HTMLDialogElement>({\n    isEnabled: isBackdropDismissEnabled,\n    onDismiss: () => onOpenChange(false),\n  });\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen) {\n      triggerRef.current = document.activeElement as HTMLElement | null;\n      if (!dialog.open) {\n        dialog.showModal();\n      }\n      dialog\n        .querySelector<HTMLElement>('[data-autofocus=\"true\"], [autofocus]')\n        ?.focus();\n    } else if (dialog.open) {\n      dialog.close();\n      triggerRef.current?.focus();\n      triggerRef.current = null;\n    }\n  }, [isOpen]);\n\n  useScrollLock(isOpen);\n\n  const effectiveSize = size ?? DEFAULT_SIZES[placement];\n  const sizeStyle = getSizeStyle(placement, effectiveSize);\n  const classes = drawerRecipe({isOpen, placement});\n\n  return (\n    // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions -- native dialog backdrop clicks close the drawer\n    <dialog\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        if (isEscapeDismissEnabled) {\n          onOpenChange(false);\n        }\n      }}\n      onClick={backdropDismiss.onClick}\n      onPointerDown={backdropDismiss.onPointerDown}\n      ref={mergeRefs(ref, dialogRef)}\n      style={{...sizeStyle, ...style}}>\n      <div className={classes.inner}>{children}</div>\n    </dialog>\n  );\n}\n\nDrawer.displayName = 'Drawer';\n","import {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {Drawer, type DrawerProps} from 'components/Drawer/Drawer';\n\nexport type DrawerOptions = Partial<\n  Omit<DrawerProps, 'children' | 'isOpen' | 'onOpenChange'>\n>;\n\nexport interface UseDrawerReturn {\n  element: ReactNode;\n  hide: () => void;\n  isOpen: boolean;\n  show: (content: ReactNode, options?: DrawerOptions) => void;\n}\n\nexport function useDrawer(defaultOptions?: DrawerOptions): UseDrawerReturn {\n  const [isOpen, setIsOpen] = useState(false);\n  const [content, setContent] = useState<ReactNode>(null);\n  // Options passed to the most recent `show()` call. Each call replaces these\n  // rather than merging, so per-call options never bleed into later calls.\n  // `defaultOptions` remains the baseline, applied beneath them below.\n  const [callOptions, setCallOptions] = useState<DrawerOptions | undefined>();\n\n  const show = useCallback(\n    (nextContent: ReactNode, nextOptions?: DrawerOptions) => {\n      setContent(nextContent);\n      setCallOptions(nextOptions);\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const hide = useCallback(() => setIsOpen(false), []);\n\n  const element = useMemo(\n    () => (\n      <Drawer\n        {...(defaultOptions ?? {})}\n        {...(callOptions ?? {})}\n        isOpen={isOpen}\n        label={callOptions?.label ?? defaultOptions?.label ?? 'Drawer'}\n        onOpenChange={setIsOpen}>\n        {content}\n      </Drawer>\n    ),\n    [content, defaultOptions, isOpen, callOptions],\n  );\n\n  return {element, hide, isOpen, show};\n}\n"]}
+{"version":3,"sources":["../src/components/Drawer/Drawer.recipe.ts","../src/components/Drawer/Drawer.tsx","../src/components/Drawer/useDrawer.tsx"],"names":["sva","useRef","resolveDismissBehavior","useBackdropDismiss","useEffect","useScrollLock","jsx","cx","mergeRefs","useState","useCallback","useMemo"],"mappings":"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","file":"chunk-A36BE56K.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const drawerRecipe = sva({\n  slots: ['root', 'inner'],\n  base: {\n    root: {\n      position: 'fixed',\n      p: 0,\n      borderWidth: 0,\n      bg: 'bg',\n      color: 'fg',\n      boxShadow: 'xl',\n      flexDirection: 'column',\n      overscrollBehavior: 'contain',\n      _backdrop: {\n        bg: 'overlay.scrim',\n        backdropFilter: 'blur(2px)',\n      },\n      _focusVisible: {\n        outline: 'none',\n      },\n    },\n    inner: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: '1 1 auto',\n      minH: 0,\n      overflow: 'hidden',\n    },\n  },\n  variants: {\n    // When closed, the native <dialog> UA style (display: none) applies; opening\n    // switches on the flex column layout.\n    isOpen: {\n      true: {root: {display: 'flex'}},\n      false: {},\n    },\n    placement: {\n      start: {\n        root: {\n          inset: 0,\n          marginInlineEnd: 'auto',\n          h: '100dvh',\n          maxH: '100dvh',\n          borderRadius: 0,\n          borderInlineEndWidth: 'default',\n          borderInlineEndStyle: 'solid',\n          borderInlineEndColor: 'border',\n        },\n      },\n      end: {\n        root: {\n          inset: 0,\n          marginInlineStart: 'auto',\n          h: '100dvh',\n          maxH: '100dvh',\n          borderRadius: 0,\n          borderInlineStartWidth: 'default',\n          borderInlineStartStyle: 'solid',\n          borderInlineStartColor: 'border',\n        },\n      },\n      top: {\n        root: {\n          inset: 0,\n          mb: 'auto',\n          w: '100dvw',\n          maxW: '100dvw',\n          borderRadius: 0,\n          borderBlockEndWidth: 'default',\n          borderBlockEndStyle: 'solid',\n          borderBlockEndColor: 'border',\n        },\n      },\n      bottom: {\n        root: {\n          inset: 0,\n          mt: 'auto',\n          w: '100dvw',\n          maxW: '100dvw',\n          borderRadius: 0,\n          borderBlockStartWidth: 'default',\n          borderBlockStartStyle: 'solid',\n          borderBlockStartColor: 'border',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n    placement: 'end',\n  },\n});\n\nexport type DrawerVariants = RecipeVariantProps<typeof drawerRecipe>;\n","'use client';\n\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useEffect, useRef} from 'react';\nimport {drawerRecipe} from 'components/Drawer/Drawer.recipe';\nimport {cx} from 'internal/cx';\nimport {\n  resolveDismissBehavior,\n  type DismissBehavior,\n} from 'internal/dismissBehavior';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useBackdropDismiss} from 'internal/useBackdropDismiss';\nimport {useScrollLock} from 'internal/useScrollLock';\n\nexport type DrawerPlacement = 'start' | 'end' | 'top' | 'bottom';\nexport type DrawerDismissBehavior = DismissBehavior;\n\nexport interface DrawerProps {\n  /**\n   * Drawer body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the drawer.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the drawer.\n   */\n  'data-testid'?: string;\n  /**\n   * Controls whether Escape and backdrop clicks request dismissal. Pass a\n   * boolean to enable or disable both behaviors together.\n   * @default {isEscapeDismissEnabled: true, isBackdropDismissEnabled: true}\n   */\n  dismissBehavior?: DrawerDismissBehavior;\n  /**\n   * Whether the drawer is open.\n   */\n  isOpen: boolean;\n  /**\n   * Accessible label for the drawer.\n   */\n  label: string;\n  /**\n   * Called when the drawer requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Edge of the viewport the drawer slides in from.\n   * @default 'end'\n   */\n  placement?: DrawerPlacement;\n  /**\n   * Ref forwarded to the drawer element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Width (start/end) or height (top/bottom) of the drawer.\n   */\n  size?: number | string;\n  /**\n   * Inline styles applied to the drawer.\n   */\n  style?: CSSProperties;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nconst DEFAULT_SIZES: Record<DrawerPlacement, number | string> = {\n  start: 320,\n  end: 320,\n  top: '40vh',\n  bottom: '40vh',\n};\n\nfunction getSizeStyle(\n  placement: DrawerPlacement,\n  size: number | string,\n): CSSProperties {\n  const formatted = formatSize(size);\n  if (placement === 'start' || placement === 'end') {\n    return {width: formatted, maxWidth: '100dvw'};\n  }\n  return {height: formatted, maxHeight: '100dvh'};\n}\n\n/**\n * A slide-in panel anchored to an edge of the viewport.\n */\nexport function Drawer({\n  isOpen,\n  label,\n  onOpenChange,\n  placement = 'end',\n  size,\n  dismissBehavior,\n  children,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DrawerProps): React.JSX.Element {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const {isBackdropDismissEnabled, isEscapeDismissEnabled} =\n    resolveDismissBehavior(dismissBehavior);\n  const backdropDismiss = useBackdropDismiss<HTMLDialogElement>({\n    isEnabled: isBackdropDismissEnabled,\n    onDismiss: () => onOpenChange(false),\n  });\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen) {\n      triggerRef.current = document.activeElement as HTMLElement | null;\n      if (!dialog.open) {\n        dialog.showModal();\n      }\n      dialog\n        .querySelector<HTMLElement>('[data-autofocus=\"true\"], [autofocus]')\n        ?.focus();\n    } else if (dialog.open) {\n      dialog.close();\n      triggerRef.current?.focus();\n      triggerRef.current = null;\n    }\n  }, [isOpen]);\n\n  useScrollLock(isOpen);\n\n  const effectiveSize = size ?? DEFAULT_SIZES[placement];\n  const sizeStyle = getSizeStyle(placement, effectiveSize);\n  const classes = drawerRecipe({isOpen, placement});\n\n  return (\n    // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions -- native dialog backdrop clicks close the drawer\n    <dialog\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        if (isEscapeDismissEnabled) {\n          onOpenChange(false);\n        }\n      }}\n      onClick={backdropDismiss.onClick}\n      onPointerDown={backdropDismiss.onPointerDown}\n      ref={mergeRefs(ref, dialogRef)}\n      style={{...sizeStyle, ...style}}>\n      <div className={classes.inner}>{children}</div>\n    </dialog>\n  );\n}\n\nDrawer.displayName = 'Drawer';\n","'use client';\n\nimport {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {Drawer, type DrawerProps} from 'components/Drawer/Drawer';\n\nexport type DrawerOptions = Partial<\n  Omit<DrawerProps, 'children' | 'isOpen' | 'onOpenChange'>\n>;\n\nexport interface UseDrawerReturn {\n  element: ReactNode;\n  hide: () => void;\n  isOpen: boolean;\n  show: (content: ReactNode, options?: DrawerOptions) => void;\n}\n\nexport function useDrawer(defaultOptions?: DrawerOptions): UseDrawerReturn {\n  const [isOpen, setIsOpen] = useState(false);\n  const [content, setContent] = useState<ReactNode>(null);\n  // Options passed to the most recent `show()` call. Each call replaces these\n  // rather than merging, so per-call options never bleed into later calls.\n  // `defaultOptions` remains the baseline, applied beneath them below.\n  const [callOptions, setCallOptions] = useState<DrawerOptions | undefined>();\n\n  const show = useCallback(\n    (nextContent: ReactNode, nextOptions?: DrawerOptions) => {\n      setContent(nextContent);\n      setCallOptions(nextOptions);\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const hide = useCallback(() => setIsOpen(false), []);\n\n  const element = useMemo(\n    () => (\n      <Drawer\n        {...(defaultOptions ?? {})}\n        {...(callOptions ?? {})}\n        isOpen={isOpen}\n        label={callOptions?.label ?? defaultOptions?.label ?? 'Drawer'}\n        onOpenChange={setIsOpen}>\n        {content}\n      </Drawer>\n    ),\n    [content, defaultOptions, isOpen, callOptions],\n  );\n\n  return {element, hide, isOpen, show};\n}\n"]}

package/dist/{chunk-WG4NNC3P.js → chunk-AJAHLIHQ.js}

@@ -1,6 +1,7 @@
-import { useScrollLock } from './chunk-PZHRFASW.js';
-import { Button } from './chunk-EBV3EX3J.js';
-import { useIsomorphicLayoutEffect } from './chunk-KEPCKSDE.js';
+'use client';
+import { useScrollLock } from './chunk-Q4UI2MP4.js';
+import { Button } from './chunk-J2TQNGUM.js';
+import { useIsomorphicLayoutEffect } from './chunk-2AY74YXP.js';
 import { mergeRefs } from './chunk-SGLIDI6R.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { sva } from './chunk-IAVZKGZS.js';
@@ -437,5 +438,5 @@ function useLightbox(options) {
 }
 
 export { Lightbox, useLightbox };
-//# sourceMappingURL=chunk-WG4NNC3P.js.map
-//# sourceMappingURL=chunk-WG4NNC3P.js.map
+//# sourceMappingURL=chunk-AJAHLIHQ.js.map
+//# sourceMappingURL=chunk-AJAHLIHQ.js.map

package/dist/{chunk-WG4NNC3P.js.map → chunk-AJAHLIHQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Lightbox/Lightbox.recipe.ts","../src/components/Lightbox/Lightbox.tsx","../src/components/Lightbox/useLightbox.tsx"],"names":["useState","useCallback","useMemo","jsx"],"mappings":"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","file":"chunk-WG4NNC3P.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const lightboxRecipe = sva({\n  slots: [\n    'dialog',\n    'container',\n    'mediaGroup',\n    'mediaWrap',\n    'image',\n    'video',\n    'caption',\n    'close',\n    'nav',\n    'counter',\n    'controlButton',\n  ],\n  base: {\n    dialog: {\n      position: 'fixed',\n      inset: 0,\n      w: '100dvw',\n      h: '100dvh',\n      maxW: 'none',\n      maxH: 'none',\n      m: 0,\n      p: 0,\n      borderWidth: 0,\n      bg: 'transparent',\n      overflow: 'hidden',\n      outline: 'none',\n      _backdrop: {\n        bg: 'overlay.scrim.strong',\n        backdropFilter: 'blur(2px)',\n      },\n    },\n    container: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'full',\n      h: 'full',\n      p: '8',\n    },\n    mediaGroup: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      maxW: 'full',\n      maxH: 'full',\n      minH: 0,\n    },\n    mediaWrap: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      overflow: 'hidden',\n      minH: 0,\n      userSelect: 'none',\n    },\n    image: {\n      display: 'block',\n      maxW: '100%',\n      maxH: 'calc(100dvh - 7rem)',\n      objectFit: 'contain',\n      pointerEvents: 'none',\n      transitionProperty: 'transform',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0ms',\n      },\n    },\n    video: {\n      maxW: '100%',\n      maxH: 'calc(100dvh - 7rem)',\n      objectFit: 'contain',\n      outline: 'none',\n    },\n    caption: {\n      w: 'full',\n      maxW: 'min(90dvw, 48rem)',\n      px: '3',\n      pt: '2',\n      color: 'fg.onPrimary',\n      fontFamily: 'body',\n      fontSize: 'lg',\n      lineHeight: 'normal',\n      textAlign: 'center',\n    },\n    close: {\n      position: 'absolute',\n      top: '3',\n      right: '3',\n      zIndex: 1,\n    },\n    nav: {\n      position: 'absolute',\n      top: '50%',\n      zIndex: 1,\n      transform: 'translateY(-50%)',\n    },\n    counter: {\n      position: 'absolute',\n      top: '3',\n      left: '3',\n      zIndex: 1,\n      color: 'fg.onPrimary',\n      fontFamily: 'body',\n      fontSize: 'md',\n    },\n    controlButton: {\n      bg: 'overlay.scrim',\n      color: 'fg.onPrimary',\n      _hover: {\n        bg: 'overlay.scrim.strong',\n      },\n      _active: {\n        bg: 'overlay.scrim.strong',\n      },\n    },\n  },\n  variants: {\n    // Media viewport cursor reflects the active zoom/pan interaction. A single\n    // value keeps the precedence deterministic: dragging > zoomed > zoomable.\n    cursor: {\n      default: {},\n      zoomable: {mediaWrap: {cursor: 'zoom-in'}},\n      zoomed: {mediaWrap: {cursor: 'grab'}},\n      dragging: {mediaWrap: {cursor: 'grabbing'}},\n    },\n    // While dragging, drop the transform transition so the image tracks the\n    // pointer exactly instead of easing behind it.\n    isDragging: {\n      true: {image: {transitionProperty: 'none'}},\n      false: {},\n    },\n    // Horizontal placement for the prev/next gallery navigation controls.\n    position: {\n      prev: {nav: {left: '3'}},\n      next: {nav: {right: '3'}},\n    },\n  },\n  defaultVariants: {\n    cursor: 'default',\n    isDragging: false,\n  },\n});\n\nexport type LightboxVariants = RecipeVariantProps<typeof lightboxRecipe>;\n","/* eslint-disable jsx-a11y-x/no-noninteractive-element-interactions */\n\nimport {ChevronLeft, ChevronRight, X} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {lightboxRecipe} from 'components/Lightbox/Lightbox.recipe';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useIsomorphicLayoutEffect} from 'internal/useIsomorphicLayoutEffect';\nimport {useScrollLock} from 'internal/useScrollLock';\n\nexport type LightboxMediaType = 'image' | 'video';\n\nexport interface LightboxMedia {\n  /**\n   * Accessible image alt text, or video label.\n   */\n  alt: string;\n  /**\n   * Optional caption shown below the media.\n   */\n  caption?: ReactNode;\n  /**\n   * Optional WebVTT captions source for video media.\n   */\n  captionsSrc?: string;\n  /**\n   * Media source URL.\n   */\n  src: string;\n  /**\n   * Media type.\n   * @default 'image'\n   */\n  type?: LightboxMediaType;\n}\n\nexport interface LightboxProps {\n  /**\n   * Additional CSS class names applied to the dialog.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog.\n   */\n  'data-testid'?: string;\n  /**\n   * Initial gallery index for uncontrolled usage.\n   * @default 0\n   */\n  defaultIndex?: number;\n  /**\n   * Whether videos autoplay when opened.\n   * @default false\n   */\n  hasAutoPlay?: boolean;\n  /**\n   * Whether images can be double-clicked to zoom.\n   * @default false\n   */\n  hasZoom?: boolean;\n  /**\n   * Controlled gallery index.\n   */\n  index?: number;\n  /**\n   * Whether the lightbox is open.\n   */\n  isOpen: boolean;\n  /**\n   * Media to display.\n   */\n  media: LightboxMedia | ReadonlyArray<LightboxMedia>;\n  /**\n   * Called when gallery index changes.\n   */\n  onIndexChange?: (index: number) => void;\n  /**\n   * Called when the lightbox requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Inline styles applied to the dialog.\n   */\n  style?: CSSProperties;\n}\n\nfunction isMediaArray(\n  media: LightboxMedia | ReadonlyArray<LightboxMedia>,\n): media is ReadonlyArray<LightboxMedia> {\n  return Array.isArray(media);\n}\n\n/**\n * Fullscreen dialog for viewing image or video media, with optional gallery navigation.\n */\nexport function Lightbox({\n  className,\n  'data-testid': dataTestId,\n  defaultIndex = 0,\n  hasAutoPlay = false,\n  hasZoom = false,\n  index: indexFromProps,\n  isOpen,\n  media,\n  onIndexChange,\n  onOpenChange,\n  ref,\n  style,\n}: LightboxProps): React.JSX.Element {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const triggerRef = useRef<Element | null>(null);\n  const [uncontrolledIndex, setUncontrolledIndex] = useState(defaultIndex);\n  const [zoom, setZoom] = useState(1);\n  const [pan, setPan] = useState({x: 0, y: 0});\n  const [isDragging, setIsDragging] = useState(false);\n  const dragStartRef = useRef({x: 0, y: 0, panX: 0, panY: 0});\n  const isControlled = indexFromProps !== undefined;\n  const index = isControlled ? indexFromProps : uncontrolledIndex;\n  const mediaItems: ReadonlyArray<LightboxMedia> = useMemo(\n    () => (isMediaArray(media) ? media : [media]),\n    [media],\n  );\n  const currentIndex =\n    mediaItems.length === 0\n      ? 0\n      : Math.min(Math.max(index, 0), mediaItems.length - 1);\n  const currentItem =\n    mediaItems.length === 0 ? undefined : mediaItems[currentIndex];\n  const hasMedia = currentItem != null;\n  const isGallery = mediaItems.length > 1;\n  const isVideo = (currentItem?.type ?? 'image') === 'video';\n  const canPrev = isGallery && currentIndex > 0;\n  const canNext = isGallery && currentIndex < mediaItems.length - 1;\n  const imageTransform =\n    zoom === 1\n      ? undefined\n      : `scale(${zoom}) translate(${pan.x / zoom}px, ${pan.y / zoom}px)`;\n  const cursor = isDragging\n    ? 'dragging'\n    : !isVideo && zoom > 1\n      ? 'zoomed'\n      : !isVideo && hasZoom && zoom === 1\n        ? 'zoomable'\n        : 'default';\n  const classes = lightboxRecipe({cursor, isDragging});\n\n  useScrollLock(isOpen);\n\n  const setIndex = useCallback(\n    (nextIndex: number) => {\n      if (!isControlled) {\n        setUncontrolledIndex(nextIndex);\n      }\n      onIndexChange?.(nextIndex);\n    },\n    [isControlled, onIndexChange],\n  );\n\n  useEffect(() => {\n    // eslint-disable-next-line @eslint-react/set-state-in-effect\n    setZoom(1);\n    // eslint-disable-next-line @eslint-react/set-state-in-effect\n    setPan({x: 0, y: 0});\n  }, [currentIndex, currentItem?.src, isOpen]);\n\n  useEffect(() => {\n    if (!isGallery) {\n      return;\n    }\n\n    for (const nextIndex of [currentIndex - 1, currentIndex + 1]) {\n      if (nextIndex < 0 || nextIndex >= mediaItems.length) {\n        continue;\n      }\n      const item = mediaItems[nextIndex];\n      if (item.type === 'video') {\n        continue;\n      }\n\n      const image = new Image();\n      image.src = item.src;\n    }\n  }, [currentIndex, isGallery, mediaItems]);\n\n  useIsomorphicLayoutEffect(() => {\n    const dialog = dialogRef.current;\n    if (dialog == null) {\n      return;\n    }\n    if (isOpen && !dialog.open) {\n      triggerRef.current = document.activeElement;\n      dialog.showModal();\n    } else if (!isOpen && dialog.open) {\n      dialog.close();\n      if (triggerRef.current instanceof HTMLElement) {\n        triggerRef.current.focus();\n      }\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isDragging) {\n      return;\n    }\n    const handlePointerMove = (event: PointerEvent) => {\n      setPan({\n        x: dragStartRef.current.panX + event.clientX - dragStartRef.current.x,\n        y: dragStartRef.current.panY + event.clientY - dragStartRef.current.y,\n      });\n    };\n    const handlePointerUp = () => setIsDragging(false);\n    window.addEventListener('pointermove', handlePointerMove);\n    window.addEventListener('pointerup', handlePointerUp);\n    return () => {\n      window.removeEventListener('pointermove', handlePointerMove);\n      window.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [isDragging]);\n\n  const close = useCallback(() => {\n    onOpenChange(false);\n  }, [onOpenChange]);\n  const goPrev = useCallback(() => {\n    if (canPrev) {\n      setIndex(currentIndex - 1);\n    }\n  }, [canPrev, currentIndex, setIndex]);\n  const goNext = useCallback(() => {\n    if (canNext) {\n      setIndex(currentIndex + 1);\n    }\n  }, [canNext, currentIndex, setIndex]);\n\n  return (\n    <dialog\n      aria-label=\"Media lightbox\"\n      className={cx(classes.dialog, className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        close();\n      }}\n      onClick={(event: ReactMouseEvent<HTMLDialogElement>) => {\n        if (event.target === event.currentTarget) {\n          close();\n        }\n      }}\n      onKeyDown={event => {\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault();\n          goPrev();\n        } else if (event.key === 'ArrowRight') {\n          event.preventDefault();\n          goNext();\n        }\n      }}\n      ref={mergeRefs(ref, dialogRef)}\n      style={style}>\n      <div className={classes.container}>\n        <div className={classes.close}>\n          <Button\n            className={classes.controlButton}\n            icon={X}\n            isIconOnly\n            label=\"Close\"\n            onClick={close}\n          />\n        </div>\n        {canPrev ? (\n          <div className={lightboxRecipe({position: 'prev'}).nav}>\n            <Button\n              className={classes.controlButton}\n              icon={ChevronLeft}\n              isIconOnly\n              label=\"Previous\"\n              onClick={goPrev}\n            />\n          </div>\n        ) : null}\n        {hasMedia ? (\n          <div className={classes.mediaGroup}>\n            {/* eslint-disable-next-line jsx-a11y-x/no-static-element-interactions -- media viewport supports image zoom/pan gestures */}\n            <div\n              className={classes.mediaWrap}\n              onDoubleClick={() => {\n                if (!hasZoom || isVideo) {\n                  return;\n                }\n                setZoom(zoom === 1 ? 2 : 1);\n                setPan({x: 0, y: 0});\n              }}\n              onPointerDown={event => {\n                if (!hasZoom || isVideo || zoom <= 1) {\n                  return;\n                }\n                setIsDragging(true);\n                dragStartRef.current = {\n                  x: event.clientX,\n                  y: event.clientY,\n                  panX: pan.x,\n                  panY: pan.y,\n                };\n              }}>\n              {isVideo ? (\n                // eslint-disable-next-line jsx-a11y-x/media-has-caption -- captions are rendered only when callers provide a real WebVTT source\n                <video\n                  aria-label={currentItem.alt}\n                  autoPlay={hasAutoPlay}\n                  className={classes.video}\n                  controls\n                  src={currentItem.src}>\n                  {currentItem.captionsSrc != null ? (\n                    <track\n                      kind=\"captions\"\n                      label=\"Captions\"\n                      src={currentItem.captionsSrc}\n                    />\n                  ) : null}\n                </video>\n              ) : (\n                <img\n                  alt={currentItem.alt}\n                  className={classes.image}\n                  draggable={false}\n                  src={currentItem.src}\n                  style={{transform: imageTransform}}\n                />\n              )}\n            </div>\n            {isReactNode(currentItem.caption) ? (\n              <div className={classes.caption}>{currentItem.caption}</div>\n            ) : null}\n          </div>\n        ) : null}\n        {canNext ? (\n          <div className={lightboxRecipe({position: 'next'}).nav}>\n            <Button\n              className={classes.controlButton}\n              icon={ChevronRight}\n              isIconOnly\n              label=\"Next\"\n              onClick={goNext}\n            />\n          </div>\n        ) : null}\n        {isGallery ? (\n          <div className={classes.counter}>\n            {currentIndex + 1} / {mediaItems.length}\n          </div>\n        ) : null}\n      </div>\n    </dialog>\n  );\n}\n\nLightbox.displayName = 'Lightbox';\n","import {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {\n  Lightbox,\n  type LightboxMedia,\n  type LightboxProps,\n} from 'components/Lightbox/Lightbox';\n\ntype LightboxOptions = Omit<\n  LightboxProps,\n  | 'defaultIndex'\n  | 'index'\n  | 'isOpen'\n  | 'media'\n  | 'onIndexChange'\n  | 'onOpenChange'\n>;\n\nexport interface UseLightboxOptions extends LightboxOptions {\n  /**\n   * Media to display in the lightbox.\n   */\n  media: LightboxMedia | ReadonlyArray<LightboxMedia>;\n}\n\nexport interface UseLightboxReturn {\n  /**\n   * Close the lightbox.\n   */\n  close: () => void;\n  /**\n   * Render this element in your tree.\n   */\n  element: ReactNode;\n  /**\n   * Returns trigger props that open at the given gallery index.\n   */\n  getTriggerProps: (index: number) => {\n    'aria-haspopup': 'dialog';\n    onClick: () => void;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    role: 'button';\n    tabIndex: 0;\n  };\n  /**\n   * Current gallery index.\n   */\n  index: number;\n  /**\n   * Whether the lightbox is open.\n   */\n  isOpen: boolean;\n  /**\n   * Open the lightbox, optionally at a specific gallery index.\n   */\n  open: (index?: number) => void;\n  /**\n   * Trigger props that open the first item.\n   */\n  triggerProps: {\n    'aria-haspopup': 'dialog';\n    onClick: () => void;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    role: 'button';\n    tabIndex: 0;\n  };\n}\n\n/**\n * State helper for Lightbox triggers and rendering.\n */\nexport function useLightbox(options: UseLightboxOptions): UseLightboxReturn {\n  const {media, ...lightboxProps} = options;\n  const [isOpen, setIsOpen] = useState(false);\n  const [index, setIndex] = useState(0);\n\n  const open = useCallback((nextIndex = 0) => {\n    setIndex(nextIndex);\n    setIsOpen(true);\n  }, []);\n  const close = useCallback(() => setIsOpen(false), []);\n  const getTriggerProps = useCallback(\n    (nextIndex: number) => ({\n      'aria-haspopup': 'dialog' as const,\n      onClick: () => open(nextIndex),\n      onKeyDown: (event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          open(nextIndex);\n        }\n      },\n      role: 'button' as const,\n      tabIndex: 0 as const,\n    }),\n    [open],\n  );\n  const triggerProps = useMemo(() => getTriggerProps(0), [getTriggerProps]);\n  const element = (\n    <Lightbox\n      {...lightboxProps}\n      index={index}\n      isOpen={isOpen}\n      media={media}\n      onIndexChange={setIndex}\n      onOpenChange={setIsOpen}\n    />\n  );\n\n  return {close, element, getTriggerProps, index, isOpen, open, triggerProps};\n}\n"]}
+{"version":3,"sources":["../src/components/Lightbox/Lightbox.recipe.ts","../src/components/Lightbox/Lightbox.tsx","../src/components/Lightbox/useLightbox.tsx"],"names":["useState","useCallback","useMemo","jsx"],"mappings":";;;;;;;;;;;;AAEO,IAAM,iBAAiB,GAAA,CAAI;AAAA,EAChC,KAAA,EAAO;AAAA,IACL,QAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,OAAA;AAAA,MACV,KAAA,EAAO,CAAA;AAAA,MACP,CAAA,EAAG,QAAA;AAAA,MACH,CAAA,EAAG,QAAA;AAAA,MACH,IAAA,EAAM,MAAA;AAAA,MACN,IAAA,EAAM,MAAA;AAAA,MACN,CAAA,EAAG,CAAA;AAAA,MACH,CAAA,EAAG,CAAA;AAAA,MACH,WAAA,EAAa,CAAA;AAAA,MACb,EAAA,EAAI,aAAA;AAAA,MACJ,QAAA,EAAU,QAAA;AAAA,MACV,OAAA,EAAS,MAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,EAAA,EAAI,sBAAA;AAAA,QACJ,cAAA,EAAgB;AAAA;AAClB,KACF;AAAA,IACA,SAAA,EAAW;AAAA,MACT,QAAA,EAAU,UAAA;AAAA,MACV,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,CAAA,EAAG,MAAA;AAAA,MACH,CAAA,EAAG,MAAA;AAAA,MACH,CAAA,EAAG;AAAA,KACL;AAAA,IACA,UAAA,EAAY;AAAA,MACV,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,QAAA;AAAA,MACf,UAAA,EAAY,QAAA;AAAA,MACZ,IAAA,EAAM,MAAA;AAAA,MACN,IAAA,EAAM,MAAA;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,QAAA,EAAU,QAAA;AAAA,MACV,IAAA,EAAM,CAAA;AAAA,MACN,UAAA,EAAY;AAAA,KACd;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,OAAA;AAAA,MACT,IAAA,EAAM,MAAA;AAAA,MACN,IAAA,EAAM,qBAAA;AAAA,MACN,SAAA,EAAW,SAAA;AAAA,MACX,aAAA,EAAe,MAAA;AAAA,MACf,kBAAA,EAAoB,WAAA;AAAA,MACpB,kBAAA,EAAoB,QAAA;AAAA,MACpB,wBAAA,EAA0B,SAAA;AAAA,MAC1B,yCAAA,EAA2C;AAAA,QACzC,kBAAA,EAAoB;AAAA;AACtB,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,MAAA;AAAA,MACN,IAAA,EAAM,qBAAA;AAAA,MACN,SAAA,EAAW,SAAA;AAAA,MACX,OAAA,EAAS;AAAA,KACX;AAAA,IACA,OAAA,EAAS;AAAA,MACP,CAAA,EAAG,MAAA;AAAA,MACH,IAAA,EAAM,mBAAA;AAAA,MACN,EAAA,EAAI,GAAA;AAAA,MACJ,EAAA,EAAI,GAAA;AAAA,MACJ,KAAA,EAAO,cAAA;AAAA,MACP,UAAA,EAAY,MAAA;AAAA,MACZ,QAAA,EAAU,IAAA;AAAA,MACV,UAAA,EAAY,QAAA;AAAA,MACZ,SAAA,EAAW;AAAA,KACb;AAAA,IACA,KAAA,EAAO;AAAA,MACL,QAAA,EAAU,UAAA;AAAA,MACV,GAAA,EAAK,GAAA;AAAA,MACL,KAAA,EAAO,GAAA;AAAA,MACP,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,GAAA,EAAK;AAAA,MACH,QAAA,EAAU,UAAA;AAAA,MACV,GAAA,EAAK,KAAA;AAAA,MACL,MAAA,EAAQ,CAAA;AAAA,MACR,SAAA,EAAW;AAAA,KACb;AAAA,IACA,OAAA,EAAS;AAAA,MACP,QAAA,EAAU,UAAA;AAAA,MACV,GAAA,EAAK,GAAA;AAAA,MACL,IAAA,EAAM,GAAA;AAAA,MACN,MAAA,EAAQ,CAAA;AAAA,MACR,KAAA,EAAO,cAAA;AAAA,MACP,UAAA,EAAY,MAAA;AAAA,MACZ,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,aAAA,EAAe;AAAA,MACb,EAAA,EAAI,eAAA;AAAA,MACJ,KAAA,EAAO,cAAA;AAAA,MACP,MAAA,EAAQ;AAAA,QACN,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,EAAA,EAAI;AAAA;AACN;AACF,GACF;AAAA,EACA,QAAA,EAAU;AAAA;AAAA;AAAA,IAGR,MAAA,EAAQ;AAAA,MACN,SAAS,EAAC;AAAA,MACV,UAAU,EAAC,SAAA,EAAW,EAAC,MAAA,EAAQ,WAAS,EAAC;AAAA,MACzC,QAAQ,EAAC,SAAA,EAAW,EAAC,MAAA,EAAQ,QAAM,EAAC;AAAA,MACpC,UAAU,EAAC,SAAA,EAAW,EAAC,MAAA,EAAQ,YAAU;AAAC,KAC5C;AAAA;AAAA;AAAA,IAGA,UAAA,EAAY;AAAA,MACV,MAAM,EAAC,KAAA,EAAO,EAAC,kBAAA,EAAoB,QAAM,EAAC;AAAA,MAC1C,OAAO;AAAC,KACV;AAAA;AAAA,IAEA,QAAA,EAAU;AAAA,MACR,MAAM,EAAC,GAAA,EAAK,EAAC,IAAA,EAAM,KAAG,EAAC;AAAA,MACvB,MAAM,EAAC,GAAA,EAAK,EAAC,KAAA,EAAO,KAAG;AAAC;AAC1B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ,SAAA;AAAA,IACR,UAAA,EAAY;AAAA;AAEhB,CAAC,CAAA;AC5CD,SAAS,aACP,KAAA,EACuC;AACvC,EAAA,OAAO,KAAA,CAAM,QAAQ,KAAK,CAAA;AAC5B;AAKO,SAAS,QAAA,CAAS;AAAA,EACvB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,YAAA,GAAe,CAAA;AAAA,EACf,WAAA,GAAc,KAAA;AAAA,EACd,OAAA,GAAU,KAAA;AAAA,EACV,KAAA,EAAO,cAAA;AAAA,EACP,MAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAqC;AACnC,EAAA,MAAM,SAAA,GAAY,OAA0B,IAAI,CAAA;AAChD,EAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAC9C,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,YAAY,CAAA;AACvE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,QAAA,CAAS,EAAC,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAE,CAAA;AAC3C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,EAAC,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,IAAA,EAAM,CAAA,EAAG,IAAA,EAAM,CAAA,EAAE,CAAA;AAC1D,EAAA,MAAM,eAAe,cAAA,KAAmB,MAAA;AACxC,EAAA,MAAM,KAAA,GAAQ,eAAe,cAAA,GAAiB,iBAAA;AAC9C,EAAA,MAAM,UAAA,GAA2C,OAAA;AAAA,IAC/C,MAAO,YAAA,CAAa,KAAK,CAAA,GAAI,KAAA,GAAQ,CAAC,KAAK,CAAA;AAAA,IAC3C,CAAC,KAAK;AAAA,GACR;AACA,EAAA,MAAM,YAAA,GACJ,UAAA,CAAW,MAAA,KAAW,CAAA,GAClB,IACA,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,KAAA,EAAO,CAAC,CAAA,EAAG,UAAA,CAAW,SAAS,CAAC,CAAA;AACxD,EAAA,MAAM,cACJ,UAAA,CAAW,MAAA,KAAW,CAAA,GAAI,MAAA,GAAY,WAAW,YAAY,CAAA;AAC/D,EAAA,MAAM,WAAW,WAAA,IAAe,IAAA;AAChC,EAAA,MAAM,SAAA,GAAY,WAAW,MAAA,GAAS,CAAA;AACtC,EAAA,MAAM,OAAA,GAAA,CAAW,WAAA,EAAa,IAAA,IAAQ,OAAA,MAAa,OAAA;AACnD,EAAA,MAAM,OAAA,GAAU,aAAa,YAAA,GAAe,CAAA;AAC5C,EAAA,MAAM,OAAA,GAAU,SAAA,IAAa,YAAA,GAAe,UAAA,CAAW,MAAA,GAAS,CAAA;AAChE,EAAA,MAAM,cAAA,GACJ,IAAA,KAAS,CAAA,GACL,MAAA,GACA,CAAA,MAAA,EAAS,IAAI,CAAA,YAAA,EAAe,GAAA,CAAI,CAAA,GAAI,IAAI,CAAA,IAAA,EAAO,GAAA,CAAI,IAAI,IAAI,CAAA,GAAA,CAAA;AACjE,EAAA,MAAM,MAAA,GAAS,UAAA,GACX,UAAA,GACA,CAAC,OAAA,IAAW,IAAA,GAAO,CAAA,GACjB,QAAA,GACA,CAAC,OAAA,IAAW,OAAA,IAAW,IAAA,KAAS,IAC9B,UAAA,GACA,SAAA;AACR,EAAA,MAAM,OAAA,GAAU,cAAA,CAAe,EAAC,MAAA,EAAQ,YAAW,CAAA;AAEnD,EAAA,aAAA,CAAc,MAAM,CAAA;AAEpB,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,SAAA,KAAsB;AACrB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,oBAAA,CAAqB,SAAS,CAAA;AAAA,MAChC;AACA,MAAA,aAAA,GAAgB,SAAS,CAAA;AAAA,IAC3B,CAAA;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,GAC9B;AAEA,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,OAAA,CAAQ,CAAC,CAAA;AAET,IAAA,MAAA,CAAO,EAAC,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,GAAE,CAAA;AAAA,EACrB,GAAG,CAAC,YAAA,EAAc,WAAA,EAAa,GAAA,EAAK,MAAM,CAAC,CAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAA,EAAW;AACd,MAAA;AAAA,IACF;AAEA,IAAA,KAAA,MAAW,aAAa,CAAC,YAAA,GAAe,CAAA,EAAG,YAAA,GAAe,CAAC,CAAA,EAAG;AAC5D,MAAA,IAAI,SAAA,GAAY,CAAA,IAAK,SAAA,IAAa,UAAA,CAAW,MAAA,EAAQ;AACnD,QAAA;AAAA,MACF;AACA,MAAA,MAAM,IAAA,GAAO,WAAW,SAAS,CAAA;AACjC,MAAA,IAAI,IAAA,CAAK,SAAS,OAAA,EAAS;AACzB,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,KAAA,GAAQ,IAAI,KAAA,EAAM;AACxB,MAAA,KAAA,CAAM,MAAM,IAAA,CAAK,GAAA;AAAA,IACnB;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,SAAA,EAAW,UAAU,CAAC,CAAA;AAExC,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,IAAA,IAAI,UAAU,IAAA,EAAM;AAClB,MAAA;AAAA,IACF;AACA,IAAA,IAAI,MAAA,IAAU,CAAC,MAAA,CAAO,IAAA,EAAM;AAC1B,MAAA,UAAA,CAAW,UAAU,QAAA,CAAS,aAAA;AAC9B,MAAA,MAAA,CAAO,SAAA,EAAU;AAAA,IACnB,CAAA,MAAA,IAAW,CAAC,MAAA,IAAU,MAAA,CAAO,IAAA,EAAM;AACjC,MAAA,MAAA,CAAO,KAAA,EAAM;AACb,MAAA,IAAI,UAAA,CAAW,mBAAmB,WAAA,EAAa;AAC7C,QAAA,UAAA,CAAW,QAAQ,KAAA,EAAM;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAA,EAAY;AACf,MAAA;AAAA,IACF;AACA,IAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAAwB;AACjD,MAAA,MAAA,CAAO;AAAA,QACL,GAAG,YAAA,CAAa,OAAA,CAAQ,OAAO,KAAA,CAAM,OAAA,GAAU,aAAa,OAAA,CAAQ,CAAA;AAAA,QACpE,GAAG,YAAA,CAAa,OAAA,CAAQ,OAAO,KAAA,CAAM,OAAA,GAAU,aAAa,OAAA,CAAQ;AAAA,OACrE,CAAA;AAAA,IACH,CAAA;AACA,IAAA,MAAM,eAAA,GAAkB,MAAM,aAAA,CAAc,KAAK,CAAA;AACjD,IAAA,MAAA,CAAO,gBAAA,CAAiB,eAAe,iBAAiB,CAAA;AACxD,IAAA,MAAA,CAAO,gBAAA,CAAiB,aAAa,eAAe,CAAA;AACpD,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,eAAe,iBAAiB,CAAA;AAC3D,MAAA,MAAA,CAAO,mBAAA,CAAoB,aAAa,eAAe,CAAA;AAAA,IACzD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,YAAA,CAAa,KAAK,CAAA;AAAA,EACpB,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AACjB,EAAA,MAAM,MAAA,GAAS,YAAY,MAAM;AAC/B,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,QAAA,CAAS,eAAe,CAAC,CAAA;AAAA,IAC3B;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,YAAA,EAAc,QAAQ,CAAC,CAAA;AACpC,EAAA,MAAM,MAAA,GAAS,YAAY,MAAM;AAC/B,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,QAAA,CAAS,eAAe,CAAC,CAAA;AAAA,IAC3B;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEpC,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,gBAAA;AAAA,MACX,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,MAAA,EAAQ,SAAS,CAAA;AAAA,MACvC,aAAA,EAAa,UAAA;AAAA,MACb,UAAU,CAAA,KAAA,KAAS;AACjB,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,KAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,OAAA,EAAS,CAAC,KAAA,KAA8C;AACtD,QAAA,IAAI,KAAA,CAAM,MAAA,KAAW,KAAA,CAAM,aAAA,EAAe;AACxC,UAAA,KAAA,EAAM;AAAA,QACR;AAAA,MACF,CAAA;AAAA,MACA,WAAW,CAAA,KAAA,KAAS;AAClB,QAAA,IAAI,KAAA,CAAM,QAAQ,WAAA,EAAa;AAC7B,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,MAAA,EAAO;AAAA,QACT,CAAA,MAAA,IAAW,KAAA,CAAM,GAAA,KAAQ,YAAA,EAAc;AACrC,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,MAAA,EAAO;AAAA,QACT;AAAA,MACF,CAAA;AAAA,MACA,GAAA,EAAK,SAAA,CAAU,GAAA,EAAK,SAAS,CAAA;AAAA,MAC7B,KAAA;AAAA,MACA,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EACtB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,KAAA,EACtB,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAW,OAAA,CAAQ,aAAA;AAAA,YACnB,IAAA,EAAM,CAAA;AAAA,YACN,UAAA,EAAU,IAAA;AAAA,YACV,KAAA,EAAM,OAAA;AAAA,YACN,OAAA,EAAS;AAAA;AAAA,SACX,EACF,CAAA;AAAA,QACC,OAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,cAAA,CAAe,EAAC,QAAA,EAAU,MAAA,EAAO,CAAA,CAAE,GAAA,EACjD,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAW,OAAA,CAAQ,aAAA;AAAA,YACnB,IAAA,EAAM,WAAA;AAAA,YACN,UAAA,EAAU,IAAA;AAAA,YACV,KAAA,EAAM,UAAA;AAAA,YACN,OAAA,EAAS;AAAA;AAAA,WAEb,CAAA,GACE,IAAA;AAAA,QACH,QAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,UAAA,EAEtB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAW,OAAA,CAAQ,SAAA;AAAA,cACnB,eAAe,MAAM;AACnB,gBAAA,IAAI,CAAC,WAAW,OAAA,EAAS;AACvB,kBAAA;AAAA,gBACF;AACA,gBAAA,OAAA,CAAQ,IAAA,KAAS,CAAA,GAAI,CAAA,GAAI,CAAC,CAAA;AAC1B,gBAAA,MAAA,CAAO,EAAC,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,GAAE,CAAA;AAAA,cACrB,CAAA;AAAA,cACA,eAAe,CAAA,KAAA,KAAS;AACtB,gBAAA,IAAI,CAAC,OAAA,IAAW,OAAA,IAAW,IAAA,IAAQ,CAAA,EAAG;AACpC,kBAAA;AAAA,gBACF;AACA,gBAAA,aAAA,CAAc,IAAI,CAAA;AAClB,gBAAA,YAAA,CAAa,OAAA,GAAU;AAAA,kBACrB,GAAG,KAAA,CAAM,OAAA;AAAA,kBACT,GAAG,KAAA,CAAM,OAAA;AAAA,kBACT,MAAM,GAAA,CAAI,CAAA;AAAA,kBACV,MAAM,GAAA,CAAI;AAAA,iBACZ;AAAA,cACF,CAAA;AAAA,cACC,QAAA,EAAA,OAAA;AAAA;AAAA,gCAEC,GAAA;AAAA,kBAAC,OAAA;AAAA,kBAAA;AAAA,oBACC,cAAY,WAAA,CAAY,GAAA;AAAA,oBACxB,QAAA,EAAU,WAAA;AAAA,oBACV,WAAW,OAAA,CAAQ,KAAA;AAAA,oBACnB,QAAA,EAAQ,IAAA;AAAA,oBACR,KAAK,WAAA,CAAY,GAAA;AAAA,oBAChB,QAAA,EAAA,WAAA,CAAY,eAAe,IAAA,mBAC1B,GAAA;AAAA,sBAAC,OAAA;AAAA,sBAAA;AAAA,wBACC,IAAA,EAAK,UAAA;AAAA,wBACL,KAAA,EAAM,UAAA;AAAA,wBACN,KAAK,WAAA,CAAY;AAAA;AAAA,qBACnB,GACE;AAAA;AAAA;AACN,kCAEA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,KAAK,WAAA,CAAY,GAAA;AAAA,kBACjB,WAAW,OAAA,CAAQ,KAAA;AAAA,kBACnB,SAAA,EAAW,KAAA;AAAA,kBACX,KAAK,WAAA,CAAY,GAAA;AAAA,kBACjB,KAAA,EAAO,EAAC,SAAA,EAAW,cAAA;AAAc;AAAA;AACnC;AAAA,WAEJ;AAAA,UACC,WAAA,CAAY,WAAA,CAAY,OAAO,CAAA,mBAC9B,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EAAU,QAAA,EAAA,WAAA,CAAY,OAAA,EAAQ,CAAA,GACpD;AAAA,SAAA,EACN,CAAA,GACE,IAAA;AAAA,QACH,OAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,cAAA,CAAe,EAAC,QAAA,EAAU,MAAA,EAAO,CAAA,CAAE,GAAA,EACjD,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAW,OAAA,CAAQ,aAAA;AAAA,YACnB,IAAA,EAAM,YAAA;AAAA,YACN,UAAA,EAAU,IAAA;AAAA,YACV,KAAA,EAAM,MAAA;AAAA,YACN,OAAA,EAAS;AAAA;AAAA,WAEb,CAAA,GACE,IAAA;AAAA,QACH,SAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,OAAA,EACrB,QAAA,EAAA;AAAA,UAAA,YAAA,GAAe,CAAA;AAAA,UAAE,KAAA;AAAA,UAAI,UAAA,CAAW;AAAA,SAAA,EACnC,CAAA,GACE;AAAA,OAAA,EACN;AAAA;AAAA,GACF;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AC5ShB,SAAS,YAAY,OAAA,EAAgD;AAC1E,EAAA,MAAM,EAAC,KAAA,EAAO,GAAG,aAAA,EAAa,GAAI,OAAA;AAClC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,SAAS,CAAC,CAAA;AAEpC,EAAA,MAAM,IAAA,GAAOC,WAAAA,CAAY,CAAC,SAAA,GAAY,CAAA,KAAM;AAC1C,IAAA,QAAA,CAAS,SAAS,CAAA;AAClB,IAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EAChB,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,QAAQA,WAAAA,CAAY,MAAM,UAAU,KAAK,CAAA,EAAG,EAAE,CAAA;AACpD,EAAA,MAAM,eAAA,GAAkBA,WAAAA;AAAA,IACtB,CAAC,SAAA,MAAuB;AAAA,MACtB,eAAA,EAAiB,QAAA;AAAA,MACjB,OAAA,EAAS,MAAM,IAAA,CAAK,SAAS,CAAA;AAAA,MAC7B,SAAA,EAAW,CAAC,KAAA,KAA+B;AACzC,QAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,OAAA,IAAW,KAAA,CAAM,QAAQ,GAAA,EAAK;AAC9C,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,IAAA,CAAK,SAAS,CAAA;AAAA,QAChB;AAAA,MACF,CAAA;AAAA,MACA,IAAA,EAAM,QAAA;AAAA,MACN,QAAA,EAAU;AAAA,KACZ,CAAA;AAAA,IACA,CAAC,IAAI;AAAA,GACP;AACA,EAAA,MAAM,YAAA,GAAeC,QAAQ,MAAM,eAAA,CAAgB,CAAC,CAAA,EAAG,CAAC,eAAe,CAAC,CAAA;AACxE,EAAA,MAAM,0BACJC,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,aAAA;AAAA,MACJ,KAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,aAAA,EAAe,QAAA;AAAA,MACf,YAAA,EAAc;AAAA;AAAA,GAChB;AAGF,EAAA,OAAO,EAAC,KAAA,EAAO,OAAA,EAAS,iBAAiB,KAAA,EAAO,MAAA,EAAQ,MAAM,YAAA,EAAY;AAC5E","file":"chunk-AJAHLIHQ.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const lightboxRecipe = sva({\n  slots: [\n    'dialog',\n    'container',\n    'mediaGroup',\n    'mediaWrap',\n    'image',\n    'video',\n    'caption',\n    'close',\n    'nav',\n    'counter',\n    'controlButton',\n  ],\n  base: {\n    dialog: {\n      position: 'fixed',\n      inset: 0,\n      w: '100dvw',\n      h: '100dvh',\n      maxW: 'none',\n      maxH: 'none',\n      m: 0,\n      p: 0,\n      borderWidth: 0,\n      bg: 'transparent',\n      overflow: 'hidden',\n      outline: 'none',\n      _backdrop: {\n        bg: 'overlay.scrim.strong',\n        backdropFilter: 'blur(2px)',\n      },\n    },\n    container: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'full',\n      h: 'full',\n      p: '8',\n    },\n    mediaGroup: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      maxW: 'full',\n      maxH: 'full',\n      minH: 0,\n    },\n    mediaWrap: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      overflow: 'hidden',\n      minH: 0,\n      userSelect: 'none',\n    },\n    image: {\n      display: 'block',\n      maxW: '100%',\n      maxH: 'calc(100dvh - 7rem)',\n      objectFit: 'contain',\n      pointerEvents: 'none',\n      transitionProperty: 'transform',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0ms',\n      },\n    },\n    video: {\n      maxW: '100%',\n      maxH: 'calc(100dvh - 7rem)',\n      objectFit: 'contain',\n      outline: 'none',\n    },\n    caption: {\n      w: 'full',\n      maxW: 'min(90dvw, 48rem)',\n      px: '3',\n      pt: '2',\n      color: 'fg.onPrimary',\n      fontFamily: 'body',\n      fontSize: 'lg',\n      lineHeight: 'normal',\n      textAlign: 'center',\n    },\n    close: {\n      position: 'absolute',\n      top: '3',\n      right: '3',\n      zIndex: 1,\n    },\n    nav: {\n      position: 'absolute',\n      top: '50%',\n      zIndex: 1,\n      transform: 'translateY(-50%)',\n    },\n    counter: {\n      position: 'absolute',\n      top: '3',\n      left: '3',\n      zIndex: 1,\n      color: 'fg.onPrimary',\n      fontFamily: 'body',\n      fontSize: 'md',\n    },\n    controlButton: {\n      bg: 'overlay.scrim',\n      color: 'fg.onPrimary',\n      _hover: {\n        bg: 'overlay.scrim.strong',\n      },\n      _active: {\n        bg: 'overlay.scrim.strong',\n      },\n    },\n  },\n  variants: {\n    // Media viewport cursor reflects the active zoom/pan interaction. A single\n    // value keeps the precedence deterministic: dragging > zoomed > zoomable.\n    cursor: {\n      default: {},\n      zoomable: {mediaWrap: {cursor: 'zoom-in'}},\n      zoomed: {mediaWrap: {cursor: 'grab'}},\n      dragging: {mediaWrap: {cursor: 'grabbing'}},\n    },\n    // While dragging, drop the transform transition so the image tracks the\n    // pointer exactly instead of easing behind it.\n    isDragging: {\n      true: {image: {transitionProperty: 'none'}},\n      false: {},\n    },\n    // Horizontal placement for the prev/next gallery navigation controls.\n    position: {\n      prev: {nav: {left: '3'}},\n      next: {nav: {right: '3'}},\n    },\n  },\n  defaultVariants: {\n    cursor: 'default',\n    isDragging: false,\n  },\n});\n\nexport type LightboxVariants = RecipeVariantProps<typeof lightboxRecipe>;\n","/* eslint-disable jsx-a11y-x/no-noninteractive-element-interactions */\n'use client';\n\nimport {ChevronLeft, ChevronRight, X} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {lightboxRecipe} from 'components/Lightbox/Lightbox.recipe';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useIsomorphicLayoutEffect} from 'internal/useIsomorphicLayoutEffect';\nimport {useScrollLock} from 'internal/useScrollLock';\n\nexport type LightboxMediaType = 'image' | 'video';\n\nexport interface LightboxMedia {\n  /**\n   * Accessible image alt text, or video label.\n   */\n  alt: string;\n  /**\n   * Optional caption shown below the media.\n   */\n  caption?: ReactNode;\n  /**\n   * Optional WebVTT captions source for video media.\n   */\n  captionsSrc?: string;\n  /**\n   * Media source URL.\n   */\n  src: string;\n  /**\n   * Media type.\n   * @default 'image'\n   */\n  type?: LightboxMediaType;\n}\n\nexport interface LightboxProps {\n  /**\n   * Additional CSS class names applied to the dialog.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog.\n   */\n  'data-testid'?: string;\n  /**\n   * Initial gallery index for uncontrolled usage.\n   * @default 0\n   */\n  defaultIndex?: number;\n  /**\n   * Whether videos autoplay when opened.\n   * @default false\n   */\n  hasAutoPlay?: boolean;\n  /**\n   * Whether images can be double-clicked to zoom.\n   * @default false\n   */\n  hasZoom?: boolean;\n  /**\n   * Controlled gallery index.\n   */\n  index?: number;\n  /**\n   * Whether the lightbox is open.\n   */\n  isOpen: boolean;\n  /**\n   * Media to display.\n   */\n  media: LightboxMedia | ReadonlyArray<LightboxMedia>;\n  /**\n   * Called when gallery index changes.\n   */\n  onIndexChange?: (index: number) => void;\n  /**\n   * Called when the lightbox requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Inline styles applied to the dialog.\n   */\n  style?: CSSProperties;\n}\n\nfunction isMediaArray(\n  media: LightboxMedia | ReadonlyArray<LightboxMedia>,\n): media is ReadonlyArray<LightboxMedia> {\n  return Array.isArray(media);\n}\n\n/**\n * Fullscreen dialog for viewing image or video media, with optional gallery navigation.\n */\nexport function Lightbox({\n  className,\n  'data-testid': dataTestId,\n  defaultIndex = 0,\n  hasAutoPlay = false,\n  hasZoom = false,\n  index: indexFromProps,\n  isOpen,\n  media,\n  onIndexChange,\n  onOpenChange,\n  ref,\n  style,\n}: LightboxProps): React.JSX.Element {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const triggerRef = useRef<Element | null>(null);\n  const [uncontrolledIndex, setUncontrolledIndex] = useState(defaultIndex);\n  const [zoom, setZoom] = useState(1);\n  const [pan, setPan] = useState({x: 0, y: 0});\n  const [isDragging, setIsDragging] = useState(false);\n  const dragStartRef = useRef({x: 0, y: 0, panX: 0, panY: 0});\n  const isControlled = indexFromProps !== undefined;\n  const index = isControlled ? indexFromProps : uncontrolledIndex;\n  const mediaItems: ReadonlyArray<LightboxMedia> = useMemo(\n    () => (isMediaArray(media) ? media : [media]),\n    [media],\n  );\n  const currentIndex =\n    mediaItems.length === 0\n      ? 0\n      : Math.min(Math.max(index, 0), mediaItems.length - 1);\n  const currentItem =\n    mediaItems.length === 0 ? undefined : mediaItems[currentIndex];\n  const hasMedia = currentItem != null;\n  const isGallery = mediaItems.length > 1;\n  const isVideo = (currentItem?.type ?? 'image') === 'video';\n  const canPrev = isGallery && currentIndex > 0;\n  const canNext = isGallery && currentIndex < mediaItems.length - 1;\n  const imageTransform =\n    zoom === 1\n      ? undefined\n      : `scale(${zoom}) translate(${pan.x / zoom}px, ${pan.y / zoom}px)`;\n  const cursor = isDragging\n    ? 'dragging'\n    : !isVideo && zoom > 1\n      ? 'zoomed'\n      : !isVideo && hasZoom && zoom === 1\n        ? 'zoomable'\n        : 'default';\n  const classes = lightboxRecipe({cursor, isDragging});\n\n  useScrollLock(isOpen);\n\n  const setIndex = useCallback(\n    (nextIndex: number) => {\n      if (!isControlled) {\n        setUncontrolledIndex(nextIndex);\n      }\n      onIndexChange?.(nextIndex);\n    },\n    [isControlled, onIndexChange],\n  );\n\n  useEffect(() => {\n    // eslint-disable-next-line @eslint-react/set-state-in-effect\n    setZoom(1);\n    // eslint-disable-next-line @eslint-react/set-state-in-effect\n    setPan({x: 0, y: 0});\n  }, [currentIndex, currentItem?.src, isOpen]);\n\n  useEffect(() => {\n    if (!isGallery) {\n      return;\n    }\n\n    for (const nextIndex of [currentIndex - 1, currentIndex + 1]) {\n      if (nextIndex < 0 || nextIndex >= mediaItems.length) {\n        continue;\n      }\n      const item = mediaItems[nextIndex];\n      if (item.type === 'video') {\n        continue;\n      }\n\n      const image = new Image();\n      image.src = item.src;\n    }\n  }, [currentIndex, isGallery, mediaItems]);\n\n  useIsomorphicLayoutEffect(() => {\n    const dialog = dialogRef.current;\n    if (dialog == null) {\n      return;\n    }\n    if (isOpen && !dialog.open) {\n      triggerRef.current = document.activeElement;\n      dialog.showModal();\n    } else if (!isOpen && dialog.open) {\n      dialog.close();\n      if (triggerRef.current instanceof HTMLElement) {\n        triggerRef.current.focus();\n      }\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isDragging) {\n      return;\n    }\n    const handlePointerMove = (event: PointerEvent) => {\n      setPan({\n        x: dragStartRef.current.panX + event.clientX - dragStartRef.current.x,\n        y: dragStartRef.current.panY + event.clientY - dragStartRef.current.y,\n      });\n    };\n    const handlePointerUp = () => setIsDragging(false);\n    window.addEventListener('pointermove', handlePointerMove);\n    window.addEventListener('pointerup', handlePointerUp);\n    return () => {\n      window.removeEventListener('pointermove', handlePointerMove);\n      window.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [isDragging]);\n\n  const close = useCallback(() => {\n    onOpenChange(false);\n  }, [onOpenChange]);\n  const goPrev = useCallback(() => {\n    if (canPrev) {\n      setIndex(currentIndex - 1);\n    }\n  }, [canPrev, currentIndex, setIndex]);\n  const goNext = useCallback(() => {\n    if (canNext) {\n      setIndex(currentIndex + 1);\n    }\n  }, [canNext, currentIndex, setIndex]);\n\n  return (\n    <dialog\n      aria-label=\"Media lightbox\"\n      className={cx(classes.dialog, className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        close();\n      }}\n      onClick={(event: ReactMouseEvent<HTMLDialogElement>) => {\n        if (event.target === event.currentTarget) {\n          close();\n        }\n      }}\n      onKeyDown={event => {\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault();\n          goPrev();\n        } else if (event.key === 'ArrowRight') {\n          event.preventDefault();\n          goNext();\n        }\n      }}\n      ref={mergeRefs(ref, dialogRef)}\n      style={style}>\n      <div className={classes.container}>\n        <div className={classes.close}>\n          <Button\n            className={classes.controlButton}\n            icon={X}\n            isIconOnly\n            label=\"Close\"\n            onClick={close}\n          />\n        </div>\n        {canPrev ? (\n          <div className={lightboxRecipe({position: 'prev'}).nav}>\n            <Button\n              className={classes.controlButton}\n              icon={ChevronLeft}\n              isIconOnly\n              label=\"Previous\"\n              onClick={goPrev}\n            />\n          </div>\n        ) : null}\n        {hasMedia ? (\n          <div className={classes.mediaGroup}>\n            {/* eslint-disable-next-line jsx-a11y-x/no-static-element-interactions -- media viewport supports image zoom/pan gestures */}\n            <div\n              className={classes.mediaWrap}\n              onDoubleClick={() => {\n                if (!hasZoom || isVideo) {\n                  return;\n                }\n                setZoom(zoom === 1 ? 2 : 1);\n                setPan({x: 0, y: 0});\n              }}\n              onPointerDown={event => {\n                if (!hasZoom || isVideo || zoom <= 1) {\n                  return;\n                }\n                setIsDragging(true);\n                dragStartRef.current = {\n                  x: event.clientX,\n                  y: event.clientY,\n                  panX: pan.x,\n                  panY: pan.y,\n                };\n              }}>\n              {isVideo ? (\n                // eslint-disable-next-line jsx-a11y-x/media-has-caption -- captions are rendered only when callers provide a real WebVTT source\n                <video\n                  aria-label={currentItem.alt}\n                  autoPlay={hasAutoPlay}\n                  className={classes.video}\n                  controls\n                  src={currentItem.src}>\n                  {currentItem.captionsSrc != null ? (\n                    <track\n                      kind=\"captions\"\n                      label=\"Captions\"\n                      src={currentItem.captionsSrc}\n                    />\n                  ) : null}\n                </video>\n              ) : (\n                <img\n                  alt={currentItem.alt}\n                  className={classes.image}\n                  draggable={false}\n                  src={currentItem.src}\n                  style={{transform: imageTransform}}\n                />\n              )}\n            </div>\n            {isReactNode(currentItem.caption) ? (\n              <div className={classes.caption}>{currentItem.caption}</div>\n            ) : null}\n          </div>\n        ) : null}\n        {canNext ? (\n          <div className={lightboxRecipe({position: 'next'}).nav}>\n            <Button\n              className={classes.controlButton}\n              icon={ChevronRight}\n              isIconOnly\n              label=\"Next\"\n              onClick={goNext}\n            />\n          </div>\n        ) : null}\n        {isGallery ? (\n          <div className={classes.counter}>\n            {currentIndex + 1} / {mediaItems.length}\n          </div>\n        ) : null}\n      </div>\n    </dialog>\n  );\n}\n\nLightbox.displayName = 'Lightbox';\n","'use client';\n\nimport {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {\n  Lightbox,\n  type LightboxMedia,\n  type LightboxProps,\n} from 'components/Lightbox/Lightbox';\n\ntype LightboxOptions = Omit<\n  LightboxProps,\n  | 'defaultIndex'\n  | 'index'\n  | 'isOpen'\n  | 'media'\n  | 'onIndexChange'\n  | 'onOpenChange'\n>;\n\nexport interface UseLightboxOptions extends LightboxOptions {\n  /**\n   * Media to display in the lightbox.\n   */\n  media: LightboxMedia | ReadonlyArray<LightboxMedia>;\n}\n\nexport interface UseLightboxReturn {\n  /**\n   * Close the lightbox.\n   */\n  close: () => void;\n  /**\n   * Render this element in your tree.\n   */\n  element: ReactNode;\n  /**\n   * Returns trigger props that open at the given gallery index.\n   */\n  getTriggerProps: (index: number) => {\n    'aria-haspopup': 'dialog';\n    onClick: () => void;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    role: 'button';\n    tabIndex: 0;\n  };\n  /**\n   * Current gallery index.\n   */\n  index: number;\n  /**\n   * Whether the lightbox is open.\n   */\n  isOpen: boolean;\n  /**\n   * Open the lightbox, optionally at a specific gallery index.\n   */\n  open: (index?: number) => void;\n  /**\n   * Trigger props that open the first item.\n   */\n  triggerProps: {\n    'aria-haspopup': 'dialog';\n    onClick: () => void;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    role: 'button';\n    tabIndex: 0;\n  };\n}\n\n/**\n * State helper for Lightbox triggers and rendering.\n */\nexport function useLightbox(options: UseLightboxOptions): UseLightboxReturn {\n  const {media, ...lightboxProps} = options;\n  const [isOpen, setIsOpen] = useState(false);\n  const [index, setIndex] = useState(0);\n\n  const open = useCallback((nextIndex = 0) => {\n    setIndex(nextIndex);\n    setIsOpen(true);\n  }, []);\n  const close = useCallback(() => setIsOpen(false), []);\n  const getTriggerProps = useCallback(\n    (nextIndex: number) => ({\n      'aria-haspopup': 'dialog' as const,\n      onClick: () => open(nextIndex),\n      onKeyDown: (event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          open(nextIndex);\n        }\n      },\n      role: 'button' as const,\n      tabIndex: 0 as const,\n    }),\n    [open],\n  );\n  const triggerProps = useMemo(() => getTriggerProps(0), [getTriggerProps]);\n  const element = (\n    <Lightbox\n      {...lightboxProps}\n      index={index}\n      isOpen={isOpen}\n      media={media}\n      onIndexChange={setIndex}\n      onOpenChange={setIsOpen}\n    />\n  );\n\n  return {close, element, getTriggerProps, index, isOpen, open, triggerProps};\n}\n"]}

package/dist/{chunk-5RFHYDQY.js → chunk-AUXMMTKN.js}

@@ -1,3 +1,4 @@
+'use client';
 import { getStatusMessageID, getDescribedBy } from './chunk-G6HS52US.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { useId, useState, useRef, useMemo, useCallback } from 'react';
@@ -325,5 +326,5 @@ function renderSelectListboxOptions({
 }
 
 export { renderSelectListboxOptions, useSelectListbox };
-//# sourceMappingURL=chunk-5RFHYDQY.js.map
-//# sourceMappingURL=chunk-5RFHYDQY.js.map
+//# sourceMappingURL=chunk-AUXMMTKN.js.map
+//# sourceMappingURL=chunk-AUXMMTKN.js.map

package/dist/chunk-AUXMMTKN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/useListboxNavigation.ts","../src/internal/useSelectListbox.tsx"],"names":["useState","useMemo","useCallback"],"mappings":"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","file":"chunk-AUXMMTKN.js","sourcesContent":["'use client';\n\nimport {\n  useCallback,\n  useMemo,\n  useState,\n  type Dispatch,\n  type KeyboardEvent,\n  type SetStateAction,\n} from 'react';\n\nexport type ListboxNavigationOption = {\n  isDisabled?: boolean;\n  value: string;\n};\n\nexport type UseListboxNavigationOptions = {\n  shouldClearOnCommit?: boolean;\n  inputId: string;\n  isDisabled?: boolean;\n  isOpen: boolean;\n  onCommit: (value: string) => void;\n  onOpenChange: (isOpen: boolean) => void;\n  options: ReadonlyArray<ListboxNavigationOption>;\n  selectedValues?: ReadonlySet<string>;\n};\n\nexport type UseListboxNavigationResult = {\n  activeDescendantId: string | undefined;\n  getOptionId: (optionValue: string) => string;\n  handleKeyboardNavigation: (\n    event: KeyboardEvent<HTMLInputElement | HTMLButtonElement>,\n  ) => void;\n  highlightedValue: string | null;\n  setHighlightedValue: Dispatch<SetStateAction<string | null>>;\n};\n\nexport function useListboxNavigation({\n  inputId,\n  isDisabled = false,\n  isOpen,\n  onCommit,\n  onOpenChange,\n  options,\n  selectedValues,\n  shouldClearOnCommit = true,\n}: UseListboxNavigationOptions): UseListboxNavigationResult {\n  const [highlightedValue, setHighlightedValue] = useState<string | null>(null);\n  const enabledOptions = useMemo(\n    () => options.filter(option => !option.isDisabled),\n    [options],\n  );\n\n  const getOptionId = useCallback(\n    (optionValue: string): string =>\n      `${inputId}-option-${optionValue.replace(/[^a-zA-Z0-9_-]/g, '-')}`,\n    [inputId],\n  );\n\n  const activeDescendantId =\n    isOpen && highlightedValue != null\n      ? getOptionId(highlightedValue)\n      : undefined;\n\n  const getInitialHighlight = useCallback(\n    (direction: 'first' | 'last' = 'first'): string | null => {\n      if (enabledOptions.length === 0) {\n        return null;\n      }\n\n      const selectedEnabledOption = enabledOptions.find(option =>\n        selectedValues?.has(option.value),\n      );\n      if (selectedEnabledOption != null) {\n        return selectedEnabledOption.value;\n      }\n\n      return direction === 'last'\n        ? enabledOptions[enabledOptions.length - 1].value\n        : enabledOptions[0].value;\n    },\n    [enabledOptions, selectedValues],\n  );\n\n  const moveHighlight = useCallback(\n    (direction: 1 | -1): void => {\n      if (enabledOptions.length === 0) {\n        setHighlightedValue(null);\n        return;\n      }\n\n      setHighlightedValue(currentValue => {\n        const currentIndex = enabledOptions.findIndex(\n          option => option.value === currentValue,\n        );\n        const nextIndex =\n          currentIndex === -1\n            ? direction === 1\n              ? 0\n              : enabledOptions.length - 1\n            : (currentIndex + direction + enabledOptions.length) %\n              enabledOptions.length;\n        return enabledOptions[nextIndex].value;\n      });\n    },\n    [enabledOptions],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (event: KeyboardEvent<HTMLInputElement | HTMLButtonElement>): void => {\n      if (isDisabled) {\n        return;\n      }\n\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        if (!isOpen) {\n          onOpenChange(true);\n          setHighlightedValue(\n            getInitialHighlight(event.key === 'ArrowUp' ? 'last' : 'first'),\n          );\n          return;\n        }\n\n        moveHighlight(event.key === 'ArrowDown' ? 1 : -1);\n        return;\n      }\n\n      if (event.key === 'Home' && isOpen) {\n        event.preventDefault();\n        setHighlightedValue(getInitialHighlight('first'));\n        return;\n      }\n\n      if (event.key === 'End' && isOpen) {\n        event.preventDefault();\n        setHighlightedValue(getInitialHighlight('last'));\n        return;\n      }\n\n      if (event.key === 'Enter' && isOpen && highlightedValue != null) {\n        event.preventDefault();\n        onCommit(highlightedValue);\n        if (shouldClearOnCommit) {\n          setHighlightedValue(null);\n        }\n        return;\n      }\n\n      if (event.key === 'Escape' && isOpen) {\n        event.preventDefault();\n        onOpenChange(false);\n        setHighlightedValue(null);\n      }\n    },\n    [\n      getInitialHighlight,\n      highlightedValue,\n      isDisabled,\n      isOpen,\n      moveHighlight,\n      onCommit,\n      onOpenChange,\n      shouldClearOnCommit,\n    ],\n  );\n\n  return {\n    activeDescendantId,\n    getOptionId,\n    handleKeyboardNavigation,\n    highlightedValue,\n    setHighlightedValue,\n  };\n}\n","'use client';\n\nimport {\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type Dispatch,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  type RefObject,\n  type SetStateAction,\n} from 'react';\nimport type {InputStatus} from 'components/Field';\nimport {getDescribedBy, getStatusMessageID} from 'components/Field/inputUtils';\nimport isReactNode from 'internal/isReactNode';\nimport {useListboxNavigation} from 'internal/useListboxNavigation';\n\nexport interface SelectListboxOptionData {\n  isDisabled?: boolean;\n  label?: string;\n  value: string;\n}\n\nexport interface SelectListboxDivider {\n  type: 'divider';\n}\n\nexport interface SelectListboxSection<TOption extends SelectListboxOptionData> {\n  options: ReadonlyArray<TOption>;\n  title?: string;\n  type: 'section';\n}\n\nexport type SelectListboxOption<TOption extends SelectListboxOptionData> =\n  | SelectListboxDivider\n  | SelectListboxSection<TOption>\n  | TOption\n  | string;\n\nfunction normalizeSelectListboxOption<TOption extends SelectListboxOptionData>(\n  option: string | TOption,\n): TOption {\n  return (\n    typeof option === 'string'\n      ? {label: option, value: option}\n      : {...option, label: option.label ?? option.value}\n  ) as TOption;\n}\n\nfunction getSelectListboxOptions<TOption extends SelectListboxOptionData>(\n  options: ReadonlyArray<SelectListboxOption<TOption>>,\n): TOption[] {\n  return options.flatMap(option => {\n    if (typeof option === 'string') {\n      return [normalizeSelectListboxOption<TOption>(option)];\n    }\n    if ('type' in option) {\n      return option.type === 'section'\n        ? option.options.map(normalizeSelectListboxOption<TOption>)\n        : [];\n    }\n    return [normalizeSelectListboxOption<TOption>(option)];\n  });\n}\n\nexport type UseSelectListboxOptions<TOption extends SelectListboxOptionData> = {\n  description: ReactNode;\n  isDefaultOpen?: boolean;\n  isDisabled?: boolean;\n  isHighlightClearedOnCommit?: boolean;\n  isLoading?: boolean;\n  isListboxClosedOnCommit?: boolean;\n  isQueryClearedOnCommit?: boolean;\n  onCommitOption: (option: TOption) => unknown;\n  options: ReadonlyArray<SelectListboxOption<TOption>>;\n  selectedValues: ReadonlySet<string>;\n  status: InputStatus | undefined;\n};\n\nexport type UseSelectListboxResult<TOption extends SelectListboxOptionData> = {\n  activeDescendantId: string | undefined;\n  describedBy: string | undefined;\n  descriptionID: string | undefined;\n  filteredValues: ReadonlySet<string>;\n  getOptionId: (optionValue: string) => string;\n  handleKeyboardNavigation: (\n    event: KeyboardEvent<HTMLInputElement | HTMLButtonElement>,\n  ) => void;\n  handleOptionClick: (event: MouseEvent<HTMLElement>) => void;\n  handleOptionMouseEnter: (event: MouseEvent<HTMLElement>) => void;\n  highlightedValue: string | null;\n  inputId: string;\n  isInteractionDisabled: boolean;\n  isOpen: boolean;\n  listboxId: string;\n  optionByValue: ReadonlyMap<string, TOption>;\n  query: string;\n  selectableOptions: ReadonlyArray<TOption>;\n  setHighlightedValue: Dispatch<SetStateAction<string | null>>;\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\n  setQuery: Dispatch<SetStateAction<string>>;\n  statusMessageID: string | undefined;\n  triggerRef: RefObject<HTMLDivElement | null>;\n  visibleSelectableOptions: ReadonlyArray<TOption>;\n};\n\nexport function useSelectListbox<TOption extends SelectListboxOptionData>({\n  description,\n  isDefaultOpen = false,\n  isDisabled = false,\n  isHighlightClearedOnCommit = true,\n  isLoading = false,\n  isListboxClosedOnCommit = false,\n  isQueryClearedOnCommit = false,\n  onCommitOption,\n  options,\n  selectedValues,\n  status,\n}: UseSelectListboxOptions<TOption>): UseSelectListboxResult<TOption> {\n  const inputId = useId();\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const [isOpen, setIsOpen] = useState(isDefaultOpen);\n  const [query, setQuery] = useState('');\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const listboxId = `${inputId}-listbox`;\n  const selectableOptions = useMemo(\n    () => getSelectListboxOptions(options),\n    [options],\n  );\n  const optionByValue = useMemo(\n    () => new Map(selectableOptions.map(option => [option.value, option])),\n    [selectableOptions],\n  );\n  const filteredValues = useMemo(() => {\n    if (query.trim() === '') {\n      return new Set(selectableOptions.map(option => option.value));\n    }\n    const lowerQuery = query.toLowerCase();\n    return new Set(\n      selectableOptions\n        .filter(option =>\n          (option.label ?? option.value).toLowerCase().includes(lowerQuery),\n        )\n        .map(option => option.value),\n    );\n  }, [query, selectableOptions]);\n  const visibleSelectableOptions = useMemo(\n    () => selectableOptions.filter(option => filteredValues.has(option.value)),\n    [filteredValues, selectableOptions],\n  );\n  const isInteractionDisabled = isDisabled || isLoading;\n\n  const {\n    activeDescendantId,\n    getOptionId,\n    handleKeyboardNavigation,\n    highlightedValue,\n    setHighlightedValue,\n  } = useListboxNavigation({\n    inputId,\n    isDisabled: isInteractionDisabled,\n    isOpen,\n    onCommit: optionValue => {\n      const option = optionByValue.get(optionValue);\n      if (option == null) {\n        return;\n      }\n\n      if (onCommitOption(option) === false) {\n        return;\n      }\n\n      if (isListboxClosedOnCommit) {\n        setIsOpen(false);\n      }\n      if (isQueryClearedOnCommit) {\n        setQuery('');\n      }\n    },\n    onOpenChange: setIsOpen,\n    options: visibleSelectableOptions,\n    selectedValues,\n    shouldClearOnCommit: isHighlightClearedOnCommit,\n  });\n\n  const handleOptionClick = useCallback(\n    (event: MouseEvent<HTMLElement>) => {\n      const optionValue = event.currentTarget.dataset.value;\n      const option =\n        optionValue == null ? undefined : optionByValue.get(optionValue);\n      if (option == null || onCommitOption(option) === false) {\n        return;\n      }\n\n      if (isListboxClosedOnCommit) {\n        setIsOpen(false);\n      }\n      if (isQueryClearedOnCommit) {\n        setQuery('');\n      }\n    },\n    [\n      isListboxClosedOnCommit,\n      isQueryClearedOnCommit,\n      onCommitOption,\n      optionByValue,\n    ],\n  );\n\n  const handleOptionMouseEnter = useCallback(\n    (event: MouseEvent<HTMLElement>) => {\n      const optionValue = event.currentTarget.dataset.value;\n      const option =\n        optionValue == null ? undefined : optionByValue.get(optionValue);\n      if (option != null && !option.isDisabled) {\n        setHighlightedValue(option.value);\n      }\n    },\n    [optionByValue, setHighlightedValue],\n  );\n\n  return {\n    activeDescendantId,\n    describedBy,\n    descriptionID,\n    filteredValues,\n    getOptionId,\n    handleKeyboardNavigation,\n    handleOptionClick,\n    handleOptionMouseEnter,\n    highlightedValue,\n    inputId,\n    isInteractionDisabled,\n    isOpen,\n    listboxId,\n    optionByValue,\n    query,\n    selectableOptions,\n    setHighlightedValue,\n    setIsOpen,\n    setQuery,\n    statusMessageID,\n    triggerRef,\n    visibleSelectableOptions,\n  };\n}\n\nexport type RenderSelectListboxOptionsConfig<\n  TOption extends SelectListboxOptionData,\n> = {\n  dividerClassName: string;\n  inputId: string;\n  options: ReadonlyArray<SelectListboxOption<TOption>>;\n  renderOption: (option: TOption) => ReactNode;\n  sectionHeadingClassName: string;\n};\n\nexport function renderSelectListboxOptions<\n  TOption extends SelectListboxOptionData,\n>({\n  dividerClassName,\n  inputId,\n  options,\n  renderOption,\n  sectionHeadingClassName,\n}: RenderSelectListboxOptionsConfig<TOption>): ReactNode[] {\n  const optionNodes: ReactNode[] = [];\n  let dividerCount = 0;\n  let sectionCount = 0;\n\n  for (const option of options) {\n    if (typeof option === 'string') {\n      optionNodes.push(\n        renderOption(normalizeSelectListboxOption<TOption>(option)),\n      );\n    } else if ('type' in option) {\n      if (option.type === 'divider') {\n        dividerCount += 1;\n        optionNodes.push(\n          <div\n            className={dividerClassName}\n            key={`divider-${dividerCount}`}\n            role=\"separator\"\n          />,\n        );\n      } else {\n        const sectionKey =\n          option.title ??\n          option.options.map(sectionOption => sectionOption.value).join('|');\n        sectionCount += 1;\n        const sectionHeadingId =\n          option.title == null\n            ? undefined\n            : `${inputId}-section-${sectionKey.replace(\n                /[^a-zA-Z0-9_-]/g,\n                '-',\n              )}-${sectionCount}`;\n        const sectionOptionNodes: ReactNode[] = [];\n        for (const sectionOption of option.options) {\n          sectionOptionNodes.push(\n            renderOption(normalizeSelectListboxOption<TOption>(sectionOption)),\n          );\n        }\n        optionNodes.push(\n          <div\n            aria-labelledby={sectionHeadingId}\n            key={`section-${sectionKey}-${sectionCount}`}\n            role=\"group\">\n            {option.title != null ? (\n              <div className={sectionHeadingClassName} id={sectionHeadingId}>\n                {option.title}\n              </div>\n            ) : null}\n            {sectionOptionNodes}\n          </div>,\n        );\n      }\n    } else {\n      optionNodes.push(\n        renderOption(normalizeSelectListboxOption<TOption>(option)),\n      );\n    }\n  }\n\n  return optionNodes;\n}\n"]}

package/dist/{chunk-DDMUYVSV.cjs → chunk-B5HYXBPH.cjs}

@@ -1,12 +1,13 @@
+'use client';
 'use strict';
 
-var chunkRLIBY7XB_cjs = require('./chunk-RLIBY7XB.cjs');
-var chunkOX2FNKIV_cjs = require('./chunk-OX2FNKIV.cjs');
+var chunk5AUBRSYO_cjs = require('./chunk-5AUBRSYO.cjs');
+var chunkLDKE723G_cjs = require('./chunk-LDKE723G.cjs');
 var chunkVPHB56GK_cjs = require('./chunk-VPHB56GK.cjs');
-var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
-var chunkMYSLJWCW_cjs = require('./chunk-MYSLJWCW.cjs');
-var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
-var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
+var chunk4VYOE2HE_cjs = require('./chunk-4VYOE2HE.cjs');
+var chunkFKZATUBG_cjs = require('./chunk-FKZATUBG.cjs');
+var chunkHW7GODZJ_cjs = require('./chunk-HW7GODZJ.cjs');
+var chunkMWWAQVJ3_cjs = require('./chunk-MWWAQVJ3.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -238,7 +239,7 @@ function Select({
     setQuery,
     statusMessageID,
     triggerRef
-  } = chunkRLIBY7XB_cjs.useSelectListbox({
+  } = chunk5AUBRSYO_cjs.useSelectListbox({
     description,
     isDisabled,
     isLoading,
@@ -298,7 +299,7 @@ function Select({
       value
     ]
   );
-  const optionNodes = chunkRLIBY7XB_cjs.renderSelectListboxOptions({
+  const optionNodes = chunk5AUBRSYO_cjs.renderSelectListboxOptions({
     dividerClassName: menuClasses.divider ?? "",
     inputId,
     options,
@@ -335,7 +336,7 @@ function Select({
       }
     )
   ] });
-  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunk4VYOE2HE_cjs.getNecessity(isOptional, isRequired);
   const triggerClasses = selectTriggerRecipe({
     isDisabled: isInteractionDisabled,
     isPlaceholder: selectedOption == null
@@ -382,9 +383,9 @@ function Select({
               children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: triggerClasses.label, children: selectedOption?.label ?? placeholder })
             }
           ),
-          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm" }) : null,
+          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMWWAQVJ3_cjs.Spinner, { size: "sm" }) : null,
           hasClear && selectedOption != null && !isDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-            chunkWOVSJHY6_cjs.Button,
+            chunkHW7GODZJ_cjs.Button,
             {
               icon: lucideReact.X,
               isIconOnly: true,
@@ -403,7 +404,7 @@ function Select({
     )
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkRX2FXCIH_cjs.Field,
+    chunk4VYOE2HE_cjs.Field,
     {
       className,
       description,
@@ -420,7 +421,7 @@ function Select({
       children: [
         trigger,
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMYSLJWCW_cjs.Popover,
+          chunkFKZATUBG_cjs.Popover,
           {
             anchorRef: triggerRef,
             content: menu,
@@ -448,7 +449,7 @@ function SelectOption({
 }) {
   const classes = selectOptionItemRecipe();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOX2FNKIV_cjs.Item,
+    chunkLDKE723G_cjs.Item,
     {
       as: "span",
       className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
@@ -466,5 +467,5 @@ SelectOption.displayName = "SelectOption";
 
 exports.Select = Select;
 exports.SelectOption = SelectOption;
-//# sourceMappingURL=chunk-DDMUYVSV.cjs.map
-//# sourceMappingURL=chunk-DDMUYVSV.cjs.map
+//# sourceMappingURL=chunk-B5HYXBPH.cjs.map
+//# sourceMappingURL=chunk-B5HYXBPH.cjs.map