@alfadocs/ui-kit-debug 1.130.0 → 1.130.2

package/dist/_chunks/{row-actions-Dpf9CrCP.js → row-actions-BF2-uizV.js}

@@ -3,8 +3,8 @@ import { forwardRef as B, useId as O, useRef as w, isValidElement as P, cloneEle
 import { c as N } from "./index-D2ZczOXr.js";
 import { useTranslation as K } from "react-i18next";
 import { I as j } from "./icon-button-S8_weU3g.js";
-import { I as L } from "./icon-button-group-BKtkVZ1W.js";
-import { D as m } from "./dropdown-menu-Dw6sgQwJ.js";
+import { I as L } from "./icon-button-group-SmkdVCNx.js";
+import { D as m } from "./dropdown-menu-DBWaW4pq.js";
 import { a as F } from "./accessible-target-D3j6F-AG.js";
 import { c as I } from "./compose-refs-C0k0tdqF.js";
 import { u as Q } from "./use-direction-Dp8h70PP.js";
@@ -210,4 +210,4 @@ ee.displayName = "RowActions";
 export {
   ee as R
 };
-//# sourceMappingURL=row-actions-Dpf9CrCP.js.map
+//# sourceMappingURL=row-actions-BF2-uizV.js.map

package/dist/_chunks/{row-actions-Dpf9CrCP.js.map → row-actions-BF2-uizV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"row-actions-Dpf9CrCP.js","sources":["../../src/components/row-actions/row-actions.tsx"],"sourcesContent":["import {\n  Fragment,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useRef,\n  type ForwardedRef,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Ellipsis } from 'lucide-react';\nimport { IconButton, type IconButtonProps } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group/icon-button-group';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport { accessibleTargetSquareClass } from '../_shared/accessible-target';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useDirection } from '../../hooks/use-direction';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\n/**\n * One action on a row. A superset of DataTable's `ActionDef`, so an action\n * list written for DataTable works here unchanged.\n */\nexport interface RowActionDef<TRow> {\n  /** Developer constant: the React key and the `data-action-id` DOM hook\n   *  for tests. Never row data. Defaults to the index. */\n  id?: string;\n  /** A Lucide icon. Decorative (`aria-hidden`); RowActions sizes it. */\n  icon: ReactNode;\n  /** Translated. The accessible name, the tooltip and the menu text. */\n  label: string;\n  /** Called with the row. Never called while the action is disabled. */\n  onClick: (row: TRow) => void;\n  /** Pass a predicate for a per-row state. */\n  disabled?: boolean | ((row: TRow) => boolean);\n  /** Translated. Why the action is disabled. Inline: the tooltip, and the\n   *  button's description for screen readers (the button stays focusable).\n   *  In the More menu: the item's second line. */\n  disabledReason?: string | ((row: TRow) => string | undefined);\n  /** `'destructive'` paints the action in `--destructive`. RowActions never\n   *  confirms: open an AlertDialog from `onClick`. */\n  variant?: 'default' | 'destructive';\n  /** Pass a predicate to hide the action on some rows. */\n  hidden?: boolean | ((row: TRow) => boolean);\n  /** Developer constant naming the action's group in the More menu\n   *  (\"downloads\", \"delete\"). The menu draws a separator where the section\n   *  changes between two visible items. Keep a section's actions next to\n   *  each other. Inline buttons ignore it. Never row data. */\n  section?: string;\n}\n\nexport interface RowActionsProps<TRow> extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children' | 'role' | 'aria-label' | 'aria-labelledby'\n> {\n  /** The row the actions act on. Passed back to each `onClick`. */\n  row: TRow;\n  actions: readonly RowActionDef<TRow>[];\n  /** How many visible actions show as buttons before the rest fold into\n   *  \"More actions\". Default: all inline. `0`: only \"More actions\". */\n  maxInline?: number;\n  /** Button intent. Default `'ghost'`. */\n  intent?: 'ghost' | 'outline';\n  /** Render the buttons as one segmented IconButtonGroup. */\n  group?: boolean;\n  /** Ids of the element(s) naming the actions, such as a table's hidden\n   *  \"Actions, FT 12/2026\" span. Keeps row data out of attributes. */\n  'aria-labelledby'?: string;\n  /** Names the actions when `aria-labelledby` is not given. Translated.\n   *  Default \"Actions\". */\n  label?: string;\n  /** Button size. Default `'sm'`. */\n  size?: 'sm' | 'md';\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:max-w-full',\n);\n\n/* The ghost or outline chrome, destructive ink. Button's intent sets its own\n   text colour, which a plain utility here would lose to by stylesheet order,\n   so the ink is keyed on the IconButton marker to outrank it (as IconButton\n   does for Button's padding). */\nconst inlineVariants = cva(accessibleTargetSquareClass, {\n  variants: {\n    destructive: {\n      true: 'ds:data-[component=icon-button]:text-[color:var(--destructive)] ds:data-[component=icon-button]:hover:text-[color:var(--destructive-hover)]',\n      false: '',\n    },\n  },\n  defaultVariants: { destructive: false },\n});\n\n/* In a button the icon fills IconButton's own icon box (16px at sm, 18px\n   at md), so the two never disagree; a menu item's icon slot is unsized,\n   so it takes the kit's 16px. */\nconst iconVariants = cva('', {\n  variants: {\n    place: { button: 'ds:size-full', menu: 'ds:size-4' },\n  },\n  defaultVariants: { place: 'button' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface ResolvedAction<TRow> {\n  key: string;\n  def: RowActionDef<TRow>;\n  disabled: boolean;\n  /** Only set while disabled. */\n  reason: string | undefined;\n  destructive: boolean;\n}\n\nfunction flag<TRow>(\n  value: boolean | ((row: TRow) => boolean) | undefined,\n  row: TRow,\n): boolean {\n  return typeof value === 'function' ? value(row) : Boolean(value);\n}\n\n/** The visible actions, split into inline buttons and the More menu. */\nfunction resolveRowActions<TRow>(\n  row: TRow,\n  actions: readonly RowActionDef<TRow>[],\n  maxInline: number | undefined,\n): { inline: ResolvedAction<TRow>[]; overflow: ResolvedAction<TRow>[] } {\n  const visible: ResolvedAction<TRow>[] = [];\n  actions.forEach((def, index) => {\n    if (flag(def.hidden, row)) return;\n    const disabled = flag(def.disabled, row);\n    const reason = disabled\n      ? typeof def.disabledReason === 'function'\n        ? def.disabledReason(row)\n        : def.disabledReason\n      : undefined;\n    visible.push({\n      key: def.id ?? String(index),\n      def,\n      disabled,\n      reason: reason || undefined,\n      destructive: def.variant === 'destructive',\n    });\n  });\n  const cut =\n    maxInline === undefined\n      ? visible.length\n      : Math.max(0, Math.floor(maxInline));\n  return { inline: visible.slice(0, cut), overflow: visible.slice(cut) };\n}\n\n/* A bare Lucide icon renders at 24px; size it to its box. */\nfunction sizeIcon(node: ReactNode, place: 'button' | 'menu'): ReactNode {\n  if (!isValidElement<{ className?: string }>(node)) return node;\n  const own = node.props.className ?? '';\n  if (/(^|\\s)(ds:)?(size|w|h)-/.test(own)) return node;\n  return cloneElement(node, {\n    className: `${own} ${iconVariants({ place })}`.trim(),\n  });\n}\n\n/* Row-level handlers (select the row, open it) never see these clicks. */\nfunction stopRowClick(event: MouseEvent) {\n  event.stopPropagation();\n}\n\n/* ------------------------------------------------------------------ */\n/* More actions                                                         */\n/* ------------------------------------------------------------------ */\n\ninterface MoreEntry {\n  key: string;\n  id: string | undefined;\n  section: string | undefined;\n  icon: ReactNode;\n  label: string;\n  disabled: boolean;\n  reason: string | undefined;\n  destructive: boolean;\n  choose: () => void;\n}\n\ninterface RowActionsMoreProps extends Omit<\n  IconButtonProps,\n  'icon' | 'aria-label' | 'tooltip'\n> {\n  entries: MoreEntry[];\n  label: string;\n  dir: 'ltr' | 'rtl';\n}\n\n/* The \"More actions\" trigger and its menu. It forwards its ref and the\n   props an IconButtonGroup injects to the trigger IconButton, so the group\n   seats it as its last segment like a plain button.\n\n   A chosen action runs once the menu has closed and focus is back on the\n   trigger, not from onSelect: a dialog the action opens then returns focus\n   to \"More actions\" instead of to a menu item that no longer exists. */\nconst RowActionsMoreBase = forwardRef<HTMLButtonElement, RowActionsMoreProps>(\n  ({ entries, label, dir, onClick, ...rest }, ref) => {\n    const triggerRef = useRef<HTMLButtonElement | null>(null);\n    const chosen = useRef<(() => void) | null>(null);\n    return (\n      <DropdownMenu.Root dir={dir}>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            {...rest}\n            ref={composeRefs(ref, triggerRef)}\n            icon={sizeIcon(<Ellipsis />, 'button')}\n            className={`${accessibleTargetSquareClass} ${rest.className ?? ''}`.trim()}\n            tooltip={label}\n            aria-label={label}\n            data-action-id=\"more\"\n            onClick={(event) => {\n              stopRowClick(event);\n              onClick?.(event);\n            }}\n          />\n        </DropdownMenu.Trigger>\n        {/* Portalled, but React still bubbles its clicks to the row. */}\n        <DropdownMenu.Content\n          align=\"end\"\n          onClick={stopRowClick}\n          onCloseAutoFocus={(event) => {\n            const run = chosen.current;\n            if (!run) return;\n            chosen.current = null;\n            event.preventDefault();\n            triggerRef.current?.focus();\n            run();\n          }}\n        >\n          {entries.map((entry, index) => {\n            const previous = index > 0 ? entries[index - 1] : undefined;\n            const newSection =\n              previous !== undefined && previous.section !== entry.section;\n            return (\n              <Fragment key={entry.key}>\n                {newSection ? <DropdownMenu.Separator /> : null}\n                <DropdownMenu.Item\n                  data-action-id={entry.id}\n                  startIcon={sizeIcon(entry.icon, 'menu')}\n                  variant={entry.destructive ? 'destructive' : 'default'}\n                  disabled={entry.disabled}\n                  disabledReason={entry.reason}\n                  onSelect={() => {\n                    chosen.current = entry.choose;\n                  }}\n                >\n                  {entry.label}\n                </DropdownMenu.Item>\n              </Fragment>\n            );\n          })}\n        </DropdownMenu.Content>\n      </DropdownMenu.Root>\n    );\n  },\n);\nRowActionsMoreBase.displayName = 'RowActions.More';\n\n/* IconButtonGroup accepts a child that renders one IconButton trigger. */\nconst RowActionsMore = Object.assign(RowActionsMoreBase, {\n  rendersIconButton: true,\n});\n\n/* ------------------------------------------------------------------ */\n/* RowActions                                                           */\n/* ------------------------------------------------------------------ */\n\nfunction RowActionsInner<TRow>(\n  {\n    row,\n    actions,\n    maxInline,\n    intent = 'ghost',\n    group = false,\n    'aria-labelledby': ariaLabelledBy,\n    label,\n    size = 'sm',\n    className,\n    ...rest\n  }: RowActionsProps<TRow>,\n  ref: ForwardedRef<HTMLDivElement>,\n): ReactElement | null {\n  const { t } = useTranslation('ui');\n  const baseId = useId();\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const dir = useDirection(rootRef);\n\n  const { inline, overflow } = resolveRowActions(row, actions, maxInline);\n  if (inline.length === 0 && overflow.length === 0) return null;\n\n  const groupLabel = label ?? t('rowActions.label', 'Actions');\n  // Ids come from useId and the position, never from row data.\n  const reasonIdFor = (index: number) => `${baseId}-reason-${index}`;\n\n  const buttons = inline.map((action, index) => {\n    const reasonId =\n      action.disabled && action.reason ? reasonIdFor(index) : undefined;\n    return (\n      <IconButton\n        key={action.key}\n        size={size}\n        intent={intent}\n        icon={sizeIcon(action.def.icon, 'button')}\n        tooltip={reasonId ? action.reason : action.def.label}\n        aria-label={action.def.label}\n        // Not the HTML attribute: the button stays a Tab stop, so its\n        // reason can be reached. The click guard below refuses it.\n        aria-disabled={action.disabled || undefined}\n        aria-describedby={reasonId}\n        data-action-id={action.def.id}\n        className={inlineVariants({ destructive: action.destructive })}\n        onClick={(event) => {\n          stopRowClick(event);\n          if (action.disabled) {\n            event.preventDefault();\n            return;\n          }\n          action.def.onClick(row);\n        }}\n      />\n    );\n  });\n\n  const more =\n    overflow.length > 0 ? (\n      <RowActionsMore\n        key=\"more\"\n        size={size}\n        intent={intent}\n        dir={dir}\n        label={t('rowActions.more', 'More actions')}\n        entries={overflow.map((action) => ({\n          key: action.key,\n          id: action.def.id,\n          section: action.def.section,\n          icon: action.def.icon,\n          label: action.def.label,\n          disabled: action.disabled,\n          reason: action.reason,\n          destructive: action.destructive,\n          choose: () => action.def.onClick(row),\n        }))}\n      />\n    ) : null;\n\n  const reasons = inline.map((action, index) =>\n    action.disabled && action.reason ? (\n      <span key={`reason-${action.key}`} id={reasonIdFor(index)} hidden>\n        {action.reason}\n      </span>\n    ) : null,\n  );\n\n  const name = ariaLabelledBy\n    ? ({ 'aria-labelledby': ariaLabelledBy } as const)\n    : ({ 'aria-label': groupLabel } as const);\n\n  if (group) {\n    // The segmented group carries the role and the name; this root only\n    // marks the component boundary and holds the reasons.\n    return (\n      <div\n        ref={composeRefs(ref, rootRef)}\n        data-component=\"row-actions\"\n        className={rootVariants({ className })}\n        {...rest}\n      >\n        <IconButtonGroup size={size} intent={intent} {...name}>\n          {buttons}\n          {more}\n        </IconButtonGroup>\n        {reasons}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={composeRefs(ref, rootRef)}\n      role=\"group\"\n      data-component=\"row-actions\"\n      className={rootVariants({ className })}\n      {...name}\n      {...rest}\n    >\n      {buttons}\n      {more}\n      {reasons}\n    </div>\n  );\n}\n\n/**\n * The actions for one row of a table, list or card: icon buttons, with the\n * rest under \"More actions\". Engine-free, so it works in DataGrid, a list or\n * a card. A disabled action stays focusable and says why.\n */\nexport const RowActions = forwardRef(RowActionsInner) as (<TRow>(\n  props: RowActionsProps<TRow> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement | null) & { displayName?: string };\nRowActions.displayName = 'RowActions';\n"],"names":["rootVariants","cva","inlineVariants","accessibleTargetSquareClass","iconVariants","flag","value","row","resolveRowActions","actions","maxInline","visible","def","index","disabled","reason","cut","sizeIcon","node","place","isValidElement","own","cloneElement","stopRowClick","event","RowActionsMoreBase","forwardRef","entries","label","dir","onClick","rest","ref","triggerRef","useRef","chosen","jsxs","DropdownMenu","jsx","IconButton","composeRefs","Ellipsis","run","_a","entry","previous","newSection","Fragment","RowActionsMore","RowActionsInner","intent","group","ariaLabelledBy","size","className","t","useTranslation","baseId","useId","rootRef","useDirection","inline","overflow","groupLabel","reasonIdFor","buttons","action","reasonId","more","reasons","name","IconButtonGroup","RowActions"],"mappings":"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"}
+{"version":3,"file":"row-actions-BF2-uizV.js","sources":["../../src/components/row-actions/row-actions.tsx"],"sourcesContent":["import {\n  Fragment,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useRef,\n  type ForwardedRef,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Ellipsis } from 'lucide-react';\nimport { IconButton, type IconButtonProps } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group/icon-button-group';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport { accessibleTargetSquareClass } from '../_shared/accessible-target';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useDirection } from '../../hooks/use-direction';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\n/**\n * One action on a row. A superset of DataTable's `ActionDef`, so an action\n * list written for DataTable works here unchanged.\n */\nexport interface RowActionDef<TRow> {\n  /** Developer constant: the React key and the `data-action-id` DOM hook\n   *  for tests. Never row data. Defaults to the index. */\n  id?: string;\n  /** A Lucide icon. Decorative (`aria-hidden`); RowActions sizes it. */\n  icon: ReactNode;\n  /** Translated. The accessible name, the tooltip and the menu text. */\n  label: string;\n  /** Called with the row. Never called while the action is disabled. */\n  onClick: (row: TRow) => void;\n  /** Pass a predicate for a per-row state. */\n  disabled?: boolean | ((row: TRow) => boolean);\n  /** Translated. Why the action is disabled. Inline: the tooltip, and the\n   *  button's description for screen readers (the button stays focusable).\n   *  In the More menu: the item's second line. */\n  disabledReason?: string | ((row: TRow) => string | undefined);\n  /** `'destructive'` paints the action in `--destructive`. RowActions never\n   *  confirms: open an AlertDialog from `onClick`. */\n  variant?: 'default' | 'destructive';\n  /** Pass a predicate to hide the action on some rows. */\n  hidden?: boolean | ((row: TRow) => boolean);\n  /** Developer constant naming the action's group in the More menu\n   *  (\"downloads\", \"delete\"). The menu draws a separator where the section\n   *  changes between two visible items. Keep a section's actions next to\n   *  each other. Inline buttons ignore it. Never row data. */\n  section?: string;\n}\n\nexport interface RowActionsProps<TRow> extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children' | 'role' | 'aria-label' | 'aria-labelledby'\n> {\n  /** The row the actions act on. Passed back to each `onClick`. */\n  row: TRow;\n  actions: readonly RowActionDef<TRow>[];\n  /** How many visible actions show as buttons before the rest fold into\n   *  \"More actions\". Default: all inline. `0`: only \"More actions\". */\n  maxInline?: number;\n  /** Button intent. Default `'ghost'`. */\n  intent?: 'ghost' | 'outline';\n  /** Render the buttons as one segmented IconButtonGroup. */\n  group?: boolean;\n  /** Ids of the element(s) naming the actions, such as a table's hidden\n   *  \"Actions, FT 12/2026\" span. Keeps row data out of attributes. */\n  'aria-labelledby'?: string;\n  /** Names the actions when `aria-labelledby` is not given. Translated.\n   *  Default \"Actions\". */\n  label?: string;\n  /** Button size. Default `'sm'`. */\n  size?: 'sm' | 'md';\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:max-w-full',\n);\n\n/* The ghost or outline chrome, destructive ink. Button's intent sets its own\n   text colour, which a plain utility here would lose to by stylesheet order,\n   so the ink is keyed on the IconButton marker to outrank it (as IconButton\n   does for Button's padding). */\nconst inlineVariants = cva(accessibleTargetSquareClass, {\n  variants: {\n    destructive: {\n      true: 'ds:data-[component=icon-button]:text-[color:var(--destructive)] ds:data-[component=icon-button]:hover:text-[color:var(--destructive-hover)]',\n      false: '',\n    },\n  },\n  defaultVariants: { destructive: false },\n});\n\n/* In a button the icon fills IconButton's own icon box (16px at sm, 18px\n   at md), so the two never disagree; a menu item's icon slot is unsized,\n   so it takes the kit's 16px. */\nconst iconVariants = cva('', {\n  variants: {\n    place: { button: 'ds:size-full', menu: 'ds:size-4' },\n  },\n  defaultVariants: { place: 'button' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface ResolvedAction<TRow> {\n  key: string;\n  def: RowActionDef<TRow>;\n  disabled: boolean;\n  /** Only set while disabled. */\n  reason: string | undefined;\n  destructive: boolean;\n}\n\nfunction flag<TRow>(\n  value: boolean | ((row: TRow) => boolean) | undefined,\n  row: TRow,\n): boolean {\n  return typeof value === 'function' ? value(row) : Boolean(value);\n}\n\n/** The visible actions, split into inline buttons and the More menu. */\nfunction resolveRowActions<TRow>(\n  row: TRow,\n  actions: readonly RowActionDef<TRow>[],\n  maxInline: number | undefined,\n): { inline: ResolvedAction<TRow>[]; overflow: ResolvedAction<TRow>[] } {\n  const visible: ResolvedAction<TRow>[] = [];\n  actions.forEach((def, index) => {\n    if (flag(def.hidden, row)) return;\n    const disabled = flag(def.disabled, row);\n    const reason = disabled\n      ? typeof def.disabledReason === 'function'\n        ? def.disabledReason(row)\n        : def.disabledReason\n      : undefined;\n    visible.push({\n      key: def.id ?? String(index),\n      def,\n      disabled,\n      reason: reason || undefined,\n      destructive: def.variant === 'destructive',\n    });\n  });\n  const cut =\n    maxInline === undefined\n      ? visible.length\n      : Math.max(0, Math.floor(maxInline));\n  return { inline: visible.slice(0, cut), overflow: visible.slice(cut) };\n}\n\n/* A bare Lucide icon renders at 24px; size it to its box. */\nfunction sizeIcon(node: ReactNode, place: 'button' | 'menu'): ReactNode {\n  if (!isValidElement<{ className?: string }>(node)) return node;\n  const own = node.props.className ?? '';\n  if (/(^|\\s)(ds:)?(size|w|h)-/.test(own)) return node;\n  return cloneElement(node, {\n    className: `${own} ${iconVariants({ place })}`.trim(),\n  });\n}\n\n/* Row-level handlers (select the row, open it) never see these clicks. */\nfunction stopRowClick(event: MouseEvent) {\n  event.stopPropagation();\n}\n\n/* ------------------------------------------------------------------ */\n/* More actions                                                         */\n/* ------------------------------------------------------------------ */\n\ninterface MoreEntry {\n  key: string;\n  id: string | undefined;\n  section: string | undefined;\n  icon: ReactNode;\n  label: string;\n  disabled: boolean;\n  reason: string | undefined;\n  destructive: boolean;\n  choose: () => void;\n}\n\ninterface RowActionsMoreProps extends Omit<\n  IconButtonProps,\n  'icon' | 'aria-label' | 'tooltip'\n> {\n  entries: MoreEntry[];\n  label: string;\n  dir: 'ltr' | 'rtl';\n}\n\n/* The \"More actions\" trigger and its menu. It forwards its ref and the\n   props an IconButtonGroup injects to the trigger IconButton, so the group\n   seats it as its last segment like a plain button.\n\n   A chosen action runs once the menu has closed and focus is back on the\n   trigger, not from onSelect: a dialog the action opens then returns focus\n   to \"More actions\" instead of to a menu item that no longer exists. */\nconst RowActionsMoreBase = forwardRef<HTMLButtonElement, RowActionsMoreProps>(\n  ({ entries, label, dir, onClick, ...rest }, ref) => {\n    const triggerRef = useRef<HTMLButtonElement | null>(null);\n    const chosen = useRef<(() => void) | null>(null);\n    return (\n      <DropdownMenu.Root dir={dir}>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            {...rest}\n            ref={composeRefs(ref, triggerRef)}\n            icon={sizeIcon(<Ellipsis />, 'button')}\n            className={`${accessibleTargetSquareClass} ${rest.className ?? ''}`.trim()}\n            tooltip={label}\n            aria-label={label}\n            data-action-id=\"more\"\n            onClick={(event) => {\n              stopRowClick(event);\n              onClick?.(event);\n            }}\n          />\n        </DropdownMenu.Trigger>\n        {/* Portalled, but React still bubbles its clicks to the row. */}\n        <DropdownMenu.Content\n          align=\"end\"\n          onClick={stopRowClick}\n          onCloseAutoFocus={(event) => {\n            const run = chosen.current;\n            if (!run) return;\n            chosen.current = null;\n            event.preventDefault();\n            triggerRef.current?.focus();\n            run();\n          }}\n        >\n          {entries.map((entry, index) => {\n            const previous = index > 0 ? entries[index - 1] : undefined;\n            const newSection =\n              previous !== undefined && previous.section !== entry.section;\n            return (\n              <Fragment key={entry.key}>\n                {newSection ? <DropdownMenu.Separator /> : null}\n                <DropdownMenu.Item\n                  data-action-id={entry.id}\n                  startIcon={sizeIcon(entry.icon, 'menu')}\n                  variant={entry.destructive ? 'destructive' : 'default'}\n                  disabled={entry.disabled}\n                  disabledReason={entry.reason}\n                  onSelect={() => {\n                    chosen.current = entry.choose;\n                  }}\n                >\n                  {entry.label}\n                </DropdownMenu.Item>\n              </Fragment>\n            );\n          })}\n        </DropdownMenu.Content>\n      </DropdownMenu.Root>\n    );\n  },\n);\nRowActionsMoreBase.displayName = 'RowActions.More';\n\n/* IconButtonGroup accepts a child that renders one IconButton trigger. */\nconst RowActionsMore = Object.assign(RowActionsMoreBase, {\n  rendersIconButton: true,\n});\n\n/* ------------------------------------------------------------------ */\n/* RowActions                                                           */\n/* ------------------------------------------------------------------ */\n\nfunction RowActionsInner<TRow>(\n  {\n    row,\n    actions,\n    maxInline,\n    intent = 'ghost',\n    group = false,\n    'aria-labelledby': ariaLabelledBy,\n    label,\n    size = 'sm',\n    className,\n    ...rest\n  }: RowActionsProps<TRow>,\n  ref: ForwardedRef<HTMLDivElement>,\n): ReactElement | null {\n  const { t } = useTranslation('ui');\n  const baseId = useId();\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const dir = useDirection(rootRef);\n\n  const { inline, overflow } = resolveRowActions(row, actions, maxInline);\n  if (inline.length === 0 && overflow.length === 0) return null;\n\n  const groupLabel = label ?? t('rowActions.label', 'Actions');\n  // Ids come from useId and the position, never from row data.\n  const reasonIdFor = (index: number) => `${baseId}-reason-${index}`;\n\n  const buttons = inline.map((action, index) => {\n    const reasonId =\n      action.disabled && action.reason ? reasonIdFor(index) : undefined;\n    return (\n      <IconButton\n        key={action.key}\n        size={size}\n        intent={intent}\n        icon={sizeIcon(action.def.icon, 'button')}\n        tooltip={reasonId ? action.reason : action.def.label}\n        aria-label={action.def.label}\n        // Not the HTML attribute: the button stays a Tab stop, so its\n        // reason can be reached. The click guard below refuses it.\n        aria-disabled={action.disabled || undefined}\n        aria-describedby={reasonId}\n        data-action-id={action.def.id}\n        className={inlineVariants({ destructive: action.destructive })}\n        onClick={(event) => {\n          stopRowClick(event);\n          if (action.disabled) {\n            event.preventDefault();\n            return;\n          }\n          action.def.onClick(row);\n        }}\n      />\n    );\n  });\n\n  const more =\n    overflow.length > 0 ? (\n      <RowActionsMore\n        key=\"more\"\n        size={size}\n        intent={intent}\n        dir={dir}\n        label={t('rowActions.more', 'More actions')}\n        entries={overflow.map((action) => ({\n          key: action.key,\n          id: action.def.id,\n          section: action.def.section,\n          icon: action.def.icon,\n          label: action.def.label,\n          disabled: action.disabled,\n          reason: action.reason,\n          destructive: action.destructive,\n          choose: () => action.def.onClick(row),\n        }))}\n      />\n    ) : null;\n\n  const reasons = inline.map((action, index) =>\n    action.disabled && action.reason ? (\n      <span key={`reason-${action.key}`} id={reasonIdFor(index)} hidden>\n        {action.reason}\n      </span>\n    ) : null,\n  );\n\n  const name = ariaLabelledBy\n    ? ({ 'aria-labelledby': ariaLabelledBy } as const)\n    : ({ 'aria-label': groupLabel } as const);\n\n  if (group) {\n    // The segmented group carries the role and the name; this root only\n    // marks the component boundary and holds the reasons.\n    return (\n      <div\n        ref={composeRefs(ref, rootRef)}\n        data-component=\"row-actions\"\n        className={rootVariants({ className })}\n        {...rest}\n      >\n        <IconButtonGroup size={size} intent={intent} {...name}>\n          {buttons}\n          {more}\n        </IconButtonGroup>\n        {reasons}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={composeRefs(ref, rootRef)}\n      role=\"group\"\n      data-component=\"row-actions\"\n      className={rootVariants({ className })}\n      {...name}\n      {...rest}\n    >\n      {buttons}\n      {more}\n      {reasons}\n    </div>\n  );\n}\n\n/**\n * The actions for one row of a table, list or card: icon buttons, with the\n * rest under \"More actions\". Engine-free, so it works in DataGrid, a list or\n * a card. A disabled action stays focusable and says why.\n */\nexport const RowActions = forwardRef(RowActionsInner) as (<TRow>(\n  props: RowActionsProps<TRow> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement | null) & { displayName?: string };\nRowActions.displayName = 'RowActions';\n"],"names":["rootVariants","cva","inlineVariants","accessibleTargetSquareClass","iconVariants","flag","value","row","resolveRowActions","actions","maxInline","visible","def","index","disabled","reason","cut","sizeIcon","node","place","isValidElement","own","cloneElement","stopRowClick","event","RowActionsMoreBase","forwardRef","entries","label","dir","onClick","rest","ref","triggerRef","useRef","chosen","jsxs","DropdownMenu","jsx","IconButton","composeRefs","Ellipsis","run","_a","entry","previous","newSection","Fragment","RowActionsMore","RowActionsInner","intent","group","ariaLabelledBy","size","className","t","useTranslation","baseId","useId","rootRef","useDirection","inline","overflow","groupLabel","reasonIdFor","buttons","action","reasonId","more","reasons","name","IconButtonGroup","RowActions"],"mappings":"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"}

package/dist/_chunks/{sheet-uZZXaO_S.js → sheet-BdhYeQQT.js}

@@ -1,14 +1,15 @@
 import { jsx as o, jsxs as x } from "react/jsx-runtime";
-import { useState as O, useRef as I, useEffect as A, useCallback as E, useMemo as y, forwardRef as i, useContext as H, createContext as D } from "react";
+import { useState as O, useRef as I, useEffect as E, useCallback as H, useMemo as y, forwardRef as i, useContext as L, createContext as D } from "react";
 import * as d from "@radix-ui/react-dialog";
-import { c as F } from "./index-D2ZczOXr.js";
-import { useTranslation as L } from "react-i18next";
-import { I as V } from "./icon-button-S8_weU3g.js";
+import { c as P } from "./index-D2ZczOXr.js";
+import { useTranslation as V } from "react-i18next";
+import { I as A } from "./icon-button-S8_weU3g.js";
 import { S as M } from "./scroll-area-CY5SLYNw.js";
-import { u as P } from "./registry-DvAUVLHh.js";
-import { u as K } from "./non-modal-tab-exit-j3CPOuE3.js";
-import { X } from "./x-B5YnXwCz.js";
-const Y = {
+import { u as K } from "./registry-DvAUVLHh.js";
+import { u as X } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { r as Y } from "./body-pointer-lock-CsOEDm1I.js";
+import { X as _ } from "./x-B5YnXwCz.js";
+const q = {
   id: "sheet",
   // `dismiss` shares the handle's close() — it is the same imperative close
   // path with destructive intent (loses uncommitted input). Backed.
@@ -63,14 +64,14 @@ const Y = {
       description: "Sourced from the id prop on Sheet.Root."
     }
   }
-}, _ = [
+}, F = [
   "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
   "ds:bg-[var(--background)]/[var(--opacity-70)]",
   "ds:backdrop-blur-sm",
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
   "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), q = F(
+].join(" "), G = P(
   [
     "ds:fixed ds:z-[var(--z-modal)] ds:flex ds:flex-col",
     "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
@@ -112,7 +113,7 @@ const Y = {
     defaultVariants: { side: "end" }
   }
 );
-function G(e, t) {
+function J(e, t) {
   return e === "start" || e === "end" ? {
     sm: "ds:[inline-size:360px]",
     md: "ds:[inline-size:480px]",
@@ -123,92 +124,103 @@ function G(e, t) {
     lg: "ds:[block-size:80dvh]"
   }[t];
 }
-const S = D({ modal: !0 }), h = ({
+const S = D({ modal: !0 }), v = ({
   children: e,
   id: t,
   open: s,
-  defaultOpen: r,
+  defaultOpen: l,
   onOpenChange: a,
-  modal: l = !0,
-  ...m
+  modal: r = !0,
+  ...u
 }) => {
-  const c = s !== void 0, [u, f] = O(
-    r ?? !1
-  ), n = c ? !!s : u, b = I(n);
-  A(() => {
-    b.current = n;
-  }, [n]);
-  const p = E(
+  const p = s !== void 0, [f, h] = O(
+    l ?? !1
+  ), c = p ? !!s : f, n = I(c);
+  E(() => {
+    n.current = c;
+  }, [c]);
+  const m = H(
     (g) => {
-      c || f(g), a == null || a(g);
+      p || h(g), a == null || a(g);
     },
-    [c, a]
-  ), B = y(
+    [p, a]
+  ), C = y(
     () => ({
-      getIsOpen: () => b.current,
-      open: () => p(!0),
-      close: () => p(!1)
+      getIsOpen: () => n.current,
+      open: () => m(!0),
+      close: () => m(!1)
     }),
-    [p]
+    [m]
   );
-  P(Y, B, t);
-  const w = y(() => ({ id: t, modal: l }), [t, l]);
+  K(q, C, t);
+  const w = y(() => ({ id: t, modal: r }), [t, r]);
   return /* @__PURE__ */ o(S.Provider, { value: w, children: /* @__PURE__ */ o(
     d.Root,
     {
-      open: n,
-      onOpenChange: p,
-      modal: l,
-      ...m,
+      open: c,
+      onOpenChange: m,
+      modal: r,
+      ...u,
       children: e
     }
   ) });
 };
-h.displayName = "Sheet.Root";
-const N = i(({ children: e, ...t }, s) => /* @__PURE__ */ o(d.Trigger, { ref: s, ...t, children: e }));
-N.displayName = "Sheet.Trigger";
-const v = i(({ children: e, ...t }, s) => /* @__PURE__ */ o(d.Close, { ref: s, ...t, children: e }));
-v.displayName = "Sheet.Close";
-const j = i(
-  ({ side: e = "end", size: t = "md", className: s, children: r, onKeyDown: a, ...l }, m) => {
-    const { id: c, modal: u } = H(S), f = K(!u);
+v.displayName = "Sheet.Root";
+const k = i(({ children: e, ...t }, s) => /* @__PURE__ */ o(d.Trigger, { ref: s, ...t, children: e }));
+k.displayName = "Sheet.Trigger";
+const b = i(({ children: e, ...t }, s) => /* @__PURE__ */ o(d.Close, { ref: s, ...t, children: e }));
+b.displayName = "Sheet.Close";
+const N = i(
+  ({
+    side: e = "end",
+    size: t = "md",
+    className: s,
+    children: l,
+    onKeyDown: a,
+    onCloseAutoFocus: r,
+    ...u
+  }, p) => {
+    const { id: f, modal: h } = L(S), c = X(!h);
     return /* @__PURE__ */ x(d.Portal, { children: [
       /* @__PURE__ */ o(
         d.Overlay,
         {
           "data-component": "sheet-overlay",
-          className: _
+          className: F
         }
       ),
       /* @__PURE__ */ o(
         d.Content,
         {
-          ref: m,
+          ref: p,
           className: [
-            q({ side: e }),
-            G(e, t),
+            G({ side: e }),
+            J(e, t),
             s
           ].filter(Boolean).join(" "),
           "data-component": "sheet",
-          "data-component-id": c,
-          ...l,
+          "data-component-id": f,
+          ...u,
           onKeyDown: (n) => {
-            a == null || a(n), f(n);
+            a == null || a(n), c(n);
+          },
+          onCloseAutoFocus: (n) => {
+            Y(), r == null || r(n);
           },
-          children: r
+          children: l
         }
       )
     ] });
   }
 );
-j.displayName = "Sheet.Content";
-const k = i(
-  ({ className: e, children: t, ...s }, r) => {
-    const { t: a } = L("ui");
+N.displayName = "Sheet.Content";
+const j = i(
+  ({ className: e, children: t, ...s }, l) => {
+    const { t: a } = V("ui");
     return /* @__PURE__ */ x(
       "div",
       {
-        ref: r,
+        ref: l,
         className: [
           "ds:sticky ds:top-0 ds:z-10 ds:flex ds:items-center ds:justify-between",
           "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]",
@@ -218,10 +230,10 @@ const k = i(
         ...s,
         children: [
           t,
-          /* @__PURE__ */ o(v, { asChild: !0, children: /* @__PURE__ */ o(
-            V,
+          /* @__PURE__ */ o(b, { asChild: !0, children: /* @__PURE__ */ o(
+            A,
             {
-              icon: /* @__PURE__ */ o(X, {}),
+              icon: /* @__PURE__ */ o(_, {}),
               intent: "ghost",
               size: "sm",
               "aria-label": a("common.close", "Close")
@@ -232,7 +244,7 @@ const k = i(
     );
   }
 );
-k.displayName = "Sheet.Header";
+j.displayName = "Sheet.Header";
 const z = i(
   ({ className: e, ...t }, s) => (
     // ScrollArea forwards its ref to the scroll container (Radix viewport), so
@@ -259,7 +271,7 @@ const z = i(
   )
 );
 z.displayName = "Sheet.Body";
-const C = i(
+const B = i(
   ({ className: e, ...t }, s) => /* @__PURE__ */ o(
     "div",
     {
@@ -275,7 +287,7 @@ const C = i(
     }
   )
 );
-C.displayName = "Sheet.Footer";
+B.displayName = "Sheet.Footer";
 const R = i(({ className: e, ...t }, s) => /* @__PURE__ */ o(
   d.Title,
   {
@@ -294,19 +306,19 @@ const T = i(({ className: e, ...t }, s) => /* @__PURE__ */ o(
   }
 ));
 T.displayName = "Sheet.Description";
-const oe = Object.assign(h, {
-  Root: h,
-  Trigger: N,
-  Content: j,
-  Header: k,
+const de = Object.assign(v, {
+  Root: v,
+  Trigger: k,
+  Content: N,
+  Header: j,
   Body: z,
-  Footer: C,
+  Footer: B,
   Title: R,
   Description: T,
-  Close: v
+  Close: b
 });
 export {
-  oe as S,
-  Y as s
+  de as S,
+  q as s
 };
-//# sourceMappingURL=sheet-uZZXaO_S.js.map
+//# sourceMappingURL=sheet-BdhYeQQT.js.map

package/dist/_chunks/sheet-BdhYeQQT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-BdhYeQQT.js","sources":["../../src/components/sheet/sheet.agent.ts","../../src/components/sheet/sheet.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { SheetHandle } from './sheet';\n\nexport const sheetAgent: AgentAdapter<SheetHandle> = {\n  id: 'sheet',\n  // `dismiss` shares the handle's close() — it is the same imperative close\n  // path with destructive intent (loses uncommitted input). Backed.\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.sheet.state.isOpen',\n      description: 'True when the sheet is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      // Pure ephemeral UI state — opening loses no data.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.sheet.actions.open',\n      description: 'Open the sheet.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      // Pure ephemeral UI state — closing is reversible by reopening and\n      // loses no committed data.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.sheet.actions.close',\n      description: 'Close the sheet. Reversible by reopening.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    dismiss: {\n      // Same close() path, but flagged destructive because dismissing a sheet\n      // mid-edit discards any in-progress input that was not committed.\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.sheet.actions.dismiss',\n      description:\n        'Dismiss the sheet. Loses any in-progress input that has not been committed.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'sheet' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Sheet.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport { useAgentRegistration } from '../../agent';\nimport { useNonModalTabExit } from '../_shared/non-modal-tab-exit';\nimport { sheetAgent } from './sheet.agent';\nimport { releaseStaleBodyPointerLock } from '../_shared/body-pointer-lock';\n\nconst OVERLAY_CLASSES = [\n  'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n  'ds:bg-[var(--background)]/[var(--opacity-70)]',\n  'ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst contentVariants = cva(\n  [\n    'ds:fixed ds:z-[var(--z-modal)] ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-xl)]',\n    'ds:focus-visible:outline-none',\n    'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      side: {\n        start: [\n          'ds:start-0 ds:inset-y-0',\n          'ds:border-e ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-left-full ds:rtl:data-[state=open]:slide-in-from-right-full',\n          'ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-left-full ds:rtl:data-[state=closed]:slide-out-to-right-full',\n          'ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]',\n        ].join(' '),\n        end: [\n          'ds:end-0 ds:inset-y-0',\n          'ds:border-s ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-right-full ds:rtl:data-[state=open]:slide-in-from-left-full',\n          'ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-right-full ds:rtl:data-[state=closed]:slide-out-to-left-full',\n          'ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]',\n        ].join(' '),\n        top: [\n          'ds:top-0 ds:inset-x-0',\n          'ds:border-b ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-top-full',\n          'ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-top-full',\n        ].join(' '),\n        bottom: [\n          'ds:bottom-0 ds:inset-x-0',\n          'ds:border-t ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-bottom-full',\n          'ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-bottom-full',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { side: 'end' },\n  },\n);\n\nfunction getSizeClass(\n  side: 'start' | 'end' | 'top' | 'bottom',\n  size: 'sm' | 'md' | 'lg',\n): string {\n  if (side === 'start' || side === 'end') {\n    // These MUST carry the `ds:` prefix — a bare `[inline-size:…]` is not a\n    // recognised utility under `prefix: 'ds'`, so Tailwind emits no rule and the\n    // sheet renders full-bleed (the mobile `ds:max-sm:[inline-size:100dvw]`\n    // classes work precisely because they are prefixed).\n    const map = {\n      sm: 'ds:[inline-size:360px]',\n      md: 'ds:[inline-size:480px]',\n      lg: 'ds:[inline-size:640px]',\n    } as const;\n    return map[size];\n  }\n\n  const map = {\n    sm: 'ds:[block-size:40dvh]',\n    md: 'ds:[block-size:60dvh]',\n    lg: 'ds:[block-size:80dvh]',\n  } as const;\n  return map[size];\n}\n\n// Curated agent-readiness handle — see sheet.agent.ts.\nexport interface SheetHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface SheetRootProps extends ComponentPropsWithoutRef<\n  typeof RadixDialog.Root\n> {\n  /** Opaque instance id — forwarded to Sheet.Content as `data-component-id`. */\n  id?: string;\n}\n\ninterface SheetContextValue {\n  id?: string;\n  modal: boolean;\n}\n\nconst SheetContext = createContext<SheetContextValue>({ modal: true });\n\nconst SheetRoot = ({\n  children,\n  id,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  modal = true,\n  ...props\n}: SheetRootProps) => {\n  const isControlled = openProp !== undefined;\n  const [internalOpen, setInternalOpen] = useState<boolean>(\n    defaultOpen ?? false,\n  );\n  const open = isControlled ? Boolean(openProp) : internalOpen;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const handle = useMemo<SheetHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n    }),\n    [setOpen],\n  );\n  useAgentRegistration(sheetAgent, handle, id);\n\n  const context = useMemo(() => ({ id, modal }), [id, modal]);\n\n  return (\n    <SheetContext.Provider value={context}>\n      <RadixDialog.Root\n        open={open}\n        onOpenChange={setOpen}\n        modal={modal}\n        {...props}\n      >\n        {children}\n      </RadixDialog.Root>\n    </SheetContext.Provider>\n  );\n};\nSheetRoot.displayName = 'Sheet.Root';\n\nconst SheetTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nSheetTrigger.displayName = 'Sheet.Trigger';\n\nconst SheetClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nSheetClose.displayName = 'Sheet.Close';\n\nexport interface SheetContentProps\n  extends\n    Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'className'>,\n    VariantProps<typeof contentVariants> {\n  side?: 'start' | 'end' | 'top' | 'bottom';\n  size?: 'sm' | 'md' | 'lg';\n  className?: string;\n  children: ReactNode;\n}\n\nconst SheetContent = forwardRef<HTMLDivElement, SheetContentProps>(\n  (\n    {\n      side = 'end',\n      size = 'md',\n      className,\n      children,\n      onKeyDown,\n      onCloseAutoFocus,\n      ...props\n    },\n    ref,\n  ) => {\n    const { id: instanceId, modal } = useContext(SheetContext);\n    const exitOnTab = useNonModalTabExit(!modal);\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          data-component=\"sheet-overlay\"\n          className={OVERLAY_CLASSES}\n        />\n        <RadixDialog.Content\n          ref={ref}\n          className={[\n            contentVariants({ side }),\n            getSizeClass(side, size),\n            className,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          data-component=\"sheet\"\n          data-component-id={instanceId}\n          {...props}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n            exitOnTab(event);\n          }}\n          onCloseAutoFocus={(event) => {\n            releaseStaleBodyPointerLock();\n            onCloseAutoFocus?.(event);\n          }}\n        >\n          {children}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    );\n  },\n);\nSheetContent.displayName = 'Sheet.Content';\n\nconst SheetHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => {\n    const { t } = useTranslation('ui');\n\n    return (\n      <div\n        ref={ref}\n        className={[\n          'ds:sticky ds:top-0 ds:z-10 ds:flex ds:items-center ds:justify-between',\n          'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]',\n          'ds:border-b ds:border-[color:var(--border)] ds:bg-[var(--popover)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n        <SheetClose asChild>\n          <IconButton\n            icon={<X />}\n            intent=\"ghost\"\n            size=\"sm\"\n            aria-label={t('common.close', 'Close')}\n          />\n        </SheetClose>\n      </div>\n    );\n  },\n);\nSheetHeader.displayName = 'Sheet.Header';\n\nconst SheetBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    // ScrollArea forwards its ref to the scroll container (Radix viewport), so\n    // SheetBody's ref still points at the scroller — preserving scrollTop access.\n    <ScrollArea\n      ref={ref}\n      orientation=\"vertical\"\n      className=\"ds:flex-1 ds:min-h-0\"\n    >\n      <div\n        className={[\n          'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-lg)]',\n          'ds:break-words',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    </ScrollArea>\n  ),\n);\nSheetBody.displayName = 'Sheet.Body';\n\nconst SheetFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:sticky ds:bottom-0 ds:z-10 ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]',\n        'ds:border-t ds:border-[color:var(--border)] ds:bg-[var(--popover)]',\n        'ds:max-sm:flex-col ds:max-sm:[&>*]:w-full',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'Sheet.Footer';\n\nconst SheetTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSheetTitle.displayName = 'Sheet.Title';\n\nconst SheetDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Description>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={['type-body-sm ds:text-[var(--muted-foreground)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSheetDescription.displayName = 'Sheet.Description';\n\nexport const Sheet = Object.assign(SheetRoot, {\n  Root: SheetRoot,\n  Trigger: SheetTrigger,\n  Content: SheetContent,\n  Header: SheetHeader,\n  Body: SheetBody,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n});\n\nexport type SheetHeaderProps = HTMLAttributes<HTMLDivElement>;\nexport type SheetBodyProps = HTMLAttributes<HTMLDivElement>;\nexport type SheetFooterProps = HTMLAttributes<HTMLDivElement>;\n"],"names":["sheetAgent","handle","OVERLAY_CLASSES","contentVariants","cva","getSizeClass","side","size","SheetContext","createContext","SheetRoot","children","id","openProp","defaultOpen","onOpenChange","modal","props","isControlled","internalOpen","setInternalOpen","useState","open","openRef","useRef","useEffect","setOpen","useCallback","next","useMemo","useAgentRegistration","context","jsx","RadixDialog","SheetTrigger","forwardRef","ref","SheetClose","SheetContent","className","onKeyDown","onCloseAutoFocus","instanceId","useContext","exitOnTab","useNonModalTabExit","jsxs","event","releaseStaleBodyPointerLock","SheetHeader","t","useTranslation","IconButton","X","SheetBody","ScrollArea","SheetFooter","SheetTitle","SheetDescription","Sheet"],"mappings":"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"}

package/dist/_chunks/{signature-request-DW2PSp66.js → signature-request-4pGq3YBe.js}

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as u, Fragment as ge } from "react/jsx-runtime";
 import { useState as _, useRef as oe, useEffect as je, useId as B, forwardRef as Mi, useLayoutEffect as Qt } from "react";
 import { useTranslation as Fn } from "react-i18next";
-import { D as q } from "./dialog-CIUn5oLb.js";
+import { D as q } from "./dialog-CVTxyR0v.js";
 import { Q as $i } from "./qr-code-DHEma21c.js";
 import { S as zi } from "./spinner-CoflYlEx.js";
 import { S as Ie } from "./skeleton-tTWJpvAq.js";
@@ -19,7 +19,7 @@ import { a as Ma } from "./whatsapp-button-XbozeDl_.js";
 import { c as dt } from "./createLucideIcon-DhHxpK9K.js";
 import { M as $a } from "./mail-BqXVF2zH.js";
 import { M as Bi } from "./message-square-Bye4ATvx.js";
-import { D as Nn } from "./dropdown-menu-Dw6sgQwJ.js";
+import { D as Nn } from "./dropdown-menu-DBWaW4pq.js";
 import { S as ji } from "./signature-status-chip-pIoQjvH8.js";
 import { C as Ui } from "./chevron-down-DWE7GSq9.js";
 import { E as Wi } from "./eye-BjhN2nYf.js";
@@ -2787,4 +2787,4 @@ Or.displayName = "SignatureRequestModal";
 export {
   Or as S
 };
-//# sourceMappingURL=signature-request-DW2PSp66.js.map
+//# sourceMappingURL=signature-request-4pGq3YBe.js.map