@alfadocs/ui-kit-debug 1.96.0 → 1.97.0

package/dist/_chunks/{widget-picker-B9HpT2Tb.js → widget-picker-DNYIqRT1.js}

@@ -3,7 +3,7 @@ import { forwardRef as _, useState as p, useEffect as N, useMemo as v, useCallba
 import { c as C } from "./index-D2ZczOXr.js";
 import { useTranslation as H } from "react-i18next";
 import { D as u } from "./dialog-C7RWaH08.js";
-import { S as A } from "./state-backed-text-input-Cgh4ms3p.js";
+import { S as A } from "./state-backed-text-input-DVETOhSS.js";
 import { B as I } from "./badge-BUk4RjTS.js";
 import { u as D } from "./registry-DvAUVLHh.js";
 import { S as F } from "./search-QbWPlY5f.js";
@@ -213,4 +213,4 @@ export {
   E as W,
   K as w
 };
-//# sourceMappingURL=widget-picker-B9HpT2Tb.js.map
+//# sourceMappingURL=widget-picker-DNYIqRT1.js.map

package/dist/_chunks/{widget-picker-B9HpT2Tb.js.map → widget-picker-DNYIqRT1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"widget-picker-B9HpT2Tb.js","sources":["../../src/components/widget-picker/widget-picker.agent.ts","../../src/components/widget-picker/widget-picker.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { WidgetPickerHandle } from './widget-picker';\n\nexport const widgetPickerAgent: AgentAdapter<WidgetPickerHandle> = {\n  id: 'widget-picker',\n  capabilities: ['pick'],\n  state: {\n    open: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.widgetPicker.state.open',\n      description: 'Whether the picker dialog is currently open.',\n      read: (handle) => handle.getPickerState().open,\n    },\n    items: {\n      type: '{ id: string, disabled: boolean }[]',\n      descriptionKey: 'ui.agent.widgetPicker.state.items',\n      description:\n        'Widget-type ids on offer and whether each is pickable. Ids only — titles are host-app strings.',\n      read: (handle) => handle.getPickerState().items,\n    },\n  },\n  actions: {\n    pick_widget: {\n      // Picking adds a widget to the host dashboard — a write, reversible\n      // by removing the widget again.\n      safety: 'write',\n      argsType: 'id',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Widget-type id (see items state).',\n          },\n        },\n        required: ['id'],\n      },\n      returns: 'boolean (accepted)',\n      returnsSchema: {\n        type: 'boolean',\n        description:\n          'True when the pick was applied; false when the picker is closed, the id is unknown, or the item is disabled.',\n      },\n      idempotent: false,\n      descriptionKey: 'ui.agent.widgetPicker.actions.pickWidget',\n      description:\n        'Pick a widget type from the open catalogue. The picker closes and the host adds the widget. Refused while the dialog is closed and for disabled items.',\n      invoke: (handle, args: { id: string }) => handle.pick(args.id),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'widget-picker' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-widget-type-id',\n      description: 'Each option tile carries its widget-type id.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* WidgetPicker — \"add a widget\" modal for configurable dashboards.     */\n/*                                                                     */\n/* A Dialog-composed catalogue picker: the consumer supplies the        */\n/* available widget types (title/description/icon/category, all         */\n/* pre-translated app strings), the kit renders a searchable, grouped   */\n/* grid of option tiles and reports the pick. Designed as the add flow  */\n/* for `DashboardGrid` (`onRequestAdd` opens it) but generic to any     */\n/* pick-one-catalogue surface. Disabled items stay visible with an      */\n/* optional badge (e.g. \"Requires reconnect\") so users can discover     */\n/* locked capabilities.                                                 */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport { Dialog } from '../dialog';\nimport { StateBackedTextInput } from '../_shared/state-backed-text-input';\nimport { Badge } from '../badge';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { widgetPickerAgent } from './widget-picker.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface WidgetPickerItem {\n  /** Stable widget-type id reported via `onPick`. */\n  id: string;\n  /** Visible name (consumer-translated). */\n  title: string;\n  /** One-line explanation (consumer-translated). */\n  description?: string;\n  /** Small illustrative icon. */\n  icon?: ReactNode;\n  /** Group heading (consumer-translated). Ungrouped items render first. */\n  category?: string;\n  /** Visible but not pickable. */\n  disabled?: boolean;\n  /** Short annotation rendered as a badge (e.g. \"Requires reconnect\"). */\n  badge?: string;\n}\n\nexport interface WidgetPickerProps {\n  /** Controlled visibility. */\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** The catalogue. */\n  items: WidgetPickerItem[];\n  /**\n   * Called with the picked item id; the picker then closes itself via\n   * `onOpenChange(false)`.\n   */\n  onPick: (id: string) => void;\n  /** Dialog title. Defaults to the kit's translated \"Add a widget\". */\n  title?: string;\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n}\n\nexport interface WidgetPickerHandle {\n  /**\n   * Pick an item programmatically. False when the picker is closed, the id\n   * is unknown, or the item is disabled.\n   */\n  pick: (id: string) => boolean;\n  getPickerState: () => {\n    open: boolean;\n    items: Array<{ id: string; disabled: boolean }>;\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst tileVariants = cva(\n  [\n    'ds:flex ds:w-full ds:min-h-[var(--min-target-size)] ds:items-start ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-[var(--card)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-md)]',\n    'ds:text-start ds:transition-colors',\n    'ds:hover:bg-muted/10',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent',\n  ].join(' '),\n  { variants: {}, defaultVariants: {} },\n);\n\n/* ------------------------------------------------------------------ */\n/* WidgetPicker                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const WidgetPicker = forwardRef<WidgetPickerHandle, WidgetPickerProps>(\n  ({ open, onOpenChange, items, onPick, title, id }, ref) => {\n    const { t } = useTranslation('ui');\n    const [query, setQuery] = useState('');\n\n    // Clear the search when the picker closes, so the next open starts fresh\n    // without a post-open reflow flash.\n    useEffect(() => {\n      if (!open) setQuery('');\n    }, [open]);\n\n    const filtered = useMemo(() => {\n      const needle = query.trim().toLowerCase();\n      if (!needle) return items;\n      return items.filter(\n        (item) =>\n          item.title.toLowerCase().includes(needle) ||\n          (item.description ?? '').toLowerCase().includes(needle),\n      );\n    }, [items, query]);\n\n    /* Group by category, preserving first-seen order; ungrouped first. */\n    const groups = useMemo(() => {\n      const order: Array<{\n        category: string | null;\n        entries: WidgetPickerItem[];\n      }> = [];\n      for (const item of filtered) {\n        // Treat an empty-string category the same as no category.\n        const key = item.category || null;\n        let group = order.find((g) => g.category === key);\n        if (!group) {\n          group = { category: key, entries: [] };\n          if (key === null) order.unshift(group);\n          else order.push(group);\n        }\n        group.entries.push(item);\n      }\n      return order;\n    }, [filtered]);\n\n    // The list is a tab stop only while it overflows. A callback ref, since\n    // the dialog mounts the node on open and unmounts it on close.\n    const [listNode, setListNode] = useState<HTMLDivElement | null>(null);\n    const [scrollable, setScrollable] = useState(false);\n    const [listFocused, setListFocused] = useState(false);\n    useEffect(() => {\n      if (!listNode) {\n        setScrollable(false);\n        return undefined;\n      }\n      const measure = () =>\n        setScrollable(listNode.scrollHeight > listNode.clientHeight + 1);\n      measure();\n      if (typeof ResizeObserver === 'undefined') return undefined;\n      const observer = new ResizeObserver(measure);\n      observer.observe(listNode);\n      for (const child of Array.from(listNode.children)) {\n        observer.observe(child);\n      }\n      return () => observer.disconnect();\n    }, [listNode, groups]);\n\n    const handlePick = useCallback(\n      (itemId: string) => {\n        onPick(itemId);\n        onOpenChange(false);\n      },\n      [onPick, onOpenChange],\n    );\n\n    const agentHandle = useMemo<WidgetPickerHandle>(\n      () => ({\n        pick(itemId) {\n          if (!open) return false;\n          const item = items.find((entry) => entry.id === itemId);\n          if (!item || item.disabled) return false;\n          handlePick(itemId);\n          return true;\n        },\n        getPickerState() {\n          return {\n            open,\n            items: items.map((item) => ({\n              id: item.id,\n              disabled: Boolean(item.disabled),\n            })),\n          };\n        },\n      }),\n      [open, items, handlePick],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(widgetPickerAgent, agentHandle, id);\n\n    return (\n      <Dialog.Root open={open} onOpenChange={onOpenChange}>\n        <Dialog.Content size=\"lg\">\n          <div data-component=\"widget-picker\" data-component-id={id}>\n            <Dialog.Title>{title ?? t('widgetPicker.title')}</Dialog.Title>\n            <Dialog.Description className=\"ds:sr-only\">\n              {t('widgetPicker.description')}\n            </Dialog.Description>\n            <div className=\"ds:mt-[var(--spacing-sm)]\">\n              <StateBackedTextInput\n                aria-label={t('widgetPicker.searchLabel')}\n                placeholder={t('widgetPicker.searchPlaceholder')}\n                startAdornment={<Search aria-hidden=\"true\" />}\n                value={query}\n                onChange={(event) => setQuery(event.target.value)}\n              />\n            </div>\n            <div\n              ref={setListNode}\n              role=\"group\"\n              aria-label={t('widgetPicker.listLabel')}\n              // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- a tab stop while the list scrolls (an all-disabled list must stay scrollable, axe scrollable-region-focusable) and while focused, so focus never drops to <body>\n              tabIndex={scrollable || listFocused ? 0 : undefined}\n              onFocus={(event) => {\n                if (event.target === event.currentTarget) setListFocused(true);\n              }}\n              onBlur={(event) => {\n                if (event.target === event.currentTarget) setListFocused(false);\n              }}\n              className=\"ds:mt-[var(--spacing-md)] ds:flex ds:max-h-[60vh] ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto ds:pe-[var(--spacing-xs)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]\"\n            >\n              {groups.length === 0 ? (\n                <p\n                  role=\"status\"\n                  className=\"ds:py-[var(--spacing-lg)] ds:text-center ds:text-sm ds:text-muted-foreground\"\n                >\n                  {items.length === 0\n                    ? t('widgetPicker.none')\n                    : t('widgetPicker.empty')}\n                </p>\n              ) : (\n                groups.map((group) => (\n                  <section\n                    key={group.category ?? '__ungrouped__'}\n                    className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n                  >\n                    {group.category ? (\n                      <h3 className=\"ds:text-xs ds:font-semibold ds:uppercase ds:tracking-wide ds:text-muted-foreground\">\n                        {group.category}\n                      </h3>\n                    ) : null}\n                    <div className=\"ds:grid ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2\">\n                      {group.entries.map((item) => (\n                        <button\n                          key={item.id}\n                          type=\"button\"\n                          disabled={item.disabled}\n                          onClick={() => handlePick(item.id)}\n                          className={tileVariants()}\n                          data-widget-type-id={item.id}\n                        >\n                          {item.icon ? (\n                            <span\n                              aria-hidden=\"true\"\n                              className=\"ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:size-5 ds:shrink-0 ds:items-center ds:justify-center ds:text-muted-foreground ds:[&_svg]:size-5\"\n                            >\n                              {item.icon}\n                            </span>\n                          ) : null}\n                          <span className=\"ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n                            <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                              <span className=\"ds:truncate ds:text-sm ds:font-medium\">\n                                {item.title}\n                              </span>\n                              {item.badge ? (\n                                <Badge variant=\"info\" size=\"sm\">\n                                  {item.badge}\n                                </Badge>\n                              ) : null}\n                            </span>\n                            {item.description ? (\n                              <span className=\"ds:text-xs ds:text-muted-foreground\">\n                                {item.description}\n                              </span>\n                            ) : null}\n                          </span>\n                        </button>\n                      ))}\n                    </div>\n                  </section>\n                ))\n              )}\n            </div>\n          </div>\n        </Dialog.Content>\n      </Dialog.Root>\n    );\n  },\n);\n\nWidgetPicker.displayName = 'WidgetPicker';\n"],"names":["widgetPickerAgent","handle","args","tileVariants","cva","WidgetPicker","forwardRef","open","onOpenChange","items","onPick","title","id","ref","t","useTranslation","query","setQuery","useState","useEffect","filtered","useMemo","needle","item","groups","order","key","group","g","listNode","setListNode","scrollable","setScrollable","listFocused","setListFocused","measure","observer","child","handlePick","useCallback","itemId","agentHandle","entry","useImperativeHandle","useAgentRegistration","Dialog","jsx","jsxs","StateBackedTextInput","Search","event","Badge"],"mappings":"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"}
+{"version":3,"file":"widget-picker-DNYIqRT1.js","sources":["../../src/components/widget-picker/widget-picker.agent.ts","../../src/components/widget-picker/widget-picker.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { WidgetPickerHandle } from './widget-picker';\n\nexport const widgetPickerAgent: AgentAdapter<WidgetPickerHandle> = {\n  id: 'widget-picker',\n  capabilities: ['pick'],\n  state: {\n    open: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.widgetPicker.state.open',\n      description: 'Whether the picker dialog is currently open.',\n      read: (handle) => handle.getPickerState().open,\n    },\n    items: {\n      type: '{ id: string, disabled: boolean }[]',\n      descriptionKey: 'ui.agent.widgetPicker.state.items',\n      description:\n        'Widget-type ids on offer and whether each is pickable. Ids only — titles are host-app strings.',\n      read: (handle) => handle.getPickerState().items,\n    },\n  },\n  actions: {\n    pick_widget: {\n      // Picking adds a widget to the host dashboard — a write, reversible\n      // by removing the widget again.\n      safety: 'write',\n      argsType: 'id',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Widget-type id (see items state).',\n          },\n        },\n        required: ['id'],\n      },\n      returns: 'boolean (accepted)',\n      returnsSchema: {\n        type: 'boolean',\n        description:\n          'True when the pick was applied; false when the picker is closed, the id is unknown, or the item is disabled.',\n      },\n      idempotent: false,\n      descriptionKey: 'ui.agent.widgetPicker.actions.pickWidget',\n      description:\n        'Pick a widget type from the open catalogue. The picker closes and the host adds the widget. Refused while the dialog is closed and for disabled items.',\n      invoke: (handle, args: { id: string }) => handle.pick(args.id),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'widget-picker' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-widget-type-id',\n      description: 'Each option tile carries its widget-type id.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* WidgetPicker — \"add a widget\" modal for configurable dashboards.     */\n/*                                                                     */\n/* A Dialog-composed catalogue picker: the consumer supplies the        */\n/* available widget types (title/description/icon/category, all         */\n/* pre-translated app strings), the kit renders a searchable, grouped   */\n/* grid of option tiles and reports the pick. Designed as the add flow  */\n/* for `DashboardGrid` (`onRequestAdd` opens it) but generic to any     */\n/* pick-one-catalogue surface. Disabled items stay visible with an      */\n/* optional badge (e.g. \"Requires reconnect\") so users can discover     */\n/* locked capabilities.                                                 */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport { Dialog } from '../dialog';\nimport { StateBackedTextInput } from '../_shared/state-backed-text-input';\nimport { Badge } from '../badge';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { widgetPickerAgent } from './widget-picker.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface WidgetPickerItem {\n  /** Stable widget-type id reported via `onPick`. */\n  id: string;\n  /** Visible name (consumer-translated). */\n  title: string;\n  /** One-line explanation (consumer-translated). */\n  description?: string;\n  /** Small illustrative icon. */\n  icon?: ReactNode;\n  /** Group heading (consumer-translated). Ungrouped items render first. */\n  category?: string;\n  /** Visible but not pickable. */\n  disabled?: boolean;\n  /** Short annotation rendered as a badge (e.g. \"Requires reconnect\"). */\n  badge?: string;\n}\n\nexport interface WidgetPickerProps {\n  /** Controlled visibility. */\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** The catalogue. */\n  items: WidgetPickerItem[];\n  /**\n   * Called with the picked item id; the picker then closes itself via\n   * `onOpenChange(false)`.\n   */\n  onPick: (id: string) => void;\n  /** Dialog title. Defaults to the kit's translated \"Add a widget\". */\n  title?: string;\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n}\n\nexport interface WidgetPickerHandle {\n  /**\n   * Pick an item programmatically. False when the picker is closed, the id\n   * is unknown, or the item is disabled.\n   */\n  pick: (id: string) => boolean;\n  getPickerState: () => {\n    open: boolean;\n    items: Array<{ id: string; disabled: boolean }>;\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst tileVariants = cva(\n  [\n    'ds:flex ds:w-full ds:min-h-[var(--min-target-size)] ds:items-start ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-[var(--card)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-md)]',\n    'ds:text-start ds:transition-colors',\n    'ds:hover:bg-muted/10',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent',\n  ].join(' '),\n  { variants: {}, defaultVariants: {} },\n);\n\n/* ------------------------------------------------------------------ */\n/* WidgetPicker                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const WidgetPicker = forwardRef<WidgetPickerHandle, WidgetPickerProps>(\n  ({ open, onOpenChange, items, onPick, title, id }, ref) => {\n    const { t } = useTranslation('ui');\n    const [query, setQuery] = useState('');\n\n    // Clear the search when the picker closes, so the next open starts fresh\n    // without a post-open reflow flash.\n    useEffect(() => {\n      if (!open) setQuery('');\n    }, [open]);\n\n    const filtered = useMemo(() => {\n      const needle = query.trim().toLowerCase();\n      if (!needle) return items;\n      return items.filter(\n        (item) =>\n          item.title.toLowerCase().includes(needle) ||\n          (item.description ?? '').toLowerCase().includes(needle),\n      );\n    }, [items, query]);\n\n    /* Group by category, preserving first-seen order; ungrouped first. */\n    const groups = useMemo(() => {\n      const order: Array<{\n        category: string | null;\n        entries: WidgetPickerItem[];\n      }> = [];\n      for (const item of filtered) {\n        // Treat an empty-string category the same as no category.\n        const key = item.category || null;\n        let group = order.find((g) => g.category === key);\n        if (!group) {\n          group = { category: key, entries: [] };\n          if (key === null) order.unshift(group);\n          else order.push(group);\n        }\n        group.entries.push(item);\n      }\n      return order;\n    }, [filtered]);\n\n    // The list is a tab stop only while it overflows. A callback ref, since\n    // the dialog mounts the node on open and unmounts it on close.\n    const [listNode, setListNode] = useState<HTMLDivElement | null>(null);\n    const [scrollable, setScrollable] = useState(false);\n    const [listFocused, setListFocused] = useState(false);\n    useEffect(() => {\n      if (!listNode) {\n        setScrollable(false);\n        return undefined;\n      }\n      const measure = () =>\n        setScrollable(listNode.scrollHeight > listNode.clientHeight + 1);\n      measure();\n      if (typeof ResizeObserver === 'undefined') return undefined;\n      const observer = new ResizeObserver(measure);\n      observer.observe(listNode);\n      for (const child of Array.from(listNode.children)) {\n        observer.observe(child);\n      }\n      return () => observer.disconnect();\n    }, [listNode, groups]);\n\n    const handlePick = useCallback(\n      (itemId: string) => {\n        onPick(itemId);\n        onOpenChange(false);\n      },\n      [onPick, onOpenChange],\n    );\n\n    const agentHandle = useMemo<WidgetPickerHandle>(\n      () => ({\n        pick(itemId) {\n          if (!open) return false;\n          const item = items.find((entry) => entry.id === itemId);\n          if (!item || item.disabled) return false;\n          handlePick(itemId);\n          return true;\n        },\n        getPickerState() {\n          return {\n            open,\n            items: items.map((item) => ({\n              id: item.id,\n              disabled: Boolean(item.disabled),\n            })),\n          };\n        },\n      }),\n      [open, items, handlePick],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(widgetPickerAgent, agentHandle, id);\n\n    return (\n      <Dialog.Root open={open} onOpenChange={onOpenChange}>\n        <Dialog.Content size=\"lg\">\n          <div data-component=\"widget-picker\" data-component-id={id}>\n            <Dialog.Title>{title ?? t('widgetPicker.title')}</Dialog.Title>\n            <Dialog.Description className=\"ds:sr-only\">\n              {t('widgetPicker.description')}\n            </Dialog.Description>\n            <div className=\"ds:mt-[var(--spacing-sm)]\">\n              <StateBackedTextInput\n                aria-label={t('widgetPicker.searchLabel')}\n                placeholder={t('widgetPicker.searchPlaceholder')}\n                startAdornment={<Search aria-hidden=\"true\" />}\n                value={query}\n                onChange={(event) => setQuery(event.target.value)}\n              />\n            </div>\n            <div\n              ref={setListNode}\n              role=\"group\"\n              aria-label={t('widgetPicker.listLabel')}\n              // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- a tab stop while the list scrolls (an all-disabled list must stay scrollable, axe scrollable-region-focusable) and while focused, so focus never drops to <body>\n              tabIndex={scrollable || listFocused ? 0 : undefined}\n              onFocus={(event) => {\n                if (event.target === event.currentTarget) setListFocused(true);\n              }}\n              onBlur={(event) => {\n                if (event.target === event.currentTarget) setListFocused(false);\n              }}\n              className=\"ds:mt-[var(--spacing-md)] ds:flex ds:max-h-[60vh] ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto ds:pe-[var(--spacing-xs)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]\"\n            >\n              {groups.length === 0 ? (\n                <p\n                  role=\"status\"\n                  className=\"ds:py-[var(--spacing-lg)] ds:text-center ds:text-sm ds:text-muted-foreground\"\n                >\n                  {items.length === 0\n                    ? t('widgetPicker.none')\n                    : t('widgetPicker.empty')}\n                </p>\n              ) : (\n                groups.map((group) => (\n                  <section\n                    key={group.category ?? '__ungrouped__'}\n                    className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n                  >\n                    {group.category ? (\n                      <h3 className=\"ds:text-xs ds:font-semibold ds:uppercase ds:tracking-wide ds:text-muted-foreground\">\n                        {group.category}\n                      </h3>\n                    ) : null}\n                    <div className=\"ds:grid ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2\">\n                      {group.entries.map((item) => (\n                        <button\n                          key={item.id}\n                          type=\"button\"\n                          disabled={item.disabled}\n                          onClick={() => handlePick(item.id)}\n                          className={tileVariants()}\n                          data-widget-type-id={item.id}\n                        >\n                          {item.icon ? (\n                            <span\n                              aria-hidden=\"true\"\n                              className=\"ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:size-5 ds:shrink-0 ds:items-center ds:justify-center ds:text-muted-foreground ds:[&_svg]:size-5\"\n                            >\n                              {item.icon}\n                            </span>\n                          ) : null}\n                          <span className=\"ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n                            <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                              <span className=\"ds:truncate ds:text-sm ds:font-medium\">\n                                {item.title}\n                              </span>\n                              {item.badge ? (\n                                <Badge variant=\"info\" size=\"sm\">\n                                  {item.badge}\n                                </Badge>\n                              ) : null}\n                            </span>\n                            {item.description ? (\n                              <span className=\"ds:text-xs ds:text-muted-foreground\">\n                                {item.description}\n                              </span>\n                            ) : null}\n                          </span>\n                        </button>\n                      ))}\n                    </div>\n                  </section>\n                ))\n              )}\n            </div>\n          </div>\n        </Dialog.Content>\n      </Dialog.Root>\n    );\n  },\n);\n\nWidgetPicker.displayName = 'WidgetPicker';\n"],"names":["widgetPickerAgent","handle","args","tileVariants","cva","WidgetPicker","forwardRef","open","onOpenChange","items","onPick","title","id","ref","t","useTranslation","query","setQuery","useState","useEffect","filtered","useMemo","needle","item","groups","order","key","group","g","listNode","setListNode","scrollable","setScrollable","listFocused","setListFocused","measure","observer","child","handlePick","useCallback","itemId","agentHandle","entry","useImperativeHandle","useAgentRegistration","Dialog","jsx","jsxs","StateBackedTextInput","Search","event","Badge"],"mappings":"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"}

package/dist/_chunks/{workflow-map-flsvqQ3L.js → workflow-map-k-dQkpe7.js}

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as c, Fragment as ve } from "react/jsx-runtime";
-import { forwardRef as H, useMemo as W, useRef as M, useCallback as F, useState as ge, useImperativeHandle as be, useEffect as ke } from "react";
+import { forwardRef as H, useMemo as W, useRef as z, useCallback as F, useState as ge, useImperativeHandle as be, useEffect as ke } from "react";
 import { c as j } from "./index-D2ZczOXr.js";
-import { useTranslation as z } from "react-i18next";
+import { useTranslation as M } from "react-i18next";
 import { C } from "./card-C85_Ndhb.js";
 import { B as ye } from "./badge-BUk4RjTS.js";
 import { a as Z } from "./key-value-pair-BoXOtBL1.js";
@@ -25,8 +25,8 @@ import { S as ce } from "./square-check-big-dj0o8yA3.js";
 import { S as ue } from "./smartphone-C0rFF2if.js";
 import { M as fe } from "./mail-BqXVF2zH.js";
 import { C as me } from "./clock-Drd4Wtis.js";
-import { C as ze } from "./chevron-up-umRGgtJA.js";
-import { C as Me } from "./chevron-down-DWE7GSq9.js";
+import { C as Me } from "./chevron-up-umRGgtJA.js";
+import { C as ze } from "./chevron-down-DWE7GSq9.js";
 import { C as Ie } from "./clipboard-check-BeAGxDVT.js";
 import { C as Ae } from "./check-DrFSN__t.js";
 /**
@@ -102,7 +102,7 @@ const Re = H(
     onToggleActive: a,
     className: p
   }, m) {
-    const { t: l } = z("ui"), i = Pe(r.status), u = r.status === "active", v = s === "compact", h = (w) => (k) => {
+    const { t: l } = M("ui"), i = Pe(r.status), u = r.status === "active", v = s === "compact", h = (w) => (k) => {
       k.stopPropagation(), w == null || w();
     }, y = /* @__PURE__ */ t(
       ye,
@@ -557,7 +557,7 @@ function Xe(e) {
   }
 }
 function Ze(e = 0) {
-  const r = M(e), s = F((o) => {
+  const r = z(e), s = F((o) => {
     r.current = o;
   }, []);
   return [r, s];
@@ -572,7 +572,7 @@ function et({
   onMove: a,
   registerRef: p
 }) {
-  const { t: m } = z("ui"), l = D[e.type], i = M(null), [u, v] = Ze(0), h = F(
+  const { t: m } = M("ui"), l = D[e.type], i = z(null), [u, v] = Ze(0), h = F(
     (g) => {
       var B, P;
       const _ = (B = i.current) == null ? void 0 : B.querySelectorAll(
@@ -644,7 +644,7 @@ function et({
                     S,
                     {
                       "data-wf-control": "up",
-                      icon: /* @__PURE__ */ t(ze, {}),
+                      icon: /* @__PURE__ */ t(Me, {}),
                       size: "sm",
                       intent: "ghost",
                       disabled: o || !I,
@@ -657,7 +657,7 @@ function et({
                     S,
                     {
                       "data-wf-control": "down",
-                      icon: /* @__PURE__ */ t(Me, {}),
+                      icon: /* @__PURE__ */ t(ze, {}),
                       size: "sm",
                       intent: "ghost",
                       disabled: o || !A,
@@ -704,7 +704,7 @@ function oe({
   label: o,
   compact: d = !0
 }) {
-  const { t: n } = z("ui");
+  const { t: n } = M("ui");
   return /* @__PURE__ */ c(N.Root, { children: [
     /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ c(
       "button",
@@ -737,7 +737,7 @@ function oe({
   ] });
 }
 function tt({ criteria: e, onEdit: r, disabled: s }) {
-  const { t: o } = z("ui"), d = (e == null ? void 0 : e.ruleCount) ?? 0, n = d > 0 ? o("workflow.editor.criteriaCount", { count: d }) : o("workflow.editor.noCriteria");
+  const { t: o } = M("ui"), d = (e == null ? void 0 : e.ruleCount) ?? 0, n = d > 0 ? o("workflow.editor.criteriaCount", { count: d }) : o("workflow.editor.noCriteria");
   return /* @__PURE__ */ t(C, { variant: "outlined", children: /* @__PURE__ */ t(C.Header, { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
       /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)]", children: o("workflow.editor.enrollmentCriteria") }),
@@ -768,16 +768,16 @@ const rt = H(
     onDeleteNode: m,
     className: l
   }, i) {
-    const { t: u } = z("ui"), v = a ?? Je, h = W(() => G(r), [r]), y = M(/* @__PURE__ */ new Map()), x = M(null), w = F(
+    const { t: u } = M("ui"), v = a ?? Je, h = W(() => G(r), [r]), y = z(/* @__PURE__ */ new Map()), x = z(null), w = F(
       (f) => {
         n || s(f);
       },
       [n, s]
     ), k = F((f, b) => {
       b ? y.current.set(f, b) : y.current.delete(f);
-    }, []), [I, A] = ge(null), L = M(null);
+    }, []), [I, A] = ge(null), L = z(null);
     L.current = I;
-    const T = M(null);
+    const T = z(null);
     be(i, () => T.current, []);
     const g = W(
       () => ({
@@ -1011,8 +1011,8 @@ const st = {
   {
     variants: {
       orientation: {
-        vertical: "ds:inline-size-full",
-        horizontal: "ds:block-size-full"
+        vertical: "ds:w-full",
+        horizontal: "ds:h-full"
       },
       compact: {
         true: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:min-h-[var(--spacing-xl)]",
@@ -1134,7 +1134,7 @@ const it = H(
     "aria-label": m,
     ...l
   }, i) {
-    const { t: u } = z("ui"), v = W(() => G(r), [r]), h = W(
+    const { t: u } = M("ui"), v = W(() => G(r), [r]), h = W(
       () => s ? v.findIndex((w) => w.id === s) : -1,
       [v, s]
     ), y = m ?? u("workflow.map.label", { count: v.length }), x = (w) => h === -1 ? "neutral" : w === h ? "current" : w < h ? "completed" : "pending";
@@ -1189,7 +1189,7 @@ function dt({
   isLast: d,
   onNodeClick: n
 }) {
-  const { t: a } = z("ui"), p = D[e.type], m = st[p.iconName], l = a(p.labelKey), i = nt(at(e.settings), a), u = typeof n == "function", v = r === "current", h = r === "completed", y = (k) => {
+  const { t: a } = M("ui"), p = D[e.type], m = st[p.iconName], l = a(p.labelKey), i = nt(at(e.settings), a), u = typeof n == "function", v = r === "current", h = r === "completed", y = (k) => {
     u && (k.preventDefault(), n == null || n(e.id));
   }, x = (k) => {
     u && (k.key === "Enter" || k.key === " ") && (k.preventDefault(), n == null || n(e.id));
@@ -1267,7 +1267,7 @@ function lt({
   compact: r,
   criteria: s
 }) {
-  const { t: o } = z("ui");
+  const { t: o } = M("ui");
   return /* @__PURE__ */ c("li", { className: pe({ orientation: e }), children: [
     /* @__PURE__ */ c(
       "div",
@@ -1321,4 +1321,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-flsvqQ3L.js.map
+//# sourceMappingURL=workflow-map-k-dQkpe7.js.map