@alfadocs/ui-kit-debug 1.90.1 → 1.91.0

package/dist/_chunks/{appointment-tray-Dwc8MSIQ.js.map → appointment-tray-6zd8RLIL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"appointment-tray-Dwc8MSIQ.js","sources":["../../src/components/appointment-card/appointment-card.agent.ts","../../src/components/appointment-card/appointment-tray.agent.ts","../../src/components/appointment-card/appointment-tray.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AppointmentCard.                                       */\n/*                                                                        */\n/* Single-appointment surface. Activation is owned by the consumer /     */\n/* host tray; the card emits a DOM hook so a future MCP UI bridge can    */\n/* address one rendered card by its appointment id. Read-only — the card */\n/* exposes no imperative handle of its own (the tray owns activation).   */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const appointmentCardAgent: AgentAdapter = {\n  id: 'appointment-card',\n  // 'pick' (non-persisting activation) is host-delegated: the card exposes no\n  // handle of its own — its enclosing AppointmentTray performs the pick via\n  // `appointment-tray.select_item`, addressing this card by its data-component-id.\n  capabilities: ['pick'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'appointment-card',\n      description:\n        'Marks the element as a kit AppointmentCard. The root also emits data-component-id sourced from item.id, data-state with the appointment lifecycle, and data-type with the delivery channel.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'item.id',\n      description: 'Sourced from item.id — the stable appointment identifier.',\n    },\n  },\n};\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — AppointmentTray.                                       */\n/*                                                                        */\n/* Tray-level surface: read appointment ids + lifecycle state (never     */\n/* patient names / treatments), and route an activation through the      */\n/* curated handle. AppointmentTray is in-page (no open/close).           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AppointmentTrayHandle } from './appointment-tray';\n\nexport const appointmentTrayAgent: AgentAdapter<AppointmentTrayHandle> = {\n  id: 'appointment-tray',\n  // 'pick' (non-persisting activation): select_item routes an activation\n  // through onActivate — it does not persist a \"selected appointment\" value,\n  // so this is a focus/pick, not a select_single.\n  capabilities: ['pick'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; state: string }>',\n      descriptionKey: 'ui.agent.appointmentTray.state.items',\n      description:\n        'Currently-displayed appointments. Ids + lifecycle state only — never patient identity.',\n      read: (handle) => handle.getItems(),\n    },\n  },\n  actions: {\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.appointmentTray.actions.selectItem',\n      description: 'Activate the appointment with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'appointment-tray',\n      description: 'Marks the AppointmentTray 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-appointment-id',\n      description:\n        'Stable appointment id emitted on each rendered AppointmentCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { AppointmentCard, type AppointmentItem } from './appointment-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { appointmentTrayAgent } from './appointment-tray.agent';\n\n/* -------------------------------------------------------------------- */\n/* AppointmentTray                                                       */\n/*                                                                       */\n/* Bordered panel that hosts a list of AppointmentCards — header with a  */\n/* title + optional caption + an \"Add\" affordance, a body that branches  */\n/* on loading (Skeleton) / empty (EmptyState) / list. Mirrors AgendaTray */\n/* but composes the richer AppointmentCard row.                          */\n/*                                                                       */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `appointmentTray.*` namespace.                                        */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — panel surface                                                   */\n/* -------------------------------------------------------------------- */\n\nconst appointmentTrayVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                 */\n/* -------------------------------------------------------------------- */\n\n/**\n * Curated imperative handle for AppointmentTray — the forwardRef target so a\n * future agent / MCP UI bridge can drive the tray without touching the DOM.\n * Reads identifiers + lifecycle state only, never patient identity. See\n * `appointment-tray.agent.ts`.\n */\nexport interface AppointmentTrayHandle {\n  getItems: () => Array<{ id: string; state: string }>;\n  selectItem: (id: string) => void;\n}\n\nexport interface AppointmentTrayProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof appointmentTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so an\n   * agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  /** The appointments to render. */\n  items: AppointmentItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Optional small caption (e.g. localised date) shown next to the title. */\n  caption?: string;\n  /** Visual density passed through to each AppointmentCard. */\n  size?: 'sm' | 'md';\n  /** BCP-47 locale override passed to each AppointmentCard. */\n  locale?: string;\n  /** ISO-4217 currency code passed to each AppointmentCard. */\n  currency?: string;\n  onOpenAppointment?: (item: AppointmentItem) => void;\n  onAddAppointment?: () => void;\n  /** Localised label for the \"Add\" affordance. */\n  addLabel?: string;\n  loading?: boolean;\n  emptyTitle?: string;\n  emptyDescription?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AppointmentTray = forwardRef<HTMLElement, AppointmentTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      caption,\n      size = 'sm',\n      locale,\n      currency,\n      onOpenAppointment,\n      onAddAppointment,\n      addLabel,\n      loading = false,\n      emptyTitle,\n      emptyDescription,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const heading = title ?? t('appointmentTray.title');\n    const resolvedAddLabel = addLabel ?? t('appointmentTray.add');\n    const isEmpty = !loading && items.length === 0;\n\n    let body: ReactNode;\n    if (loading) {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} variant=\"rectangular\" height=\"3.5rem\" />\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div className=\"ds:p-[var(--spacing-md)]\">\n          <EmptyState\n            variant=\"first-use\"\n            size=\"sm\"\n            title={emptyTitle ?? t('appointmentTray.empty.title')}\n            description={\n              emptyDescription ?? t('appointmentTray.empty.description')\n            }\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul className=\"ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-[var(--spacing-2xs)]\">\n          {items.map((item) => (\n            <AppointmentCard\n              key={item.id}\n              item={item}\n              size={size}\n              locale={locale}\n              currency={currency}\n              onActivate={onOpenAppointment}\n              data-appointment-id={item.id}\n            />\n          ))}\n        </ul>\n      );\n    }\n\n    /* Curated imperative handle for agent integration. See\n     * appointment-tray.agent.ts. */\n    const itemsRef = useRef<AppointmentItem[]>(items);\n    itemsRef.current = items;\n\n    const innerRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLElement, []);\n\n    const handle = useMemo<AppointmentTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({ id: i.id, state: i.state })),\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onOpenAppointment?.(found);\n        },\n      }),\n      [onOpenAppointment],\n    );\n\n    useAgentRegistration(appointmentTrayAgent, handle, id);\n\n    return (\n      <section\n        ref={innerRef}\n        aria-label={heading}\n        data-component=\"appointment-tray\"\n        data-component-id={id}\n        className={appointmentTrayVariants({ size, className })}\n        {...rest}\n      >\n        <header className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0\">\n            <h3 className=\"ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card\">\n              <CalendarDays aria-hidden=\"true\" className=\"ds:size-4\" />\n              {heading}\n            </h3>\n            {caption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {caption}\n              </span>\n            ) : null}\n          </div>\n          {onAddAppointment ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddAppointment}\n            />\n          ) : null}\n        </header>\n        {body}\n      </section>\n    );\n  },\n);\n\nAppointmentTray.displayName = 'AppointmentTray';\n"],"names":["appointmentCardAgent","appointmentTrayAgent","handle","args","appointmentTrayVariants","cva","AppointmentTray","forwardRef","id","items","title","caption","size","locale","currency","onOpenAppointment","onAddAppointment","addLabel","loading","emptyTitle","emptyDescription","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","AppointmentCard","itemsRef","useRef","innerRef","useImperativeHandle","useMemo","targetId","found","useAgentRegistration","jsxs","CalendarDays","IconButton","Plus"],"mappings":"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"}
+{"version":3,"file":"appointment-tray-6zd8RLIL.js","sources":["../../src/components/appointment-card/appointment-card.agent.ts","../../src/components/appointment-card/appointment-tray.agent.ts","../../src/components/appointment-card/appointment-tray.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AppointmentCard.                                       */\n/*                                                                        */\n/* Single-appointment surface. Activation is owned by the consumer /     */\n/* host tray; the card emits a DOM hook so a future MCP UI bridge can    */\n/* address one rendered card by its appointment id. Read-only — the card */\n/* exposes no imperative handle of its own (the tray owns activation).   */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const appointmentCardAgent: AgentAdapter = {\n  id: 'appointment-card',\n  // 'pick' (non-persisting activation) is host-delegated: the card exposes no\n  // handle of its own — its enclosing AppointmentTray performs the pick via\n  // `appointment-tray.select_item`, addressing this card by its data-component-id.\n  capabilities: ['pick'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'appointment-card',\n      description:\n        'Marks the element as a kit AppointmentCard. The root also emits data-component-id sourced from item.id, data-state with the appointment lifecycle, and data-type with the delivery channel.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'item.id',\n      description: 'Sourced from item.id — the stable appointment identifier.',\n    },\n  },\n};\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — AppointmentTray.                                       */\n/*                                                                        */\n/* Tray-level surface: read appointment ids + lifecycle state (never     */\n/* patient names / treatments), and route an activation through the      */\n/* curated handle. AppointmentTray is in-page (no open/close).           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AppointmentTrayHandle } from './appointment-tray';\n\nexport const appointmentTrayAgent: AgentAdapter<AppointmentTrayHandle> = {\n  id: 'appointment-tray',\n  // 'pick' (non-persisting activation): select_item routes an activation\n  // through onActivate — it does not persist a \"selected appointment\" value,\n  // so this is a focus/pick, not a select_single.\n  capabilities: ['pick'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; state: string }>',\n      descriptionKey: 'ui.agent.appointmentTray.state.items',\n      description:\n        'Currently-displayed appointments. Ids + lifecycle state only — never patient identity.',\n      read: (handle) => handle.getItems(),\n    },\n  },\n  actions: {\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.appointmentTray.actions.selectItem',\n      description: 'Activate the appointment with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'appointment-tray',\n      description: 'Marks the AppointmentTray 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-appointment-id',\n      description:\n        'Stable appointment id emitted on each rendered AppointmentCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { AppointmentCard, type AppointmentItem } from './appointment-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { appointmentTrayAgent } from './appointment-tray.agent';\n\n/* -------------------------------------------------------------------- */\n/* AppointmentTray                                                       */\n/*                                                                       */\n/* Bordered panel that hosts a list of AppointmentCards — header with a  */\n/* title + optional caption + an \"Add\" affordance, a body that branches  */\n/* on loading (Skeleton) / empty (EmptyState) / list. Mirrors AgendaTray */\n/* but composes the richer AppointmentCard row.                          */\n/*                                                                       */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `appointmentTray.*` namespace.                                        */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — panel surface                                                   */\n/* -------------------------------------------------------------------- */\n\nconst appointmentTrayVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                 */\n/* -------------------------------------------------------------------- */\n\n/**\n * Curated imperative handle for AppointmentTray — the forwardRef target so a\n * future agent / MCP UI bridge can drive the tray without touching the DOM.\n * Reads identifiers + lifecycle state only, never patient identity. See\n * `appointment-tray.agent.ts`.\n */\nexport interface AppointmentTrayHandle {\n  getItems: () => Array<{ id: string; state: string }>;\n  selectItem: (id: string) => void;\n}\n\nexport interface AppointmentTrayProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof appointmentTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so an\n   * agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  /** The appointments to render. */\n  items: AppointmentItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Optional small caption (e.g. localised date) shown next to the title. */\n  caption?: string;\n  /** Visual density passed through to each AppointmentCard. */\n  size?: 'sm' | 'md';\n  /** BCP-47 locale override passed to each AppointmentCard. */\n  locale?: string;\n  /** ISO-4217 currency code passed to each AppointmentCard. */\n  currency?: string;\n  onOpenAppointment?: (item: AppointmentItem) => void;\n  onAddAppointment?: () => void;\n  /** Localised label for the \"Add\" affordance. */\n  addLabel?: string;\n  loading?: boolean;\n  emptyTitle?: string;\n  emptyDescription?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AppointmentTray = forwardRef<HTMLElement, AppointmentTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      caption,\n      size = 'sm',\n      locale,\n      currency,\n      onOpenAppointment,\n      onAddAppointment,\n      addLabel,\n      loading = false,\n      emptyTitle,\n      emptyDescription,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const heading = title ?? t('appointmentTray.title');\n    const resolvedAddLabel = addLabel ?? t('appointmentTray.add');\n    const isEmpty = !loading && items.length === 0;\n\n    let body: ReactNode;\n    if (loading) {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} variant=\"rectangular\" height=\"3.5rem\" />\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div className=\"ds:p-[var(--spacing-md)]\">\n          <EmptyState\n            variant=\"first-use\"\n            size=\"sm\"\n            title={emptyTitle ?? t('appointmentTray.empty.title')}\n            description={\n              emptyDescription ?? t('appointmentTray.empty.description')\n            }\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul className=\"ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-[var(--spacing-2xs)]\">\n          {items.map((item) => (\n            <AppointmentCard\n              key={item.id}\n              item={item}\n              size={size}\n              locale={locale}\n              currency={currency}\n              onActivate={onOpenAppointment}\n              data-appointment-id={item.id}\n            />\n          ))}\n        </ul>\n      );\n    }\n\n    /* Curated imperative handle for agent integration. See\n     * appointment-tray.agent.ts. */\n    const itemsRef = useRef<AppointmentItem[]>(items);\n    itemsRef.current = items;\n\n    const innerRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLElement, []);\n\n    const handle = useMemo<AppointmentTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({ id: i.id, state: i.state })),\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onOpenAppointment?.(found);\n        },\n      }),\n      [onOpenAppointment],\n    );\n\n    useAgentRegistration(appointmentTrayAgent, handle, id);\n\n    return (\n      <section\n        ref={innerRef}\n        aria-label={heading}\n        data-component=\"appointment-tray\"\n        data-component-id={id}\n        className={appointmentTrayVariants({ size, className })}\n        {...rest}\n      >\n        <header className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0\">\n            <h3 className=\"ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card\">\n              <CalendarDays aria-hidden=\"true\" className=\"ds:size-4\" />\n              {heading}\n            </h3>\n            {caption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {caption}\n              </span>\n            ) : null}\n          </div>\n          {onAddAppointment ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddAppointment}\n            />\n          ) : null}\n        </header>\n        {body}\n      </section>\n    );\n  },\n);\n\nAppointmentTray.displayName = 'AppointmentTray';\n"],"names":["appointmentCardAgent","appointmentTrayAgent","handle","args","appointmentTrayVariants","cva","AppointmentTray","forwardRef","id","items","title","caption","size","locale","currency","onOpenAppointment","onAddAppointment","addLabel","loading","emptyTitle","emptyDescription","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","AppointmentCard","itemsRef","useRef","innerRef","useImperativeHandle","useMemo","targetId","found","useAgentRegistration","jsxs","CalendarDays","IconButton","Plus"],"mappings":"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"}

package/dist/_chunks/autocomplete-BXMcNoa3.js

@@ -0,0 +1,562 @@
+import { jsx as s, jsxs as R } from "react/jsx-runtime";
+import { forwardRef as at, useId as ot, useState as T, useRef as p, useCallback as V, useEffect as E, useMemo as Y } from "react";
+import { _ as g } from "./index-4xgbg-sn.js";
+import * as B from "@radix-ui/react-popover";
+import { c as P } from "./index-D2ZczOXr.js";
+import { useTranslation as rt } from "react-i18next";
+import { S as he } from "./spinner-CoflYlEx.js";
+import { u as it, b as lt } from "./form-field-context-DtiROUJV.js";
+import { u as dt } from "./use-controllable-state-BiY4xTzM.js";
+import { u as ve } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { g as ut } from "./group-options-BvKhQ3xb.js";
+import { b as ct } from "./menu-row-BAr8bx1I.js";
+import { I as pt, a as Z, b as ee, c as mt } from "./input-surface-iBmxVBfr.js";
+import { u as ft } from "./registry-DvAUVLHh.js";
+import { u as gt } from "./use-debounced-callback-BisrB-Fq.js";
+const ht = {
+  id: "autocomplete",
+  capabilities: ["select_single", "filter", "open", "close"],
+  state: {
+    value: {
+      type: "string | null",
+      descriptionKey: "ui.agent.autocomplete.state.value",
+      description: "Currently-selected option value, or null when nothing is committed.",
+      read: (a) => a.getValue()
+    },
+    query: {
+      type: "string",
+      descriptionKey: "ui.agent.autocomplete.state.query",
+      description: "Current free-text query in the input.",
+      read: (a) => a.getQuery()
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.autocomplete.state.isOpen",
+      description: "True when the suggestion popup is visible. Open with no suggestions to show reads false.",
+      read: (a) => a.getIsOpen()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string | null }",
+      argsSchema: {
+        type: "object",
+        properties: { value: { type: ["string", "null"] } },
+        required: ["value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.autocomplete.actions.setValue",
+      description: "Set the committed value programmatically.",
+      invoke: (a, d) => {
+        a.setValue(d.value);
+      }
+    },
+    apply_filter: {
+      safety: "read",
+      argsType: "{ query: string }",
+      argsSchema: {
+        type: "object",
+        properties: { query: { type: "string" } },
+        required: ["query"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.autocomplete.actions.applyFilter",
+      description: "Set the input query, which filters the suggestion list.",
+      invoke: (a, d) => {
+        a.setQuery(d.query);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.autocomplete.actions.clear",
+      description: "Clear the committed value and the query. Discards the typed input.",
+      invoke: (a) => {
+        a.clear();
+      }
+    },
+    open: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.autocomplete.actions.open",
+      description: "Open the suggestion list.",
+      invoke: (a) => {
+        a.open();
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.autocomplete.actions.close",
+      description: "Close the suggestion list.",
+      invoke: (a) => {
+        a.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "autocomplete" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-option-id",
+      description: "Each suggestion emits its value as data-option-id."
+    }
+  }
+}, vt = P(
+  ["ds:flex ds:w-full ds:items-center", mt].join(" "),
+  {
+    variants: {
+      size: {
+        sm: `${Z.sm} ${ee.sm}`,
+        md: `${Z.md} ${ee.md}`,
+        lg: `${Z.lg} ${ee.lg}`
+      },
+      tone: pt
+    },
+    defaultVariants: { size: "md", tone: "default" }
+  }
+), bt = P(
+  [
+    "ds:flex-1 ds:min-w-0 ds:bg-transparent ds:text-foreground",
+    "ds:placeholder:text-muted-foreground",
+    "ds:outline-none ds:focus:outline-none ds:focus-visible:outline-none",
+    "ds:disabled:cursor-not-allowed",
+    "ds:read-only:cursor-default"
+  ].join(" "),
+  {
+    variants: {
+      hasStart: { true: "ds:ps-2", false: "ds:ps-3" },
+      hasEnd: { true: "ds:pe-2", false: "ds:pe-3" }
+    },
+    defaultVariants: { hasStart: !1, hasEnd: !1 }
+  }
+), yt = P(
+  [
+    "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
+    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background",
+    "ds:shadow-[var(--shadow-md)]",
+    "ds:w-[var(--radix-popover-trigger-width)]",
+    "ds:animate-in ds:fade-in ds:zoom-in-95",
+    "ds:motion-reduce:animate-none"
+  ].join(" ")
+), be = P(
+  [
+    "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+    "ds:ps-3 ds:pe-3 ds:py-2 ds:text-[length:var(--font-size-sm)] ds:text-foreground",
+    "ds:rounded-[var(--radius-sm)] ds:select-none ds:cursor-pointer",
+    "ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50",
+    // cmdk moves the selection on pointer move, so hover needs no tint.
+    ct.selected
+  ].join(" ")
+), ye = [
+  "ds:[&_[cmdk-group-heading]]:ps-3",
+  "ds:[&_[cmdk-group-heading]]:pe-3",
+  "ds:[&_[cmdk-group-heading]]:py-1.5",
+  "ds:[&_[cmdk-group-heading]]:type-eyebrow",
+  "ds:[&_[cmdk-group-heading]]:text-muted-foreground"
+].join(" "), te = "ds:inline-flex ds:items-center ds:shrink-0 ds:text-muted-foreground ds:[&_svg]:size-4";
+function se(a, d, q) {
+  return `${a}-${d}-${q}`;
+}
+function we(a, d) {
+  return `${a}:${d}`;
+}
+const wt = at(
+  function({
+    loadOptions: d,
+    debounceMs: q = 250,
+    value: Ce,
+    defaultValue: xe,
+    onChange: ke,
+    onSelect: u,
+    recents: w,
+    onRecentSelect: K,
+    snapOnBlur: Ne = !1,
+    size: Re = "md",
+    tone: Ve = "default",
+    startAdornment: M,
+    endAdornment: j,
+    placeholder: z,
+    disabled: Ae,
+    readOnly: C,
+    required: Ie,
+    name: Ee,
+    id: O,
+    className: _e,
+    "aria-label": U,
+    "aria-invalid": $e,
+    "aria-describedby": De,
+    autoComplete: H
+  }, A) {
+    const { t: h, i18n: Fe } = rt("ui"), c = it(), Te = ot(), v = O ?? c.id ?? Te, ne = `${v}-listbox`, Be = `${v}-live`, b = !!(c.disabled || Ae), Pe = !!(c.required || Ie), ae = c.invalid || !!$e, qe = ae ? "error" : Ve ?? "default", Ke = c.describedBy || De || void 0, [Me, oe] = dt({
+      value: Ce,
+      defaultValue: xe ?? "",
+      onChange: ke
+    }), r = Me ?? "", [x, i] = T(!1), [k, re] = T([]), [I, S] = T(!1), [m, je] = T(""), _ = p(!1), L = p(null), G = p(r), ie = p(/* @__PURE__ */ new Map()), le = p(/* @__PURE__ */ new Map()), y = p(null), $ = p(null);
+    lt(c, y);
+    const Q = H && H !== "off" ? H : void 0;
+    ve(() => {
+      var e;
+      Q && ((e = y.current) == null || e.setAttribute("autocomplete", Q));
+    });
+    const ze = V(
+      (e) => {
+        y.current = e, typeof A == "function" ? A(e) : A && (A.current = e);
+      },
+      [A]
+    ), de = Fe.language;
+    E(() => {
+      const e = /* @__PURE__ */ new Map();
+      for (const t of k) e.set(t.value, t);
+      ie.current = e;
+    }, [k]), E(() => {
+      const e = /* @__PURE__ */ new Map();
+      if (w) for (const t of w) e.set(t.value, t);
+      le.current = e;
+    }, [w]);
+    const Oe = V(
+      (e) => {
+        var n;
+        if (b || C || _.current) return;
+        (n = L.current) == null || n.abort();
+        const t = new AbortController();
+        L.current = t, G.current = e, S(!0), d(e, { signal: t.signal, locale: de }).then((o) => {
+          t.signal.aborted || G.current === e && (re(o), S(!1));
+        }).catch((o) => {
+          t.signal.aborted || o && typeof o == "object" && "name" in o && o.name === "AbortError" || G.current === e && (re([]), S(!1));
+        });
+      },
+      [b, C, d, de]
+    ), N = gt(Oe, q);
+    E(() => () => {
+      var e;
+      N.cancel(), (e = L.current) == null || e.abort();
+    }, [N]);
+    const f = V(
+      (e) => {
+        oe(e);
+      },
+      [oe]
+    ), ue = V(
+      (e) => {
+        const [t, n] = e.split(":");
+        if (!n || t !== "recent" && t !== "option") return null;
+        const ge = (t === "recent" ? le.current : ie.current).get(n);
+        return ge ? { kind: t, option: ge } : null;
+      },
+      []
+    ), Ue = (e) => {
+      f(e), !(b || C) && (Q && document.activeElement !== y.current || (x || i(!0), !_.current && N(e)));
+    }, He = (e) => {
+      _.current = !0;
+    }, Se = (e) => {
+      _.current = !1;
+      const t = e.currentTarget.value;
+      N(t);
+    }, Le = (e) => {
+      b || C || (i(!0), r && N(r));
+    }, Ge = (e) => {
+      const t = e.relatedTarget;
+      if (!(t && $.current && $.current.contains(t))) {
+        if (Ne && m) {
+          const n = ue(m);
+          n && (f(n.option.label), u == null || u(n.option));
+        }
+        i(!1);
+      }
+    }, Qe = (e) => {
+      if (!e.nativeEvent.isComposing) {
+        if (e.key === "Escape") {
+          x && (e.preventDefault(), e.stopPropagation(), i(!1));
+          return;
+        }
+        if (e.key === "ArrowDown" && !x) {
+          e.preventDefault(), i(!0), r && N(r);
+          return;
+        }
+        if (e.key === "Tab" && x && m) {
+          const t = ue(m);
+          t && (f(t.option.label), u == null || u(t.option), i(!1));
+        }
+      }
+    }, ce = (e, t) => {
+      var n;
+      f(t.label), e === "recent" ? K == null || K(t) : u == null || u(t), i(!1), (n = y.current) == null || n.focus();
+    }, W = (e) => {
+      e.preventDefault();
+    }, D = !!(w && w.length > 0) && r.length === 0, We = Y(
+      () => ut(k),
+      [k]
+    ), Xe = !!M, Je = !!j || I, Ye = vt({
+      size: Re,
+      tone: qe,
+      className: _e
+    }), Ze = Y(() => {
+      if (!m) return;
+      const [e, t] = m.split(":");
+      if (!(!t || e !== "recent" && e !== "option"))
+        return se(v, e, t);
+    }, [m, v]), F = k.length > 0, pe = !D && !F && !I && r.length > 0, me = I && !F, l = x && !b && !C && (D || F || pe || me), X = V(() => {
+      var n;
+      const e = y.current;
+      if (!e) return;
+      e.setAttribute("aria-expanded", String(l));
+      const t = (n = $.current) == null ? void 0 : n.querySelector("[cmdk-list]");
+      l && (t != null && t.id) ? e.setAttribute("aria-controls", t.id) : l || (e.removeAttribute("aria-controls"), e.removeAttribute("aria-activedescendant"));
+    }, [l]);
+    ve(X);
+    const et = V(
+      (e) => {
+        $.current = e, X();
+      },
+      [X]
+    ), J = p(r);
+    E(() => {
+      J.current = r;
+    }, [r]);
+    const fe = p(l);
+    E(() => {
+      fe.current = l;
+    }, [l]);
+    const tt = Y(
+      () => ({
+        getValue: () => J.current || null,
+        getQuery: () => J.current,
+        getIsOpen: () => fe.current,
+        setValue: (e) => {
+          f(e ?? "");
+        },
+        setQuery: (e) => {
+          f(e);
+        },
+        clear: () => {
+          f("");
+        },
+        open: () => {
+          i(!0);
+        },
+        close: () => {
+          i(!1);
+        }
+      }),
+      [f]
+    );
+    ft(ht, tt, O);
+    const st = k.length, nt = I ? h("common.loading", "Loading…") : x && r.length > 0 ? h("inputs.autocomplete.results", {
+      count: st,
+      defaultValue: "{{count}} results"
+    }) : "";
+    return /* @__PURE__ */ s(
+      g,
+      {
+        shouldFilter: !1,
+        value: m,
+        onValueChange: je,
+        label: U ?? (c.label || z),
+        className: "ds:w-full",
+        children: /* @__PURE__ */ R(B.Root, { open: l, children: [
+          /* @__PURE__ */ s(B.Anchor, { asChild: !0, children: /* @__PURE__ */ R(
+            "div",
+            {
+              className: Ye,
+              "data-component": "autocomplete",
+              "data-component-id": O,
+              "data-disabled": b || void 0,
+              children: [
+                M ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${te} ds:ps-3`, children: M }) : null,
+                /* @__PURE__ */ s(
+                  g.Input,
+                  {
+                    ref: ze,
+                    id: v,
+                    name: Ee,
+                    placeholder: z,
+                    value: r,
+                    onValueChange: Ue,
+                    onFocus: Le,
+                    onBlur: Ge,
+                    onKeyDown: Qe,
+                    onCompositionStart: He,
+                    onCompositionEnd: Se,
+                    disabled: b,
+                    readOnly: C,
+                    required: Pe,
+                    role: "combobox",
+                    "aria-autocomplete": "both",
+                    "aria-expanded": l,
+                    "aria-controls": l ? ne : void 0,
+                    "aria-activedescendant": Ze,
+                    "aria-describedby": Ke,
+                    "aria-invalid": ae || void 0,
+                    "aria-label": U ?? (c.label || h("inputs.autocomplete.ariaLabel")),
+                    autoComplete: "off",
+                    className: bt({ hasStart: Xe, hasEnd: Je })
+                  }
+                ),
+                I ? /* @__PURE__ */ s("span", { className: `${te} ds:pe-3`, "aria-hidden": "true", children: /* @__PURE__ */ s(he, { variant: "pulse", size: "sm" }) }) : j ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${te} ds:pe-3`, children: j }) : null,
+                /* @__PURE__ */ s(
+                  "span",
+                  {
+                    id: Be,
+                    role: "status",
+                    "aria-live": "polite",
+                    "aria-atomic": "true",
+                    className: "ds:sr-only",
+                    children: nt
+                  }
+                )
+              ]
+            }
+          ) }),
+          l ? /* @__PURE__ */ s(B.Portal, { children: /* @__PURE__ */ s(
+            B.Content,
+            {
+              ref: et,
+              role: "presentation",
+              side: "bottom",
+              align: "start",
+              sideOffset: 4,
+              onOpenAutoFocus: (e) => e.preventDefault(),
+              onCloseAutoFocus: (e) => e.preventDefault(),
+              onPointerDownOutside: (e) => {
+                var n;
+                const t = e.target;
+                if (t && ((n = y.current) != null && n.contains(t))) {
+                  e.preventDefault();
+                  return;
+                }
+                i(!1);
+              },
+              onEscapeKeyDown: () => i(!1),
+              onMouseDown: W,
+              className: yt(),
+              children: /* @__PURE__ */ R(
+                g.List,
+                {
+                  id: ne,
+                  label: U ?? (c.label || z || h("inputs.autocomplete.ariaLabel")),
+                  className: "ds:max-h-[min(24rem,var(--radix-popover-content-available-height))] ds:overflow-auto ds:p-1",
+                  children: [
+                    D ? /* @__PURE__ */ s(
+                      g.Group,
+                      {
+                        heading: h("inputs.autocomplete.recent", "Recent"),
+                        className: ye,
+                        children: (w ?? []).map((e) => /* @__PURE__ */ R(
+                          g.Item,
+                          {
+                            id: se(v, "recent", e.value),
+                            "data-option-id": e.value,
+                            value: we("recent", e.value),
+                            disabled: e.disabled,
+                            onSelect: () => ce("recent", e),
+                            onMouseDown: W,
+                            className: be(),
+                            children: [
+                              e.startAdornment ? /* @__PURE__ */ s(
+                                "span",
+                                {
+                                  "aria-hidden": "true",
+                                  className: "ds:inline-flex ds:items-center ds:shrink-0",
+                                  children: e.startAdornment
+                                }
+                              ) : null,
+                              /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:truncate", children: e.label }),
+                              e.endContent ? (
+                                // Deliberately NOT aria-hidden — unlike
+                                // `startAdornment`, this slot carries meaning
+                                // and must reach the option's accessible name.
+                                /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0", children: e.endContent })
+                              ) : null
+                            ]
+                          },
+                          `recent-${e.value}`
+                        ))
+                      }
+                    ) : null,
+                    pe ? /* @__PURE__ */ s(
+                      "div",
+                      {
+                        role: "option",
+                        "aria-disabled": "true",
+                        "aria-selected": "false",
+                        className: "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground",
+                        children: h("inputs.autocomplete.noResults", "No results")
+                      }
+                    ) : null,
+                    me ? /* @__PURE__ */ R(
+                      "div",
+                      {
+                        role: "option",
+                        "aria-disabled": "true",
+                        "aria-selected": "false",
+                        className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground",
+                        children: [
+                          /* @__PURE__ */ s(he, { variant: "pulse", size: "sm" }),
+                          /* @__PURE__ */ s("span", { children: h("common.loading", "Loading…") })
+                        ]
+                      }
+                    ) : null,
+                    !D && F ? We.map((e, t) => {
+                      const n = e.items.map((o) => /* @__PURE__ */ R(
+                        g.Item,
+                        {
+                          id: se(v, "option", o.value),
+                          "data-option-id": o.value,
+                          value: we("option", o.value),
+                          disabled: o.disabled,
+                          onSelect: () => ce("option", o),
+                          onMouseDown: W,
+                          className: be(),
+                          children: [
+                            o.startAdornment ? /* @__PURE__ */ s(
+                              "span",
+                              {
+                                "aria-hidden": "true",
+                                className: "ds:inline-flex ds:items-center ds:shrink-0",
+                                children: o.startAdornment
+                              }
+                            ) : null,
+                            /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:truncate", children: o.label }),
+                            o.endContent ? (
+                              // Deliberately NOT aria-hidden — unlike
+                              // `startAdornment`, this slot carries meaning
+                              // and must reach the option's accessible name.
+                              /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0", children: o.endContent })
+                            ) : null
+                          ]
+                        },
+                        `option-${o.value}`
+                      ));
+                      return e.group ? /* @__PURE__ */ s(
+                        g.Group,
+                        {
+                          heading: e.group,
+                          className: ye,
+                          children: n
+                        },
+                        `group-${e.group}`
+                      ) : /* @__PURE__ */ s(g.Group, { children: n }, `group-${t}`);
+                    }) : null
+                  ]
+                }
+              )
+            }
+          ) }) : null
+        ] })
+      }
+    );
+  }
+), Ct = wt;
+Ct.displayName = "Autocomplete";
+export {
+  Ct as A,
+  ht as a,
+  vt as b
+};
+//# sourceMappingURL=autocomplete-BXMcNoa3.js.map