@alfadocs/ui-kit-debug 0.68.0 → 0.69.0

package/dist/_chunks/notification-tray-DlgenTEe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-tray-DlgenTEe.js","sources":["../../node_modules/lucide-react/dist/esm/icons/bell.js","../../src/components/notification-tray/notification-tray.agent.ts","../../src/components/notification-tray/notification-tray.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M10.268 21a2 2 0 0 0 3.464 0\", key: \"vwvbt9\" }],\n  [\n    \"path\",\n    {\n      d: \"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\",\n      key: \"11g9vi\"\n    }\n  ]\n];\nconst Bell = createLucideIcon(\"bell\", __iconNode);\n\nexport { __iconNode, Bell as default };\n//# sourceMappingURL=bell.js.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — NotificationTray.                                      */\n/*                                                                        */\n/* Tray-level surface: an agent can open / close the panel, read the      */\n/* current items (id + read flag only — never PHI), and route per-item    */\n/* operations (dismiss, mark_read, select) through the curated handle.    */\n/* All actions are routed through the imperative handle; the adapter      */\n/* never touches the DOM directly.                                        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NotificationTrayHandle } from './notification-tray';\n\nexport const notificationTrayAgent: AgentAdapter<NotificationTrayHandle> = {\n  id: 'notification-tray',\n  capabilities: ['open', 'close', 'select_single', 'dismiss'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; read: boolean }>',\n      descriptionKey: 'ui.agent.notificationTray.state.items',\n      description:\n        'Currently-displayed notifications. Ids + read flag only — no PHI.',\n      read: (handle) => handle.getItems(),\n    },\n    unreadCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.notificationTray.state.unreadCount',\n      description: 'Badge unread count surfaced by the host.',\n      read: (handle) => handle.getUnreadCount(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.notificationTray.state.isOpen',\n      description: 'Whether the dropdown panel is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.notificationTray.actions.open',\n      description: 'Open the notification panel.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.notificationTray.actions.close',\n      description: 'Close the notification panel.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.notificationTray.actions.selectItem',\n      description: 'Activate the notification with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n    mark_read: {\n      safety: 'write',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.notificationTray.actions.markRead',\n      description: 'Request the host to mark a notification as read.',\n      invoke: (handle, args: { id: string }) => {\n        handle.markRead(args.id);\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.notificationTray.actions.dismiss',\n      description:\n        'Request the host to dismiss the notification with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.dismiss(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'notification-tray',\n      description: 'Marks the NotificationTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific tray from the agent.',\n    },\n    item: {\n      attr: 'data-notification-id',\n      description:\n        'Stable notification id emitted on each rendered NotificationCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { Bell } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Button } from '../button/button';\nimport { Separator } from '../separator/separator';\nimport { Skeleton } from '../skeleton/skeleton';\nimport {\n  NotificationCard,\n  type NotificationItem,\n} from '../notification-card/notification-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { notificationTrayAgent } from './notification-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for NotificationTray. Exposed as the\n * forwardRef target so a future agent / MCP UI bridge can drive the\n * tray without touching the DOM. See `notification-tray.agent.ts`.\n */\nexport interface NotificationTrayHandle {\n  open: () => void;\n  close: () => void;\n  isOpen: () => boolean;\n  getItems: () => Array<{ id: string; read: boolean }>;\n  getUnreadCount: () => number;\n  selectItem: (id: string) => void;\n  markRead: (id: string) => void;\n  dismiss: (id: string) => void;\n}\n\nexport interface NotificationTrayProps\n  extends\n    Omit<\n      HTMLAttributes<HTMLDivElement>,\n      'onClick' | 'children' | 'role' | 'id'\n    >,\n    VariantProps<typeof notificationTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so\n   * an agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  /** Fires when the host should mark a single notification as read (used by agent integration). */\n  onMarkRead?: (item: NotificationItem) => void;\n  /** Notifications rendered in the dropdown panel. */\n  items: NotificationItem[];\n  /** Number of unseen notifications. Drives the badge count. */\n  unseenCount?: number;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Fires when the open state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Fires when the user activates an item (click or Enter/Space). */\n  onItemClick?: (item: NotificationItem) => void;\n  /** Fires when the user dismisses a notification. */\n  onDismiss?: (item: NotificationItem) => void;\n  /** Fires when the user clicks the header \"Mark all as read\" action. */\n  onMarkAllRead?: () => void;\n  /** When true the panel shows skeleton placeholders. */\n  loading?: boolean;\n  /** Advisory item count before the list scrolls. Consumers override the cap\n   *  via the `--notification-tray-max-block-size` custom property. */\n  maxVisible?: number;\n  /** When set renders a footer link that invokes `onViewAll`. */\n  viewAllLabel?: string;\n  /** Fires when the footer \"View all\" link is clicked. */\n  onViewAll?: () => void;\n  /** Panel alignment relative to the trigger. Default `'end'`. */\n  align?: 'start' | 'center' | 'end';\n  /** Side of the trigger to open on. Default `'bottom'`. */\n  side?: 'top' | 'bottom';\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst notificationTrayVariants = cva(\n  'ds:relative ds:inline-flex ds:items-center',\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst panelVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n    // Subtle tokenized border pairs with the drop-shadow so the panel's\n    // edge stays legible in dark themes (where the shadow alone reads as a\n    // faint halo). `--card-border` is alpha-based (32% in dark, lighter in\n    // light) so the edge cue stays soft rather than turning into a heavy\n    // outline. The forced-colors override below upgrades the border to\n    // `CanvasText` so HCM repaints a fully visible edge.\n    'ds:border ds:border-[color:var(--card-border)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:z-[var(--z-popover)]',\n    // Width: fluid below the design cap so narrow viewports keep a visible\n    // gutter on *both* sides of the panel (shadow included). The legacy\n    // `min-w` approach clamped at 20rem, which flush-mounted the panel\n    // against the inline-start viewport edge on phones.\n    'ds:w-[min(24rem,calc(100vw-2*var(--spacing-md)))]',\n    // Height: below the `sm` breakpoint the panel takes a near-full-screen\n    // sheet shape so the user gets room to triage messages / notifications\n    // without scrolling a tiny popover. `6rem` reserves space for the\n    // Header (≈4rem) plus the sideOffset + collisionPadding (≈2rem).\n    // Above `sm` it returns to `h-auto` so the list's own\n    // `--*-tray-max-block-size` cap governs the height.\n    'ds:h-[calc(100dvh-6rem)] ds:sm:h-auto',\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n    'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n    'ds:motion-reduce:transition-none ds:motion-reduce:animate-none',\n    'ds:focus-visible:outline-none',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-xs)]',\n        md: 'ds:p-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst badgeVariants = cva(\n  [\n    // Anchored to the top-end corner of the trigger, nudged outward so\n    // the bell icon isn't covered.\n    'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    // Circle at 1-2 digits; widens into a pill only for \"99+\".\n    'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n    'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n    'ds:pointer-events-none ds:select-none',\n    'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number, overflowLabel: string): string {\n  return count > 99 ? overflowLabel : String(count);\n}\n\nfunction SkeletonRow() {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\"\n    >\n      <Skeleton variant=\"circular\" size=\"sm\" />\n      <div className=\"ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n        <Skeleton variant=\"text\" size=\"md\" width=\"70%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"90%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"30%\" />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyPanel() {\n  const { t } = useTranslation();\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className=\"ds:flex ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-lg)] ds:text-center\"\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:items-center ds:justify-center ds:size-10 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ds:[&>svg]:size-5\"\n      >\n        <Bell />\n      </span>\n      <p className=\"type-title-item ds:text-[color:var(--foreground)]\">\n        {t('notificationTray.noNotifications', 'No notifications')}\n      </p>\n      <p className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n        {t(\n          'notificationTray.noNotificationsDescription',\n          \"You're all caught up.\",\n        )}\n      </p>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const NotificationTray = forwardRef<\n  HTMLDivElement,\n  NotificationTrayProps\n>(\n  (\n    {\n      id,\n      items,\n      unseenCount,\n      open,\n      onOpenChange,\n      onItemClick,\n      onDismiss,\n      onMarkRead,\n      onMarkAllRead,\n      loading = false,\n      maxVisible,\n      viewAllLabel,\n      onViewAll,\n      align = 'end',\n      side = 'bottom',\n      size = 'md',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const [isOpenRaw, handleOpenChange] = useControllableState<boolean>({\n      value: open,\n      defaultValue: false,\n      onChange: onOpenChange,\n    });\n    const isOpen = isOpenRaw ?? false;\n\n    /* Exit-animation list (AnimatePresence-style).\n     * `displayed` holds an entry per card that's currently mounted, even\n     * briefly after the consumer removes an item from `items`. When the\n     * consumer drops an id from `items`, we flip that entry to\n     * `leaving: true` for one animation cycle, then prune it. */\n    type Displayed = { item: NotificationItem; leaving: boolean };\n    const [displayed, setDisplayed] = useState<Displayed[]>(() =>\n      items.map((item) => ({ item, leaving: false })),\n    );\n\n    const animationDurationMs = useCallback((): number => {\n      if (typeof window === 'undefined') return 200;\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue('--animation-duration');\n      if (!raw) return 200;\n      const trimmed = raw.trim();\n      const n = parseFloat(trimmed);\n      if (!Number.isFinite(n)) return 200;\n      return trimmed.endsWith('ms') ? n : n * 1000;\n    }, []);\n\n    // `useLayoutEffect` so the `leaving=true` flip applies in the same paint\n    // as the consumer's `items` update. With `useEffect` the browser paints\n    // once with the dismissed card still at `leaving=false` (no animation)\n    // before the flag flips — a visible lag before the exit animation starts.\n    useIsomorphicLayoutEffect(() => {\n      setDisplayed((prev) => {\n        const nextIds = new Set(items.map((i) => i.id));\n        const prevIds = new Set(prev.map((d) => d.item.id));\n\n        const merged: Displayed[] = prev.map((d) => {\n          if (nextIds.has(d.item.id)) {\n            const fresh = items.find((i) => i.id === d.item.id);\n            return fresh\n              ? { item: fresh, leaving: false }\n              : { ...d, leaving: true };\n          }\n          return { ...d, leaving: true };\n        });\n\n        for (const i of items) {\n          if (!prevIds.has(i.id)) merged.push({ item: i, leaving: false });\n        }\n        return merged;\n      });\n    }, [items]);\n\n    useEffect(() => {\n      if (!displayed.some((d) => d.leaving)) return;\n      const ms = animationDurationMs();\n      const timer = setTimeout(() => {\n        setDisplayed((prev) => prev.filter((d) => !d.leaving));\n      }, ms);\n      return () => clearTimeout(timer);\n    }, [displayed, animationDurationMs]);\n\n    /* Polite live region — announces when a new unread notification\n       floats to the top of the list, even with the panel closed. */\n    const liveRegionRef = useRef<HTMLDivElement | null>(null);\n    const lastTopIdRef = useRef<string | undefined>(items[0]?.id);\n\n    useEffect(() => {\n      const topId = items[0]?.id;\n      const prev = lastTopIdRef.current;\n      if (prev && topId && prev !== topId && liveRegionRef.current) {\n        const newest = items[0];\n        if (newest && !newest.read) {\n          liveRegionRef.current.textContent = t(\n            'notificationTray.newNotification',\n            {\n              title: newest.title,\n              defaultValue: 'New notification: {{title}}',\n            },\n          );\n        }\n      }\n      lastTopIdRef.current = topId;\n    }, [items, t]);\n\n    const displayCount = unseenCount ?? 0;\n    const triggerAriaLabel =\n      displayCount > 0\n        ? t('notificationTray.triggerLabel', {\n            count: displayCount,\n            defaultValue: 'Notifications, {{count}} unread',\n          })\n        : t('notificationTray.triggerLabelNone', 'Notifications, none unread');\n\n    const badgeLabel = formatBadgeCount(\n      displayCount,\n      t('notificationTray.badgeCountOverflow', '99+'),\n    );\n\n    const panelClass = panelVariants({ size });\n\n    /* Curated imperative handle for agent integration. Pure look-ups +\n     * delegations into the consumer-supplied callbacks; never touches the\n     * DOM. See notification-tray.agent.ts. */\n    const itemsRef = useRef<NotificationItem[]>(items);\n    itemsRef.current = items;\n    const unseenRef = useRef<number | undefined>(unseenCount);\n    unseenRef.current = unseenCount;\n    const isOpenRef = useRef<boolean>(isOpen);\n    isOpenRef.current = isOpen;\n\n    const handle = useMemo<NotificationTrayHandle>(\n      () => ({\n        open: () => handleOpenChange(true),\n        close: () => handleOpenChange(false),\n        isOpen: () => isOpenRef.current,\n        getItems: () =>\n          itemsRef.current.map((i) => ({ id: i.id, read: !!i.read })),\n        getUnreadCount: () =>\n          unseenRef.current ?? itemsRef.current.filter((i) => !i.read).length,\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onItemClick?.(found);\n        },\n        markRead: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onMarkRead?.(found);\n        },\n        dismiss: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onDismiss?.(found);\n        },\n      }),\n      [handleOpenChange, onItemClick, onMarkRead, onDismiss],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n    useAgentRegistration(notificationTrayAgent, handle, id);\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"notification-tray\"\n        data-component-id={id}\n        className={[notificationTrayVariants({ size }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        <RadixPopover.Root open={isOpen} onOpenChange={handleOpenChange}>\n          <RadixPopover.Trigger asChild>\n            <IconButton\n              icon={<Bell />}\n              intent=\"outline\"\n              size={size === 'sm' ? 'sm' : 'md'}\n              aria-label={triggerAriaLabel}\n              aria-haspopup=\"dialog\"\n            />\n          </RadixPopover.Trigger>\n          {displayCount > 0 ? (\n            <span\n              aria-hidden=\"true\"\n              data-testid=\"notification-tray-badge\"\n              className={badgeVariants()}\n            >\n              {badgeLabel}\n            </span>\n          ) : null}\n          {/* Live region sits outside the popover so it announces even\n              while the panel is closed. */}\n          <div\n            ref={liveRegionRef}\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            className=\"ds:sr-only\"\n          />\n          <RadixPopover.Portal>\n            <RadixPopover.Content\n              role=\"dialog\"\n              aria-label={t('notificationTray.panelTitle', 'Notifications')}\n              side={side}\n              align={align}\n              sideOffset={8}\n              // `spacing-md` (16px) keeps Radix's collision-avoidance from\n              // flush-mounting the panel against the viewport edge when the\n              // trigger is near the inline-end of a narrow screen.\n              collisionPadding={16}\n              className={panelClass}\n            >\n              <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]\">\n                <h3 className=\"ds:m-0 type-title-card ds:text-[color:var(--foreground)]\">\n                  {t('notificationTray.panelTitle', 'Notifications')}\n                </h3>\n                {onMarkAllRead && items.some((item) => !item.read) ? (\n                  <Button\n                    intent=\"link\"\n                    size=\"sm\"\n                    onClick={onMarkAllRead}\n                    className=\"ds:text-[length:var(--font-size-xs)]\"\n                  >\n                    {t('notificationTray.markAllRead', 'Mark all as read')}\n                  </Button>\n                ) : null}\n              </div>\n              <Separator />\n              {/* Cap at ~24rem so ~5 items fit before the list scrolls.\n                  Consumers override via the --notification-tray-max-block-size\n                  custom property on the root element. */}\n              <div\n                // `role=\"list\"` requires `listitem` children — applied only\n                // when we render NotificationCards. The empty / loading\n                // states render a `role=\"status\"` panel which would violate\n                // aria-required-children if the list role were always on.\n                role={loading || displayed.length === 0 ? undefined : 'list'}\n                data-max-visible={maxVisible}\n                // Below `sm` the panel is a near-full-screen sheet (see\n                // `panelVariants`) and the list expands to fill the\n                // remaining space with `flex-1`. Above `sm` the list\n                // caps at the `--notification-tray-max-block-size` custom\n                // property so the popover stays compact.\n                className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--notification-tray-max-block-size,24rem)]\"\n              >\n                {loading ? (\n                  <>\n                    <SkeletonRow />\n                    <SkeletonRow />\n                    <SkeletonRow />\n                  </>\n                ) : displayed.length === 0 ? (\n                  <EmptyPanel />\n                ) : (\n                  displayed.map(({ item, leaving }) => (\n                    <NotificationCard\n                      key={item.id}\n                      item={item}\n                      variant=\"compact\"\n                      leaving={leaving}\n                      onActivate={onItemClick}\n                      onDismiss={onDismiss}\n                      data-notification-id={item.id}\n                    />\n                  ))\n                )}\n              </div>\n              {viewAllLabel ? (\n                <>\n                  <Separator />\n                  <div className=\"ds:pt-[var(--spacing-xs)]\">\n                    <Button\n                      intent=\"link\"\n                      size=\"sm\"\n                      onClick={onViewAll}\n                      className=\"ds:w-full ds:justify-center\"\n                    >\n                      {viewAllLabel}\n                    </Button>\n                  </div>\n                </>\n              ) : null}\n            </RadixPopover.Content>\n          </RadixPopover.Portal>\n        </RadixPopover.Root>\n      </div>\n    );\n  },\n);\n\nNotificationTray.displayName = 'NotificationTray';\n"],"names":["__iconNode","Bell","createLucideIcon","notificationTrayAgent","handle","args","notificationTrayVariants","cva","panelVariants","badgeVariants","formatBadgeCount","count","overflowLabel","SkeletonRow","jsxs","jsx","Skeleton","EmptyPanel","t","useTranslation","NotificationTray","forwardRef","id","items","unseenCount","open","onOpenChange","onItemClick","onDismiss","onMarkRead","onMarkAllRead","loading","maxVisible","viewAllLabel","onViewAll","align","side","size","className","rest","ref","isOpenRaw","handleOpenChange","useControllableState","isOpen","displayed","setDisplayed","useState","item","animationDurationMs","useCallback","raw","trimmed","n","useIsomorphicLayoutEffect","prev","nextIds","i","prevIds","d","merged","fresh","useEffect","ms","timer","liveRegionRef","useRef","lastTopIdRef","_a","topId","newest","displayCount","triggerAriaLabel","badgeLabel","panelClass","itemsRef","unseenRef","isOpenRef","useMemo","targetId","found","rootRef","useImperativeHandle","useAgentRegistration","RadixPopover","IconButton","Button","Separator","Fragment","leaving","NotificationCard"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/number-input-Dj5L3pXK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"number-input-Dj5L3pXK.js","sources":["../../src/components/number-input/number-input.agent.ts","../../src/components/number-input/use-locale-number.ts","../../src/components/number-input/number-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — NumberInput.                                           */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NumberInputHandle } from './number-input';\n\nexport const numberInputAgent: AgentAdapter<NumberInputHandle> = {\n  id: 'number-input',\n  capabilities: ['edit_inline'],\n  state: {\n    value: {\n      type: 'number | null',\n      descriptionKey: 'ui.agent.numberInput.state.value',\n      description: 'Current numeric value, or null when empty.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.numberInput.state.isEmpty',\n      description: 'Whether the input has no value.',\n      read: (handle) => handle.getValue() === null,\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: number | null }',\n      descriptionKey: 'ui.agent.numberInput.actions.setValue',\n      description: 'Replace the numeric value, or pass null to clear.',\n      invoke: (handle, args: { value: number | null }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.numberInput.actions.clear',\n      description: 'Empty the input. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.numberInput.actions.focus',\n      description: 'Move keyboard focus to the input.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'number-input',\n      description: 'Marks the NumberInput wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import { useMemo } from 'react';\n\nexport type NumberInputMode = 'integer' | 'decimal' | 'currency' | 'percentage';\n\nexport interface LocaleNumber {\n  /** Format a JS number for display (e.g. `1234.5` → `1.234,5` in de-DE). */\n  format: (value: number) => string;\n  /** Parse a locale-formatted string back to a JS number. Returns `NaN` for invalid input. */\n  parse: (text: string) => number;\n  /** The decimal separator for this locale (e.g. `.` or `,`). */\n  decimalSeparator: string;\n  /** The grouping separator for this locale (e.g. `,` or `.` or ` `). */\n  groupingSeparator: string;\n  /** The correct `inputMode` for the virtual keyboard. */\n  inputMode: 'numeric' | 'decimal';\n}\n\nfunction normalizeDigits(text: string): string {\n  let result = '';\n  for (const ch of text) {\n    const code = ch.codePointAt(0);\n    if (code === undefined) continue;\n    if (code >= 0x0660 && code <= 0x0669) {\n      result += String.fromCodePoint(0x30 + (code - 0x0660));\n    } else if (code >= 0x06f0 && code <= 0x06f9) {\n      result += String.fromCodePoint(0x30 + (code - 0x06f0));\n    } else {\n      result += ch;\n    }\n  }\n  return result;\n}\n\nexport function useLocaleNumber(\n  locale: string,\n  mode: NumberInputMode,\n  currency?: string,\n): LocaleNumber {\n  return useMemo(() => {\n    const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);\n    const decimalSeparator =\n      parts.find((p) => p.type === 'decimal')?.value ?? '.';\n    const groupingSeparator =\n      parts.find((p) => p.type === 'group')?.value ?? ',';\n\n    const displayFormatter: Intl.NumberFormat = (() => {\n      if (mode === 'currency') {\n        return new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency: currency ?? 'USD',\n        });\n      }\n      if (mode === 'percentage') {\n        return new Intl.NumberFormat(locale, {\n          style: 'percent',\n          maximumFractionDigits: 4,\n        });\n      }\n      if (mode === 'integer') {\n        return new Intl.NumberFormat(locale, { maximumFractionDigits: 0 });\n      }\n      return new Intl.NumberFormat(locale, { maximumFractionDigits: 10 });\n    })();\n\n    const format = (value: number): string => {\n      if (!Number.isFinite(value)) return '';\n      return displayFormatter.format(value);\n    };\n\n    const parse = (text: string): number => {\n      if (!text) return NaN;\n      const normalized = normalizeDigits(text);\n      const trimmed = normalized.trim();\n      const hasMinus = trimmed.startsWith('-') || trimmed.startsWith('\\u2212');\n\n      let cleaned = '';\n      for (const ch of normalized) {\n        if (ch >= '0' && ch <= '9') {\n          cleaned += ch;\n        } else if (ch === decimalSeparator) {\n          cleaned += '.';\n        }\n      }\n      if (!cleaned || cleaned === '.') return NaN;\n\n      let n = Number(cleaned);\n      if (!Number.isFinite(n)) return NaN;\n      if (hasMinus) n = -n;\n      if (mode === 'percentage') n = n / 100;\n      return n;\n    };\n\n    let inputMode: 'numeric' | 'decimal' = 'decimal';\n    if (mode === 'integer') {\n      inputMode = 'numeric';\n    } else if (mode === 'currency') {\n      try {\n        const { maximumFractionDigits } = new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency: currency ?? 'USD',\n        }).resolvedOptions();\n        inputMode = maximumFractionDigits === 0 ? 'numeric' : 'decimal';\n      } catch {\n        inputMode = 'decimal';\n      }\n    }\n\n    return {\n      format,\n      parse,\n      decimalSeparator,\n      groupingSeparator,\n      inputMode,\n    };\n  }, [locale, mode, currency]);\n}\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useFormField } from '../form-field/form-field-context';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { numberInputAgent } from './number-input.agent';\nimport { useLocaleNumber, type NumberInputMode } from './use-locale-number';\n\n/** Agent-readiness curated handle for NumberInput. */\nexport interface NumberInputHandle {\n  getValue: () => number | null;\n  setValue: (value: number | null) => void;\n  clear: () => void;\n  focus: () => void;\n}\n\nconst numberInputVariants = cva(\n  [\n    'ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:bg-input ds:text-foreground',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: 'ds:border-border',\n        error: 'ds:border-destructive ds:focus-within:outline-destructive',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'default' },\n  },\n);\n\nconst spinnerButton = [\n  'ds:inline-flex ds:items-center ds:justify-center',\n  'ds:h-full ds:shrink-0',\n  'ds:text-muted-foreground ds:hover:text-foreground',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n].join(' ');\n\nexport type { NumberInputMode };\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'type' | 'onChange' | 'value' | 'defaultValue' | 'size'\n    >,\n    VariantProps<typeof numberInputVariants> {\n  /** Current numeric value (controlled). */\n  value?: number | null;\n  /** Initial value (uncontrolled). */\n  defaultValue?: number;\n  /** Fires with the parsed number (not a string). `null` when the field is empty. */\n  onChange?: (value: number | null) => void;\n  /** Minimum allowed value. Maps to `aria-valuemin`. */\n  min?: number;\n  /** Maximum allowed value. Maps to `aria-valuemax`. */\n  max?: number;\n  /** Increment step. Defaults to `1`. */\n  step?: number;\n  /** Display/parse mode. Defaults to `'integer'`. */\n  mode?: NumberInputMode;\n  /** ISO 4217 currency code, required when `mode='currency'`. */\n  currency?: string;\n  /** BCP 47 locale. Defaults to `navigator.language` or `'en-US'`. */\n  locale?: string;\n  /** Size variant. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Additional class names on the wrapper. */\n  className?: string;\n}\n\nconst resolveDefaultLocale = (): string => {\n  if (typeof navigator !== 'undefined' && navigator.language) {\n    return navigator.language;\n  }\n  return 'en-US';\n};\n\nfunction decimalPlaces(n: number): number {\n  if (!Number.isFinite(n)) return 0;\n  const s = String(n);\n  const dot = s.indexOf('.');\n  if (dot === -1) return 0;\n  return s.length - dot - 1;\n}\n\nfunction roundToStep(value: number, step: number): number {\n  if (step <= 0 || !Number.isFinite(step)) return value;\n  const precision = decimalPlaces(step);\n  const factor = 10 ** precision;\n  return Math.round(value * factor) / factor;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      min,\n      max,\n      step = 1,\n      mode = 'integer',\n      currency,\n      locale,\n      size = 'md',\n      tone,\n      className,\n      id,\n      disabled,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = Boolean(ctx.disabled || disabled);\n\n    const resolvedLocale = locale ?? resolveDefaultLocale();\n    const localeNumber = useLocaleNumber(resolvedLocale, mode, currency);\n    const {\n      decimalSeparator,\n      format: localeFormat,\n      parse: localeParse,\n    } = localeNumber;\n\n    const innerInputRef = useRef<HTMLInputElement | null>(null);\n    const composedRef = composeRefs(ref, innerInputRef);\n\n    const [currentValueRaw, setCurrentValue] = useControllableState<\n      number | null\n    >({\n      value,\n      defaultValue: defaultValue ?? null,\n      onChange,\n    });\n    const currentValue: number | null = currentValueRaw ?? null;\n\n    const currentValueRef = useRef<number | null>(currentValue);\n    currentValueRef.current = currentValue;\n\n    const formatForEdit = useCallback(\n      (n: number): string => {\n        const displayed = mode === 'percentage' ? n * 100 : n;\n        const raw = Number.isInteger(displayed)\n          ? String(displayed)\n          : displayed.toString();\n        return raw.replace('.', decimalSeparator);\n      },\n      [mode, decimalSeparator],\n    );\n\n    const formatCurrent = useCallback(\n      (n: number | null | undefined): string =>\n        n === null || n === undefined || Number.isNaN(n) ? '' : localeFormat(n),\n      [localeFormat],\n    );\n\n    const [inputText, setInputText] = useState<string>(() =>\n      formatCurrent(currentValue),\n    );\n    const isFocusedRef = useRef(false);\n    const [crossedBounds, setCrossedBounds] = useState(false);\n\n    useEffect(() => {\n      if (!isFocusedRef.current) {\n        setInputText(formatCurrent(currentValue));\n      }\n    }, [currentValue, formatCurrent]);\n\n    const computedInvalid =\n      crossedBounds ||\n      (currentValue !== null &&\n        ((min !== undefined && currentValue < min) ||\n          (max !== undefined && currentValue > max)));\n    const ariaInvalid = ctx.invalid || computedInvalid;\n    const effectiveTone: 'default' | 'error' = ariaInvalid\n      ? 'error'\n      : (tone ?? 'default');\n\n    const commitValue = (next: number | null) => {\n      setCurrentValue(next);\n    };\n\n    const applyDelta = (multiplier: number) => {\n      const base = currentValue ?? 0;\n      let next = base + step * multiplier;\n      if (min !== undefined) next = Math.max(min, next);\n      if (max !== undefined) next = Math.min(max, next);\n      next = roundToStep(next, step);\n      commitValue(next);\n      setCrossedBounds(false);\n      setInputText(\n        isFocusedRef.current ? formatForEdit(next) : formatCurrent(next),\n      );\n    };\n\n    const jumpTo = (target: number) => {\n      commitValue(target);\n      setCrossedBounds(false);\n      setInputText(\n        isFocusedRef.current ? formatForEdit(target) : formatCurrent(target),\n      );\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented) return;\n      if (effectiveDisabled) return;\n\n      const { key, shiftKey } = event;\n      if (key === 'ArrowUp') {\n        event.preventDefault();\n        applyDelta(shiftKey ? 10 : 1);\n      } else if (key === 'ArrowDown') {\n        event.preventDefault();\n        applyDelta(shiftKey ? -10 : -1);\n      } else if (key === 'PageUp') {\n        event.preventDefault();\n        applyDelta(100);\n      } else if (key === 'PageDown') {\n        event.preventDefault();\n        applyDelta(-100);\n      } else if (key === 'Home' && min !== undefined) {\n        event.preventDefault();\n        jumpTo(min);\n      } else if (key === 'End' && max !== undefined) {\n        event.preventDefault();\n        jumpTo(max);\n      }\n    };\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value;\n      setInputText(text);\n      if (text.trim() === '') {\n        commitValue(null);\n        setCrossedBounds(false);\n        return;\n      }\n      const parsed = localeParse(text);\n      if (!Number.isNaN(parsed)) {\n        commitValue(parsed);\n      }\n    };\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(event);\n      isFocusedRef.current = true;\n      if (currentValue !== null && currentValue !== undefined) {\n        setInputText(formatForEdit(currentValue));\n      }\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      onBlur?.(event);\n      isFocusedRef.current = false;\n\n      if (inputText.trim() === '') {\n        commitValue(null);\n        setCrossedBounds(false);\n        setInputText('');\n        return;\n      }\n      const parsed = localeParse(inputText);\n      if (Number.isNaN(parsed)) {\n        setInputText(formatCurrent(currentValue));\n        return;\n      }\n      const crossed =\n        (min !== undefined && parsed < min) ||\n        (max !== undefined && parsed > max);\n      setCrossedBounds(crossed);\n      commitValue(parsed);\n      setInputText(formatCurrent(parsed));\n    };\n\n    const preventButtonBlur = (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n    };\n\n    const handleIncrement = () => applyDelta(1);\n    const handleDecrement = () => applyDelta(-1);\n\n    const agentHandle = useMemo<NumberInputHandle>(\n      () => ({\n        getValue: () => currentValueRef.current,\n        setValue: (next) => {\n          commitValue(next);\n          setInputText(\n            next === null\n              ? ''\n              : isFocusedRef.current\n                ? formatForEdit(next)\n                : formatCurrent(next),\n          );\n        },\n        clear: () => {\n          commitValue(null);\n          setInputText('');\n          setCrossedBounds(false);\n        },\n        focus: () => innerInputRef.current?.focus(),\n      }),\n      // The handle is reconstructed per render; consumers (the agent runtime)\n      // re-register only when the identity changes, which is a cheap no-op.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [formatForEdit, formatCurrent],\n    );\n    useAgentRegistration(numberInputAgent, agentHandle, id);\n\n    const decrementDisabled =\n      effectiveDisabled ||\n      (min !== undefined && currentValue !== null && currentValue <= min);\n    const incrementDisabled =\n      effectiveDisabled ||\n      (max !== undefined && currentValue !== null && currentValue >= max);\n\n    const valueNow = currentValue ?? undefined;\n    const valueTextNeeded =\n      (mode === 'currency' || mode === 'percentage') && currentValue !== null;\n    const valueText =\n      valueTextNeeded && currentValue !== null\n        ? localeFormat(currentValue)\n        : undefined;\n\n    const patternAttr =\n      localeNumber.inputMode === 'numeric' ? '[0-9]*' : undefined;\n\n    return (\n      <div\n        className={numberInputVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n        data-component=\"number-input\"\n        data-component-id={id}\n        data-mode={mode}\n      >\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={t('inputs.number.decrement', 'Decrement')}\n          onClick={handleDecrement}\n          onMouseDown={preventButtonBlur}\n          disabled={decrementDisabled}\n          className={`${spinnerButton} ds:ps-2 ds:pe-1`}\n        >\n          <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n        </button>\n        <input\n          ref={composedRef}\n          id={inputId}\n          type=\"text\"\n          role=\"spinbutton\"\n          inputMode={localeNumber.inputMode}\n          pattern={patternAttr}\n          autoComplete=\"off\"\n          value={inputText}\n          disabled={effectiveDisabled}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={valueNow}\n          aria-valuetext={valueText}\n          aria-invalid={ariaInvalid || undefined}\n          aria-required={ctx.required || undefined}\n          aria-describedby={ctx.describedBy || undefined}\n          onChange={handleInputChange}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          className=\"ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed\"\n          {...rest}\n        />\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={t('inputs.number.increment', 'Increment')}\n          onClick={handleIncrement}\n          onMouseDown={preventButtonBlur}\n          disabled={incrementDisabled}\n          className={`${spinnerButton} ds:ps-1 ds:pe-2`}\n        >\n          <ChevronUp aria-hidden=\"true\" className=\"ds:size-4\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = 'NumberInput';\n"],"names":["numberInputAgent","handle","args","normalizeDigits","text","result","ch","code","useLocaleNumber","locale","mode","currency","useMemo","parts","decimalSeparator","_a","p","groupingSeparator","_b","displayFormatter","format","value","parse","normalized","trimmed","hasMinus","cleaned","n","inputMode","maximumFractionDigits","numberInputVariants","cva","spinnerButton","resolveDefaultLocale","decimalPlaces","s","dot","roundToStep","step","factor","NumberInput","forwardRef","defaultValue","onChange","min","max","size","tone","className","id","disabled","onFocus","onBlur","onKeyDown","rest","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","resolvedLocale","localeNumber","localeFormat","localeParse","innerInputRef","useRef","composedRef","composeRefs","currentValueRaw","setCurrentValue","useControllableState","currentValue","currentValueRef","formatForEdit","useCallback","displayed","formatCurrent","inputText","setInputText","useState","isFocusedRef","crossedBounds","setCrossedBounds","useEffect","computedInvalid","ariaInvalid","effectiveTone","commitValue","next","applyDelta","multiplier","jumpTo","target","handleKeyDown","event","key","shiftKey","handleInputChange","parsed","handleFocus","handleBlur","crossed","preventButtonBlur","handleIncrement","handleDecrement","agentHandle","useAgentRegistration","decrementDisabled","incrementDisabled","valueNow","valueText","patternAttr","jsxs","jsx","ChevronDown","ChevronUp"],"mappings":"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"}

package/dist/_chunks/operator-hero-f_KaRhw5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"operator-hero-f_KaRhw5.js","sources":["../../src/components/operator-hero/operator-hero.agent.ts","../../src/components/operator-hero/operator-hero.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { OperatorHeroHandle } from './operator-hero';\n\nexport const operatorHeroAgent: AgentAdapter<OperatorHeroHandle> = {\n  id: 'operator-hero',\n  capabilities: ['view_change'],\n  state: {\n    name: {\n      type: 'string',\n      descriptionKey: 'ui.agent.operatorHero.state.name',\n      description: 'Operator display name currently rendered.',\n      read: (handle) => handle.getName(),\n    },\n    hasColor: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.operatorHero.state.hasColor',\n      description:\n        'Whether a calendar-colour identity dot is rendered. Structural flag only — never the colour id or any PHI.',\n      read: (handle) => handle.getHasColor(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'operator-hero',\n      description: 'Marks the OperatorHero root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Rating } from '../rating/rating';\nimport { colorIdToToken } from '../_shared/entity-card';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { operatorHeroAgent } from './operator-hero.agent';\n\n/* -------------------------------------------------------------------- */\n/* OperatorHero                                                           */\n/*                                                                        */\n/* The operator-page counterpart to the consumer-side `<PracticeHero>`   */\n/* / `<PracticeProfileHero>` pattern. Differences from the practice      */\n/* hero (per the spec):                                                  */\n/*                                                                        */\n/*   - Avatar instead of a full hero image background                   */\n/*   - Ratings + reviews summary rendered inline                        */\n/*   - Slightly shorter vertically — no cover strip, denser padding     */\n/*                                                                        */\n/* Use case: individual operator profile page (`/dentista/<slug>/        */\n/* operatori/<name>`), pair with `<ContactProfileCard>` below to fill   */\n/* in the operator's contact + profession info.                          */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    // Density toggle. Default `comfortable` matches the practice hero's\n    // visual weight minus the cover strip. `compact` is for embedded\n    // surfaces (booking aside, ROI Dashboard practice panel) where the\n    // hero needs to fit in <12rem vertical.\n    density: {\n      comfortable: '',\n      compact: '',\n    },\n    // Matches the kit's other `surface` props (Booking, ReviewsPanel,\n    // ContactProfileCard). `'elevated'` wraps in `<Card>`.\n    surface: {\n      flat: '',\n      elevated: '',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n    surface: 'elevated',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface OperatorHeroBadge {\n  /** Display key — i18n is up to the consumer. */\n  key: string;\n  /** Display label. */\n  label: string;\n  /** Badge variant — falls back to `neutral`. */\n  variant?: 'neutral' | 'info' | 'success' | 'warning' | 'error';\n}\n\nexport interface OperatorHeroRating {\n  /** Mean rating, 0–5. */\n  value: number;\n  /** Total number of reviews. */\n  count: number;\n}\n\nexport interface OperatorHeroHandle {\n  getName: () => string;\n  /** Structural flag — whether a calendar-colour dot is rendered. No PHI. */\n  getHasColor: () => boolean;\n}\n\nexport interface OperatorHeroProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** Operator's display name. Rendered as the H1 heading. */\n  name: string;\n  /**\n   * Optional calendar-colour identity for the operator. AlfaDocs assigns each\n   * operator a numeric colour id; when present, a small colour dot is rendered\n   * next to the name, tinted via `colorIdToToken(colorId)` (a `var(--…)` palette\n   * token — never a literal). The id itself is a structural identifier, not PHI.\n   */\n  colorId?: string;\n  /** Specialty / tagline subtitle (e.g. \"Dermatologa · 12 anni di esperienza\"). */\n  tagline?: string;\n  /**\n   * Optional photo / avatar URL. The kit always renders an `<Avatar>` —\n   * when `imageUrl` is missing the avatar falls back to initials.\n   */\n  imageUrl?: string;\n  /** Rating summary — when present, renders a Rating + numeric breakdown line. */\n  rating?: OperatorHeroRating;\n  /**\n   * Optional badge row beneath the rating. Use sparingly — 1–3 chips\n   * suit the hero's density; longer lists belong in `<ContactProfileCard>`.\n   */\n  badges?: OperatorHeroBadge[];\n\n  /* ----- Slots ----- */\n\n  /**\n   * Rendered at the inline-end of the heading row (right side on LTR).\n   * Use for a \"Book with this operator\" `<Button>` or a \"Back to\n   * practice\" link.\n   */\n  actionSlot?: ReactNode;\n\n  /* ----- Styling ----- */\n\n  /**\n   * `comfortable` (default) — matches the practice hero's visual\n   * weight minus the cover strip. `compact` halves the vertical\n   * padding for embedded surfaces.\n   */\n  density?: 'comfortable' | 'compact';\n  /**\n   * `elevated` (default) wraps in `<Card variant=\"elevated\">`. `flat`\n   * drops the Card — use inside another card / sheet.\n   */\n  surface?: 'flat' | 'elevated';\n\n  /* ----- a11y ----- */\n\n  'aria-label'?: string;\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const OperatorHero = forwardRef<HTMLDivElement, OperatorHeroProps>(\n  (\n    {\n      name,\n      colorId,\n      tagline,\n      imageUrl,\n      rating,\n      badges,\n      actionSlot,\n      density = 'comfortable',\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const headingId = useId();\n    const resolvedAriaLabel = ariaLabel ?? t('operatorHero.regionLabel');\n\n    // Calendar-colour dot. Tint via a component-scoped CSS custom property set\n    // imperatively on a ref — mirrors the Avatar `--avatar-color-override`\n    // idiom so no `style={{…}}` attribute lands on the JSX (constraint §4).\n    const hasColor = colorId !== undefined && colorId !== null;\n    const dotRef = useRef<HTMLSpanElement>(null);\n\n    useAgentRegistration(\n      operatorHeroAgent,\n      { getName: () => name, getHasColor: () => hasColor },\n      id,\n    );\n    useIsomorphicLayoutEffect(() => {\n      const el = dotRef.current;\n      if (!el) return;\n      if (hasColor) {\n        el.style.setProperty('--operator-hero-color', colorIdToToken(colorId));\n      } else {\n        el.style.removeProperty('--operator-hero-color');\n      }\n    }, [hasColor, colorId]);\n\n    const ratingLabel = rating\n      ? t('operatorHero.ratingLabel', {\n          value: rating.value.toFixed(1),\n          count: rating.count,\n        })\n      : undefined;\n\n    // Padding scales with density. Comfortable matches the practice\n    // hero's `pt-xl pb-md` minus the cover strip; compact halves it.\n    const bodyPaddingClass =\n      density === 'comfortable'\n        ? 'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]'\n        : 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]';\n\n    // Avatar size keys off density. Comfortable = 2xl (~72px) to read\n    // as the page hero. Compact = xl (~56px) for embedded use.\n    const avatarSize = density === 'comfortable' ? '2xl' : 'xl';\n\n    // Heading scale tracks density too. Comfortable uses the kit's\n    // page-title token; compact drops to title-card so the operator\n    // name doesn't dominate an embedded surface.\n    const headingClass =\n      density === 'comfortable' ? 'type-title-page' : 'type-title-card';\n\n    const inner = (\n      <div\n        className={[\n          'ds:flex ds:items-start ds:gap-[var(--spacing-lg)]',\n          bodyPaddingClass,\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        ].join(' ')}\n      >\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={imageUrl}\n          className=\"ds:shrink-0\"\n        />\n        <div className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-md)] ds:flex-wrap\">\n            <h1\n              id={headingId}\n              className={`${headingClass} ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--foreground)]`}\n            >\n              {hasColor ? (\n                <span\n                  ref={dotRef}\n                  role=\"img\"\n                  aria-label={t('operatorHero.colorLabel', 'Calendar colour')}\n                  className=\"ds:inline-block ds:size-[var(--spacing-sm)] ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[var(--operator-hero-color)]\"\n                />\n              ) : null}\n              {name}\n            </h1>\n            {actionSlot ? (\n              <div className=\"ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]\">\n                {actionSlot}\n              </div>\n            ) : null}\n          </div>\n          {tagline ? (\n            <p className=\"type-body ds:m-0 ds:text-[color:var(--foreground)]\">\n              {tagline}\n            </p>\n          ) : null}\n          {rating ? (\n            <div\n              className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\"\n              aria-label={ratingLabel}\n            >\n              <Rating\n                value={rating.value}\n                max={5}\n                size={density === 'comfortable' ? 'md' : 'sm'}\n              />\n              <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {rating.value.toFixed(1)} · {rating.count}\n              </span>\n            </div>\n          ) : null}\n          {badges && badges.length > 0 ? (\n            <div\n              role=\"list\"\n              className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] ds:mt-[var(--spacing-2xs)]\"\n            >\n              {badges.map((badge) => (\n                <Badge\n                  key={badge.key}\n                  variant={badge.variant ?? 'neutral'}\n                  role=\"listitem\"\n                >\n                  {badge.label}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"operator-hero\"\n        data-component-id={id}\n        data-density={density}\n        id={id}\n        className={rootVariants({ surface, density, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">{inner}</Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nOperatorHero.displayName = 'OperatorHero';\n\nexport type OperatorHeroDensity = NonNullable<\n  VariantProps<typeof rootVariants>['density']\n>;\n"],"names":["operatorHeroAgent","handle","rootVariants","cva","OperatorHero","forwardRef","name","colorId","tagline","imageUrl","rating","badges","actionSlot","density","surface","ariaLabel","id","className","rest","ref","t","useTranslation","headingId","useId","resolvedAriaLabel","hasColor","dotRef","useRef","useAgentRegistration","useIsomorphicLayoutEffect","el","colorIdToToken","ratingLabel","bodyPaddingClass","avatarSize","headingClass","inner","jsxs","jsx","Avatar","Rating","badge","Badge","Card"],"mappings":"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"}

package/dist/_chunks/otp-input-xQ4Ps5VY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"otp-input-xQ4Ps5VY.js","sources":["../../src/components/otp-input/otp-input.agent.ts","../../src/components/otp-input/otp-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — OTPInput.                                              */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { OTPInputHandle } from './otp-input';\n\nexport const otpInputAgent: AgentAdapter<OTPInputHandle> = {\n  id: 'otp-input',\n  capabilities: ['edit_inline', 'submit'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.otpInput.state.value',\n      description: 'Current digits entered, packed into a single string.',\n      read: (handle) => handle.getValue(),\n    },\n    isComplete: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.otpInput.state.isComplete',\n      description: 'Whether all required digits have been entered.',\n      read: (handle) => handle.isComplete(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      descriptionKey: 'ui.agent.otpInput.actions.setValue',\n      description: 'Replace the entered digits.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.otpInput.actions.clear',\n      description: 'Empty all digit cells. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.otpInput.actions.focus',\n      description: 'Move keyboard focus to the active digit cell.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'otp-input',\n      description:\n        'Marks the OTPInput wrapper. Completion is observable via state.isComplete; the host onComplete callback fires once when all digits are filled.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ClipboardEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useWebOtp } from '../../hooks/use-web-otp';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useAgentRegistration } from '../../agent';\nimport { otpInputAgent } from './otp-input.agent';\n\nexport type OTPMode = 'numeric' | 'alphanumeric';\n\n/** Agent-readiness curated handle for OTPInput. */\nexport interface OTPInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  focus: () => void;\n  isComplete: () => boolean;\n}\n\nconst wrapperVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]');\n\nconst boxVariants = cva(\n  [\n    'ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:bg-input ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        default: 'ds:border-border',\n        error: 'ds:border-destructive',\n      },\n    },\n    defaultVariants: { tone: 'default' },\n  },\n);\n\nexport interface OTPInputProps {\n  /**\n   * Number of boxes. Default 6. Any integer in [3, 10] is honoured;\n   * out-of-range values are clamped (with a DEV warning).\n   */\n  length?: number;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onComplete?: (code: string) => void;\n  disabled?: boolean;\n  error?: boolean;\n  label?: string;\n  /** Stable id, used to address this instance from the agent runtime. */\n  id?: string;\n  className?: string;\n  /**\n   * Opt into Chrome-Android's WebOTP API for one-tap SMS autofill. When\n   * the browser surfaces a matching SMS-bound credential, the kit spreads\n   * the code across every digit box and fires `onComplete` automatically.\n   *\n   * Falls back silently to manual entry on Firefox / desktop / iOS — those\n   * platforms either don't ship the API at all or rely on the\n   * `autocomplete=\"one-time-code\"` QuickType heuristic the kit already\n   * applies to the first input.\n   *\n   * Prerequisites the prop can't enforce: page must be HTTPS, and the SMS\n   * body must end with `@<origin> #<code>` on its last line (Chrome's\n   * spec — without it the browser refuses to surface the message).\n   * Default `false` so the listener stays opt-in.\n   */\n  webOtp?: boolean;\n  /**\n   * When set, renders a hidden `<input name={name}>` kept in sync with the\n   * packed code so consumers can POST the OTP declaratively, e.g.\n   * `sms_code_form[code]`. Default off — no behaviour change.\n   */\n  name?: string;\n  /**\n   * Character set. `numeric` (default) accepts digits only (with Arabic-Indic\n   * digit folding) — byte-identical to prior behaviour. `alphanumeric` accepts\n   * `[A-Za-z0-9]`, uppercases the value, and switches the boxes to text input\n   * (for SMS codes that mix letters and digits).\n   */\n  mode?: OTPMode;\n}\n\nfunction normaliseDigits(str: string): string {\n  return str\n    .replace(/[\\u0660-\\u0669]/g, (c) => String(c.charCodeAt(0) - 0x0660))\n    .replace(/[\\u06F0-\\u06F9]/g, (c) => String(c.charCodeAt(0) - 0x06f0));\n}\n\nconst MIN_LENGTH = 3;\nconst MAX_LENGTH = 10;\n\n/** Clamp an arbitrary length into a sane range; DEV-warn if it had to. */\nfunction resolveLength(length: number): number {\n  // Fall back to the default for non-finite input (e.g. `length={parseInt(x)}`\n  // yielding NaN) so the component never reaches `new Array(NaN)`.\n  const n = Number.isFinite(length) ? Math.floor(length) : 6;\n  const clamped = Math.max(MIN_LENGTH, Math.min(MAX_LENGTH, n));\n  if (import.meta.env.DEV && clamped !== length) {\n    console.warn(\n      `[OTPInput] length ${length} is out of range [${MIN_LENGTH}, ${MAX_LENGTH}] \\u2014 clamped to ${clamped}.`,\n    );\n  }\n  return clamped;\n}\n\n/**\n * Filter + normalise a string to the mode's charset, then clamp to length.\n * - `numeric`: Arabic-Indic digits folded to ASCII, then digits only.\n * - `alphanumeric`: `[A-Za-z0-9]` only, uppercased (codes are uppercase and the\n *   server compares case-insensitively \\u2014 uppercasing keeps the display and the\n *   posted value consistent).\n */\nfunction packValue(value: string, length: number, mode: OTPMode): string {\n  const filtered =\n    mode === 'alphanumeric'\n      ? value.replace(/[^A-Za-z0-9]/g, '').toUpperCase()\n      : normaliseDigits(value).replace(/\\D/g, '');\n  return filtered.slice(0, length);\n}\n\nfunction valueToArray(value: string, length: number, mode: OTPMode): string[] {\n  const packed = packValue(value, length, mode);\n  const arr = new Array<string>(length).fill('');\n  for (let i = 0; i < packed.length; i += 1) {\n    arr[i] = packed[i];\n  }\n  return arr;\n}\n\nexport const OTPInput = forwardRef<OTPInputHandle, OTPInputProps>(\n  (\n    {\n      length: lengthProp = 6,\n      value,\n      defaultValue,\n      onChange,\n      onComplete,\n      disabled,\n      error,\n      label,\n      id,\n      className,\n      webOtp = false,\n      name,\n      mode = 'numeric',\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const length = resolveLength(lengthProp);\n    const ctx = useFormField();\n    const generatedLabelId = useId();\n    const labelId = label ? generatedLabelId : undefined;\n\n    const [internalValueRaw, setInternalValue] = useControllableState<string>({\n      value,\n      defaultValue: packValue(defaultValue ?? '', length, mode),\n    });\n    const currentValue = packValue(internalValueRaw ?? '', length, mode);\n    const digits = valueToArray(currentValue, length, mode);\n\n    const effectiveDisabled = ctx.disabled || Boolean(disabled);\n    const effectiveError = ctx.invalid || Boolean(error);\n    const effectiveTone = effectiveError ? 'error' : 'default';\n\n    const inputsRef = useRef<Array<HTMLInputElement | null>>([]);\n    const completedRef = useRef(currentValue.length === length);\n    const valueRef = useRef(currentValue);\n    valueRef.current = currentValue;\n\n    const computeInitialIndex = () => {\n      const firstEmpty = currentValue.length;\n      if (firstEmpty >= length) return length - 1;\n      return firstEmpty;\n    };\n    const [activeIndex, setActiveIndex] = useState<number>(computeInitialIndex);\n\n    useEffect(() => {\n      if (activeIndex >= length) setActiveIndex(length - 1);\n    }, [activeIndex, length]);\n\n    const focusBox = useCallback(\n      (index: number) => {\n        const clamped = Math.max(0, Math.min(length - 1, index));\n        setActiveIndex(clamped);\n        const node = inputsRef.current[clamped];\n        if (node) {\n          node.focus();\n          node.select();\n        }\n      },\n      [length],\n    );\n\n    const commit = useCallback(\n      (next: string) => {\n        const packed = packValue(next, length, mode);\n        setInternalValue(packed);\n        valueRef.current = packed;\n        onChange?.(packed);\n        if (packed.length === length) {\n          if (!completedRef.current) {\n            completedRef.current = true;\n            onComplete?.(packed);\n          }\n        } else {\n          completedRef.current = false;\n        }\n      },\n      [setInternalValue, length, mode, onChange, onComplete],\n    );\n\n    // WebOTP one-tap autofill. The hook silently no-ops when the API is\n    // unavailable (Firefox / Safari / desktop Chromium) — `commit()` is\n    // the same path manual entry takes, so `onChange` + `onComplete` fire\n    // identically whether the digits arrived via SMS, paste, or typing.\n    useWebOtp({\n      enabled: webOtp && !effectiveDisabled,\n      onCode: commit,\n    });\n\n    const handleChange =\n      (index: number) => (event: ChangeEvent<HTMLInputElement>) => {\n        const raw = event.target.value;\n        const norm =\n          mode === 'alphanumeric'\n            ? raw.replace(/[^A-Za-z0-9]/g, '').toUpperCase()\n            : normaliseDigits(raw).replace(/\\D/g, '');\n        const current = valueRef.current;\n\n        if (norm.length === 0) {\n          if (raw === '' && index < current.length) {\n            const newValue = current.slice(0, index) + current.slice(index + 1);\n            commit(newValue);\n          }\n          return;\n        }\n\n        const before = current.slice(0, index);\n        const after = current.slice(index + norm.length);\n        const newValue = (before + norm + after).slice(0, length);\n        commit(newValue);\n\n        const focusTarget = Math.min(index + norm.length, length - 1);\n        focusBox(focusTarget);\n      };\n\n    const handleKeyDown =\n      (index: number) => (event: KeyboardEvent<HTMLInputElement>) => {\n        const current = valueRef.current;\n        if (event.key === 'Backspace') {\n          if (current[index]) {\n            event.preventDefault();\n            const newValue = current.slice(0, index) + current.slice(index + 1);\n            commit(newValue);\n            return;\n          }\n          if (index > 0) {\n            event.preventDefault();\n            const newValue = current.slice(0, index - 1) + current.slice(index);\n            commit(newValue);\n            focusBox(index - 1);\n          }\n          return;\n        }\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault();\n          if (index > 0) focusBox(index - 1);\n          return;\n        }\n        if (event.key === 'ArrowRight') {\n          event.preventDefault();\n          if (index < length - 1) focusBox(index + 1);\n          return;\n        }\n        if (event.key === 'Home') {\n          event.preventDefault();\n          focusBox(0);\n          return;\n        }\n        if (event.key === 'End') {\n          event.preventDefault();\n          focusBox(length - 1);\n        }\n      };\n\n    const handlePaste =\n      (index: number) => (event: ClipboardEvent<HTMLInputElement>) => {\n        const text = event.clipboardData.getData('text');\n        const stripped = text.replace(/\\s+/g, '');\n        const norm =\n          mode === 'alphanumeric'\n            ? stripped.replace(/[^A-Za-z0-9]/g, '').toUpperCase()\n            : normaliseDigits(stripped);\n        // numeric: reject the whole paste unless it is all digits (byte-identical\n        // to prior behaviour); alphanumeric: accept the stripped [A-Za-z0-9].\n        if (\n          mode === 'alphanumeric' ? norm.length === 0 : !/^[0-9]+$/.test(norm)\n        ) {\n          return;\n        }\n        event.preventDefault();\n        const current = valueRef.current;\n        const before = current.slice(0, index);\n        const after = current.slice(index + norm.length);\n        const newValue = (before + norm + after).slice(0, length);\n        commit(newValue);\n        const focusTarget = Math.min(index + norm.length, length - 1);\n        focusBox(focusTarget);\n      };\n\n    const handleFocus =\n      (index: number) => (event: FocusEvent<HTMLInputElement>) => {\n        setActiveIndex(index);\n        event.currentTarget.select();\n      };\n\n    const baseId = ctx.id;\n\n    const agentHandle = useMemo<OTPInputHandle>(\n      () => ({\n        getValue: () => valueRef.current,\n        setValue: (next) => commit(next),\n        clear: () => commit(''),\n        focus: () => focusBox(activeIndex),\n        isComplete: () => valueRef.current.length === length,\n      }),\n      [commit, focusBox, activeIndex, length],\n    );\n    useAgentRegistration(otpInputAgent, agentHandle, id);\n    // Expose the same imperative handle to React refs so consumers can\n    // focus / read / clear the field (e.g. focus the boxes on a step change).\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n\n    return (\n      <div className={wrapperVariants({ className })}>\n        {label ? (\n          <label\n            id={labelId}\n            htmlFor={`${baseId}-0`}\n            className=\"type-label ds:text-foreground\"\n          >\n            {label}\n          </label>\n        ) : null}\n        {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props -- aria-invalid is a global ARIA state; conveys group-level validation */}\n        <div\n          role=\"group\"\n          dir=\"ltr\"\n          aria-labelledby={labelId}\n          aria-invalid={effectiveError || undefined}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-disabled={effectiveDisabled || undefined}\n          data-component=\"otp-input\"\n          data-component-id={id}\n          className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\"\n        >\n          {digits.map((digit, index) => {\n            const isTabbable = !effectiveDisabled && index === activeIndex;\n            return (\n              <input\n                key={index}\n                ref={(node) => {\n                  inputsRef.current[index] = node;\n                }}\n                id={`${baseId}-${index}`}\n                type=\"text\"\n                inputMode={mode === 'alphanumeric' ? 'text' : 'numeric'}\n                pattern={mode === 'alphanumeric' ? '[A-Za-z0-9]*' : '[0-9]*'}\n                autoCapitalize={\n                  mode === 'alphanumeric' ? 'characters' : undefined\n                }\n                autoComplete={index === 0 ? 'one-time-code' : 'off'}\n                maxLength={1}\n                value={digit}\n                disabled={effectiveDisabled}\n                tabIndex={isTabbable ? 0 : -1}\n                aria-label={t(\n                  mode === 'alphanumeric'\n                    ? 'inputs.otp.charLabel'\n                    : 'inputs.otp.digitLabel',\n                  {\n                    current: index + 1,\n                    total: length,\n                  },\n                )}\n                onChange={handleChange(index)}\n                onKeyDown={handleKeyDown(index)}\n                onPaste={handlePaste(index)}\n                onFocus={handleFocus(index)}\n                className={boxVariants({ tone: effectiveTone })}\n              />\n            );\n          })}\n        </div>\n        {name ? (\n          <input type=\"hidden\" name={name} value={currentValue} readOnly />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nOTPInput.displayName = 'OTPInput';\n"],"names":["otpInputAgent","handle","args","wrapperVariants","cva","boxVariants","normaliseDigits","str","c","MIN_LENGTH","MAX_LENGTH","resolveLength","length","packValue","value","mode","valueToArray","packed","arr","i","OTPInput","forwardRef","lengthProp","defaultValue","onChange","onComplete","disabled","error","label","id","className","webOtp","name","ref","t","useTranslation","ctx","useFormField","generatedLabelId","useId","labelId","internalValueRaw","setInternalValue","useControllableState","currentValue","digits","effectiveDisabled","effectiveError","effectiveTone","inputsRef","useRef","completedRef","valueRef","computeInitialIndex","firstEmpty","activeIndex","setActiveIndex","useState","useEffect","focusBox","useCallback","index","clamped","node","commit","next","useWebOtp","handleChange","event","raw","norm","current","newValue","before","after","focusTarget","handleKeyDown","handlePaste","stripped","handleFocus","baseId","agentHandle","useMemo","useAgentRegistration","useImperativeHandle","jsx","digit","isTabbable"],"mappings":"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"}

package/dist/_chunks/pagination-DQOgnxxw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-DQOgnxxw.js","sources":["../../src/components/pagination/pagination.agent.ts","../../src/components/pagination/pagination.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PaginationHandle } from './pagination';\n\nexport const paginationAgent: AgentAdapter<PaginationHandle> = {\n  id: 'pagination',\n  capabilities: ['paginate', 'range_navigate'],\n  state: {\n    currentPage: {\n      type: 'number',\n      description: 'Current page index (1-based).',\n      read: (handle) => handle.getCurrentPage(),\n    },\n    totalPages: {\n      type: 'number',\n      description: 'Total number of pages.',\n      read: (handle) => handle.getTotalPages(),\n    },\n  },\n  actions: {\n    go_to_page: {\n      safety: 'read',\n      argsType: '{ page: number }',\n      description: 'Navigate to a specific 1-indexed page.',\n      invoke: (handle, args: { page: number }) => {\n        handle.goToPage(args.page);\n      },\n    },\n    next: {\n      safety: 'read',\n      description: 'Advance to the next page.',\n      invoke: (handle) => {\n        handle.next();\n      },\n    },\n    previous: {\n      safety: 'read',\n      description: 'Step back to the previous page.',\n      invoke: (handle) => {\n        handle.previous();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'pagination' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useAgentRegistration } from '../../agent';\nimport { paginationAgent } from './pagination.agent';\nimport * as RadixSelect from '@radix-ui/react-select';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  MoreHorizontal,\n  Check,\n} from 'lucide-react';\n\n/* -------------------------------------------------------------------- */\n/* Sizes                                                                 */\n/* -------------------------------------------------------------------- */\n\ntype PaginationSize = 'sm' | 'md' | 'lg';\n\nconst buttonBase = [\n  'ds:inline-flex ds:items-center ds:justify-center',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:border ds:border-transparent',\n  'ds:font-[var(--font-weight-medium)]',\n  'ds:text-[var(--foreground)]',\n  'ds:select-none',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  'ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50',\n].join(' ');\n\nconst paginationButtonVariants = cva(buttonBase, {\n  variants: {\n    size: {\n      sm: 'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-sm)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n      md: 'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n      lg: 'ds:min-w-[3rem] ds:min-h-[3rem] ds:text-[length:var(--font-size-lg)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    },\n    active: {\n      true: 'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:font-[var(--font-weight-bold)] ds:outline ds:outline-1 ds:outline-[var(--primary)] ds:hover:bg-[var(--primary-hover)]',\n      false: '',\n    },\n  },\n  defaultVariants: { size: 'md', active: false },\n});\n\n/* -------------------------------------------------------------------- */\n/* Range helper                                                          */\n/* -------------------------------------------------------------------- */\n\ntype PageToken = number | 'ellipsis-start' | 'ellipsis-end';\n\nfunction range(start: number, end: number): number[] {\n  const out: number[] = [];\n  for (let i = start; i <= end; i++) out.push(i);\n  return out;\n}\n\nexport function buildPageRange(\n  current: number,\n  totalPages: number,\n  siblingCount = 1,\n  boundaryCount = 1,\n): PageToken[] {\n  if (totalPages <= 0) return [];\n  // Clamp to sensible minima so extreme consumer inputs don't surface\n  // ranges like `[1, 3, 5]` with no ellipsis between boundaries.\n  siblingCount = Math.max(0, siblingCount);\n  boundaryCount = Math.max(1, boundaryCount);\n  const totalNumbers = boundaryCount * 2 + siblingCount * 2 + 3;\n  if (totalNumbers >= totalPages) return range(1, totalPages);\n\n  const startPages = range(1, boundaryCount);\n  const endPages = range(totalPages - boundaryCount + 1, totalPages);\n\n  const siblingStart = Math.max(\n    Math.min(\n      current - siblingCount,\n      totalPages - boundaryCount - siblingCount * 2 - 1,\n    ),\n    boundaryCount + 2,\n  );\n  const siblingEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages[0] - 2,\n  );\n\n  const tokens: PageToken[] = [...startPages];\n\n  if (siblingStart > boundaryCount + 2) tokens.push('ellipsis-start');\n  else if (boundaryCount + 1 < totalPages - boundaryCount)\n    tokens.push(boundaryCount + 1);\n\n  tokens.push(...range(siblingStart, siblingEnd));\n\n  if (siblingEnd < totalPages - boundaryCount - 1) tokens.push('ellipsis-end');\n  else if (totalPages - boundaryCount > boundaryCount)\n    tokens.push(totalPages - boundaryCount);\n\n  tokens.push(...endPages);\n  return tokens;\n}\n\n/* -------------------------------------------------------------------- */\n/* Root                                                                  */\n/* -------------------------------------------------------------------- */\n\n// Curated agent-readiness handle — see pagination.agent.ts.\nexport interface PaginationHandle {\n  getCurrentPage: () => number;\n  getTotalPages: () => number;\n  goToPage: (page: number) => void;\n  next: () => void;\n  previous: () => void;\n}\n\nexport interface PaginationProps extends ComponentPropsWithoutRef<'nav'> {\n  /** Total number of pages. */\n  totalPages: number;\n  /** Controlled current page (1-indexed). */\n  page?: number;\n  /** Default current page for uncontrolled use. */\n  defaultPage?: number;\n  /** Fires when the current page changes. */\n  onPageChange?: (page: number) => void;\n  /** Siblings shown on either side of the active page. @default 1 */\n  siblingCount?: number;\n  /** Boundary pages kept at each end. @default 1 */\n  boundaryCount?: number;\n  /** Visual size. @default 'md' */\n  size?: PaginationSize;\n  /** Show \"first\"/\"last\" chevrons alongside prev/next. @default false */\n  showEndpoints?: boolean;\n  /** Horizontal alignment of the pagination within its container. @default 'center' */\n  align?: 'start' | 'center' | 'end';\n  /** Optional page-size select config. */\n  pageSize?: {\n    value: number;\n    options?: number[];\n    onChange: (size: number) => void;\n  };\n  /** Use `Intl.NumberFormat` for page numbers (Arabic-Indic digits, etc.). */\n  useLocaleDigits?: boolean;\n  /** Locale override for digit formatting. */\n  locale?: string;\n}\n\nconst Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      totalPages,\n      page: controlledPage,\n      defaultPage = 1,\n      onPageChange,\n      siblingCount = 1,\n      boundaryCount = 1,\n      size = 'md',\n      showEndpoints = false,\n      align = 'center',\n      pageSize,\n      useLocaleDigits = false,\n      locale,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [currentPageRaw, setCurrentPage] = useControllableState<number>({\n      value: controlledPage,\n      defaultValue: defaultPage,\n      onChange: onPageChange,\n    });\n    const currentPage = currentPageRaw ?? defaultPage;\n\n    useEffect(() => {\n      if (controlledPage !== undefined && defaultPage !== 1) {\n        console.warn(\n          '[Pagination] Both `page` and `defaultPage` were supplied. The `page` prop wins; remove `defaultPage` for controlled usage.',\n        );\n      }\n    }, [controlledPage, defaultPage]);\n\n    const handleChange = useCallback(\n      (next: number) => {\n        const clamped = Math.min(Math.max(next, 1), Math.max(1, totalPages));\n        setCurrentPage(clamped);\n      },\n      [setCurrentPage, totalPages],\n    );\n\n    const formatNumber = useCallback(\n      (n: number) => {\n        if (!useLocaleDigits) return String(n);\n        try {\n          return new Intl.NumberFormat(locale ?? i18n.language).format(n);\n        } catch {\n          return String(n);\n        }\n      },\n      [i18n.language, locale, useLocaleDigits],\n    );\n\n    const tokens = useMemo(\n      () =>\n        buildPageRange(currentPage, totalPages, siblingCount, boundaryCount),\n      [currentPage, totalPages, siblingCount, boundaryCount],\n    );\n\n    const atFirst = currentPage <= 1;\n    const atLast = currentPage >= totalPages;\n\n    // Agent handle — refs for fresh reads.\n    const pageRef = useRef(currentPage);\n    useEffect(() => {\n      pageRef.current = currentPage;\n    }, [currentPage]);\n    const totalRef = useRef(totalPages);\n    useEffect(() => {\n      totalRef.current = totalPages;\n    }, [totalPages]);\n\n    const agentHandle = useMemo<PaginationHandle>(\n      () => ({\n        getCurrentPage: () => pageRef.current,\n        getTotalPages: () => totalRef.current,\n        goToPage: (next) => handleChange(next),\n        next: () => handleChange(pageRef.current + 1),\n        previous: () => handleChange(pageRef.current - 1),\n      }),\n      [handleChange],\n    );\n    useAgentRegistration(paginationAgent, agentHandle, id);\n\n    const justifyClass =\n      align === 'start'\n        ? 'ds:justify-start'\n        : align === 'end'\n          ? 'ds:justify-end'\n          : 'ds:justify-center';\n\n    return (\n      <nav\n        ref={ref}\n        aria-label={t('navigation.pagination.label')}\n        id={id}\n        data-component=\"pagination\"\n        data-component-id={id}\n        className={[\n          'ds:flex ds:items-center',\n          justifyClass,\n          'ds:gap-[var(--spacing-sm)]',\n          'ds:flex-wrap',\n          className ?? '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        <PaginationList size={size}>\n          {showEndpoints ? (\n            <PaginationItem>\n              <PaginationEndpoint\n                type=\"first\"\n                size={size}\n                disabled={atFirst}\n                onClick={() => handleChange(1)}\n              />\n            </PaginationItem>\n          ) : null}\n          <PaginationItem>\n            <PaginationPrevious\n              size={size}\n              disabled={atFirst}\n              onClick={() => handleChange(currentPage - 1)}\n            />\n          </PaginationItem>\n          {tokens.map((token, i) => {\n            if (token === 'ellipsis-start' || token === 'ellipsis-end') {\n              return (\n                <PaginationItem key={`e-${i}`}>\n                  <PaginationEllipsis />\n                </PaginationItem>\n              );\n            }\n            return (\n              <PaginationItem key={`p-${token}`}>\n                <PaginationLink\n                  size={size}\n                  isActive={token === currentPage}\n                  aria-label={t('navigation.pagination.pageN', { n: token })}\n                  onClick={() => handleChange(token)}\n                >\n                  {formatNumber(token)}\n                </PaginationLink>\n              </PaginationItem>\n            );\n          })}\n          <PaginationItem>\n            <PaginationNext\n              size={size}\n              disabled={atLast}\n              onClick={() => handleChange(currentPage + 1)}\n            />\n          </PaginationItem>\n          {showEndpoints ? (\n            <PaginationItem>\n              <PaginationEndpoint\n                type=\"last\"\n                size={size}\n                disabled={atLast}\n                onClick={() => handleChange(totalPages)}\n              />\n            </PaginationItem>\n          ) : null}\n        </PaginationList>\n        {pageSize ? (\n          <PageSizeSelect\n            size={size}\n            value={pageSize.value}\n            options={pageSize.options ?? [10, 25, 50, 100]}\n            onChange={pageSize.onChange}\n            formatNumber={formatNumber}\n          />\n        ) : null}\n      </nav>\n    );\n  },\n);\nPagination.displayName = 'Pagination';\n\n/* -------------------------------------------------------------------- */\n/* List + item                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface PaginationListProps extends ComponentPropsWithoutRef<'ul'> {\n  size?: PaginationSize;\n}\n\nconst PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  ({ children, className, ...rest }, ref) => (\n    <ul\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center',\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:m-0 ds:ps-0',\n        'ds:list-none',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children}\n    </ul>\n  ),\n);\nPaginationList.displayName = 'PaginationList';\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<'li'>;\n\nconst PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  ({ children, className, ...rest }, ref) => (\n    <li ref={ref} className={className} {...rest}>\n      {children}\n    </li>\n  ),\n);\nPaginationItem.displayName = 'PaginationItem';\n\n/* -------------------------------------------------------------------- */\n/* Link                                                                  */\n/* -------------------------------------------------------------------- */\n\nexport interface PaginationLinkProps\n  extends\n    Omit<ComponentPropsWithoutRef<'button'>, 'size'>,\n    VariantProps<typeof paginationButtonVariants> {\n  isActive?: boolean;\n  size?: PaginationSize;\n}\n\nconst PaginationLink = forwardRef<HTMLButtonElement, PaginationLinkProps>(\n  ({ isActive = false, size = 'md', className, children, ...rest }, ref) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-current={isActive ? 'page' : undefined}\n      className={paginationButtonVariants({\n        size,\n        active: isActive,\n        className,\n      })}\n      {...rest}\n    >\n      {children}\n    </button>\n  ),\n);\nPaginationLink.displayName = 'PaginationLink';\n\n/* -------------------------------------------------------------------- */\n/* Previous / Next / Endpoint buttons                                    */\n/* -------------------------------------------------------------------- */\n\ninterface NavButtonProps {\n  size?: PaginationSize;\n  disabled?: boolean;\n  onClick?: () => void;\n}\n\nconst chevronClasses = 'ds:size-4 ds:rtl:-scale-x-100';\n\nconst PaginationPrevious = forwardRef<HTMLButtonElement, NavButtonProps>(\n  ({ size = 'md', disabled, onClick }, ref) => {\n    const { t } = useTranslation();\n    const label = t('navigation.pagination.previous');\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        onClick={onClick}\n        className={paginationButtonVariants({ size })}\n      >\n        <ChevronLeft aria-hidden=\"true\" className={chevronClasses} />\n      </button>\n    );\n  },\n);\nPaginationPrevious.displayName = 'PaginationPrevious';\n\nconst PaginationNext = forwardRef<HTMLButtonElement, NavButtonProps>(\n  ({ size = 'md', disabled, onClick }, ref) => {\n    const { t } = useTranslation();\n    const label = t('navigation.pagination.next');\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        onClick={onClick}\n        className={paginationButtonVariants({ size })}\n      >\n        <ChevronRight aria-hidden=\"true\" className={chevronClasses} />\n      </button>\n    );\n  },\n);\nPaginationNext.displayName = 'PaginationNext';\n\ninterface EndpointProps extends NavButtonProps {\n  type: 'first' | 'last';\n}\n\nconst PaginationEndpoint = forwardRef<HTMLButtonElement, EndpointProps>(\n  ({ type, size = 'md', disabled, onClick }, ref) => {\n    const { t } = useTranslation();\n    const label =\n      type === 'first'\n        ? t('navigation.pagination.first')\n        : t('navigation.pagination.last');\n    const Icon = type === 'first' ? ChevronsLeft : ChevronsRight;\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        onClick={onClick}\n        className={paginationButtonVariants({ size })}\n      >\n        <Icon aria-hidden=\"true\" className={chevronClasses} />\n      </button>\n    );\n  },\n);\nPaginationEndpoint.displayName = 'PaginationEndpoint';\n\n/* -------------------------------------------------------------------- */\n/* Ellipsis                                                              */\n/* -------------------------------------------------------------------- */\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<'span'>;\n\nconst PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  ({ className, ...rest }, ref) => (\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      role=\"presentation\"\n      className={[\n        'ds:inline-flex ds:items-center ds:justify-center',\n        'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n        'ds:text-[var(--muted-foreground)]',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      <MoreHorizontal aria-hidden=\"true\" className=\"ds:size-4\" />\n    </span>\n  ),\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\n/* -------------------------------------------------------------------- */\n/* Page-size select                                                      */\n/* -------------------------------------------------------------------- */\n\ninterface PageSizeSelectProps {\n  size: PaginationSize;\n  value: number;\n  options: number[];\n  onChange: (size: number) => void;\n  formatNumber: (n: number) => string;\n}\n\nconst selectTriggerClasses = [\n  'ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-xs)]',\n  'ds:rounded-[var(--radius-sm)] ds:border ds:border-[var(--border)] ds:bg-[var(--background)]',\n  'ds:text-[var(--foreground)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[6rem]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n  'ds:text-[var(--font-size-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n].join(' ');\n\nconst selectContentClasses = [\n  'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]',\n  'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none',\n].join(' ');\n\nconst selectItemClasses = [\n  'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-xl)] ds:pe-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-[var(--foreground)] ds:outline-none ds:select-none',\n  'ds:data-[highlighted]:bg-[var(--muted)]/20',\n  'ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50',\n].join(' ');\n\nfunction PageSizeSelect({\n  value,\n  options,\n  onChange,\n  formatNumber,\n}: PageSizeSelectProps) {\n  const { t } = useTranslation();\n  const labelId = useId();\n  return (\n    <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n      <span\n        id={labelId}\n        className=\"type-label ds:text-[var(--muted-foreground)]\"\n      >\n        {t('navigation.pagination.rowsPerPage')}\n      </span>\n      <RadixSelect.Root\n        value={String(value)}\n        onValueChange={(v) => onChange(Number(v))}\n      >\n        <RadixSelect.Trigger\n          aria-labelledby={labelId}\n          className={selectTriggerClasses}\n        >\n          <RadixSelect.Value />\n          <RadixSelect.Icon asChild>\n            <ChevronRight\n              aria-hidden=\"true\"\n              className=\"ds:size-3 ds:rotate-90\"\n            />\n          </RadixSelect.Icon>\n        </RadixSelect.Trigger>\n        <RadixSelect.Portal>\n          <RadixSelect.Content\n            className={selectContentClasses}\n            position=\"popper\"\n          >\n            <RadixSelect.Viewport className=\"ds:p-[var(--spacing-xs)]\">\n              {options.map((o) => (\n                <RadixSelect.Item\n                  key={o}\n                  value={String(o)}\n                  className={selectItemClasses}\n                >\n                  <RadixSelect.ItemIndicator className=\"ds:absolute ds:inline-flex ds:items-center ds:justify-center ds:start-[var(--spacing-sm)]\">\n                    <Check aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                  </RadixSelect.ItemIndicator>\n                  <RadixSelect.ItemText>{formatNumber(o)}</RadixSelect.ItemText>\n                </RadixSelect.Item>\n              ))}\n            </RadixSelect.Viewport>\n          </RadixSelect.Content>\n        </RadixSelect.Portal>\n      </RadixSelect.Root>\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Exports                                                               */\n/* -------------------------------------------------------------------- */\n\nexport {\n  Pagination,\n  PaginationList,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"names":["paginationAgent","handle","args","buttonBase","paginationButtonVariants","cva","range","start","end","out","i","buildPageRange","current","totalPages","siblingCount","boundaryCount","startPages","endPages","siblingStart","siblingEnd","tokens","Pagination","forwardRef","controlledPage","defaultPage","onPageChange","size","showEndpoints","align","pageSize","useLocaleDigits","locale","className","id","rest","ref","t","i18n","useTranslation","currentPageRaw","setCurrentPage","useControllableState","currentPage","useEffect","handleChange","useCallback","next","clamped","formatNumber","n","useMemo","atFirst","atLast","pageRef","useRef","totalRef","agentHandle","useAgentRegistration","justifyClass","jsxs","PaginationList","PaginationItem","jsx","PaginationEndpoint","PaginationPrevious","token","PaginationEllipsis","PaginationLink","PaginationNext","PageSizeSelect","children","isActive","chevronClasses","disabled","onClick","label","ChevronLeft","ChevronRight","type","Icon","ChevronsLeft","ChevronsRight","MoreHorizontal","selectTriggerClasses","selectContentClasses","selectItemClasses","value","options","onChange","labelId","useId","RadixSelect","v","o","Check"],"mappings":"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"}