silver-ui 0.1.1 → 0.3.0

package/dist/chunk-XM3AZXOA.js

@@ -0,0 +1,224 @@
+import { Skeleton } from './chunk-M4JUQCKP.js';
+import { Button } from './chunk-HLN3JQYD.js';
+import { Spinner } from './chunk-S54CKWKV.js';
+import { Tooltip } from './chunk-EMHLPPQZ.js';
+import { sva } from './chunk-EHCAF6D3.js';
+import { Icon } from './chunk-7T3SWOY7.js';
+import { cx } from './chunk-PPNETWIP.js';
+import { ImageIcon, X } from 'lucide-react';
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/Thumbnail/Thumbnail.recipe.ts
+var thumbnailRecipe = sva({
+  slots: [
+    "root",
+    "imageContainer",
+    "imageButton",
+    "image",
+    "placeholder",
+    "insetBorder",
+    "remove",
+    "overlay"
+  ],
+  base: {
+    root: {
+      position: "relative",
+      display: "inline-flex",
+      flexDirection: "column",
+      w: "16",
+      flexShrink: 0,
+      isolation: "isolate"
+    },
+    imageContainer: {
+      position: "relative",
+      w: "full",
+      aspectRatio: "1",
+      borderRadius: "md",
+      overflow: "hidden",
+      bg: "surface.gray"
+    },
+    imageButton: {
+      display: "block",
+      w: "full",
+      h: "full",
+      cursor: "pointer",
+      borderRadius: "inherit",
+      overflow: "hidden"
+    },
+    image: {
+      display: "block",
+      w: "full",
+      h: "full",
+      objectFit: "cover"
+    },
+    placeholder: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      w: "full",
+      h: "full",
+      color: "fg.muted"
+    },
+    insetBorder: {
+      position: "absolute",
+      inset: 0,
+      borderRadius: "inherit",
+      boxShadow: "inset 0 0 0 1px token(colors.border.emphasized)",
+      pointerEvents: "none"
+    },
+    remove: {
+      position: "absolute",
+      top: "1",
+      right: "1",
+      zIndex: 1,
+      color: "fg.onPrimary"
+    },
+    overlay: {
+      position: "absolute",
+      inset: 0,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      bg: "overlay.scrim.subtle",
+      borderRadius: "inherit",
+      zIndex: 1
+    }
+  },
+  variants: {
+    isDisabled: {
+      true: {
+        root: {
+          opacity: 0.5,
+          pointerEvents: "none"
+        }
+      }
+    },
+    isInteractive: {
+      true: {
+        imageContainer: {
+          cursor: "pointer",
+          transitionProperty: "opacity, box-shadow",
+          transitionDuration: "fast",
+          transitionTimingFunction: "default",
+          _hover: {
+            boxShadow: "lg",
+            opacity: 0.9
+          },
+          _active: {
+            opacity: 0.75
+          },
+          "&:has(:focus-visible)": {
+            outlineWidth: "focus",
+            outlineStyle: "solid",
+            outlineColor: "primary",
+            outlineOffset: "focusOffset"
+          }
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    isDisabled: false,
+    isInteractive: false
+  }
+});
+function ThumbnailImageArea({
+  accessibleName,
+  alt,
+  classes,
+  isDisabled,
+  isLoading = false,
+  onClick,
+  onRemove,
+  src
+}) {
+  const [hasImageError, setHasImageError] = useState(false);
+  const hasImage = src != null && !hasImageError;
+  const isInteractive = onClick != null && !isDisabled && !isLoading;
+  const imageContent = isLoading && !hasImage ? /* @__PURE__ */ jsx(Skeleton, { radius: 2 }) : hasImage ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      alt: alt ?? "",
+      className: classes.image,
+      onError: () => setHasImageError(true),
+      src
+    }
+  ) : /* @__PURE__ */ jsx("div", { className: classes.placeholder, children: /* @__PURE__ */ jsx(Icon, { icon: ImageIcon, size: "lg" }) });
+  return /* @__PURE__ */ jsxs("div", { className: classes.imageContainer, children: [
+    isInteractive ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        "aria-label": `Open ${accessibleName}`,
+        className: classes.imageButton,
+        onClick,
+        type: "button",
+        children: imageContent
+      }
+    ) : imageContent,
+    hasImage ? /* @__PURE__ */ jsx("div", { className: classes.insetBorder }) : null,
+    isLoading && hasImage ? /* @__PURE__ */ jsx("div", { className: classes.overlay, children: /* @__PURE__ */ jsx(Spinner, { size: "sm", variant: "onMedia" }) }) : null,
+    onRemove != null && !isDisabled ? /* @__PURE__ */ jsx("div", { className: classes.remove, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: X,
+        isIconOnly: true,
+        label: `Remove ${accessibleName}`,
+        onClick: (event) => {
+          event.stopPropagation();
+          onRemove(event);
+        },
+        size: "sm",
+        variant: "onSolid"
+      }
+    ) }) : null
+  ] });
+}
+function Thumbnail({
+  alt,
+  className,
+  "data-testid": dataTestId,
+  isDisabled = false,
+  isLoading = false,
+  label,
+  onClick,
+  onRemove,
+  ref,
+  src,
+  style
+}) {
+  const accessibleName = label ?? alt ?? "thumbnail";
+  const isInteractive = onClick != null && !isDisabled && !isLoading;
+  const classes = thumbnailRecipe({ isDisabled, isInteractive });
+  const thumbnail = /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-busy": isLoading || void 0,
+      "aria-label": accessibleName,
+      className: cx(classes.root, className),
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children: /* @__PURE__ */ jsx(
+        ThumbnailImageArea,
+        {
+          accessibleName,
+          alt,
+          classes,
+          isDisabled,
+          isLoading,
+          onClick,
+          onRemove,
+          src
+        },
+        src ?? "empty"
+      )
+    }
+  );
+  return label != null ? /* @__PURE__ */ jsx(Tooltip, { content: label, children: thumbnail }) : thumbnail;
+}
+Thumbnail.displayName = "Thumbnail";
+
+export { Thumbnail };
+//# sourceMappingURL=chunk-XM3AZXOA.js.map
+//# sourceMappingURL=chunk-XM3AZXOA.js.map

package/dist/chunk-XM3AZXOA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Thumbnail/Thumbnail.recipe.ts","../src/components/Thumbnail/Thumbnail.tsx"],"names":[],"mappings":"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","file":"chunk-XM3AZXOA.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const thumbnailRecipe = sva({\n  slots: [\n    'root',\n    'imageContainer',\n    'imageButton',\n    'image',\n    'placeholder',\n    'insetBorder',\n    'remove',\n    'overlay',\n  ],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'inline-flex',\n      flexDirection: 'column',\n      w: '16',\n      flexShrink: 0,\n      isolation: 'isolate',\n    },\n    imageContainer: {\n      position: 'relative',\n      w: 'full',\n      aspectRatio: '1',\n      borderRadius: 'md',\n      overflow: 'hidden',\n      bg: 'surface.gray',\n    },\n    imageButton: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      cursor: 'pointer',\n      borderRadius: 'inherit',\n      overflow: 'hidden',\n    },\n    image: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      objectFit: 'cover',\n    },\n    placeholder: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'full',\n      h: 'full',\n      color: 'fg.muted',\n    },\n    insetBorder: {\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 'inherit',\n      boxShadow: 'inset 0 0 0 1px token(colors.border.emphasized)',\n      pointerEvents: 'none',\n    },\n    remove: {\n      position: 'absolute',\n      top: '1',\n      right: '1',\n      zIndex: 1,\n      color: 'fg.onPrimary',\n    },\n    overlay: {\n      position: 'absolute',\n      inset: 0,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      bg: 'overlay.scrim.subtle',\n      borderRadius: 'inherit',\n      zIndex: 1,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          pointerEvents: 'none',\n        },\n      },\n    },\n    isInteractive: {\n      true: {\n        imageContainer: {\n          cursor: 'pointer',\n          transitionProperty: 'opacity, box-shadow',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _hover: {\n            boxShadow: 'lg',\n            opacity: 0.9,\n          },\n          _active: {\n            opacity: 0.75,\n          },\n          '&:has(:focus-visible)': {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    isInteractive: false,\n  },\n});\n\nexport type ThumbnailVariants = RecipeVariantProps<typeof thumbnailRecipe>;\n","import {ImageIcon, X} from 'lucide-react';\nimport {useState, type CSSProperties, type MouseEvent, type Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport {Icon} from '../Icon';\nimport {Skeleton} from '../Skeleton';\nimport {Spinner} from '../Spinner';\nimport {Tooltip} from '../Tooltip';\nimport {thumbnailRecipe} from './Thumbnail.recipe';\n\nexport interface ThumbnailProps {\n  /**\n   * Alt text describing the image content. Use `label` for a file name or\n   * action label shown in the tooltip and button accessible names.\n   */\n  alt?: string;\n  /**\n   * Additional CSS class names applied to the root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the thumbnail is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the thumbnail is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * File name or short item label used for the root accessible name, tooltip,\n   * and open/remove button labels. When omitted, `alt` is used as a fallback.\n   */\n  label?: string;\n  /**\n   * Called when the thumbnail image area is clicked.\n   */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Called when the remove button is clicked.\n   */\n  onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Image source.\n   */\n  src?: string;\n  /**\n   * Inline styles applied to the root.\n   */\n  style?: CSSProperties;\n}\n\ntype ThumbnailClasses = ReturnType<typeof thumbnailRecipe>;\n\ntype ThumbnailImageAreaProps = Pick<\n  ThumbnailProps,\n  'alt' | 'isLoading' | 'onClick' | 'onRemove' | 'src'\n> & {\n  accessibleName: string;\n  classes: ThumbnailClasses;\n  isDisabled: boolean;\n};\n\nfunction ThumbnailImageArea({\n  accessibleName,\n  alt,\n  classes,\n  isDisabled,\n  isLoading = false,\n  onClick,\n  onRemove,\n  src,\n}: ThumbnailImageAreaProps): React.JSX.Element {\n  const [hasImageError, setHasImageError] = useState(false);\n  const hasImage = src != null && !hasImageError;\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const imageContent =\n    isLoading && !hasImage ? (\n      <Skeleton radius={2} />\n    ) : hasImage ? (\n      <img\n        alt={alt ?? ''}\n        className={classes.image}\n        onError={() => setHasImageError(true)}\n        src={src}\n      />\n    ) : (\n      <div className={classes.placeholder}>\n        <Icon icon={ImageIcon} size=\"lg\" />\n      </div>\n    );\n\n  return (\n    <div className={classes.imageContainer}>\n      {isInteractive ? (\n        <button\n          aria-label={`Open ${accessibleName}`}\n          className={classes.imageButton}\n          onClick={onClick}\n          type=\"button\">\n          {imageContent}\n        </button>\n      ) : (\n        imageContent\n      )}\n      {hasImage ? <div className={classes.insetBorder} /> : null}\n      {isLoading && hasImage ? (\n        <div className={classes.overlay}>\n          <Spinner size=\"sm\" variant=\"onMedia\" />\n        </div>\n      ) : null}\n      {onRemove != null && !isDisabled ? (\n        <div className={classes.remove}>\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Remove ${accessibleName}`}\n            onClick={event => {\n              event.stopPropagation();\n              onRemove(event as MouseEvent<HTMLButtonElement>);\n            }}\n            size=\"sm\"\n            variant=\"onSolid\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Square image preview for attachments and media.\n */\nexport function Thumbnail({\n  alt,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  isLoading = false,\n  label,\n  onClick,\n  onRemove,\n  ref,\n  src,\n  style,\n}: ThumbnailProps): React.JSX.Element {\n  const accessibleName = label ?? alt ?? 'thumbnail';\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const classes = thumbnailRecipe({isDisabled, isInteractive});\n\n  const thumbnail = (\n    <div\n      aria-busy={isLoading || undefined}\n      aria-label={accessibleName}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ThumbnailImageArea\n        accessibleName={accessibleName}\n        alt={alt}\n        classes={classes}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        key={src ?? 'empty'}\n        onClick={onClick}\n        onRemove={onRemove}\n        src={src}\n      />\n    </div>\n  );\n\n  return label != null ? (\n    <Tooltip content={label}>{thumbnail}</Tooltip>\n  ) : (\n    thumbnail\n  );\n}\n\nThumbnail.displayName = 'Thumbnail';\n"]}

package/dist/{chunk-NJDV3LDH.js → chunk-XQU4ECJY.js}

@@ -1,13 +1,13 @@
-import { MobileNav, useAppShellMobile } from './chunk-ZHFAFEI2.js';
-import { Item } from './chunk-CA6645TQ.js';
-import { Button } from './chunk-VLIQPSPM.js';
-import { Text } from './chunk-PZO5MZ46.js';
-import { useLinkComponent } from './chunk-WA4DRAQ7.js';
-import { VisuallyHidden } from './chunk-V5W7NZN5.js';
-import { Icon } from './chunk-4W7L63LH.js';
-import { cva } from './chunk-NAELQLZN.js';
+import { MobileNav, useAppShellMobile } from './chunk-SEAVOF6B.js';
+import { Item } from './chunk-AMG3S252.js';
+import { Button } from './chunk-HLN3JQYD.js';
+import { Text } from './chunk-J2FCNWYM.js';
+import { useLinkComponent } from './chunk-2IKWX66Q.js';
+import { VisuallyHidden } from './chunk-EXYBQVZT.js';
+import { Icon } from './chunk-7T3SWOY7.js';
+import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { createContext, useState, useCallback, useMemo, useId, use } from 'react';
 import { ChevronDown, ChevronRight, ChevronLeft } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -20,7 +20,6 @@ var sideNavRecipe = cva({
     h: "100%",
     w: "260px",
     bg: "inherit",
-    boxSizing: "border-box",
     overflow: "hidden"
   },
   variants: {
@@ -330,7 +329,11 @@ var styles4 = {
     fontSize: "sm",
     fontWeight: "medium",
     minH: "8",
-    py: "0.5"
+    py: "0.5",
+    // Override Item's default `bg.subtle` hover, which is invisible when the
+    // SideNav sits on the AppShell's `bg.subtle` surface. Match TopNavItem's
+    // darker `bg.hover` so the hover is visible in both navs.
+    _hover: { bg: "bg.hover" }
   }),
   navItemSelected: css({
     bg: "bg.hover",
@@ -376,8 +379,6 @@ var styles4 = {
     pointerEvents: "none"
   }),
   toggleRow: css({
-    all: "unset",
-    boxSizing: "border-box",
     display: "flex",
     w: "100%",
     cursor: "pointer",
@@ -407,8 +408,6 @@ var styles4 = {
     transform: "rotate(180deg)"
   }),
   toggleButton: css({
-    all: "unset",
-    boxSizing: "border-box",
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -717,6 +716,6 @@ function SideNavSection({
 }
 SideNavSection.displayName = "SideNavSection";
 
-export { SideNav, SideNavCollapseContext, SideNavHeading, SideNavItem, SideNavRenderContext, SideNavSection, sideNavRecipe };
-//# sourceMappingURL=chunk-NJDV3LDH.js.map
-//# sourceMappingURL=chunk-NJDV3LDH.js.map
+export { SideNav, SideNavCollapseContext, SideNavHeading, SideNavItem, SideNavRenderContext, SideNavSection };
+//# sourceMappingURL=chunk-XQU4ECJY.js.map
+//# sourceMappingURL=chunk-XQU4ECJY.js.map

package/dist/chunk-XQU4ECJY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SideNav/SideNav.recipe.ts","../src/components/SideNav/SideNavContext.ts","../src/components/SideNav/internal/SideNavCollapseButton.tsx","../src/components/SideNav/SideNav.tsx","../src/components/SideNav/SideNavHeading.tsx","../src/components/SideNav/SideNavItem.tsx","../src/components/SideNav/SideNavSection.tsx"],"names":["styles","jsx","jsxs","useState","useCallback","Fragment","useId"],"mappings":"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","file":"chunk-XQU4ECJY.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const sideNavRecipe = cva({\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    h: '100%',\n    w: '260px',\n    bg: 'inherit',\n    overflow: 'hidden',\n  },\n  variants: {\n    isCollapsed: {\n      true: {\n        w: '12',\n      },\n      false: {},\n    },\n    mode: {\n      default: {},\n      topbar: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        h: '12',\n        w: '100%',\n      },\n    },\n  },\n  defaultVariants: {\n    isCollapsed: false,\n    mode: 'default',\n  },\n});\n\nexport type SideNavVariants = RecipeVariantProps<typeof sideNavRecipe>;\n","import {createContext, use} from 'react';\n\nexport type SideNavRenderMode =\n  | 'default'\n  | 'topbar'\n  | 'drawer'\n  | 'drawer-content';\n\nexport interface SideNavCollapseState {\n  isCollapsed: boolean;\n  isCollapsible: boolean;\n  toggle: () => void;\n}\n\nexport const SideNavRenderContext = createContext<SideNavRenderMode>('default');\nSideNavRenderContext.displayName = 'SideNavRenderContext';\nexport const SideNavCollapseContext = createContext<SideNavCollapseState>({\n  isCollapsed: false,\n  isCollapsible: false,\n  toggle: () => {},\n});\nSideNavCollapseContext.displayName = 'SideNavCollapseContext';\n\nexport function useSideNavRenderMode(): SideNavRenderMode {\n  return use(SideNavRenderContext);\n}\n\nexport function useSideNavCollapse(): SideNavCollapseState {\n  return use(SideNavCollapseContext);\n}\n","import {ChevronLeft, ChevronRight} from 'lucide-react';\nimport {css} from 'styled-system/css';\nimport {Button} from '../../Button';\nimport {useSideNavCollapse} from '../SideNavContext';\n\nconst styles = {\n  expanded: css({\n    ms: '-2',\n  }),\n};\n\n/**\n * Toggle button for collapsing and expanding the SideNav.\n * Reads collapse state from context when placed inside a SideNav.\n */\nexport function SideNavCollapseButton(): React.JSX.Element | null {\n  const {isCollapsed, isCollapsible, toggle} = useSideNavCollapse();\n\n  if (!isCollapsible) {\n    return null;\n  }\n\n  const tooltipLabel = isCollapsed ? 'Expand sidebar' : 'Collapse sidebar';\n\n  return (\n    <Button\n      className={isCollapsed ? undefined : styles.expanded}\n      icon={isCollapsed ? ChevronRight : ChevronLeft}\n      isIconOnly\n      label={tooltipLabel}\n      onClick={toggle}\n      size=\"sm\"\n      tooltip={tooltipLabel}\n      variant=\"ghost\"\n    />\n  );\n}\n\nSideNavCollapseButton.displayName = 'SideNavCollapseButton';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useCallback, useMemo, useState} from 'react';\nimport {css} from 'styled-system/css';\nimport {MobileNav} from '../../internal/MobileNav';\nimport {cx} from '../../internal/cx';\nimport {sideNavRecipe} from './SideNav.recipe';\nimport {SideNavCollapseContext, useSideNavRenderMode} from './SideNavContext';\nimport {SideNavCollapseButton} from './internal/SideNavCollapseButton';\n\nexport interface SideNavProps {\n  /**\n   * Navigation item children rendered in the scrollable area.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the nav element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the nav element.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered in the sticky bottom section.\n   */\n  footer?: ReactNode;\n  /**\n   * Icon actions rendered alongside the footer.\n   */\n  footerIcons?: ReactNode;\n  /**\n   * Content rendered at the top of the nav (e.g. a logo or title).\n   */\n  header?: ReactNode;\n  /**\n   * Whether the nav can be collapsed to an icon-only toolbar.\n   * @default false\n   */\n  isCollapsible?: boolean;\n  /**\n   * Ref forwarded to the nav element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the nav element.\n   */\n  style?: CSSProperties;\n  /**\n   * Non-scrollable content rendered below the header.\n   */\n  topContent?: ReactNode;\n}\n\nconst styles = {\n  stickyTop: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flexShrink: 0,\n    p: '2',\n    gap: '2',\n  }),\n  scrollable: css({\n    flex: 1,\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    px: '2',\n  }),\n  scrollableCollapsed: css({\n    flex: 'none',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n  }),\n  stickyBottom: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flexShrink: 0,\n    mt: 'auto',\n    p: '2',\n    gap: '2',\n    borderBlockStartWidth: 'default',\n    borderBlockStartStyle: 'solid',\n    borderBlockStartColor: 'border',\n  }),\n  footerRow: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  footerRowCollapsed: css({\n    flexDirection: 'column-reverse',\n    alignItems: 'center',\n  }),\n  footerIcons: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n    ms: 'auto',\n  }),\n  footerIconsCollapsed: css({\n    flexDirection: 'column',\n    alignItems: 'center',\n    ms: '0',\n  }),\n  topbarIcons: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n    ms: 'auto',\n  }),\n};\n\n/**\n * Vertical side navigation panel with optional collapsing support.\n * Adapts to AppShell render modes (inline, drawer, topbar).\n */\nexport function SideNav({\n  children,\n  className,\n  isCollapsible = false,\n  'data-testid': dataTestId,\n  footer,\n  footerIcons,\n  header,\n  ref,\n  style,\n  topContent,\n}: SideNavProps): React.JSX.Element {\n  const renderMode = useSideNavRenderMode();\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const toggle = useCallback(() => {\n    setIsCollapsed(prev => !prev);\n  }, []);\n  const collapseContext = useMemo(\n    () => ({isCollapsed, isCollapsible, toggle}),\n    [isCollapsed, isCollapsible, toggle],\n  );\n\n  if (renderMode === 'topbar') {\n    return (\n      <div\n        className={cx(sideNavRecipe({mode: 'topbar'}), className)}\n        data-testid={dataTestId}\n        style={style}>\n        {header}\n        <div className={styles.topbarIcons}>{footerIcons}</div>\n      </div>\n    );\n  }\n\n  if (renderMode === 'drawer') {\n    return (\n      <MobileNav data-testid={dataTestId} header={header}>\n        {topContent}\n        {children}\n        {footer}\n        {footerIcons}\n      </MobileNav>\n    );\n  }\n\n  if (renderMode === 'drawer-content') {\n    return (\n      <>\n        {topContent}\n        {children}\n        {footer}\n        {footerIcons}\n      </>\n    );\n  }\n\n  return (\n    <SideNavCollapseContext value={collapseContext}>\n      <nav\n        aria-label=\"Side navigation\"\n        className={cx(sideNavRecipe({isCollapsed}), className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"navigation\"\n        style={style}>\n        {header != null || (!isCollapsed && topContent != null) ? (\n          <div className={styles.stickyTop}>\n            {header}\n            {!isCollapsed ? topContent : null}\n          </div>\n        ) : null}\n        <div\n          className={cx(\n            styles.scrollable,\n            isCollapsed && styles.scrollableCollapsed,\n          )}>\n          {children}\n        </div>\n        {footer != null || footerIcons != null || isCollapsible ? (\n          <div className={styles.stickyBottom}>\n            {footer}\n            <div\n              className={cx(\n                styles.footerRow,\n                isCollapsed && styles.footerRowCollapsed,\n              )}>\n              {isCollapsible ? <SideNavCollapseButton /> : null}\n              {footerIcons != null ? (\n                <div\n                  className={cx(\n                    styles.footerIcons,\n                    isCollapsed && styles.footerIconsCollapsed,\n                  )}>\n                  {footerIcons}\n                </div>\n              ) : null}\n            </div>\n          </div>\n        ) : null}\n      </nav>\n    </SideNavCollapseContext>\n  );\n}\n\nSideNav.displayName = 'SideNav';\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {LinkComponent} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {Text} from '../Text';\nimport {useSideNavCollapse} from './SideNavContext';\n\nexport interface SideNavHeadingProps {\n  as?: LinkComponent;\n  className?: string;\n  'data-testid'?: string;\n  headerEndContent?: ReactNode;\n  heading?: string;\n  headingHref?: string;\n  href?: string;\n  logo?: ReactNode;\n  ref?: Ref<HTMLElement>;\n  style?: CSSProperties;\n  subheading?: string;\n  superheading?: string;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    minH: '8',\n    px: '2',\n    color: 'fg',\n    textDecoration: 'none',\n  }),\n  collapsed: css({\n    justifyContent: 'center',\n    px: 0,\n  }),\n  logo: css({\n    flexShrink: 0,\n    display: 'inline-flex',\n    alignItems: 'center',\n  }),\n  text: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flex: 1,\n    minW: 0,\n  }),\n  endContent: css({\n    ms: 'auto',\n    flexShrink: 0,\n  }),\n};\n\nexport function SideNavHeading({\n  as,\n  className,\n  'data-testid': dataTestId,\n  headerEndContent,\n  heading,\n  headingHref,\n  href,\n  logo,\n  ref,\n  style,\n  subheading,\n  superheading,\n}: SideNavHeadingProps): React.JSX.Element | null {\n  const LinkComponent = useLinkComponent(as);\n  const {isCollapsed} = useSideNavCollapse();\n  const resolvedHref = headingHref ?? href;\n  const Element = resolvedHref != null ? LinkComponent : 'div';\n\n  if (isCollapsed && logo == null) {\n    return null;\n  }\n\n  return (\n    <Element\n      aria-label={isCollapsed && resolvedHref != null ? heading : undefined}\n      className={cx(styles.root, isCollapsed && styles.collapsed, className)}\n      data-testid={dataTestId}\n      href={resolvedHref}\n      ref={ref as Ref<HTMLAnchorElement & HTMLDivElement>}\n      style={style}\n      to={Element === 'a' ? undefined : resolvedHref}>\n      {logo != null ? <span className={styles.logo}>{logo}</span> : null}\n      {!isCollapsed ? (\n        <span className={styles.text}>\n          {superheading != null ? (\n            <Text color=\"secondary\" type=\"supporting\">\n              {superheading}\n            </Text>\n          ) : null}\n          {heading != null ? (\n            <Text type=\"large\" weight=\"semibold\">\n              {heading}\n            </Text>\n          ) : null}\n          {subheading != null ? (\n            <Text color=\"secondary\" type=\"supporting\">\n              {subheading}\n            </Text>\n          ) : null}\n        </span>\n      ) : null}\n      {!isCollapsed && headerEndContent != null ? (\n        <span className={styles.endContent}>{headerEndContent}</span>\n      ) : null}\n    </Element>\n  );\n}\n\nSideNavHeading.displayName = 'SideNavHeading';\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport {ChevronDown} from 'lucide-react';\nimport type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {useCallback, useId, useState} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {useAppShellMobile} from '../AppShell/AppShellMobileContext';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Item} from '../Item';\nimport type {LinkComponent} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {useSideNavCollapse} from './SideNavContext';\n\nexport interface SideNavItemProps {\n  /**\n   * Custom link component used when href is set.\n   */\n  as?: LinkComponent;\n  /**\n   * Nested sub-items rendered below this item.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the item.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered at the end of the item (e.g. a badge).\n   */\n  endContent?: ReactNode;\n  /**\n   * Link destination. When set, the item renders as a link.\n   */\n  href?: string;\n  /**\n   * Icon rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the item can expand/collapse its children.\n   * @default false\n   */\n  isCollapsible?: boolean;\n  /**\n   * Whether the item's children are initially expanded.\n   * @default true\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is currently selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Accessible item label, also used as visible text.\n   */\n  label: string;\n  /**\n   * Click handler for the item.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the item.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  navItem: css({\n    color: 'fg.muted',\n    fontSize: 'sm',\n    fontWeight: 'medium',\n    minH: '8',\n    py: '0.5',\n    // Override Item's default `bg.subtle` hover, which is invisible when the\n    // SideNav sits on the AppShell's `bg.subtle` surface. Match TopNavItem's\n    // darker `bg.hover` so the hover is visible in both navs.\n    _hover: {bg: 'bg.hover'},\n  }),\n  navItemSelected: css({\n    bg: 'bg.hover',\n    color: 'fg',\n    fontWeight: 'semibold',\n  }),\n  icon: css({\n    flexShrink: 0,\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: 'var(--silver-sizes-icon-md)',\n  }),\n  collapsed: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    w: '10',\n    minH: '8',\n    px: 0,\n    py: '1.5',\n    borderRadius: 'md',\n    color: 'fg.muted',\n    textDecoration: 'none',\n    bg: 'transparent',\n    borderWidth: 0,\n    cursor: 'pointer',\n    _hover: {bg: 'bg.hover'},\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  collapsedSelected: css({\n    bg: 'bg.hover',\n    color: 'fg',\n  }),\n  collapsedDisabled: css({\n    opacity: 0.5,\n    cursor: 'not-allowed',\n    pointerEvents: 'none',\n  }),\n  toggleRow: css({\n    display: 'flex',\n    w: '100%',\n    cursor: 'pointer',\n    borderRadius: 'md',\n    _hover: {bg: 'bg.hover'},\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  toggleRowDisabled: css({\n    opacity: 0.5,\n    cursor: 'not-allowed',\n    pointerEvents: 'none',\n  }),\n  chevron: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    transitionProperty: 'transform',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n  }),\n  chevronExpanded: css({\n    transform: 'rotate(180deg)',\n  }),\n  toggleButton: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    w: '7',\n    h: '7',\n    borderRadius: 'md',\n    cursor: 'pointer',\n    color: 'fg.muted',\n    _hover: {bg: 'bg.hover'},\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  childrenContainer: css({\n    display: 'grid',\n    gridTemplateRows: '1fr',\n    transitionProperty: 'grid-template-rows',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n  }),\n  childrenCollapsed: css({\n    gridTemplateRows: '0fr',\n  }),\n  childrenInner: css({\n    overflow: 'hidden',\n    ps: '6',\n  }),\n};\n\n/**\n * A single navigation item inside a SideNav. Renders as a link when\n * `href` is provided, or a button otherwise. Supports nested sub-items\n * via `children` with optional expand/collapse behavior.\n */\nexport function SideNavItem({\n  as,\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  href,\n  icon,\n  isCollapsible: isItemCollapsible = false,\n  isDefaultExpanded = true,\n  isDisabled = false,\n  isSelected = false,\n  label,\n  onClick,\n  ref,\n  style,\n}: SideNavItemProps): React.JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const {closeMobileNav} = useAppShellMobile();\n  const {isCollapsed} = useSideNavCollapse();\n  const [isExpanded, setIsExpanded] = useState(isDefaultExpanded);\n  const childrenId = useId();\n\n  const hasChildren = children != null;\n  const isExpandable = hasChildren && isItemCollapsible;\n  const hasPrimaryAction = href != null || onClick != null;\n\n  const toggleExpanded = useCallback(() => {\n    setIsExpanded(prev => !prev);\n  }, []);\n\n  const handleClick: MouseEventHandler<HTMLElement> = event => {\n    if (isDisabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n    closeMobileNav();\n  };\n\n  const iconSlot =\n    icon != null ? (\n      <span aria-hidden=\"true\" className={styles.icon}>\n        <Icon icon={icon} size=\"sm\" />\n      </span>\n    ) : undefined;\n\n  // --- Collapsed sidebar: icon-only rendering ---\n  if (isCollapsed) {\n    const collapsedClassNames = cx(\n      styles.collapsed,\n      isSelected && styles.collapsedSelected,\n      isDisabled && styles.collapsedDisabled,\n      className,\n    );\n\n    if (href != null && !isDisabled) {\n      return (\n        <LinkComponent\n          aria-current={isSelected ? 'page' : undefined}\n          aria-label={label}\n          className={collapsedClassNames}\n          data-testid={dataTestId}\n          href={href}\n          onClick={handleClick}\n          ref={ref as Ref<HTMLAnchorElement>}\n          style={style}\n          to={LinkComponent === 'a' ? undefined : href}>\n          {iconSlot}\n        </LinkComponent>\n      );\n    }\n\n    return (\n      <button\n        aria-current={isSelected ? 'page' : undefined}\n        aria-label={label}\n        className={collapsedClassNames}\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        onClick={handleClick}\n        ref={ref as Ref<HTMLButtonElement>}\n        style={style}\n        type=\"button\">\n        {iconSlot}\n      </button>\n    );\n  }\n\n  // --- Expanded sidebar ---\n\n  const chevronSlot = isExpandable ? (\n    <span className={cx(styles.chevron, isExpanded && styles.chevronExpanded)}>\n      <Icon icon={ChevronDown} size=\"sm\" />\n    </span>\n  ) : null;\n\n  const childrenContainer =\n    children != null ? (\n      <div\n        className={cx(\n          styles.childrenContainer,\n          isExpandable && !isExpanded && styles.childrenCollapsed,\n        )}\n        id={childrenId}\n        role=\"group\">\n        <div className={styles.childrenInner}>{children}</div>\n      </div>\n    ) : null;\n\n  // Collapsible WITHOUT primary action: whole row toggles\n  if (isExpandable && !hasPrimaryAction) {\n    return (\n      <>\n        <button\n          aria-controls={childrenId}\n          aria-expanded={isExpanded}\n          className={cx(\n            styles.toggleRow,\n            isSelected && styles.navItemSelected,\n            isDisabled && styles.toggleRowDisabled,\n            className,\n          )}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          onClick={toggleExpanded}\n          ref={ref as Ref<HTMLButtonElement>}\n          style={style}\n          type=\"button\">\n          <Item\n            as=\"span\"\n            className={styles.navItem}\n            endContent={chevronSlot}\n            label={label}\n            startContent={iconSlot}\n          />\n        </button>\n        {childrenContainer}\n      </>\n    );\n  }\n\n  // Collapsible WITH primary action: split-action (link + chevron)\n  if (isExpandable && hasPrimaryAction) {\n    return (\n      <>\n        <Item\n          aria-current={isSelected ? 'page' : undefined}\n          className={cx(\n            styles.navItem,\n            isSelected && styles.navItemSelected,\n            className,\n          )}\n          data-testid={dataTestId}\n          endContent={endContent}\n          href={isDisabled ? undefined : href}\n          isDisabled={isDisabled}\n          label={label}\n          linkComponent={as}\n          onClick={handleClick}\n          ref={ref}\n          startContent={iconSlot}\n          style={style}\n          trailingContent={\n            <button\n              aria-controls={childrenId}\n              aria-expanded={isExpanded}\n              aria-label={isExpanded ? `Collapse ${label}` : `Expand ${label}`}\n              className={styles.toggleButton}\n              onClick={toggleExpanded}\n              type=\"button\">\n              {chevronSlot}\n            </button>\n          }\n        />\n        {childrenContainer}\n      </>\n    );\n  }\n\n  // Leaf item (no collapsible children): compose Item directly\n  return (\n    <>\n      <Item\n        aria-current={isSelected ? 'page' : undefined}\n        className={cx(\n          styles.navItem,\n          isSelected && styles.navItemSelected,\n          className,\n        )}\n        data-testid={dataTestId}\n        endContent={endContent}\n        href={isDisabled ? undefined : href}\n        isDisabled={isDisabled}\n        label={label}\n        linkComponent={as}\n        onClick={handleClick}\n        ref={ref}\n        startContent={iconSlot}\n        style={style}\n      />\n      {childrenContainer}\n    </>\n  );\n}\n\nSideNavItem.displayName = 'SideNavItem';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useId} from 'react';\nimport {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal';\nimport {cx} from '../../internal/cx';\nimport {Text} from '../Text';\nimport {useSideNavCollapse} from './SideNavContext';\n\nexport interface SideNavSectionProps {\n  children: ReactNode;\n  className?: string;\n  'data-testid'?: string;\n  endContent?: ReactNode;\n  isHeaderHidden?: boolean;\n  ref?: Ref<HTMLDivElement>;\n  style?: CSSProperties;\n  subtitle?: string;\n  title: string;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    flexDirection: 'column',\n    py: '1',\n  }),\n  rootCollapsed: css({\n    py: '0',\n  }),\n  header: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    px: '2',\n    py: '1',\n  }),\n  titleContainer: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flex: 1,\n    minW: 0,\n  }),\n  endContent: css({\n    flexShrink: 0,\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  items: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n  }),\n};\n\nexport function SideNavSection({\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  isHeaderHidden = false,\n  ref,\n  style,\n  subtitle,\n  title,\n}: SideNavSectionProps): React.JSX.Element {\n  const {isCollapsed} = useSideNavCollapse();\n  const id = useId();\n  const titleId = `${id}-title`;\n  const shouldHideHeader = isHeaderHidden || isCollapsed;\n  const header = (\n    <div className={styles.header}>\n      <span className={styles.titleContainer}>\n        <Text\n          as=\"span\"\n          color=\"secondary\"\n          data-testid={undefined}\n          id={titleId}\n          type=\"supporting\"\n          weight=\"semibold\">\n          {title}\n        </Text>\n        {subtitle != null ? (\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            {subtitle}\n          </Text>\n        ) : null}\n      </span>\n      {endContent != null ? (\n        <span className={styles.endContent}>{endContent}</span>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <div\n      aria-labelledby={titleId}\n      className={cx(\n        styles.root,\n        isCollapsed && styles.rootCollapsed,\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"group\"\n      style={style}>\n      {shouldHideHeader ? <VisuallyHidden>{header}</VisuallyHidden> : header}\n      <div className={styles.items}>{children}</div>\n    </div>\n  );\n}\n\nSideNavSection.displayName = 'SideNavSection';\n"]}

package/dist/{chunk-WBPIJ4D5.js → chunk-XSQOHNIF.js}

@@ -1,6 +1,6 @@
-import { cva } from './chunk-NAELQLZN.js';
+import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { jsx } from 'react/jsx-runtime';
 
 // src/components/AspectRatio/AspectRatio.recipe.ts
@@ -53,6 +53,6 @@ function AspectRatio({
 }
 AspectRatio.displayName = "AspectRatio";
 
-export { AspectRatio, aspectRatioRecipe };
-//# sourceMappingURL=chunk-WBPIJ4D5.js.map
-//# sourceMappingURL=chunk-WBPIJ4D5.js.map
+export { AspectRatio };
+//# sourceMappingURL=chunk-XSQOHNIF.js.map
+//# sourceMappingURL=chunk-XSQOHNIF.js.map

package/dist/chunk-XSQOHNIF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AspectRatio/AspectRatio.recipe.ts","../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,oBAAoB,GAAA,CAAI;AAAA,EACnC,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU,UAAA;AAAA,IACV,CAAA,EAAG,MAAA;AAAA,IACH,IAAA,EAAM,CAAA;AAAA,IACN,UAAA,EAAY,CAAA;AAAA,IACZ,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;ACSD,IAAM,MAAA,GAAS;AAAA,EACb,OAAO,GAAA,CAAI;AAAA,IACT,QAAA,EAAU,UAAA;AAAA,IACV,KAAA,EAAO,CAAA;AAAA,IACP,CAAA,EAAG,MAAA;AAAA,IACH,CAAA,EAAG;AAAA,GACJ;AACH,CAAA;AAEO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwC;AACtC,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,QAAA,CAAS,KAAK,KAAK,KAAA,GAAQ,CAAA;AAEvD,EAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAA,kEAAA,EAAqE,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAAA,OACpF;AAAA,IACF;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB,eAAe,KAAA,GAAQ,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAkB,EAAG,SAAS,CAAA;AAAA,MAC5C,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA,EAAO,EAAC,GAAG,KAAA,EAAO,aAAa,aAAA,EAAa;AAAA,MAC5C,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAQ,QAAA,EAAS;AAAA;AAAA,GAC1C;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-XSQOHNIF.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const aspectRatioRecipe = cva({\n  base: {\n    position: 'relative',\n    w: '100%',\n    minH: 0,\n    flexShrink: 0,\n    overflow: 'clip',\n  },\n});\n\nexport type AspectRatioVariants = RecipeVariantProps<typeof aspectRatioRecipe>;\n","import type {ComponentPropsWithRef} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {aspectRatioRecipe} from './AspectRatio.recipe';\n\n/**\n * Maintains a fixed width-to-height ratio for media or embedded content.\n */\nexport interface AspectRatioProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Width divided by height, such as `16 / 9`, `4 / 3`, or `1`.\n   */\n  ratio: number;\n}\n\nconst styles = {\n  child: css({\n    position: 'absolute',\n    inset: 0,\n    w: '100%',\n    h: '100%',\n  }),\n};\n\nexport function AspectRatio({\n  children,\n  className,\n  'data-testid': dataTestId,\n  ratio,\n  ref,\n  style,\n  ...rest\n}: AspectRatioProps): React.JSX.Element {\n  const isValidRatio = Number.isFinite(ratio) && ratio > 0;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (!isValidRatio) {\n      throw new Error(\n        `AspectRatio: \\`ratio\\` must be a finite positive number, received ${String(ratio)}.`,\n      );\n    }\n  }\n\n  const resolvedRatio = isValidRatio ? ratio : 1;\n\n  return (\n    <div\n      {...rest}\n      className={cx(aspectRatioRecipe(), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={{...style, aspectRatio: resolvedRatio}}>\n      <div className={styles.child}>{children}</div>\n    </div>\n  );\n}\n\nAspectRatio.displayName = 'AspectRatio';\n"]}

package/dist/{chunk-E7EO3YVJ.js → chunk-XVRQSTUF.js}

@@ -1,4 +1,4 @@
-import { getStatusMessageID, getDescribedBy } from './chunk-3L3M7SJ3.js';
+import { getStatusMessageID, getDescribedBy } from './chunk-WOIWI2UO.js';
 import { useId, useState, useRef, useMemo, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -319,5 +319,5 @@ function renderSelectListboxOptions({
 }
 
 export { renderSelectListboxOptions, useSelectListbox };
-//# sourceMappingURL=chunk-E7EO3YVJ.js.map
-//# sourceMappingURL=chunk-E7EO3YVJ.js.map
+//# sourceMappingURL=chunk-XVRQSTUF.js.map
+//# sourceMappingURL=chunk-XVRQSTUF.js.map

package/dist/{chunk-E7EO3YVJ.js.map → chunk-XVRQSTUF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/internal/useListboxNavigation.ts","../src/internal/useSelectListbox.tsx"],"names":["useState","useMemo","useCallback"],"mappings":"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","file":"chunk-E7EO3YVJ.js","sourcesContent":["import {\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","import {\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 {\n  getDescribedBy,\n  getStatusMessageID,\n} from '../components/Field/inputUtils';\nimport {useListboxNavigation} from './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  clearQueryOnCommit?: boolean;\n  closeOnCommit?: boolean;\n  description: ReactNode;\n  isDefaultOpen?: boolean;\n  isDisabled?: boolean;\n  isLoading?: boolean;\n  onCommitOption: (option: TOption) => boolean | undefined;\n  options: ReadonlyArray<SelectListboxOption<TOption>>;\n  selectedValues: ReadonlySet<string>;\n  shouldClearOnCommit?: boolean;\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<HTMLButtonElement>) => void;\n  handleOptionMouseEnter: (event: MouseEvent<HTMLButtonElement>) => 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  clearQueryOnCommit = false,\n  closeOnCommit = false,\n  description,\n  isDefaultOpen = false,\n  isDisabled = false,\n  isLoading = false,\n  onCommitOption,\n  options,\n  selectedValues,\n  shouldClearOnCommit = true,\n  status,\n}: UseSelectListboxOptions<TOption>): UseSelectListboxResult<TOption> {\n  const inputId = useId();\n  const descriptionID =\n    description != null ? `${inputId}-description` : 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 (closeOnCommit) {\n        setIsOpen(false);\n      }\n      if (clearQueryOnCommit) {\n        setQuery('');\n      }\n    },\n    onOpenChange: setIsOpen,\n    options: visibleSelectableOptions,\n    selectedValues,\n    shouldClearOnCommit,\n  });\n\n  const handleOptionClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\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 (closeOnCommit) {\n        setIsOpen(false);\n      }\n      if (clearQueryOnCommit) {\n        setQuery('');\n      }\n    },\n    [clearQueryOnCommit, closeOnCommit, onCommitOption, optionByValue],\n  );\n\n  const handleOptionMouseEnter = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\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"]}
+{"version":3,"sources":["../src/internal/useListboxNavigation.ts","../src/internal/useSelectListbox.tsx"],"names":["useState","useMemo","useCallback"],"mappings":"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","file":"chunk-XVRQSTUF.js","sourcesContent":["import {\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","import {\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 {\n  getDescribedBy,\n  getStatusMessageID,\n} from '../components/Field/inputUtils';\nimport {useListboxNavigation} from './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  clearQueryOnCommit?: boolean;\n  closeOnCommit?: boolean;\n  description: ReactNode;\n  isDefaultOpen?: boolean;\n  isDisabled?: boolean;\n  isLoading?: boolean;\n  onCommitOption: (option: TOption) => boolean | undefined;\n  options: ReadonlyArray<SelectListboxOption<TOption>>;\n  selectedValues: ReadonlySet<string>;\n  shouldClearOnCommit?: boolean;\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<HTMLButtonElement>) => void;\n  handleOptionMouseEnter: (event: MouseEvent<HTMLButtonElement>) => 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  clearQueryOnCommit = false,\n  closeOnCommit = false,\n  description,\n  isDefaultOpen = false,\n  isDisabled = false,\n  isLoading = false,\n  onCommitOption,\n  options,\n  selectedValues,\n  shouldClearOnCommit = true,\n  status,\n}: UseSelectListboxOptions<TOption>): UseSelectListboxResult<TOption> {\n  const inputId = useId();\n  const descriptionID =\n    description != null ? `${inputId}-description` : 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 (closeOnCommit) {\n        setIsOpen(false);\n      }\n      if (clearQueryOnCommit) {\n        setQuery('');\n      }\n    },\n    onOpenChange: setIsOpen,\n    options: visibleSelectableOptions,\n    selectedValues,\n    shouldClearOnCommit,\n  });\n\n  const handleOptionClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\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 (closeOnCommit) {\n        setIsOpen(false);\n      }\n      if (clearQueryOnCommit) {\n        setQuery('');\n      }\n    },\n    [clearQueryOnCommit, closeOnCommit, onCommitOption, optionByValue],\n  );\n\n  const handleOptionMouseEnter = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\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"]}