silver-ui 0.1.1 → 0.2.0

package/dist/{chunk-BCJ25X7C.js → chunk-BA2VUDQS.js}

@@ -1,7 +1,8 @@
-import { Icon } from './chunk-4W7L63LH.js';
+import { sva } from './chunk-EHCAF6D3.js';
+import { Icon } from './chunk-7T3SWOY7.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
-import { createContext, useState, useMemo, useCallback, useId, use } from 'react';
+import { css } from './chunk-OD4DHHZH.js';
+import { createContext, useState, useRef, useMemo, useCallback, useId, use } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronDown } from 'lucide-react';
 
@@ -39,6 +40,22 @@ function Accordion({
   const [internalValue, setInternalValue] = useState(
     () => normalizeToSet(defaultValue)
   );
+  const prevControlledArrayRef = useRef(
+    void 0
+  );
+  const hasWarnedUnstableValueRef = useRef(false);
+  if (process.env.NODE_ENV !== "production") {
+    if (Array.isArray(controlledValue)) {
+      const prev = prevControlledArrayRef.current;
+      if (!hasWarnedUnstableValueRef.current && prev !== void 0 && prev !== controlledValue && prev.length === controlledValue.length && prev.every((item, i) => item === controlledValue[i])) {
+        hasWarnedUnstableValueRef.current = true;
+        console.warn(
+          "Accordion: the `value` array changed identity between renders but contains the same items. Memoize it (e.g. with `useMemo`) to avoid unnecessary re-renders of the accordion items."
+        );
+      }
+      prevControlledArrayRef.current = controlledValue;
+    }
+  }
   const openValues = useMemo(
     () => isControlled ? normalizeToSet(controlledValue) : internalValue,
     [isControlled, controlledValue, internalValue]
@@ -94,6 +111,82 @@ function Accordion({
   ) });
 }
 Accordion.displayName = "Accordion";
+
+// src/components/Accordion/AccordionItem.recipe.ts
+var accordionItemRecipe = sva({
+  slots: ["root", "trigger", "chevron", "panel", "panelInner"],
+  base: {
+    root: {
+      w: "100%"
+    },
+    trigger: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      w: "100%",
+      cursor: "pointer",
+      fontFamily: "body",
+      fontSize: "lg",
+      fontWeight: "semibold",
+      color: "fg",
+      textAlign: "start",
+      py: 0,
+      _disabled: {
+        opacity: 0.5,
+        cursor: "not-allowed"
+      },
+      _focusVisible: {
+        outlineWidth: "focus",
+        outlineStyle: "solid",
+        outlineColor: "primary",
+        outlineOffset: "focusOffset",
+        borderRadius: "sm"
+      }
+    },
+    chevron: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0,
+      transitionProperty: "transform",
+      transitionDuration: "fast",
+      transitionTimingFunction: "default",
+      color: "fg.muted"
+    },
+    panel: {
+      display: "grid",
+      gridTemplateRows: "1fr",
+      // `visibility` is transitioned alongside the rows so the content stays
+      // readable while collapsing, then becomes `hidden` (removing it from the
+      // a11y tree and tab order) once closed. The inline `visibility` style in
+      // the component drives the open/closed value.
+      transitionProperty: "grid-template-rows, visibility",
+      transitionDuration: "normal",
+      transitionTimingFunction: "default",
+      "@media (prefers-reduced-motion: reduce)": {
+        transitionDuration: "0.01s"
+      }
+    },
+    panelInner: {
+      overflow: "hidden",
+      minH: 0,
+      pt: "1"
+    }
+  },
+  variants: {
+    isOpen: {
+      true: {
+        chevron: { transform: "rotate(180deg)" }
+      },
+      false: {
+        panel: { gridTemplateRows: "0fr" }
+      }
+    }
+  },
+  defaultVariants: {
+    isOpen: false
+  }
+});
 function useCollapsible(options) {
   const { config, value } = options;
   const group = use(AccordionContext);
@@ -125,67 +218,22 @@ function useCollapsible(options) {
   } else {
     isOpen = internalIsOpen;
   }
-  const toggle = () => {
-    if (isControlledByGroup) {
+  const configIsOpen = config?.isOpen;
+  const onOpenChange = config?.onOpenChange;
+  const toggle = useCallback(() => {
+    if (group != null && value != null) {
       group.toggle(value);
-    } else if (isMissingGroupValue) {
+    } else if (group != null) {
       return;
-    } else if (config?.isOpen !== void 0) {
-      config.onOpenChange?.(!isOpen);
+    } else if (configIsOpen !== void 0) {
+      onOpenChange?.(!configIsOpen);
     } else {
       setInternalIsOpen((prev) => !prev);
-      config?.onOpenChange?.(!isOpen);
+      onOpenChange?.(!isOpen);
     }
-  };
+  }, [group, value, configIsOpen, onOpenChange, isOpen]);
   return { isOpen, toggle };
 }
-var styles2 = {
-  root: css({
-    w: "100%"
-  }),
-  trigger: css({
-    all: "unset",
-    boxSizing: "border-box",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    w: "100%",
-    cursor: "pointer",
-    fontFamily: "body",
-    fontSize: "lg",
-    fontWeight: "semibold",
-    color: "fg",
-    textAlign: "start",
-    py: 0,
-    _disabled: {
-      opacity: 0.5,
-      cursor: "not-allowed"
-    },
-    _focusVisible: {
-      outlineWidth: "focus",
-      outlineStyle: "solid",
-      outlineColor: "primary",
-      outlineOffset: "focusOffset",
-      borderRadius: "sm"
-    }
-  }),
-  chevron: css({
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flexShrink: 0,
-    transitionProperty: "transform",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default",
-    color: "fg.muted"
-  }),
-  chevronOpen: css({
-    transform: "rotate(180deg)"
-  }),
-  content: css({
-    pt: "1"
-  })
-};
 function AccordionItem({
   trigger,
   children,
@@ -207,10 +255,11 @@ function AccordionItem({
   const id = useId();
   const triggerId = `${id}-trigger`;
   const panelId = `${id}-panel`;
+  const classes = accordionItemRecipe({ isOpen });
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cx(styles2.root, className),
+      className: cx(classes.root, className),
       "data-testid": dataTestId,
       ref,
       style,
@@ -220,23 +269,14 @@ function AccordionItem({
           {
             "aria-controls": panelId,
             "aria-expanded": isOpen,
-            className: styles2.trigger,
+            className: classes.trigger,
             disabled: isDisabled,
             id: triggerId,
             onClick: toggle,
             type: "button",
             children: [
               trigger,
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: cx(
-                    styles2.chevron,
-                    isOpen ? styles2.chevronOpen : void 0
-                  ),
-                  children: /* @__PURE__ */ jsx(Icon, { icon: ChevronDown, size: "md" })
-                }
-              )
+              /* @__PURE__ */ jsx("span", { className: classes.chevron, children: /* @__PURE__ */ jsx(Icon, { icon: ChevronDown, size: "md" }) })
             ]
           }
         ),
@@ -244,11 +284,11 @@ function AccordionItem({
           "div",
           {
             "aria-labelledby": triggerId,
-            className: styles2.content,
-            hidden: !isOpen || void 0,
+            className: classes.panel,
             id: panelId,
             role: "region",
-            children
+            style: { visibility: isOpen ? void 0 : "hidden" },
+            children: /* @__PURE__ */ jsx("div", { className: classes.panelInner, children })
           }
         )
       ]
@@ -277,5 +317,5 @@ function Collapsible({
 Collapsible.displayName = "Collapsible";
 
 export { Accordion, AccordionItem, Collapsible };
-//# sourceMappingURL=chunk-BCJ25X7C.js.map
-//# sourceMappingURL=chunk-BCJ25X7C.js.map
+//# sourceMappingURL=chunk-BA2VUDQS.js.map
+//# sourceMappingURL=chunk-BA2VUDQS.js.map

package/dist/chunk-BA2VUDQS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/AccordionContext.tsx","../src/components/Accordion/Accordion.tsx","../src/components/Accordion/AccordionItem.recipe.ts","../src/components/Accordion/useCollapsible.ts","../src/components/Accordion/AccordionItem.tsx","../src/components/Accordion/Collapsible.tsx"],"names":["useState","useCallback","jsx"],"mappings":"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","file":"chunk-BA2VUDQS.js","sourcesContent":["import {createContext} from 'react';\n\nexport interface AccordionContextValue {\n  getIsOpen: (value: string) => boolean;\n  toggle: (value: string) => void;\n}\n\nexport const AccordionContext = createContext<AccordionContextValue | null>(\n  null,\n);\nAccordionContext.displayName = 'AccordionContext';\n","import {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {AccordionContext, type AccordionContextValue} from './AccordionContext';\n\n/**\n * A container that coordinates multiple `AccordionItem` children so that\n * one (`type=\"single\"`) or several (`type=\"multiple\"`) can be open at a\n * time. For a standalone disclosure widget, use `Collapsible` instead.\n */\ninterface AccordionBaseProps {\n  /**\n   * Accessible label for the accordion group. Provide either `aria-label`\n   * or `aria-labelledby`, not both.\n   */\n  'aria-label'?: string;\n  /**\n   * ID of an element that labels the accordion group. Provide either\n   * `aria-label` or `aria-labelledby`, not both.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * One or more `AccordionItem` elements.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nexport type AccordionProps =\n  | (AccordionBaseProps & {\n      /**\n       * Item value that is open on initial render, or `null` for all\n       * closed. Ignored when `value` is provided.\n       */\n      defaultValue?: string | null;\n      /**\n       * Called when the open item changes. Receives the item value string,\n       * or `null` when all items are closed.\n       */\n      onChange?: (value: string | null) => void;\n      /**\n       * Only one item can be open at a time. This is the default.\n       */\n      type?: 'single';\n      /**\n       * Controls which item is open externally. Pass `null` to close all\n       * items. When set, the component becomes controlled and `onChange`\n       * should be provided.\n       */\n      value?: string | null;\n    })\n  | (AccordionBaseProps & {\n      /**\n       * Item values that are open on initial render. Ignored when `value` is\n       * provided.\n       */\n      defaultValue?: string[];\n      /**\n       * Called when the set of open items changes. Receives an array of\n       * open item values.\n       */\n      onChange?: (value: string[]) => void;\n      /**\n       * Multiple items can be open simultaneously.\n       */\n      type: 'multiple';\n      /**\n       * Controls which items are open externally. When set, the component\n       * becomes controlled and `onChange` should be provided. Memoize array\n       * values to avoid unnecessary re-renders.\n       */\n      value?: string[];\n    });\n\nfunction normalizeToSet(\n  value: string | string[] | null | undefined,\n): ReadonlySet<string> {\n  if (value == null) {\n    return new Set();\n  }\n  return new Set(Array.isArray(value) ? value : [value]);\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '3',\n  }),\n};\n\nexport function Accordion({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  type = 'single',\n  defaultValue,\n  value: controlledValue,\n  onChange,\n  children,\n  className,\n  'data-testid': dataTestId,\n  ref,\n  style,\n}: AccordionProps): React.JSX.Element {\n  const isControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<ReadonlySet<string>>(() =>\n    normalizeToSet(defaultValue),\n  );\n\n  // Dev-only: warn when a controlled `value` array is recreated each render\n  // with the same contents, which defeats the `openValues` memo and forces\n  // unnecessary re-renders. These refs are read/written during render purely\n  // for the diagnostic — they never affect render output — and the whole\n  // block is inert in production.\n  /* eslint-disable @eslint-react/refs -- diagnostic-only ref use, does not affect render output */\n  const prevControlledArrayRef = useRef<ReadonlyArray<string> | undefined>(\n    undefined,\n  );\n  const hasWarnedUnstableValueRef = useRef(false);\n  if (process.env.NODE_ENV !== 'production') {\n    if (Array.isArray(controlledValue)) {\n      const prev = prevControlledArrayRef.current;\n      if (\n        !hasWarnedUnstableValueRef.current &&\n        prev !== undefined &&\n        prev !== controlledValue &&\n        prev.length === controlledValue.length &&\n        prev.every((item, i) => item === controlledValue[i])\n      ) {\n        hasWarnedUnstableValueRef.current = true;\n        console.warn(\n          'Accordion: the `value` array changed identity between renders but ' +\n            'contains the same items. Memoize it (e.g. with `useMemo`) to ' +\n            'avoid unnecessary re-renders of the accordion items.',\n        );\n      }\n      prevControlledArrayRef.current = controlledValue;\n    }\n  }\n  /* eslint-enable @eslint-react/refs */\n\n  const openValues = useMemo(\n    () => (isControlled ? normalizeToSet(controlledValue) : internalValue),\n    [isControlled, controlledValue, internalValue],\n  );\n\n  const getIsOpen = useCallback(\n    (itemValue: string) => openValues.has(itemValue),\n    [openValues],\n  );\n\n  const toggle = useCallback(\n    (itemValue: string) => {\n      let nextValues: ReadonlySet<string>;\n\n      if (type === 'single') {\n        nextValues = openValues.has(itemValue)\n          ? new Set()\n          : new Set([itemValue]);\n      } else {\n        const next = new Set(openValues);\n        if (next.has(itemValue)) {\n          next.delete(itemValue);\n        } else {\n          next.add(itemValue);\n        }\n        nextValues = next;\n      }\n\n      if (!isControlled) {\n        setInternalValue(nextValues);\n      }\n\n      if (onChange) {\n        const arr = [...nextValues];\n        if (type === 'single') {\n          (onChange as (value: string | null) => void)(arr[0] ?? null);\n        } else {\n          (onChange as (value: string[]) => void)(arr);\n        }\n      }\n    },\n    [type, openValues, isControlled, onChange],\n  );\n\n  const contextValue = useMemo<AccordionContextValue>(\n    () => ({getIsOpen, toggle}),\n    [getIsOpen, toggle],\n  );\n\n  return (\n    <AccordionContext value={contextValue}>\n      <div\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        className={cx(styles.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"group\"\n        style={style}>\n        {children}\n      </div>\n    </AccordionContext>\n  );\n}\n\nAccordion.displayName = 'Accordion';\n","import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const accordionItemRecipe = sva({\n  slots: ['root', 'trigger', 'chevron', 'panel', 'panelInner'],\n  base: {\n    root: {\n      w: '100%',\n    },\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      w: '100%',\n      cursor: 'pointer',\n      fontFamily: 'body',\n      fontSize: 'lg',\n      fontWeight: 'semibold',\n      color: 'fg',\n      textAlign: 'start',\n      py: 0,\n      _disabled: {\n        opacity: 0.5,\n        cursor: 'not-allowed',\n      },\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n        borderRadius: 'sm',\n      },\n    },\n    chevron: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      transitionProperty: 'transform',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      color: 'fg.muted',\n    },\n    panel: {\n      display: 'grid',\n      gridTemplateRows: '1fr',\n      // `visibility` is transitioned alongside the rows so the content stays\n      // readable while collapsing, then becomes `hidden` (removing it from the\n      // a11y tree and tab order) once closed. The inline `visibility` style in\n      // the component drives the open/closed value.\n      transitionProperty: 'grid-template-rows, visibility',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0.01s',\n      },\n    },\n    panelInner: {\n      overflow: 'hidden',\n      minH: 0,\n      pt: '1',\n    },\n  },\n  variants: {\n    isOpen: {\n      true: {\n        chevron: {transform: 'rotate(180deg)'},\n      },\n      false: {\n        panel: {gridTemplateRows: '0fr'},\n      },\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n  },\n});\n\nexport type AccordionItemVariants = RecipeVariantProps<\n  typeof accordionItemRecipe\n>;\n","import {use, useCallback, useState} from 'react';\nimport {AccordionContext} from './AccordionContext';\n\nexport interface CollapsibleConfig {\n  isDefaultOpen?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface UseCollapsibleOptions {\n  config?: CollapsibleConfig;\n  value?: string;\n}\n\nexport interface UseCollapsibleReturn {\n  isOpen: boolean;\n  toggle: () => void;\n}\n\nexport function useCollapsible(\n  options: UseCollapsibleOptions,\n): UseCollapsibleReturn {\n  const {config, value} = options;\n\n  const group = use(AccordionContext);\n  const isMissingGroupValue = group != null && value == null;\n  const isControlledByGroup = group != null && value != null;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (isMissingGroupValue) {\n      throw new Error(\n        'AccordionItem: `value` prop is required when used inside an Accordion.',\n      );\n    }\n  }\n\n  const [internalIsOpen, setInternalIsOpen] = useState(() => {\n    if (isControlledByGroup) {\n      return true;\n    }\n    if (config?.isOpen !== undefined) {\n      return config.isOpen;\n    }\n    return config?.isDefaultOpen ?? true;\n  });\n\n  let isOpen: boolean;\n  if (isControlledByGroup) {\n    isOpen = group.getIsOpen(value);\n  } else if (isMissingGroupValue) {\n    isOpen = false;\n  } else if (config?.isOpen !== undefined) {\n    isOpen = config.isOpen;\n  } else {\n    isOpen = internalIsOpen;\n  }\n\n  const configIsOpen = config?.isOpen;\n  const onOpenChange = config?.onOpenChange;\n\n  // Depend on the primitive config fields rather than the `config` object so\n  // the toggle keeps a stable identity across renders (callers commonly build\n  // a fresh `config` object each render). Re-checking `group`/`value` inside\n  // the callback also gives TypeScript the non-null narrowing it needs.\n  const toggle = useCallback(() => {\n    if (group != null && value != null) {\n      group.toggle(value);\n    } else if (group != null) {\n      // Inside a group but missing a `value` prop: nothing to toggle.\n      return;\n    } else if (configIsOpen !== undefined) {\n      onOpenChange?.(!configIsOpen);\n    } else {\n      setInternalIsOpen(prev => !prev);\n      onOpenChange?.(!isOpen);\n    }\n  }, [group, value, configIsOpen, onOpenChange, isOpen]);\n\n  return {isOpen, toggle};\n}\n","import {ChevronDown} from 'lucide-react';\nimport {useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {Icon} from '../Icon';\nimport {accordionItemRecipe} from './AccordionItem.recipe';\nimport {useCollapsible} from './useCollapsible';\n\n/**\n * A single expandable section within an `Accordion`, or a standalone\n * collapsible panel when used outside of an `Accordion` context. Prefer\n * the `Collapsible` wrapper for standalone usage.\n */\nexport interface AccordionItemProps {\n  /**\n   * Content revealed when the item is open.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the item is open on initial render. Ignored when `isOpen` is\n   * provided or the item is inside an `Accordion`. Defaults to `true`.\n   */\n  isDefaultOpen?: boolean;\n  /**\n   * Whether the trigger is disabled. Prevents toggling and applies disabled\n   * styling.\n   */\n  isDisabled?: boolean;\n  /**\n   * Controls the open state externally. When set, the component becomes\n   * controlled and `onOpenChange` should be provided. Ignored when the\n   * item is inside an `Accordion`.\n   */\n  isOpen?: boolean;\n  /**\n   * Called when the open state changes from user interaction.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Content rendered as the clickable trigger. Must be phrasing content\n   * (text, `<span>`, `<strong>`, icons, etc.) since it is placed inside a\n   * `<button>` element.\n   */\n  trigger: ReactNode;\n  /**\n   * Unique identifier used by a parent `Accordion` to track which items\n   * are open. Required when used inside an `Accordion`, ignored otherwise.\n   */\n  value?: string;\n}\n\nexport function AccordionItem({\n  trigger,\n  children,\n  isDefaultOpen,\n  isDisabled = false,\n  isOpen: controlledIsOpen,\n  onOpenChange,\n  value,\n  ref,\n  className,\n  'data-testid': dataTestId,\n  style,\n}: AccordionItemProps): React.JSX.Element {\n  const collapsibleConfig =\n    controlledIsOpen !== undefined\n      ? {isOpen: controlledIsOpen, onOpenChange}\n      : {isDefaultOpen: isDefaultOpen ?? true, onOpenChange};\n\n  const {isOpen, toggle} = useCollapsible({\n    config: collapsibleConfig,\n    value,\n  });\n\n  const id = useId();\n  const triggerId = `${id}-trigger`;\n  const panelId = `${id}-panel`;\n\n  const classes = accordionItemRecipe({isOpen});\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <button\n        aria-controls={panelId}\n        aria-expanded={isOpen}\n        className={classes.trigger}\n        disabled={isDisabled}\n        id={triggerId}\n        onClick={toggle}\n        type=\"button\">\n        {trigger}\n        <span className={classes.chevron}>\n          <Icon icon={ChevronDown} size=\"md\" />\n        </span>\n      </button>\n      <div\n        aria-labelledby={triggerId}\n        className={classes.panel}\n        id={panelId}\n        role=\"region\"\n        style={{visibility: isOpen ? undefined : 'hidden'}}>\n        <div className={classes.panelInner}>{children}</div>\n      </div>\n    </div>\n  );\n}\n\nAccordionItem.displayName = 'AccordionItem';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {AccordionItem} from './AccordionItem';\n\n/**\n * A standalone disclosure widget that toggles the visibility of a content\n * panel. Use `Collapsible` for individual expand/collapse sections. For\n * coordinated groups where only one (or a subset) can be open at a time,\n * use `Accordion` with `AccordionItem` instead.\n */\nexport interface CollapsibleProps {\n  /**\n   * Content revealed when the collapsible is open.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the collapsible is open on initial render. Ignored when `isOpen`\n   * is provided. Defaults to `true`.\n   */\n  isDefaultOpen?: boolean;\n  /**\n   * Whether the trigger is disabled. Prevents toggling and applies disabled\n   * styling.\n   */\n  isDisabled?: boolean;\n  /**\n   * Controls the open state externally. When set, the component becomes\n   * controlled and `onOpenChange` should be provided to handle toggling.\n   */\n  isOpen?: boolean;\n  /**\n   * Called when the open state changes, either from a user click on the\n   * trigger or from a keyboard interaction.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Content rendered as the clickable trigger that toggles the panel. Must be\n   * phrasing content (text, `<span>`, `<strong>`, icons, etc.) since it is\n   * placed inside a `<button>` element.\n   */\n  trigger: ReactNode;\n}\n\nexport function Collapsible({\n  className,\n  'data-testid': dataTestId,\n  ref,\n  style,\n  ...props\n}: CollapsibleProps): React.JSX.Element {\n  return (\n    <AccordionItem\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}\n    />\n  );\n}\n\nCollapsible.displayName = 'Collapsible';\n"]}

package/dist/{chunk-WSAZHUB3.cjs → chunk-BDBHHJGN.cjs}

@@ -1,10 +1,11 @@
 'use strict';
 
 var chunkR37R7DEV_cjs = require('./chunk-R37R7DEV.cjs');
-var chunkNILB6Y4Z_cjs = require('./chunk-NILB6Y4Z.cjs');
-var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
-var chunk6SPQDYHC_cjs = require('./chunk-6SPQDYHC.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkO3T7Z6RH_cjs = require('./chunk-O3T7Z6RH.cjs');
+var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunkU2WVHZ24_cjs = require('./chunk-U2WVHZ24.cjs');
+var chunk6BK4LUK4_cjs = require('./chunk-6BK4LUK4.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -69,7 +70,7 @@ function useFocusTrap({
   return { containerRef, focusFirst };
 }
 var styles = {
-  surface: chunkAZDWQGAX_cjs.css({
+  surface: chunkRU6JG3FS_cjs.css({
     position: "relative",
     bg: "bg",
     borderRadius: "md",
@@ -78,7 +79,7 @@ var styles = {
     borderStyle: "solid",
     borderColor: "border"
   }),
-  closeButtonWrapper: chunkAZDWQGAX_cjs.css({
+  closeButtonWrapper: chunkRU6JG3FS_cjs.css({
     position: "absolute",
     w: "1px",
     h: "1px",
@@ -98,7 +99,7 @@ function usePopover({
   role = "dialog"
 } = {}) {
   const skipAutoFocusRef = react.useRef(false);
-  const layer = chunk6SPQDYHC_cjs.useLayer({ hasLightDismiss, onShow, onHide });
+  const layer = chunkU2WVHZ24_cjs.useLayer({ hasLightDismiss, onShow, onHide });
   const { containerRef: contentRef, focusFirst } = useFocusTrap({
     isActive: layer.isOpen,
     onEscape: layer.hide
@@ -139,7 +140,7 @@ function usePopover({
             children: [
               children,
               hasCloseButton ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.closeButtonWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkNILB6Y4Z_cjs.Button,
+                chunkO3T7Z6RH_cjs.Button,
                 {
                   icon: lucideReact.X,
                   isIconOnly: true,
@@ -205,15 +206,15 @@ function usePopover({
 }
 var BUTTON_SELECTOR = 'button, [role="button"]';
 var styles2 = {
-  anchor: chunkAZDWQGAX_cjs.css({
+  anchor: chunkRU6JG3FS_cjs.css({
     display: "inline-flex"
   }),
-  content: chunkAZDWQGAX_cjs.css({}),
+  content: chunkRU6JG3FS_cjs.css({}),
   gap: {
-    above: chunkAZDWQGAX_cjs.css({ mb: "1" }),
-    below: chunkAZDWQGAX_cjs.css({ mt: "1" }),
-    start: chunkAZDWQGAX_cjs.css({ mr: "1" }),
-    end: chunkAZDWQGAX_cjs.css({ ml: "1" })
+    above: chunkRU6JG3FS_cjs.css({ mb: "1" }),
+    below: chunkRU6JG3FS_cjs.css({ mt: "1" }),
+    start: chunkRU6JG3FS_cjs.css({ mr: "1" }),
+    end: chunkRU6JG3FS_cjs.css({ ml: "1" })
   }
 };
 function findTriggerButton(element) {
@@ -309,7 +310,7 @@ function Popover({
     },
     [handleTriggerClick, handleTriggerKeyDown, popover.triggerProps]
   );
-  chunk6SPQDYHC_cjs.useIsomorphicLayoutEffect(() => {
+  chunkU2WVHZ24_cjs.useIsomorphicLayoutEffect(() => {
     const anchor = anchorRef?.current ?? wrapperRef.current;
     if (anchor == null) {
       return;
@@ -327,7 +328,7 @@ function Popover({
       detach();
     };
   }, [anchorRef, attachTrigger, isEnabled, popover]);
-  chunk6SPQDYHC_cjs.useIsomorphicLayoutEffect(() => {
+  chunkU2WVHZ24_cjs.useIsomorphicLayoutEffect(() => {
     if (!isControlled) {
       return;
     }
@@ -338,12 +339,12 @@ function Popover({
     }
   }, [isControlled, isOpen, popover]);
   const widthStyle = width == null ? void 0 : { width: typeof width === "number" ? `${width}px` : width };
-  const paddingStyle = padding != null && padding !== "0" ? { padding: chunk47BELFYO_cjs.token(`spacing.${padding}`) } : void 0;
+  const paddingStyle = padding != null && padding !== 0 ? { padding: chunkJMNH45Q3_cjs.token(`spacing.${padding}`) } : void 0;
   const popoverContent = popover.render(
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunk6SPQDYHC_cjs.cx(styles2.content, className),
+        className: chunk6BK4LUK4_cjs.cx(styles2.content, className),
         "data-testid": dataTestId,
         ref,
         style: { ...paddingStyle, ...widthStyle, ...style },
@@ -369,5 +370,5 @@ Popover.displayName = "Popover";
 
 exports.Popover = Popover;
 exports.usePopover = usePopover;
-//# sourceMappingURL=chunk-WSAZHUB3.cjs.map
-//# sourceMappingURL=chunk-WSAZHUB3.cjs.map
+//# sourceMappingURL=chunk-BDBHHJGN.cjs.map
+//# sourceMappingURL=chunk-BDBHHJGN.cjs.map

package/dist/chunk-BDBHHJGN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/useFocusTrap.ts","../src/components/Popover/usePopover.tsx","../src/components/Popover/Popover.tsx"],"names":["useRef","useCallback","useEffect","css","useLayer","jsxs","jsx","Button","X","useMemo","styles","nowMonotonicMilliseconds","useIsomorphicLayoutEffect","token","cx","Fragment"],"mappings":"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","file":"chunk-BDBHHJGN.cjs","sourcesContent":["import {useCallback, useEffect, useRef} from 'react';\n\nconst FOCUSABLE_SELECTOR =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n\nexport interface UseFocusTrapOptions {\n  isActive: boolean;\n  onEscape?: () => void;\n}\n\nexport interface UseFocusTrapReturn<T extends HTMLElement = HTMLElement> {\n  containerRef: React.RefObject<T | null>;\n  focusFirst: () => void;\n}\n\nfunction getFocusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  );\n}\n\nfunction focusFirstDescendant(container: HTMLElement): void {\n  getFocusableElements(container)[0]?.focus();\n}\n\nfunction focusLastDescendant(container: HTMLElement): void {\n  const elements = getFocusableElements(container);\n  elements.at(-1)?.focus();\n}\n\nexport function useFocusTrap<T extends HTMLElement = HTMLElement>({\n  isActive,\n  onEscape,\n}: UseFocusTrapOptions): UseFocusTrapReturn<T> {\n  const containerRef = useRef<T>(null);\n\n  const focusFirst = useCallback(() => {\n    if (containerRef.current != null) {\n      focusFirstDescendant(containerRef.current);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!isActive) {\n      return;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const container = containerRef.current;\n      if (container == null) {\n        return;\n      }\n\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        onEscape?.();\n        return;\n      }\n\n      if (event.key !== 'Tab') {\n        return;\n      }\n\n      const focusable = getFocusableElements(container);\n      if (focusable.length === 0) {\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable.at(-1);\n      if (event.shiftKey && document.activeElement === first) {\n        event.preventDefault();\n        focusLastDescendant(container);\n      } else if (!event.shiftKey && document.activeElement === last) {\n        event.preventDefault();\n        focusFirstDescendant(container);\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isActive, onEscape]);\n\n  return {containerRef, focusFirst};\n}\n","import {X} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ReactNode,\n  type RefCallback,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {useFocusTrap} from '../../internal/useFocusTrap';\nimport {useLayer, type ContextRenderProps} from '../../internal/useLayer';\nimport {Button} from '../Button';\n\nexport type {LayerAlignment, LayerPlacement} from '../../internal/useLayer';\n\nexport interface UsePopoverOptions {\n  closeButtonLabel?: string;\n  hasAutoFocus?: boolean;\n  hasCloseButton?: boolean;\n  hasLightDismiss?: boolean;\n  hasSurface?: boolean;\n  label?: string;\n  onHide?: () => void;\n  onShow?: () => void;\n  role?: 'dialog' | 'menu';\n}\n\nexport interface UsePopoverReturn {\n  anchorId: string;\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  hide: () => void;\n  id: string;\n  isOpen: boolean;\n  render: (children: ReactNode, props?: ContextRenderProps) => ReactNode;\n  show: (options?: {isAutoFocusSkipped?: boolean}) => void;\n  toggle: () => void;\n  triggerProps: {\n    'aria-controls': string;\n    'aria-expanded': boolean;\n    'aria-haspopup': 'dialog' | 'menu';\n  };\n  triggerRef: RefCallback<HTMLElement>;\n}\n\nconst styles = {\n  surface: css({\n    position: 'relative',\n    bg: 'bg',\n    borderRadius: 'md',\n    boxShadow: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n  }),\n  closeButtonWrapper: css({\n    position: 'absolute',\n    w: '1px',\n    h: '1px',\n    overflow: 'hidden',\n    clipPath: 'inset(50%)',\n  }),\n} as const;\n\nexport function usePopover({\n  onShow,\n  onHide,\n  hasLightDismiss = true,\n  hasAutoFocus = true,\n  hasSurface = true,\n  hasCloseButton = true,\n  closeButtonLabel = 'Close popover',\n  label,\n  role = 'dialog',\n}: UsePopoverOptions = {}): UsePopoverReturn {\n  const skipAutoFocusRef = useRef(false);\n  const layer = useLayer({hasLightDismiss, onShow, onHide});\n  const {containerRef: contentRef, focusFirst} = useFocusTrap<HTMLDivElement>({\n    isActive: layer.isOpen,\n    onEscape: layer.hide,\n  });\n\n  useEffect(() => {\n    if (!layer.isOpen) {\n      skipAutoFocusRef.current = false;\n      return;\n    }\n\n    if (hasAutoFocus && !skipAutoFocusRef.current) {\n      requestAnimationFrame(() => focusFirst());\n    }\n  }, [focusFirst, hasAutoFocus, layer.isOpen]);\n\n  const show = useCallback(\n    (options?: {isAutoFocusSkipped?: boolean}) => {\n      skipAutoFocusRef.current = options?.isAutoFocusSkipped ?? false;\n      layer.show();\n    },\n    [layer],\n  );\n\n  const toggle = useCallback(() => {\n    if (layer.isOpen) {\n      layer.hide();\n      return;\n    }\n\n    show();\n  }, [layer, show]);\n\n  const render = useCallback(\n    (children: ReactNode, props?: ContextRenderProps): ReactNode => {\n      return layer.render(\n        <div\n          aria-label={label}\n          className={hasSurface ? styles.surface : undefined}\n          ref={contentRef}\n          role={role}>\n          {children}\n          {hasCloseButton ? (\n            <div className={styles.closeButtonWrapper}>\n              <Button\n                icon={X}\n                isIconOnly\n                label={closeButtonLabel}\n                onClick={layer.hide}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            </div>\n          ) : null}\n        </div>,\n        {\n          ...props,\n          className: props?.className,\n        },\n      );\n    },\n    [\n      closeButtonLabel,\n      contentRef,\n      hasCloseButton,\n      hasSurface,\n      label,\n      layer,\n      role,\n    ],\n  );\n\n  const triggerProps = useMemo(\n    () => ({\n      'aria-controls': layer.id,\n      'aria-expanded': layer.isOpen,\n      'aria-haspopup': role,\n    }),\n    [layer.id, layer.isOpen, role],\n  );\n\n  return useMemo(\n    () => ({\n      anchorId: layer.anchorId,\n      contentRef,\n      hide: layer.hide,\n      id: layer.id,\n      isOpen: layer.isOpen,\n      render,\n      show,\n      toggle,\n      triggerProps,\n      triggerRef: layer.ref,\n    }),\n    [\n      contentRef,\n      layer.anchorId,\n      layer.hide,\n      layer.id,\n      layer.isOpen,\n      layer.ref,\n      render,\n      show,\n      toggle,\n      triggerProps,\n    ],\n  );\n}\n","import {\n  useCallback,\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n} from 'react';\nimport {css, cx} from 'styled-system/css';\nimport {token} from 'styled-system/tokens';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {nowMonotonicMilliseconds} from '../../internal/time';\nimport {useIsomorphicLayoutEffect} from '../../internal/useIsomorphicLayoutEffect';\nimport type {LayerAlignment, LayerPlacement} from '../../internal/useLayer';\nimport {usePopover} from './usePopover';\n\nexport interface PopoverProps {\n  /**\n   * Alignment along the placement axis.\n   * @default 'start'\n   */\n  alignment?: LayerAlignment;\n  /**\n   * External trigger element. When provided without children, Popover attaches\n   * click and ARIA behavior directly to this element.\n   */\n  anchorRef?: RefObject<HTMLElement | null>;\n  /**\n   * Trigger content. Must contain a `<button>` or `[role=\"button\"]`.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the popover content.\n   */\n  className?: string;\n  /**\n   * Label for the hidden close button.\n   * @default 'Close popover'\n   */\n  closeButtonLabel?: string;\n  /**\n   * Content displayed inside the popover dialog.\n   */\n  content: ReactNode;\n  /**\n   * Test ID applied to the popover content.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to focus the first focusable item after opening.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to include a keyboard-accessible close button.\n   * @default true\n   */\n  hasCloseButton?: boolean;\n  /**\n   * Whether clicking outside closes the popover.\n   * @default true\n   */\n  hasLightDismiss?: boolean;\n  /**\n   * Whether trigger interactions open the popover.\n   * @default true\n   */\n  isEnabled?: boolean;\n  /**\n   * Controlled open state.\n   */\n  isOpen?: boolean;\n  /**\n   * Accessible label for the popover dialog.\n   */\n  label?: string;\n  /**\n   * Callback fired when open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Inner padding of the popover content.\n   * @default 0\n   */\n  padding?: SpacingToken;\n  /**\n   * Position relative to the trigger.\n   * @default 'below'\n   */\n  placement?: LayerPlacement;\n  /**\n   * Ref forwarded to the popover content element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * ARIA role for the floating content.\n   * @default 'dialog'\n   */\n  role?: 'dialog' | 'menu';\n  /**\n   * Inline styles applied to the popover content.\n   */\n  style?: CSSProperties;\n  /**\n   * Width of the popover content.\n   */\n  width?: number | string;\n}\n\nconst BUTTON_SELECTOR = 'button, [role=\"button\"]';\n\nconst styles = {\n  anchor: css({\n    display: 'inline-flex',\n  }),\n  content: css({}),\n  gap: {\n    above: css({mb: '1'}),\n    below: css({mt: '1'}),\n    start: css({mr: '1'}),\n    end: css({ml: '1'}),\n  },\n} as const;\n\nfunction findTriggerButton(element: HTMLElement): HTMLElement | null {\n  if (element.matches(BUTTON_SELECTOR)) {\n    return element;\n  }\n\n  return element.querySelector<HTMLElement>(BUTTON_SELECTOR);\n}\n\n/**\n * A click-triggered floating dialog anchored to a trigger element.\n */\nexport function Popover({\n  anchorRef,\n  children,\n  content,\n  placement = 'below',\n  alignment = 'start',\n  isOpen,\n  onOpenChange,\n  isEnabled = true,\n  width,\n  label,\n  hasCloseButton,\n  hasLightDismiss,\n  closeButtonLabel,\n  padding,\n  ref,\n  hasAutoFocus,\n  className,\n  style,\n  role,\n  'data-testid': dataTestId,\n}: PopoverProps): React.JSX.Element {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const isControlled = isOpen !== undefined;\n  const lastHideTimeRef = useRef(0);\n\n  const popover = usePopover({\n    closeButtonLabel,\n    hasAutoFocus,\n    hasCloseButton,\n    hasLightDismiss,\n    label,\n    onHide: () => {\n      lastHideTimeRef.current = nowMonotonicMilliseconds();\n      onOpenChange?.(false);\n    },\n    onShow: () => onOpenChange?.(true),\n    role,\n  });\n\n  const handleTriggerClick = useCallback(() => {\n    if (!isEnabled) {\n      return;\n    }\n\n    if (nowMonotonicMilliseconds() - lastHideTimeRef.current < 50) {\n      return;\n    }\n\n    popover.toggle();\n  }, [isEnabled, popover]);\n\n  const handleTriggerKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        handleTriggerClick();\n      }\n    },\n    [handleTriggerClick],\n  );\n\n  const attachTrigger = useCallback(\n    (button: HTMLElement) => {\n      button.setAttribute(\n        'aria-haspopup',\n        popover.triggerProps['aria-haspopup'],\n      );\n      button.setAttribute(\n        'aria-expanded',\n        String(popover.triggerProps['aria-expanded']),\n      );\n      button.setAttribute(\n        'aria-controls',\n        popover.triggerProps['aria-controls'],\n      );\n      button.addEventListener('click', handleTriggerClick);\n\n      const needsKeyDown =\n        button.tagName !== 'BUTTON' && button.getAttribute('role') === 'button';\n      if (needsKeyDown) {\n        button.addEventListener('keydown', handleTriggerKeyDown);\n      }\n\n      return () => {\n        button.removeAttribute('aria-haspopup');\n        button.removeAttribute('aria-expanded');\n        button.removeAttribute('aria-controls');\n        button.removeEventListener('click', handleTriggerClick);\n        if (needsKeyDown) {\n          button.removeEventListener('keydown', handleTriggerKeyDown);\n        }\n      };\n    },\n    [handleTriggerClick, handleTriggerKeyDown, popover.triggerProps],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const anchor = anchorRef?.current ?? wrapperRef.current;\n    if (anchor == null) {\n      return;\n    }\n\n    popover.triggerRef(anchor);\n    const trigger = findTriggerButton(anchor);\n    if (trigger == null || !isEnabled) {\n      return () => {\n        popover.triggerRef(null);\n      };\n    }\n\n    const detach = attachTrigger(trigger);\n    return () => {\n      popover.triggerRef(null);\n      detach();\n    };\n  }, [anchorRef, attachTrigger, isEnabled, popover]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!isControlled) {\n      return;\n    }\n\n    if (isOpen === true && !popover.isOpen) {\n      popover.show();\n    } else if (isOpen === false && popover.isOpen) {\n      popover.hide();\n    }\n  }, [isControlled, isOpen, popover]);\n\n  const widthStyle =\n    width == null\n      ? undefined\n      : {width: typeof width === 'number' ? `${width}px` : width};\n\n  const paddingStyle =\n    padding != null && padding !== 0\n      ? {padding: token(`spacing.${padding}`)}\n      : undefined;\n\n  const popoverContent = popover.render(\n    <div\n      className={cx(styles.content, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={{...paddingStyle, ...widthStyle, ...style}}>\n      {content}\n    </div>,\n    {\n      placement,\n      alignment,\n      className: styles.gap[placement],\n      style: {minWidth: 'anchor-size(width)'},\n    },\n  );\n\n  if (anchorRef != null && children == null) {\n    return <>{popoverContent}</>;\n  }\n\n  return (\n    <>\n      <div className={styles.anchor} ref={wrapperRef}>\n        {children}\n      </div>\n      {popoverContent}\n    </>\n  );\n}\n\nPopover.displayName = 'Popover';\n"]}