@epilot/zenith-react 0.2.0-next.3 → 0.2.0-next.5

package/dist/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeZenithStyles({\n  header: {\n    // Radix renders the header as an `<h3>`, whose UA margin and type would otherwise show.\n    ...shorthands.margin(0),\n    fontSize: \"inherit\",\n    fontWeight: \"inherit\",\n    display: \"flex\",\n  },\n  trigger: {\n    ...nativeControl,\n    outlineColor: tokens.accentA8,\n    ...shorthands.paddingInline(tokens.spacingElement3),\n    ...shorthands.paddingBlock(\"1rem\"),\n    cursor: \"pointer\",\n    display: \"flex\",\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    alignItems: \"flex-start\",\n    gap: tokens.spacingElement3,\n    borderRadius: tokens.radiusMd,\n    textAlign: \"left\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    fontWeight: tokens.fontWeightMedium,\n    transitionProperty: \"all\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    transitionDuration: \"150ms\",\n    \":hover\": { backgroundColor: tokens.grayA3 },\n    \":focus-visible\": {\n      outlineOffset: \"2px\",\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n    },\n    \":disabled, &[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"&[data-state='open'] > [data-zenith-slot='accordion-icon']\": {\n      transform: \"rotate(180deg)\",\n    },\n  },\n  alignStart: {\n    justifyContent: \"flex-start\",\n  },\n  alignEnd: {\n    justifyContent: \"space-between\",\n  },\n  icon: {\n    ...boxModel,\n    width: \"1.25rem\",\n    height: \"1.25rem\",\n    color: tokens.grayA11,\n    pointerEvents: \"none\",\n    flexShrink: 0,\n    transform: \"translateY(0)\",\n    transitionProperty: \"transform\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    transitionDuration: \"150ms\",\n  },\n  panel: {\n    ...boxModel,\n    overflow: \"hidden\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    paddingInline: tokens.spacingElement3,\n    paddingBlockStart: tokens.spacingElement1,\n    paddingBlockEnd: tokens.spacingElement2,\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { height: \"0\" },\n        to: { height: \"var(--radix-accordion-content-height)\" },\n      },\n      animationDuration: \"200ms\",\n      animationTimingFunction: \"cubic-bezier(0, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { height: \"var(--radix-accordion-content-height)\" },\n        to: { height: \"0\" },\n      },\n      animationDuration: \"200ms\",\n      animationTimingFunction: \"cubic-bezier(0, 0, 0.2, 1)\",\n    },\n  },\n  inner: {\n    ...boxModel,\n    paddingInline: \"0\",\n    paddingBlock: \"0\",\n  },\n})\n\nexport type AccordionType = \"single\" | \"multiple\"\nexport type AccordionAlign = \"start\" | \"end\"\n\nexport type AccordionProps = React.ComponentProps<\n  typeof AccordionPrimitive.Root\n>\n\nexport type AccordionItemProps = React.ComponentProps<\n  typeof AccordionPrimitive.Item\n>\n\nexport type AccordionTriggerProps = React.ComponentProps<\n  typeof AccordionPrimitive.Trigger\n> & {\n  align?: AccordionAlign\n}\n\nexport type AccordionContentProps = React.ComponentProps<\n  typeof AccordionPrimitive.Content\n>\n\nexport const Accordion = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Root>,\n  AccordionProps\n>(function Accordion({ className, ...props }, ref) {\n  return (\n    <AccordionPrimitive.Root\n      ref={ref}\n      data-slot=\"accordion\"\n      {...{ [SLOT_ATTR]: \"accordion\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport const AccordionItem = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(function AccordionItem({ className, ...props }, ref) {\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      data-slot=\"accordion-item\"\n      {...{ [SLOT_ATTR]: \"accordion-item\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nconst AccordionDownIcon = React.forwardRef<\n  SVGSVGElement,\n  React.SVGProps<SVGSVGElement>\n>(function AccordionDownIcon({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <svg\n      ref={ref}\n      data-slot=\"accordion-icon\"\n      {...{ [SLOT_ATTR]: \"accordion-icon\" }}\n      className={mergeClasses(styles.icon, className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 -960 960 960\"\n      fill=\"currentColor\"\n      {...props}\n    >\n      <path d=\"M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z\" />\n    </svg>\n  )\n})\n\nexport const AccordionTrigger = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(function AccordionTrigger(\n  { className, align = \"end\", children, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <AccordionPrimitive.Header className={styles.header}>\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        data-slot=\"accordion-trigger\"\n        {...{ [SLOT_ATTR]: \"accordion-trigger\" }}\n        className={mergeClasses(\n          styles.trigger,\n          align === \"start\" ? styles.alignStart : styles.alignEnd,\n          className\n        )}\n        {...props}\n      >\n        {align === \"start\" && <AccordionDownIcon />}\n        {children}\n        {align === \"end\" && <AccordionDownIcon />}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\n\nexport const AccordionContent = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(function AccordionContent({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <AccordionPrimitive.Content\n      ref={ref}\n      data-slot=\"accordion-content\"\n      {...{ [SLOT_ATTR]: \"accordion-content\" }}\n      className={styles.panel}\n      {...props}\n    >\n      <div className={mergeClasses(styles.inner, className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  )\n})\n"],"names":["useStyles","makeZenithStyles","shorthands","nativeControl","tokens.accentA8","tokens.spacingElement3","tokens.radiusMd","tokens.textSm","tokens.leadingSm","tokens.fontWeightMedium","tokens.grayA3","boxModel","tokens.grayA11","tokens.spacingElement1","tokens.spacingElement2","Accordion","React","className","props","ref","jsx","AccordionPrimitive.Root","SLOT_ATTR","AccordionItem","AccordionPrimitive.Item","AccordionDownIcon","styles","mergeClasses","AccordionTrigger","align","children","AccordionPrimitive.Header","jsxs","AccordionPrimitive.Trigger","AccordionContent","AccordionPrimitive.Content"],"mappings":"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"}
+{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeZenithStyles({\n  header: {\n    // Radix renders the header as an `<h3>`, whose UA margin and type would otherwise show.\n    ...shorthands.margin(0),\n    fontSize: \"inherit\",\n    fontWeight: \"inherit\",\n    display: \"flex\",\n  },\n  trigger: {\n    ...nativeControl,\n    outlineColor: tokens.accentA8,\n    ...shorthands.paddingInline(tokens.spacingElement3),\n    ...shorthands.paddingBlock(\"1rem\"),\n    cursor: \"pointer\",\n    display: \"flex\",\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    alignItems: \"flex-start\",\n    gap: tokens.spacingElement3,\n    borderRadius: tokens.radiusMd,\n    textAlign: \"left\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    fontWeight: tokens.fontWeightMedium,\n    transitionProperty: \"all\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    transitionDuration: \"150ms\",\n    \":hover\": { backgroundColor: tokens.grayA3 },\n    \":focus-visible\": {\n      outlineOffset: \"2px\",\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n    },\n    \":disabled, &[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"&[data-panel-open] > [data-zenith-slot='accordion-icon']\": {\n      transform: \"rotate(180deg)\",\n    },\n  },\n  alignStart: {\n    justifyContent: \"flex-start\",\n  },\n  alignEnd: {\n    justifyContent: \"space-between\",\n  },\n  icon: {\n    ...boxModel,\n    width: \"1.25rem\",\n    height: \"1.25rem\",\n    color: tokens.grayA11,\n    pointerEvents: \"none\",\n    flexShrink: 0,\n    transform: \"translateY(0)\",\n    transitionProperty: \"transform\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    transitionDuration: \"150ms\",\n  },\n  panel: {\n    ...boxModel,\n    overflow: \"hidden\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    height: \"var(--accordion-panel-height)\",\n    transitionProperty: \"height\",\n    transitionDuration: \"200ms\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, 0.2, 1)\",\n    \"&[data-starting-style], &[data-ending-style]\": { height: 0 },\n    // Transitions pause in a background tab, so a close there never ends and Base UI keeps the\n    // panel mounted at full height. A closed panel is empty whether or not it has unmounted.\n    \"&[data-closed]\": { height: 0 },\n  },\n  // Padding sits inside the panel so the measured height includes it and a close reaches 0.\n  padding: {\n    ...boxModel,\n    paddingInline: tokens.spacingElement3,\n    paddingBlockStart: tokens.spacingElement1,\n    paddingBlockEnd: tokens.spacingElement2,\n  },\n  inner: {\n    ...boxModel,\n    paddingInline: \"0\",\n    paddingBlock: \"0\",\n  },\n})\n\nexport type AccordionType = \"single\" | \"multiple\"\nexport type AccordionAlign = \"start\" | \"end\"\n\n// A single child can arrive wrapped in a one-element array depending on the JSX runtime (MDX call\n// sites do this). Radix's Slot normalised that, so the `asChild` shim has to as well.\nfunction onlySlotChild(children: React.ReactNode) {\n  const elements = React.Children.toArray(children).filter(React.isValidElement)\n  return elements.length === 1 ? elements[0] : undefined\n}\n\n/**\n * Radix's `asChild` over Base UI's `render`: the single child element becomes the part and keeps\n * its own children, since Base UI lets the rendered element's props win the merge.\n */\nfunction slotProps(asChild: boolean, children: React.ReactNode) {\n  const child = asChild ? onlySlotChild(children) : undefined\n  return child ? { render: child } : { children }\n}\n\n/**\n * A part's props as they were under Radix: its native element's own (DOM attributes, React's\n * handler types, a `CSSProperties` style, a string `className`, `ref`) plus `asChild`. Base UI's\n * prop types widen `style` and `className` to functions of the part's state and wrap every handler's\n * event in `BaseUIEvent`; none of that reaches the public surface.\n */\ntype NativePartProps<Tag extends \"button\" | \"div\"> =\n  React.ComponentProps<Tag> & {\n    /** Renders the single child element as this part, merging its props and behaviour onto it. */\n    asChild?: boolean\n  }\n\ntype AccordionRootProps = Omit<\n  NativePartProps<\"div\">,\n  \"defaultValue\" | \"dir\"\n> & {\n  /** Whether the whole accordion ignores user interaction. @default false */\n  disabled?: boolean\n  /**\n   * Which arrow keys move between triggers: up and down when vertical, left and right when\n   * horizontal.\n   * @default \"vertical\"\n   */\n  orientation?: React.AriaAttributes[\"aria-orientation\"]\n  /** The reading direction, which mirrors the horizontal arrow keys when `\"rtl\"`. */\n  dir?: \"ltr\" | \"rtl\"\n}\n\ntype AccordionSingleProps = AccordionRootProps & {\n  type: \"single\"\n  /** The controlled item that is expanded; `\"\"` for none. */\n  value?: string\n  /**\n   * The item that is expanded when the accordion first renders. Use `defaultValue` if you do not\n   * need to control the state of an accordion.\n   */\n  defaultValue?: string\n  /** Called with the value of the item that is now expanded, or `\"\"` when it was collapsed. */\n  onValueChange?(value: string): void\n  /**\n   * Whether an item can be collapsed after it has been opened.\n   * @default false\n   */\n  collapsible?: boolean\n}\n\ntype AccordionMultipleProps = AccordionRootProps & {\n  type: \"multiple\"\n  /** The controlled items that are expanded. */\n  value?: string[]\n  /**\n   * The items that are expanded when the accordion first renders. Use `defaultValue` if you do not\n   * need to control the state of an accordion.\n   */\n  defaultValue?: string[]\n  /** Called with the values of the items that are now expanded. */\n  onValueChange?(value: string[]): void\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps\n\nexport type AccordionItemProps = NativePartProps<\"div\"> & {\n  /** Whether the item ignores user interaction. @default false */\n  disabled?: boolean\n  /** A string value for the item. All items within an accordion should use a unique value. */\n  value: string\n}\n\nexport type AccordionTriggerProps = NativePartProps<\"button\"> & {\n  align?: AccordionAlign\n}\n\nexport type AccordionContentProps = NativePartProps<\"div\"> & {\n  /** Keeps the panel mounted, and hidden, while its item is collapsed. */\n  forceMount?: true\n}\n\n// Base UI 1.7.0 left roving focus out of its accordion (`loopFocus` and `orientation` are deprecated\n// no-ops), so the root hands its key bindings to the triggers, which move focus as Radix's did.\ntype AccordionKeyboard = {\n  orientation: \"horizontal\" | \"vertical\" | undefined\n  dir: \"ltr\" | \"rtl\" | undefined\n}\nconst AccordionKeyboardContext = React.createContext<AccordionKeyboard>({\n  orientation: undefined,\n  dir: undefined,\n})\n\n// The Zenith marker, not `data-slot`: the isolation gate reserves `data-slot` selectors for v1.\nconst TRIGGER_SELECTOR = `[${SLOT_ATTR}='accordion-trigger']`\nconst ROOT_SELECTOR = `[${SLOT_ATTR}='accordion']`\n\nfunction moveFocusAmongTriggers(\n  event: React.KeyboardEvent<HTMLButtonElement>,\n  { orientation = \"vertical\", dir = \"ltr\" }: Partial<AccordionKeyboard>\n) {\n  const trigger = event.currentTarget\n  const root = trigger.closest(ROOT_SELECTOR)\n  if (!root) return\n\n  const horizontal = orientation === \"horizontal\"\n  const forward = horizontal\n    ? dir === \"rtl\"\n      ? \"ArrowLeft\"\n      : \"ArrowRight\"\n    : \"ArrowDown\"\n  const backward = horizontal\n    ? dir === \"rtl\"\n      ? \"ArrowRight\"\n      : \"ArrowLeft\"\n    : \"ArrowUp\"\n  if (![\"Home\", \"End\", forward, backward].includes(event.key)) return\n\n  // This accordion's own enabled triggers: a nested accordion's belong to it.\n  const triggers = Array.from(\n    root.querySelectorAll<HTMLElement>(TRIGGER_SELECTOR)\n  ).filter(\n    (candidate) =>\n      candidate.closest(ROOT_SELECTOR) === root &&\n      !candidate.hasAttribute(\"data-disabled\")\n  )\n  const current = triggers.indexOf(trigger)\n  if (current === -1) return\n\n  event.preventDefault()\n  const last = triggers.length - 1\n  const next =\n    event.key === \"Home\"\n      ? 0\n      : event.key === \"End\"\n        ? last\n        : event.key === forward\n          ? current === last\n            ? 0\n            : current + 1\n          : current === 0\n            ? last\n            : current - 1\n  triggers[next].focus()\n}\n\n// Base UI types a part's props for its default element, with `className` and `style` as functions of\n// state and handlers over `BaseUIEvent`. The public props are the native element's, so they are\n// handed over as Base UI's own.\ntype PrimitiveRootProps = React.ComponentProps<typeof AccordionPrimitive.Root>\ntype PrimitiveItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>\ntype PrimitiveTriggerProps = React.ComponentProps<\n  typeof AccordionPrimitive.Trigger\n>\ntype PrimitivePanelProps = React.ComponentProps<typeof AccordionPrimitive.Panel>\n\n// Base UI's single mode is a one-item array that always lets an open item close; Radix's takes a\n// string and keeps the open item open unless `collapsible`. The wrapper owns the state so it can\n// veto the close, which makes the primitive controlled in this mode.\nconst AccordionSingle = React.forwardRef<\n  HTMLDivElement,\n  Omit<AccordionSingleProps, \"type\">\n>(function AccordionSingle(\n  {\n    asChild = false,\n    children,\n    collapsible = false,\n    defaultValue = \"\",\n    dir: _dir,\n    onValueChange,\n    value: valueProp,\n    ...props\n  },\n  ref\n) {\n  const [uncontrolled, setUncontrolled] = React.useState(defaultValue)\n  const isControlled = valueProp !== undefined\n  const value = isControlled ? valueProp : uncontrolled\n  const items = React.useMemo(() => (value === \"\" ? [] : [value]), [value])\n\n  return (\n    <AccordionPrimitive.Root\n      ref={ref}\n      multiple={false}\n      value={items}\n      onValueChange={(next) => {\n        const nextValue = (next[0] ?? \"\") as string\n        if (nextValue === \"\" && !collapsible) return\n        if (!isControlled) setUncontrolled(nextValue)\n        onValueChange?.(nextValue)\n      }}\n      {...(props as PrimitiveRootProps)}\n      {...slotProps(asChild, children)}\n    />\n  )\n})\n\nconst AccordionMultiple = React.forwardRef<\n  HTMLDivElement,\n  Omit<AccordionMultipleProps, \"type\">\n>(function AccordionMultiple(\n  { asChild = false, children, dir: _dir, onValueChange, ...props },\n  ref\n) {\n  return (\n    <AccordionPrimitive.Root\n      ref={ref}\n      multiple\n      onValueChange={onValueChange && ((next) => onValueChange(next))}\n      {...(props as PrimitiveRootProps)}\n      {...slotProps(asChild, children)}\n    />\n  )\n})\n\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion({ className, type = \"single\", ...props }, ref) {\n    const { orientation, dir } = props as AccordionRootProps\n    const keyboard = React.useMemo(\n      () => ({ orientation, dir }),\n      [orientation, dir]\n    )\n    const root = {\n      ref,\n      \"data-slot\": \"accordion\",\n      [SLOT_ATTR]: \"accordion\",\n      className,\n    }\n\n    return (\n      <AccordionKeyboardContext.Provider value={keyboard}>\n        {type === \"multiple\" ? (\n          <AccordionMultiple\n            {...root}\n            {...(props as Omit<AccordionMultipleProps, \"type\">)}\n          />\n        ) : (\n          <AccordionSingle\n            {...root}\n            {...(props as Omit<AccordionSingleProps, \"type\">)}\n          />\n        )}\n      </AccordionKeyboardContext.Provider>\n    )\n  }\n)\n\nexport const AccordionItem = React.forwardRef<\n  HTMLDivElement,\n  AccordionItemProps\n>(function AccordionItem(\n  { asChild = false, children, className, ...props },\n  ref\n) {\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      data-slot=\"accordion-item\"\n      {...{ [SLOT_ATTR]: \"accordion-item\" }}\n      className={className}\n      {...(props as PrimitiveItemProps)}\n      {...slotProps(asChild, children)}\n    />\n  )\n})\n\nconst AccordionDownIcon = React.forwardRef<\n  SVGSVGElement,\n  React.SVGProps<SVGSVGElement>\n>(function AccordionDownIcon({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <svg\n      ref={ref}\n      data-slot=\"accordion-icon\"\n      {...{ [SLOT_ATTR]: \"accordion-icon\" }}\n      className={mergeClasses(styles.icon, className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 -960 960 960\"\n      fill=\"currentColor\"\n      {...props}\n    >\n      <path d=\"M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z\" />\n    </svg>\n  )\n})\n\nexport const AccordionTrigger = React.forwardRef<\n  HTMLButtonElement,\n  AccordionTriggerProps\n>(function AccordionTrigger(\n  { align = \"end\", asChild = false, children, className, onKeyDown, ...props },\n  ref\n) {\n  const styles = useStyles()\n  const keyboard = React.useContext(AccordionKeyboardContext)\n  // Under `asChild` the child is the trigger and keeps its own content, chevron included or not.\n  const child = asChild ? onlySlotChild(children) : undefined\n\n  return (\n    <AccordionPrimitive.Header className={styles.header}>\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        data-slot=\"accordion-trigger\"\n        {...{ [SLOT_ATTR]: \"accordion-trigger\" }}\n        className={mergeClasses(\n          styles.trigger,\n          align === \"start\" ? styles.alignStart : styles.alignEnd,\n          className\n        )}\n        onKeyDown={(event) => {\n          onKeyDown?.(event)\n          if (!event.defaultPrevented) moveFocusAmongTriggers(event, keyboard)\n        }}\n        {...(props as PrimitiveTriggerProps)}\n        {...(child\n          ? { render: child }\n          : {\n              children: (\n                <>\n                  {align === \"start\" && <AccordionDownIcon />}\n                  {children}\n                  {align === \"end\" && <AccordionDownIcon />}\n                </>\n              ),\n            })}\n      />\n    </AccordionPrimitive.Header>\n  )\n})\n\nexport const AccordionContent = React.forwardRef<\n  HTMLDivElement,\n  AccordionContentProps\n>(function AccordionContent(\n  { asChild = false, children, className, forceMount, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <AccordionPrimitive.Panel\n      ref={ref}\n      data-slot=\"accordion-content\"\n      {...{ [SLOT_ATTR]: \"accordion-content\" }}\n      className={styles.panel}\n      keepMounted={forceMount}\n      {...(props as PrimitivePanelProps)}\n      {...(asChild\n        ? slotProps(true, children)\n        : {\n            children: (\n              <div className={styles.padding}>\n                <div className={mergeClasses(styles.inner, className)}>\n                  {children}\n                </div>\n              </div>\n            ),\n          })}\n    />\n  )\n})\n"],"names":["useStyles","makeZenithStyles","shorthands","nativeControl","tokens.accentA8","tokens.spacingElement3","tokens.radiusMd","tokens.textSm","tokens.leadingSm","tokens.fontWeightMedium","tokens.grayA3","boxModel","tokens.grayA11","tokens.spacingElement1","tokens.spacingElement2","onlySlotChild","children","elements","React","slotProps","asChild","child","AccordionKeyboardContext","TRIGGER_SELECTOR","SLOT_ATTR","ROOT_SELECTOR","moveFocusAmongTriggers","event","orientation","dir","trigger","root","horizontal","forward","triggers","candidate","current","last","next","AccordionSingle","collapsible","defaultValue","_dir","onValueChange","valueProp","props","ref","uncontrolled","setUncontrolled","isControlled","value","items","jsx","AccordionPrimitive","nextValue","AccordionMultiple","Accordion","className","type","keyboard","AccordionItem","AccordionDownIcon","styles","mergeClasses","AccordionTrigger","align","onKeyDown","jsxs","Fragment","AccordionContent","forceMount"],"mappings":"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"}

package/dist/components/alert-dialog/alert-dialog.js

@@ -1,19 +1,19 @@
-import { jsx as r, jsxs as b, Fragment as R } from "react/jsx-runtime";
-import * as i from "react";
-import { Root as T, Action as C, Cancel as v, Content as w, Description as N, Overlay as S, Portal as z, Title as F, Trigger as W } from "../../vendor/.bun/@radix-ui_react-alert-dialog@1.1.15_2b23df507bdda662/vendor/@radix-ui/react-alert-dialog/dist/index.js";
-import { SLOT_ATTR as l, mergeClasses as d, shorthands as s } from "@epilot/zenith-runtime/v1";
-import { useAppearanceAttributes as A } from "../appearance-boundary/appearance-boundary.js";
-import { useDensity as O } from "../density-provider/density-provider.js";
-import { makeZenithStyles as X } from "../../styles/make-styles.js";
-import { boxModel as f, nativeControl as _ } from "../../styles/host-reset.js";
-import { OVERLAY_Z_INDEX as u } from "../../styles/overlay-layer.js";
-import { grayA11 as H, leadingSm as I, textSm as P, grayA12 as j, fontWeightSemibold as k, leadingXl as E, textXl as L, containerXl as M, containerLg as Z, containerMd as B, containerSm as G, body as V, spacingElement2 as y, spacingGroup2 as D, grayA1 as Y, radiusXl as q } from "../../tokens/index.js";
-import { Button as x } from "../button/button.js";
-const m = X({
+import { jsx as l, jsxs as I } from "react/jsx-runtime";
+import * as a from "react";
+import { AlertDialog as c } from "../../_virtual/_zenith-runtime-family_alert-dialog.js";
+import { SLOT_ATTR as d, mergeClasses as g, shorthands as f } from "@epilot/zenith-runtime/v1";
+import { useAppearanceAttributes as k } from "../appearance-boundary/appearance-boundary.js";
+import { useDensity as L } from "../density-provider/density-provider.js";
+import { makeZenithStyles as j } from "../../styles/make-styles.js";
+import { boxModel as p, nativeControl as B } from "../../styles/host-reset.js";
+import { OVERLAY_Z_INDEX as C } from "../../styles/overlay-layer.js";
+import { grayA11 as O, leadingSm as V, textSm as Z, grayA12 as q, fontWeightSemibold as G, leadingXl as Y, textXl as $, containerXl as J, containerLg as K, containerMd as Q, containerSm as U, body as tt, spacingElement2 as R, spacingGroup2 as T, grayA1 as et, radiusXl as ot } from "../../tokens/index.js";
+import { Button as E } from "../button/button.js";
+const w = "cubic-bezier(0.4, 0, 0.2, 1)", P = "cubic-bezier(0.4, 0, 1, 1)", u = j({
   // For the bare native `<button>` a Trigger/Close renders. Not applied under `asChild`, where the
   // child owns its own element and two atom sets would race for the same properties.
   nativeTrigger: {
-    ..._
+    ...B
   },
   overlay: {
     position: "fixed",
@@ -21,283 +21,320 @@ const m = X({
     right: 0,
     bottom: 0,
     left: 0,
-    zIndex: u,
+    zIndex: C,
     backgroundColor: "rgba(0, 0, 0, 0.5)",
-    "&[data-state='open']": {
-      animationName: {
-        from: { opacity: 0 },
-        to: { opacity: 1 }
-      },
-      animationDuration: "150ms",
-      animationTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
+    transitionProperty: "opacity",
+    transitionDuration: "150ms",
+    transitionTimingFunction: w,
+    "&[data-starting-style]": { opacity: 0 },
+    "&[data-ending-style]": {
+      opacity: 0,
+      transitionDuration: "100ms",
+      transitionTimingFunction: P
     },
-    "&[data-state='closed']": {
-      animationName: {
-        from: { opacity: 1 },
-        to: { opacity: 0 }
-      },
-      animationDuration: "100ms",
-      animationTimingFunction: "cubic-bezier(0.4, 0, 1, 1)"
+    "@media (prefers-reduced-motion: reduce)": {
+      transitionDuration: "0.01ms",
+      "&[data-ending-style]": { transitionDuration: "0.01ms" }
     }
   },
   content: {
-    ...f,
-    backgroundColor: V,
+    ...p,
+    backgroundColor: tt,
     position: "fixed",
     top: "50%",
     left: "50%",
     transform: "translate(-50%, -50%)",
-    zIndex: u,
+    zIndex: C,
     display: "grid",
     width: "100%",
     maxWidth: "calc(100% - 2rem)",
-    ...s.gap(D),
-    ...s.borderRadius(q),
-    ...s.border("1px", "solid", Y),
-    ...s.padding(D),
+    ...f.gap(T),
+    ...f.borderRadius(ot),
+    ...f.border("1px", "solid", et),
+    ...f.padding(T),
     // v1 shadow-lg
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
     outlineStyle: "none",
-    "@media (prefers-reduced-motion: reduce)": {
-      animationDuration: "0.01ms",
-      animationIterationCount: "1",
-      "&[data-state='open']": {
-        animationDuration: "0.01ms"
-      },
-      "&[data-state='closed']": {
-        animationDuration: "0.01ms"
-      }
+    transitionProperty: "opacity, transform",
+    transitionDuration: "150ms",
+    transitionTimingFunction: w,
+    "&[data-starting-style]": {
+      opacity: 0,
+      transform: "translate(-50%, -50%) scale(0.95)"
     },
-    "&[data-state='open']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: "translate(-50%, -50%) scale(0.95)"
-        },
-        to: {
-          opacity: 1,
-          transform: "translate(-50%, -50%) scale(1)"
-        }
-      },
-      animationDuration: "150ms",
-      animationTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
+    "&[data-ending-style]": {
+      opacity: 0,
+      transform: "translate(-50%, -50%) scale(0.95)",
+      transitionDuration: "100ms",
+      transitionTimingFunction: P
     },
-    "&[data-state='closed']": {
-      animationName: {
-        from: {
-          opacity: 1,
-          transform: "translate(-50%, -50%) scale(1)"
-        },
-        to: {
-          opacity: 0,
-          transform: "translate(-50%, -50%) scale(0.95)"
-        }
-      },
-      animationDuration: "100ms",
-      animationTimingFunction: "cubic-bezier(0.4, 0, 1, 1)"
+    "@media (prefers-reduced-motion: reduce)": {
+      transitionDuration: "0.01ms",
+      "&[data-ending-style]": { transitionDuration: "0.01ms" }
     }
   },
   sm: {
-    ...f,
-    maxWidth: G
+    ...p,
+    maxWidth: U
   },
   md: {
-    ...f,
-    maxWidth: B
+    ...p,
+    maxWidth: Q
   },
   lg: {
-    ...f,
-    maxWidth: Z
+    ...p,
+    maxWidth: K
   },
   xl: {
-    ...f,
+    ...p,
     "@media (min-width: 640px)": {
-      maxWidth: M
+      maxWidth: J
     }
   },
   header: {
     display: "flex",
     flexDirection: "column",
-    ...s.gap(y),
+    ...f.gap(R),
     textAlign: "left"
   },
   footer: {
     display: "flex",
-    ...s.gap(y),
+    ...f.gap(R),
     justifyContent: "flex-end"
   },
   title: {
-    ...s.margin(0),
-    fontSize: L,
-    lineHeight: E,
-    fontWeight: k,
-    color: j
+    ...f.margin(0),
+    fontSize: $,
+    lineHeight: Y,
+    fontWeight: G,
+    color: q
   },
   description: {
-    ...s.margin(0),
-    fontSize: P,
-    lineHeight: I,
-    color: H
+    ...f.margin(0),
+    fontSize: Z,
+    lineHeight: V,
+    color: O
   }
-}), nt = i.forwardRef(
-  function(t, a) {
-    return /* @__PURE__ */ r(T, { "data-slot": "alert-dialog", ...t });
+});
+function rt(i) {
+  const t = a.Children.toArray(i).filter(a.isValidElement);
+  return t.length === 1 ? t[0] : void 0;
+}
+function y(i, t) {
+  const e = i ? rt(t) : void 0;
+  return e ? { render: e } : { children: t };
+}
+function S(i) {
+  if (i)
+    return () => {
+      const t = new Event("focus", { cancelable: !0 }), e = document.activeElement;
+      i(t);
+      const o = document.activeElement;
+      return o !== e && o instanceof HTMLElement && queueMicrotask(() => o.focus()), !t.defaultPrevented;
+    };
+}
+const pt = a.forwardRef(
+  function({ onOpenChange: t, ...e }, o) {
+    return /* @__PURE__ */ l(
+      c.Root,
+      {
+        "data-slot": "alert-dialog",
+        onOpenChange: (r, n) => {
+          if (n.reason === "escape-key" && n.event.defaultPrevented) {
+            n.cancel();
+            return;
+          }
+          t == null || t(r, n);
+        },
+        ...e
+      }
+    );
   }
-), lt = i.forwardRef(function({ className: t, ...a }, o) {
-  const e = m();
-  return /* @__PURE__ */ r(
-    W,
+), yt = a.forwardRef(function({ asChild: t = !1, children: e, className: o, ...r }, n) {
+  const s = u();
+  return /* @__PURE__ */ l(
+    c.Trigger,
     {
-      ref: o,
+      ref: n,
       "data-slot": "alert-dialog-trigger",
-      [l]: "alert-dialog-trigger",
-      className: d(
-        !a.asChild && e.nativeTrigger,
-        t
-      ),
-      ...a
+      [d]: "alert-dialog-trigger",
+      className: g(!t && s.nativeTrigger, o),
+      ...r,
+      ...y(t, e)
     }
   );
-}), st = i.forwardRef(function(t, a) {
-  return /* @__PURE__ */ r(
-    z,
+}), F = a.createContext(!1), xt = a.forwardRef(function({ container: t, forceMount: e, ...o }, r) {
+  return /* @__PURE__ */ l(F.Provider, { value: !0, children: /* @__PURE__ */ l(
+    c.Portal,
     {
+      ref: r,
       "data-slot": "alert-dialog-portal",
-      [l]: "alert-dialog-portal",
-      ...t
+      [d]: "alert-dialog-portal",
+      container: t ?? void 0,
+      keepMounted: e,
+      ...o
     }
-  );
-}), J = i.forwardRef(function({ className: t, ...a }, o) {
-  const e = m(), c = A();
-  return /* @__PURE__ */ r(
-    S,
+  ) });
+}), at = a.forwardRef(function({ asChild: t = !1, children: e, className: o, forceMount: r, ...n }, s) {
+  const m = u(), x = k();
+  return /* @__PURE__ */ l(
+    c.Backdrop,
     {
-      ref: o,
+      ref: s,
+      forceRender: !0,
       "data-slot": "alert-dialog-overlay",
-      [l]: "alert-dialog-overlay",
-      ...c,
-      className: d(e.overlay, t),
-      ...a
+      [d]: "alert-dialog-overlay",
+      ...x,
+      className: g(m.overlay, o),
+      ...n,
+      ...y(t, e)
     }
   );
-}), ct = i.forwardRef(function({ className: t, size: a = "xl", children: o, ...e }, c) {
-  const g = m(), p = O(), h = A();
-  return /* @__PURE__ */ b(R, { children: [
-    /* @__PURE__ */ r(J, {}),
-    /* @__PURE__ */ r(
-      w,
-      {
-        ref: c,
-        "data-slot": "alert-dialog-content",
-        [l]: "alert-dialog-content",
-        ...p !== void 0 ? { "data-density": p } : {},
-        ...h,
-        className: d(g.content, g[a], t),
-        ...e,
-        children: o
-      }
-    )
+}), M = a.createContext(void 0), Dt = a.forwardRef(function({
+  asChild: t = !1,
+  className: e,
+  size: o = "xl",
+  children: r,
+  forceMount: n,
+  onOpenAutoFocus: s,
+  onCloseAutoFocus: m,
+  ...x
+}, N) {
+  const A = u(), W = a.useContext(F), v = L(), z = k(), h = a.useRef(null), H = a.useCallback((_) => {
+    h.current = _;
+  }, []), D = S(s), X = /* @__PURE__ */ l(
+    c.Popup,
+    {
+      ref: N,
+      "data-slot": "alert-dialog-content",
+      [d]: "alert-dialog-content",
+      ...v !== void 0 ? { "data-density": v } : {},
+      ...z,
+      initialFocus: () => (D == null ? void 0 : D()) === !1 ? !1 : h.current ?? !0,
+      finalFocus: S(m),
+      className: g(A.content, A[o], e),
+      ...x,
+      ...y(t, r)
+    }
+  ), b = /* @__PURE__ */ I(M.Provider, { value: H, children: [
+    /* @__PURE__ */ l(at, {}),
+    X
   ] });
-}), dt = i.forwardRef(function({ className: t, ...a }, o) {
-  const e = m();
-  return /* @__PURE__ */ r(
+  return W ? b : /* @__PURE__ */ l(c.Portal, { keepMounted: n, children: b });
+}), At = a.forwardRef(function({ className: t, ...e }, o) {
+  const r = u();
+  return /* @__PURE__ */ l(
     "div",
     {
       ref: o,
       "data-slot": "alert-dialog-header",
-      [l]: "alert-dialog-header",
-      className: d(e.header, t),
-      ...a
+      [d]: "alert-dialog-header",
+      className: g(r.header, t),
+      ...e
     }
   );
-}), mt = i.forwardRef(function({ className: t, ...a }, o) {
-  const e = m();
-  return /* @__PURE__ */ r(
+}), vt = a.forwardRef(function({ className: t, ...e }, o) {
+  const r = u();
+  return /* @__PURE__ */ l(
     "div",
     {
       ref: o,
       "data-slot": "alert-dialog-footer",
-      [l]: "alert-dialog-footer",
-      className: d(e.footer, t),
-      ...a
+      [d]: "alert-dialog-footer",
+      className: g(r.footer, t),
+      ...e
     }
   );
-}), gt = i.forwardRef(function({ className: t, ...a }, o) {
-  const e = m();
-  return /* @__PURE__ */ r(
-    F,
+}), ht = a.forwardRef(function({ asChild: t = !1, children: e, className: o, ...r }, n) {
+  const s = u();
+  return /* @__PURE__ */ l(
+    c.Title,
     {
-      ref: o,
+      ref: n,
       "data-slot": "alert-dialog-title",
-      [l]: "alert-dialog-title",
-      className: d(e.title, t),
-      ...a
+      [d]: "alert-dialog-title",
+      className: g(s.title, o),
+      ...r,
+      ...y(t, e)
     }
   );
-}), ft = i.forwardRef(function({ className: t, ...a }, o) {
-  const e = m();
-  return /* @__PURE__ */ r(
-    N,
+}), bt = a.forwardRef(function({ asChild: t = !1, children: e, className: o, ...r }, n) {
+  const s = u();
+  return /* @__PURE__ */ l(
+    c.Description,
     {
-      ref: o,
+      ref: n,
       "data-slot": "alert-dialog-description",
-      [l]: "alert-dialog-description",
-      className: d(e.description, t),
-      ...a
+      [d]: "alert-dialog-description",
+      className: g(s.description, o),
+      ...r,
+      ...y(t, e)
     }
   );
-}), pt = i.forwardRef(function({
+}), Ct = a.forwardRef(function({
   variant: t = "primary",
-  size: a = "base",
+  size: e = "base",
   destructive: o = !1,
-  className: e,
-  ...c
-}, g) {
-  return /* @__PURE__ */ r(C, { asChild: !0, children: /* @__PURE__ */ r(
-    x,
+  className: r,
+  ...n
+}, s) {
+  return /* @__PURE__ */ l(
+    c.Close,
     {
-      ref: g,
-      "data-slot": "alert-dialog-action",
-      [l]: "alert-dialog-action",
-      variant: t,
-      size: a,
-      destructive: o,
-      className: e,
-      ...c
+      render: /* @__PURE__ */ l(
+        E,
+        {
+          ref: s,
+          "data-slot": "alert-dialog-action",
+          [d]: "alert-dialog-action",
+          variant: t,
+          size: e,
+          destructive: o,
+          className: r,
+          ...n
+        }
+      )
     }
-  ) });
-}), ut = i.forwardRef(function({
+  );
+}), Rt = a.forwardRef(function({
   variant: t = "secondary",
-  size: a = "base",
+  size: e = "base",
   destructive: o = !1,
-  className: e,
-  ...c
-}, g) {
-  return /* @__PURE__ */ r(v, { asChild: !0, children: /* @__PURE__ */ r(
-    x,
+  className: r,
+  ...n
+}, s) {
+  const m = a.useContext(M);
+  return /* @__PURE__ */ l(
+    c.Close,
     {
-      ref: g,
-      "data-slot": "alert-dialog-cancel",
-      [l]: "alert-dialog-cancel",
-      variant: t,
-      size: a,
-      destructive: o,
-      className: e,
-      ...c
+      ref: m,
+      render: /* @__PURE__ */ l(
+        E,
+        {
+          ref: s,
+          "data-slot": "alert-dialog-cancel",
+          [d]: "alert-dialog-cancel",
+          variant: t,
+          size: e,
+          destructive: o,
+          className: r,
+          ...n
+        }
+      )
     }
-  ) });
+  );
 });
 export {
-  nt as AlertDialog,
-  pt as AlertDialogAction,
-  ut as AlertDialogCancel,
-  ct as AlertDialogContent,
-  ft as AlertDialogDescription,
-  mt as AlertDialogFooter,
-  dt as AlertDialogHeader,
-  J as AlertDialogOverlay,
-  st as AlertDialogPortal,
-  gt as AlertDialogTitle,
-  lt as AlertDialogTrigger
+  pt as AlertDialog,
+  Ct as AlertDialogAction,
+  Rt as AlertDialogCancel,
+  Dt as AlertDialogContent,
+  bt as AlertDialogDescription,
+  vt as AlertDialogFooter,
+  At as AlertDialogHeader,
+  at as AlertDialogOverlay,
+  xt as AlertDialogPortal,
+  ht as AlertDialogTitle,
+  yt as AlertDialogTrigger
 };
 //# sourceMappingURL=alert-dialog.js.map