@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/list-qP6p0NTw.js

@@ -0,0 +1,434 @@
+import { jsx as i, jsxs as Q, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as X, useState as W, useMemo as O, useRef as G, useCallback as m, useImperativeHandle as V, useContext as C, useLayoutEffect as ee, Children as te, isValidElement as se, createContext as ie } from "react";
+import { c as Y } from "./index-D2ZczOXr.js";
+import { useTranslation as re } from "react-i18next";
+import { u as ne } from "./registry-C9nwlNyL.js";
+const oe = {
+  id: "list",
+  capabilities: ["select_single", "select_multiple"],
+  state: {
+    selection: {
+      type: "string[]",
+      descriptionKey: "ui.agent.list.state.selection",
+      description: "Ids of currently-selected list items. Empty array when none selected or list is presentational.",
+      read: (t) => t.getSelection()
+    }
+  },
+  actions: {
+    set_selection: {
+      safety: "read",
+      argsType: "{ ids: string[] }",
+      descriptionKey: "ui.agent.list.actions.setSelection",
+      description: "Replace the current selection with the given item ids. No-op on presentational lists.",
+      invoke: (t, u) => {
+        t.setSelection(u.ids);
+      }
+    },
+    clear_selection: {
+      safety: "read",
+      descriptionKey: "ui.agent.list.actions.clearSelection",
+      description: "Deselect all items.",
+      invoke: (t) => {
+        t.clearSelection();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "list",
+      description: "Marks the List root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-item-id",
+      description: "Opaque item id; sourced from each ListItem `value` prop. Emitted only when `value` is set."
+    }
+  }
+}, q = ie({
+  selection: "none",
+  selectedValues: /* @__PURE__ */ new Set(),
+  focusedValue: null,
+  disabled: !1,
+  enabledItemValues: [],
+  onItemSelect: () => {
+  },
+  onItemFocus: () => {
+  },
+  onItemKeyDown: () => {
+  },
+  registerItemRef: () => {
+  },
+  divider: "spaced"
+}), ae = Y("ds:flex ds:flex-col ds:p-0 ds:m-0", {
+  variants: {
+    divider: {
+      spaced: "",
+      divided: "",
+      bordered: "ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-md)] ds:overflow-hidden"
+    },
+    density: {
+      compact: "ds:gap-[var(--spacing-xs)]",
+      default: "ds:gap-[var(--spacing-sm)]",
+      relaxed: "ds:gap-[var(--spacing-md)]"
+    },
+    ordered: {
+      true: "ds:list-decimal ds:ps-[var(--spacing-lg)]",
+      false: "ds:list-none"
+    }
+  },
+  defaultVariants: {
+    divider: "spaced",
+    density: "default",
+    ordered: !1
+  }
+}), de = Y(
+  "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+  {
+    variants: {
+      divider: {
+        spaced: "",
+        divided: "ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]",
+        bordered: "ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]"
+      },
+      interactive: {
+        // flex lives on the outer <div role="option"> so it doesn't suppress ::marker on <li>
+        true: [
+          "ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]",
+          "ds:min-h-[var(--min-target-size)] ds:cursor-pointer ds:select-none",
+          "ds:rounded-[var(--radius-sm)]",
+          "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+          "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+          "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+        ].join(" "),
+        // no flex here — <li> keeps display:list-item so ::marker renders correctly
+        false: ""
+      },
+      selected: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        interactive: !0,
+        selected: !1,
+        disabled: !1,
+        className: "ds:hover:bg-[color:var(--muted)]/20"
+      },
+      {
+        interactive: !0,
+        selected: !0,
+        className: "ds:bg-[color:var(--primary)]/10"
+      },
+      {
+        interactive: !0,
+        disabled: !0,
+        className: "ds:opacity-50 ds:cursor-not-allowed ds:pointer-events-none"
+      }
+    ],
+    defaultVariants: {
+      divider: "spaced",
+      interactive: !1,
+      selected: !1,
+      disabled: !1
+    }
+  }
+);
+function le(t) {
+  const u = [];
+  return te.forEach(t, (y) => {
+    if (!se(y)) return;
+    const g = y.props;
+    typeof g.value == "string" && u.push({ value: g.value, disabled: !!g.disabled });
+  }), u;
+}
+const J = X(
+  ({
+    as: t = "ul",
+    start: u,
+    divider: y = "spaced",
+    density: g = "default",
+    selection: w = "none",
+    value: h,
+    defaultValue: S,
+    onValueChange: p,
+    disabled: r = !1,
+    className: N,
+    children: d,
+    "aria-label": P,
+    ...s
+  }, B) => {
+    const { t: T } = re(), n = w !== "none", v = w === "multiple", k = h !== void 0, [j, K] = W(() => S === void 0 ? [] : Array.isArray(S) ? S : [S]), l = O(() => {
+      if (k) {
+        const e = h;
+        return new Set(Array.isArray(e) ? e : [e]);
+      }
+      return new Set(j);
+    }, [k, h, j]), F = O(() => le(d), [d]), c = O(
+      () => F.filter((e) => !e.disabled && !r).map((e) => e.value),
+      [F, r]
+    ), [x, b] = W(null), R = G(/* @__PURE__ */ new Map()), U = m(
+      (e, o) => {
+        o ? R.current.set(e, o) : R.current.delete(e);
+      },
+      []
+    ), I = m((e) => {
+      b(e), requestAnimationFrame(() => {
+        var o;
+        (o = R.current.get(e)) == null || o.focus();
+      });
+    }, []), f = m(
+      (e) => {
+        k || K(e), v ? p == null || p(e) : p == null || p(e[0] ?? "");
+      },
+      [k, v, p]
+    ), L = m(
+      (e) => {
+        if (!r && n)
+          if (v) {
+            const o = [...l];
+            l.has(e) ? f(o.filter((z) => z !== e)) : f([...o, e]);
+          } else
+            l.has(e) ? f([]) : f([e]);
+      },
+      [r, n, v, l, f]
+    ), H = m((e) => {
+      b(e);
+    }, []), M = m(
+      (e, o) => {
+        if (!n) return;
+        const z = c.indexOf(o);
+        switch (e.key) {
+          case "ArrowDown": {
+            e.preventDefault();
+            const a = c[z + 1];
+            a !== void 0 && I(a);
+            break;
+          }
+          case "ArrowUp": {
+            e.preventDefault();
+            const a = c[z - 1];
+            a !== void 0 && I(a);
+            break;
+          }
+          case "Home": {
+            e.preventDefault();
+            const a = c[0];
+            a !== void 0 && I(a);
+            break;
+          }
+          case "End": {
+            e.preventDefault();
+            const a = c[c.length - 1];
+            a !== void 0 && I(a);
+            break;
+          }
+          case " ":
+          case "Enter": {
+            e.preventDefault(), L(o);
+            break;
+          }
+        }
+      },
+      [n, c, I, L]
+    ), A = {
+      selection: w,
+      selectedValues: l,
+      focusedValue: x,
+      disabled: r,
+      enabledItemValues: c,
+      onItemSelect: L,
+      onItemFocus: H,
+      onItemKeyDown: M,
+      registerItemRef: U,
+      divider: y
+    }, D = ae({
+      divider: y,
+      density: g,
+      ordered: t === "ol",
+      className: N
+    }), E = G(null), _ = O(
+      () => ({
+        getSelection: () => Array.from(l),
+        setSelection: (e) => {
+          n && f(v ? e : e.slice(0, 1));
+        },
+        clearSelection: () => {
+          n && f([]);
+        }
+      }),
+      [l, n, v, f]
+    );
+    if (V(B, () => _, [_]), ne(oe, _, s.id), n) {
+      const e = P ?? T("ui.list.label", "List");
+      return /* @__PURE__ */ i(q.Provider, { value: A, children: /* @__PURE__ */ i(
+        "div",
+        {
+          ref: E,
+          role: "listbox",
+          "aria-label": e,
+          "aria-multiselectable": v ? !0 : void 0,
+          "aria-disabled": r ? !0 : void 0,
+          className: D,
+          "data-component": "list",
+          "data-component-id": s.id,
+          ...s,
+          children: d
+        }
+      ) });
+    }
+    return t === "ol" ? /* @__PURE__ */ i(q.Provider, { value: A, children: /* @__PURE__ */ i(
+      "ol",
+      {
+        ref: E,
+        start: u,
+        role: "list",
+        className: D,
+        "data-component": "list",
+        "data-component-id": s.id,
+        ...s,
+        children: d
+      }
+    ) }) : /* @__PURE__ */ i(q.Provider, { value: A, children: /* @__PURE__ */ i(
+      "ul",
+      {
+        ref: E,
+        role: "list",
+        className: D,
+        "data-component": "list",
+        "data-component-id": s.id,
+        ...s,
+        children: d
+      }
+    ) });
+  }
+);
+J.displayName = "List";
+const Z = X(
+  ({
+    value: t,
+    leading: u,
+    title: y,
+    description: g,
+    trailing: w,
+    lineClamp: h,
+    disabled: S = !1,
+    className: p,
+    onClick: r,
+    onFocus: N,
+    onKeyDown: d,
+    ...P
+  }, s) => {
+    const {
+      selection: B,
+      selectedValues: T,
+      focusedValue: n,
+      disabled: v,
+      enabledItemValues: k,
+      onItemSelect: j,
+      onItemFocus: K,
+      onItemKeyDown: l,
+      registerItemRef: F,
+      divider: c
+    } = C(q), x = B !== "none", b = v || S, R = t !== void 0 ? T.has(t) : !1, U = t !== void 0 && n === t, I = t !== void 0 && k[0] === t, f = x ? n !== null ? U && !b ? 0 : -1 : I && !b ? 0 : -1 : void 0, L = G(null);
+    ee(() => {
+      const e = L.current;
+      e && (h != null ? e.style.setProperty("--list-item-clamp", String(h)) : e.style.removeProperty("--list-item-clamp"));
+    }, [h]);
+    const H = m(
+      (e) => {
+        t && F(t, e), typeof s == "function" ? s(e) : s && (s.current = e);
+      },
+      [t, F, s]
+    ), M = m(
+      (e) => {
+        x && t && !b && j(t), r == null || r(e);
+      },
+      [x, t, b, j, r]
+    ), A = m(
+      (e) => {
+        t && K(t), N == null || N(e);
+      },
+      [t, K, N]
+    ), D = m(
+      (e) => {
+        t && l(e, t), d == null || d(e);
+      },
+      [t, l, d]
+    ), E = de({
+      divider: c,
+      interactive: x,
+      selected: R,
+      disabled: b,
+      className: p
+    }), _ = /* @__PURE__ */ Q($, { children: [
+      u && /* @__PURE__ */ i("span", { className: "ds:shrink-0 ds:flex ds:items-center ds:justify-center", children: u }),
+      /* @__PURE__ */ Q("div", { className: "ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0", children: [
+        /* @__PURE__ */ i("span", { className: "ds:text-[color:var(--foreground)] ds:text-[length:var(--font-size-sm)] ds:font-medium ds:leading-[var(--line-height-base)] ds:[overflow-wrap:anywhere]", children: y }),
+        g && /* @__PURE__ */ i(
+          "span",
+          {
+            ref: L,
+            className: [
+              "ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)] ds:leading-[var(--line-height-base)]",
+              h != null ? "ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:var(--list-item-clamp)]" : ""
+            ].filter(Boolean).join(" "),
+            children: g
+          }
+        )
+      ] }),
+      w && /* @__PURE__ */ i("span", { className: "ds:shrink-0 ds:flex ds:items-center ds:justify-center", children: w })
+    ] });
+    return x ? /* @__PURE__ */ i(
+      "div",
+      {
+        ref: H,
+        role: "option",
+        "aria-selected": R,
+        "aria-disabled": b ? !0 : void 0,
+        tabIndex: f,
+        onClick: M,
+        onFocus: A,
+        onKeyDown: D,
+        className: E,
+        "data-item-id": t,
+        ...P,
+        children: _
+      }
+    ) : (
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- non-interactive list items still surface click/keyboard handlers when selection mode is enabled (handlers no-op when selection==='none')
+      /* @__PURE__ */ i(
+        "li",
+        {
+          ref: H,
+          onClick: M,
+          onFocus: A,
+          onKeyDown: D,
+          className: E,
+          "data-item-id": t,
+          ...P,
+          children: /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]", children: _ })
+        }
+      )
+    );
+  }
+);
+Z.displayName = "List.Item";
+const ve = Object.assign(J, {
+  Root: J,
+  Item: Z
+});
+export {
+  ve as L,
+  oe as l
+};
+//# sourceMappingURL=list-qP6p0NTw.js.map

package/dist/_chunks/list-qP6p0NTw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-qP6p0NTw.js","sources":["../../src/components/list/list.agent.ts","../../src/components/list/list.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — List.                                                  */\n/*                                                                        */\n/* The agent surface is only meaningful for selectable lists (`selection` */\n/* prop set to `single` or `multiple`). Presentational lists still emit   */\n/* the root + item DOM hooks so the registry can address them, but the    */\n/* state and actions are no-ops when selection is `none`.                 */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ListHandle } from './list';\n\nexport const listAgent: AgentAdapter<ListHandle> = {\n  id: 'list',\n  capabilities: ['select_single', 'select_multiple'],\n  state: {\n    selection: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.list.state.selection',\n      description:\n        'Ids of currently-selected list items. Empty array when none selected or list is presentational.',\n      read: (handle) => handle.getSelection(),\n    },\n  },\n  actions: {\n    set_selection: {\n      safety: 'read',\n      argsType: '{ ids: string[] }',\n      descriptionKey: 'ui.agent.list.actions.setSelection',\n      description:\n        'Replace the current selection with the given item ids. No-op on presentational lists.',\n      invoke: (handle, args: { ids: string[] }) => {\n        handle.setSelection(args.ids);\n      },\n    },\n    clear_selection: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.list.actions.clearSelection',\n      description: 'Deselect all items.',\n      invoke: (handle) => {\n        handle.clearSelection();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'list',\n      description: 'Marks the List root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-item-id',\n      description:\n        'Opaque item id; sourced from each ListItem `value` prop. Emitted only when `value` is set.',\n    },\n  },\n};\n","import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { listAgent } from './list.agent';\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ninterface ListContextValue {\n  selection: 'none' | 'single' | 'multiple';\n  selectedValues: Set<string>;\n  focusedValue: string | null;\n  disabled: boolean;\n  enabledItemValues: string[];\n  onItemSelect: (value: string) => void;\n  onItemFocus: (value: string) => void;\n  onItemKeyDown: (e: KeyboardEvent<HTMLElement>, value: string) => void;\n  registerItemRef: (value: string, el: HTMLElement | null) => void;\n  divider: 'spaced' | 'divided' | 'bordered';\n}\n\nconst ListContext = createContext<ListContextValue>({\n  selection: 'none',\n  selectedValues: new Set(),\n  focusedValue: null,\n  disabled: false,\n  enabledItemValues: [],\n  onItemSelect: () => {},\n  onItemFocus: () => {},\n  onItemKeyDown: () => {},\n  registerItemRef: () => {},\n  divider: 'spaced',\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA variants                                                        */\n/* ------------------------------------------------------------------ */\n\nconst listVariants = cva('ds:flex ds:flex-col ds:p-0 ds:m-0', {\n  variants: {\n    divider: {\n      spaced: '',\n      divided: '',\n      bordered:\n        'ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-md)] ds:overflow-hidden',\n    },\n    density: {\n      compact: 'ds:gap-[var(--spacing-xs)]',\n      default: 'ds:gap-[var(--spacing-sm)]',\n      relaxed: 'ds:gap-[var(--spacing-md)]',\n    },\n    ordered: {\n      true: 'ds:list-decimal ds:ps-[var(--spacing-lg)]',\n      false: 'ds:list-none',\n    },\n  },\n  defaultVariants: {\n    divider: 'spaced',\n    density: 'default',\n    ordered: false,\n  },\n});\n\nconst listItemVariants = cva(\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n  {\n    variants: {\n      divider: {\n        spaced: '',\n        divided:\n          'ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]',\n        bordered:\n          'ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]',\n      },\n      interactive: {\n        // flex lives on the outer <div role=\"option\"> so it doesn't suppress ::marker on <li>\n        true: [\n          'ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]',\n          'ds:min-h-[var(--min-target-size)] ds:cursor-pointer ds:select-none',\n          'ds:rounded-[var(--radius-sm)]',\n          'ds:transition-colors 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-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n        ].join(' '),\n        // no flex here — <li> keeps display:list-item so ::marker renders correctly\n        false: '',\n      },\n      selected: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        interactive: true,\n        selected: false,\n        disabled: false,\n        className: 'ds:hover:bg-[color:var(--muted)]/20',\n      },\n      {\n        interactive: true,\n        selected: true,\n        className: 'ds:bg-[color:var(--primary)]/10',\n      },\n      {\n        interactive: true,\n        disabled: true,\n        className: 'ds:opacity-50 ds:cursor-not-allowed ds:pointer-events-none',\n      },\n    ],\n    defaultVariants: {\n      divider: 'spaced',\n      interactive: false,\n      selected: false,\n      disabled: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/** Curated imperative handle for agent / external automation. */\nexport interface ListHandle {\n  getSelection: () => string[];\n  setSelection: (ids: string[]) => void;\n  clearSelection: () => void;\n}\n\nexport interface ListProps extends HTMLAttributes<HTMLElement> {\n  as?: 'ul' | 'ol';\n  start?: number;\n  divider?: 'spaced' | 'divided' | 'bordered';\n  density?: 'compact' | 'default' | 'relaxed';\n  selection?: 'none' | 'single' | 'multiple';\n  value?: string | string[];\n  defaultValue?: string | string[];\n  onValueChange?: (value: string | string[]) => void;\n  disabled?: boolean;\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface ListItemProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  value?: string;\n  leading?: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n  trailing?: ReactNode;\n  lineClamp?: number;\n  disabled?: boolean;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction collectItemInfo(\n  children: ReactNode,\n): Array<{ value: string; disabled: boolean }> {\n  const items: Array<{ value: string; disabled: boolean }> = [];\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) return;\n    const props = child.props as { value?: unknown; disabled?: unknown };\n    if (typeof props.value === 'string') {\n      items.push({ value: props.value, disabled: Boolean(props.disabled) });\n    }\n  });\n  return items;\n}\n\n/* ------------------------------------------------------------------ */\n/* ListRoot                                                            */\n/* ------------------------------------------------------------------ */\n\nconst ListRoot = forwardRef<ListHandle, ListProps>(\n  (\n    {\n      as = 'ul',\n      start,\n      divider = 'spaced',\n      density = 'default',\n      selection = 'none',\n      value: controlledValue,\n      defaultValue,\n      onValueChange,\n      disabled = false,\n      className,\n      children,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const isSelectable = selection !== 'none';\n    const isMultiple = selection === 'multiple';\n    const isControlled = controlledValue !== undefined;\n\n    const [internalValue, setInternalValue] = useState<string[]>(() => {\n      if (defaultValue === undefined) return [];\n      return Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n    });\n\n    const selectedValues = useMemo<Set<string>>(() => {\n      if (isControlled) {\n        const v = controlledValue!;\n        return new Set(Array.isArray(v) ? v : [v]);\n      }\n      return new Set(internalValue);\n    }, [isControlled, controlledValue, internalValue]);\n\n    const allItemInfo = useMemo(() => collectItemInfo(children), [children]);\n    const enabledItemValues = useMemo(\n      () =>\n        allItemInfo.filter((i) => !i.disabled && !disabled).map((i) => i.value),\n      [allItemInfo, disabled],\n    );\n\n    const [focusedValue, setFocusedValue] = useState<string | null>(null);\n\n    const itemRefs = useRef<Map<string, HTMLElement>>(new Map());\n\n    const registerItemRef = useCallback(\n      (value: string, el: HTMLElement | null) => {\n        if (el) {\n          itemRefs.current.set(value, el);\n        } else {\n          itemRefs.current.delete(value);\n        }\n      },\n      [],\n    );\n\n    const focusItem = useCallback((value: string) => {\n      setFocusedValue(value);\n      requestAnimationFrame(() => {\n        itemRefs.current.get(value)?.focus();\n      });\n    }, []);\n\n    const commit = useCallback(\n      (next: string[]) => {\n        if (!isControlled) setInternalValue(next);\n        if (isMultiple) {\n          onValueChange?.(next);\n        } else {\n          onValueChange?.(next[0] ?? '');\n        }\n      },\n      [isControlled, isMultiple, onValueChange],\n    );\n\n    const handleItemSelect = useCallback(\n      (itemValue: string) => {\n        if (disabled) return;\n        if (!isSelectable) return;\n        if (isMultiple) {\n          const current = [...selectedValues];\n          if (selectedValues.has(itemValue)) {\n            commit(current.filter((v) => v !== itemValue));\n          } else {\n            commit([...current, itemValue]);\n          }\n        } else {\n          if (selectedValues.has(itemValue)) {\n            commit([]);\n          } else {\n            commit([itemValue]);\n          }\n        }\n      },\n      [disabled, isSelectable, isMultiple, selectedValues, commit],\n    );\n\n    const handleItemFocus = useCallback((value: string) => {\n      setFocusedValue(value);\n    }, []);\n\n    const handleItemKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLElement>, itemValue: string) => {\n        if (!isSelectable) return;\n        const currentIndex = enabledItemValues.indexOf(itemValue);\n\n        switch (e.key) {\n          case 'ArrowDown': {\n            e.preventDefault();\n            const next = enabledItemValues[currentIndex + 1];\n            if (next !== undefined) focusItem(next);\n            break;\n          }\n          case 'ArrowUp': {\n            e.preventDefault();\n            const prev = enabledItemValues[currentIndex - 1];\n            if (prev !== undefined) focusItem(prev);\n            break;\n          }\n          case 'Home': {\n            e.preventDefault();\n            const first = enabledItemValues[0];\n            if (first !== undefined) focusItem(first);\n            break;\n          }\n          case 'End': {\n            e.preventDefault();\n            const last = enabledItemValues[enabledItemValues.length - 1];\n            if (last !== undefined) focusItem(last);\n            break;\n          }\n          case ' ':\n          case 'Enter': {\n            e.preventDefault();\n            handleItemSelect(itemValue);\n            break;\n          }\n        }\n      },\n      [isSelectable, enabledItemValues, focusItem, handleItemSelect],\n    );\n\n    const ctxValue: ListContextValue = {\n      selection,\n      selectedValues,\n      focusedValue,\n      disabled,\n      enabledItemValues,\n      onItemSelect: handleItemSelect,\n      onItemFocus: handleItemFocus,\n      onItemKeyDown: handleItemKeyDown,\n      registerItemRef,\n      divider,\n    };\n\n    const classes = listVariants({\n      divider,\n      density,\n      ordered: as === 'ol',\n      className,\n    });\n\n    const rootRef = useRef<HTMLElement>(null);\n\n    const agentHandle = useMemo<ListHandle>(\n      () => ({\n        getSelection: () => Array.from(selectedValues),\n        setSelection: (ids: string[]) => {\n          if (!isSelectable) return;\n          commit(isMultiple ? ids : ids.slice(0, 1));\n        },\n        clearSelection: () => {\n          if (!isSelectable) return;\n          commit([]);\n        },\n      }),\n      [selectedValues, isSelectable, isMultiple, commit],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(listAgent, agentHandle, props.id);\n\n    if (isSelectable) {\n      if (import.meta.env.DEV && !ariaLabel && !props['aria-labelledby']) {\n        console.warn(\n          'List: a selectable list (role=\"listbox\") should have an accessible name. ' +\n            'Pass aria-label or aria-labelledby to satisfy WCAG 4.1.2.',\n        );\n      }\n      const resolvedAriaLabel = ariaLabel ?? t('ui.list.label', 'List');\n      return (\n        <ListContext.Provider value={ctxValue}>\n          <div\n            ref={rootRef as Ref<HTMLDivElement>}\n            role=\"listbox\"\n            aria-label={resolvedAriaLabel}\n            aria-multiselectable={isMultiple ? true : undefined}\n            aria-disabled={disabled ? true : undefined}\n            className={classes}\n            data-component=\"list\"\n            data-component-id={props.id}\n            {...props}\n          >\n            {children}\n          </div>\n        </ListContext.Provider>\n      );\n    }\n\n    if (as === 'ol') {\n      return (\n        <ListContext.Provider value={ctxValue}>\n          {/* eslint-disable-next-line jsx-a11y/no-redundant-roles -- Safari strips the implicit list role on <ol>/<ul> with list-style:none; this guard puts it back in the accessibility tree */}\n          <ol\n            ref={rootRef as Ref<HTMLOListElement>}\n            start={start}\n            role=\"list\"\n            className={classes}\n            data-component=\"list\"\n            data-component-id={props.id}\n            {...(props as HTMLAttributes<HTMLOListElement>)}\n          >\n            {children}\n          </ol>\n        </ListContext.Provider>\n      );\n    }\n\n    return (\n      <ListContext.Provider value={ctxValue}>\n        {/* eslint-disable-next-line jsx-a11y/no-redundant-roles -- Safari strips the implicit list role on <ol>/<ul> with list-style:none; this guard puts it back in the accessibility tree */}\n        <ul\n          ref={rootRef as Ref<HTMLUListElement>}\n          role=\"list\"\n          className={classes}\n          data-component=\"list\"\n          data-component-id={props.id}\n          {...(props as HTMLAttributes<HTMLUListElement>)}\n        >\n          {children}\n        </ul>\n      </ListContext.Provider>\n    );\n  },\n);\nListRoot.displayName = 'List';\n\n/* ------------------------------------------------------------------ */\n/* ListItem                                                            */\n/* ------------------------------------------------------------------ */\n\nconst ListItem = forwardRef<HTMLElement, ListItemProps>(\n  (\n    {\n      value,\n      leading,\n      title,\n      description,\n      trailing,\n      lineClamp,\n      disabled: itemDisabled = false,\n      className,\n      onClick,\n      onFocus,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const {\n      selection,\n      selectedValues,\n      focusedValue,\n      disabled: groupDisabled,\n      enabledItemValues,\n      onItemSelect,\n      onItemFocus,\n      onItemKeyDown,\n      registerItemRef,\n      divider,\n    } = useContext(ListContext);\n\n    const isSelectable = selection !== 'none';\n    const isDisabled = groupDisabled || itemDisabled;\n    const isSelected = value !== undefined ? selectedValues.has(value) : false;\n    const isFocused = value !== undefined && focusedValue === value;\n    const isFirstEnabled =\n      value !== undefined && enabledItemValues[0] === value;\n    const tabIndex = isSelectable\n      ? focusedValue !== null\n        ? isFocused && !isDisabled\n          ? 0\n          : -1\n        : isFirstEnabled && !isDisabled\n          ? 0\n          : -1\n      : undefined;\n\n    const descRef = useRef<HTMLSpanElement>(null);\n    useLayoutEffect(() => {\n      const el = descRef.current;\n      if (!el) return;\n      if (lineClamp != null) {\n        el.style.setProperty('--list-item-clamp', String(lineClamp));\n      } else {\n        el.style.removeProperty('--list-item-clamp');\n      }\n    }, [lineClamp]);\n\n    const internalRef = useCallback(\n      (el: HTMLElement | null) => {\n        if (value) registerItemRef(value, el);\n        if (typeof ref === 'function') {\n          ref(el);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLElement | null>).current = el;\n        }\n      },\n      [value, registerItemRef, ref],\n    );\n\n    const handleClick = useCallback(\n      (e: React.MouseEvent<HTMLElement>) => {\n        if (isSelectable && value && !isDisabled) {\n          onItemSelect(value);\n        }\n        (onClick as React.MouseEventHandler<HTMLElement> | undefined)?.(e);\n      },\n      [isSelectable, value, isDisabled, onItemSelect, onClick],\n    );\n\n    const handleFocus = useCallback(\n      (e: React.FocusEvent<HTMLElement>) => {\n        if (value) onItemFocus(value);\n        (onFocus as React.FocusEventHandler<HTMLElement> | undefined)?.(e);\n      },\n      [value, onItemFocus, onFocus],\n    );\n\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLElement>) => {\n        if (value) onItemKeyDown(e, value);\n        (onKeyDown as React.KeyboardEventHandler<HTMLElement> | undefined)?.(e);\n      },\n      [value, onItemKeyDown, onKeyDown],\n    );\n\n    const itemClasses = listItemVariants({\n      divider,\n      interactive: isSelectable,\n      selected: isSelected,\n      disabled: isDisabled,\n      className,\n    });\n\n    const content = (\n      <>\n        {leading && (\n          <span className=\"ds:shrink-0 ds:flex ds:items-center ds:justify-center\">\n            {leading}\n          </span>\n        )}\n        <div className=\"ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0\">\n          <span className=\"ds:text-[color:var(--foreground)] ds:text-[length:var(--font-size-sm)] ds:font-medium ds:leading-[var(--line-height-base)] ds:[overflow-wrap:anywhere]\">\n            {title}\n          </span>\n          {description && (\n            <span\n              ref={descRef}\n              className={[\n                'ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)] ds:leading-[var(--line-height-base)]',\n                lineClamp != null\n                  ? 'ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:var(--list-item-clamp)]'\n                  : '',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {description}\n            </span>\n          )}\n        </div>\n        {trailing && (\n          <span className=\"ds:shrink-0 ds:flex ds:items-center ds:justify-center\">\n            {trailing}\n          </span>\n        )}\n      </>\n    );\n\n    if (isSelectable) {\n      return (\n        <div\n          ref={internalRef as React.Ref<HTMLDivElement>}\n          role=\"option\"\n          aria-selected={isSelected}\n          aria-disabled={isDisabled ? true : undefined}\n          tabIndex={tabIndex}\n          onClick={handleClick}\n          onFocus={handleFocus}\n          onKeyDown={handleKeyDown}\n          className={itemClasses}\n          data-item-id={value}\n          {...props}\n        >\n          {content}\n        </div>\n      );\n    }\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- non-interactive list items still surface click/keyboard handlers when selection mode is enabled (handlers no-op when selection==='none')\n      <li\n        ref={internalRef as React.Ref<HTMLLIElement>}\n        onClick={handleClick}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        className={itemClasses}\n        data-item-id={value}\n        {...props}\n      >\n        {/* Inner flex wrapper keeps <li> as display:list-item so ::marker renders */}\n        <div className=\"ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]\">\n          {content}\n        </div>\n      </li>\n    );\n  },\n);\nListItem.displayName = 'List.Item';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const List = Object.assign(ListRoot, {\n  Root: ListRoot,\n  Item: ListItem,\n});\n\nexport type { ListContextValue };\n"],"names":["listAgent","handle","args","ListContext","createContext","listVariants","cva","listItemVariants","collectItemInfo","children","items","Children","child","isValidElement","props","ListRoot","forwardRef","as","start","divider","density","selection","controlledValue","defaultValue","onValueChange","disabled","className","ariaLabel","ref","t","useTranslation","isSelectable","isMultiple","isControlled","internalValue","setInternalValue","useState","selectedValues","useMemo","v","allItemInfo","enabledItemValues","i","focusedValue","setFocusedValue","itemRefs","useRef","registerItemRef","useCallback","value","el","focusItem","_a","commit","next","handleItemSelect","itemValue","current","handleItemFocus","handleItemKeyDown","currentIndex","prev","first","last","ctxValue","classes","rootRef","agentHandle","ids","useImperativeHandle","useAgentRegistration","resolvedAriaLabel","jsx","ListItem","leading","title","description","trailing","lineClamp","itemDisabled","onClick","onFocus","onKeyDown","groupDisabled","onItemSelect","onItemFocus","onItemKeyDown","useContext","isDisabled","isSelected","isFocused","isFirstEnabled","tabIndex","descRef","useLayoutEffect","internalRef","handleClick","handleFocus","handleKeyDown","itemClasses","content","jsxs","Fragment","List"],"mappings":"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"}

package/dist/_chunks/live-region-C41SO3cA.js.map

@@ -1 +1 @@
-{"version":3,"file":"live-region-C41SO3cA.js","sources":["../../src/components/live-region/live-region.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst liveRegionVariants = cva('', {\n  variants: {\n    visuallyHidden: {\n      true: 'ds:sr-only',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    visuallyHidden: true,\n  },\n});\n\nexport type LiveRegionPoliteness = 'polite' | 'assertive' | 'off';\nexport type LiveRegionRelevant =\n  | 'additions'\n  | 'removals'\n  | 'text'\n  | 'all';\nexport type LiveRegionElement = 'div' | 'span';\n\nexport interface LiveRegionProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'role' | 'children'>,\n    VariantProps<typeof liveRegionVariants> {\n  /**\n   * `aria-live` politeness. `off` removes the live region announcement\n   * but keeps the DOM container.\n   * @default 'polite'\n   */\n  politeness?: LiveRegionPoliteness;\n  /**\n   * Whether AT should announce the entire region on update.\n   * @default true\n   */\n  atomic?: boolean;\n  /**\n   * Which mutation kinds AT should announce.\n   */\n  relevant?: LiveRegionRelevant;\n  /**\n   * Defer rendering of `children` by this many milliseconds. Useful when a\n   * message updates within the same React commit as the region mounts —\n   * many screen readers miss messages that appear synchronously with the\n   * region itself. A small delay (50–150ms) makes the change observable.\n   * @default 0\n   */\n  delay?: number;\n  /**\n   * Element to render. `div` is block-level (default), `span` for inline.\n   * @default 'div'\n   */\n  as?: LiveRegionElement;\n  /**\n   * When true (the default), the region is rendered with `sr-only` so it\n   * is announced but not visually shown. Set to `false` to render\n   * visibly — useful for status messages that should appear on screen.\n   * @default true\n   */\n  visuallyHidden?: boolean;\n  children?: ReactNode;\n}\n\nexport const LiveRegion = forwardRef<HTMLElement, LiveRegionProps>(\n  (\n    {\n      politeness = 'polite',\n      atomic = true,\n      relevant,\n      delay = 0,\n      as = 'div',\n      visuallyHidden = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const [deferredChildren, setDeferredChildren] = useState<ReactNode>(\n      delay > 0 ? null : children,\n    );\n\n    useEffect(() => {\n      if (delay <= 0) {\n        setDeferredChildren(children);\n        return;\n      }\n      const timer = window.setTimeout(() => {\n        setDeferredChildren(children);\n      }, delay);\n      return () => {\n        window.clearTimeout(timer);\n      };\n    }, [children, delay]);\n\n    const role =\n      politeness === 'assertive'\n        ? 'alert'\n        : politeness === 'polite'\n          ? 'status'\n          : undefined;\n\n    const ariaLive = politeness === 'off' ? undefined : politeness;\n\n    const sharedProps = {\n      ref: ref as Ref<HTMLDivElement & HTMLSpanElement>,\n      role,\n      'aria-live': ariaLive,\n      'aria-atomic': atomic ? true : undefined,\n      'aria-relevant': relevant,\n      className: liveRegionVariants({ visuallyHidden, className }),\n      'data-component': 'live-region',\n      ...props,\n    };\n\n    if (as === 'span') {\n      return <span {...sharedProps}>{deferredChildren}</span>;\n    }\n    return <div {...sharedProps}>{deferredChildren}</div>;\n  },\n);\n\nLiveRegion.displayName = 'LiveRegion';\n"],"names":["liveRegionVariants","cva","LiveRegion","forwardRef","politeness","atomic","relevant","delay","as","visuallyHidden","className","children","props","ref","deferredChildren","setDeferredChildren","useState","useEffect","timer","sharedProps","jsx"],"mappings":";;;AAUA,MAAMA,IAAqBC,EAAI,IAAI;AAAA,EACjC,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,gBAAgB;AAAA,EAAA;AAEpB,CAAC,GAmDYC,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,YAAAC,IAAa;AAAA,IACb,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,IAAAC,IAAK;AAAA,IACL,gBAAAC,IAAiB;AAAA,IACjB,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,CAACC,GAAkBC,CAAmB,IAAIC;AAAA,MAC9CT,IAAQ,IAAI,OAAOI;AAAA,IAAA;AAGrB,IAAAM,EAAU,MAAM;AACd,UAAIV,KAAS,GAAG;AACd,QAAAQ,EAAoBJ,CAAQ;AAC5B;AAAA,MACF;AACA,YAAMO,IAAQ,OAAO,WAAW,MAAM;AACpC,QAAAH,EAAoBJ,CAAQ;AAAA,MAC9B,GAAGJ,CAAK;AACR,aAAO,MAAM;AACX,eAAO,aAAaW,CAAK;AAAA,MAC3B;AAAA,IACF,GAAG,CAACP,GAAUJ,CAAK,CAAC;AAWpB,UAAMY,IAAc;AAAA,MAClB,KAAAN;AAAA,MACA,MAVAT,MAAe,cACX,UACAA,MAAe,WACb,WACA;AAAA,MAON,aALeA,MAAe,QAAQ,SAAYA;AAAA,MAMlD,eAAeC,IAAS,KAAO;AAAA,MAC/B,iBAAiBC;AAAA,MACjB,WAAWN,EAAmB,EAAE,gBAAAS,GAAgB,WAAAC,GAAW;AAAA,MAC3D,kBAAkB;AAAA,MAClB,GAAGE;AAAA,IAAA;AAGL,WAAIJ,MAAO,SACF,gBAAAY,EAAC,QAAA,EAAM,GAAGD,GAAc,UAAAL,GAAiB,IAE3C,gBAAAM,EAAC,OAAA,EAAK,GAAGD,GAAc,UAAAL,GAAiB;AAAA,EACjD;AACF;AAEAZ,EAAW,cAAc;"}
+{"version":3,"file":"live-region-C41SO3cA.js","sources":["../../src/components/live-region/live-region.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst liveRegionVariants = cva('', {\n  variants: {\n    visuallyHidden: {\n      true: 'ds:sr-only',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    visuallyHidden: true,\n  },\n});\n\nexport type LiveRegionPoliteness = 'polite' | 'assertive' | 'off';\nexport type LiveRegionRelevant = 'additions' | 'removals' | 'text' | 'all';\nexport type LiveRegionElement = 'div' | 'span';\n\nexport interface LiveRegionProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'role' | 'children'>,\n    VariantProps<typeof liveRegionVariants> {\n  /**\n   * `aria-live` politeness. `off` removes the live region announcement\n   * but keeps the DOM container.\n   * @default 'polite'\n   */\n  politeness?: LiveRegionPoliteness;\n  /**\n   * Whether AT should announce the entire region on update.\n   * @default true\n   */\n  atomic?: boolean;\n  /**\n   * Which mutation kinds AT should announce.\n   */\n  relevant?: LiveRegionRelevant;\n  /**\n   * Defer rendering of `children` by this many milliseconds. Useful when a\n   * message updates within the same React commit as the region mounts —\n   * many screen readers miss messages that appear synchronously with the\n   * region itself. A small delay (50–150ms) makes the change observable.\n   * @default 0\n   */\n  delay?: number;\n  /**\n   * Element to render. `div` is block-level (default), `span` for inline.\n   * @default 'div'\n   */\n  as?: LiveRegionElement;\n  /**\n   * When true (the default), the region is rendered with `sr-only` so it\n   * is announced but not visually shown. Set to `false` to render\n   * visibly — useful for status messages that should appear on screen.\n   * @default true\n   */\n  visuallyHidden?: boolean;\n  children?: ReactNode;\n}\n\nexport const LiveRegion = forwardRef<HTMLElement, LiveRegionProps>(\n  (\n    {\n      politeness = 'polite',\n      atomic = true,\n      relevant,\n      delay = 0,\n      as = 'div',\n      visuallyHidden = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const [deferredChildren, setDeferredChildren] = useState<ReactNode>(\n      delay > 0 ? null : children,\n    );\n\n    useEffect(() => {\n      if (delay <= 0) {\n        setDeferredChildren(children);\n        return;\n      }\n      const timer = window.setTimeout(() => {\n        setDeferredChildren(children);\n      }, delay);\n      return () => {\n        window.clearTimeout(timer);\n      };\n    }, [children, delay]);\n\n    const role =\n      politeness === 'assertive'\n        ? 'alert'\n        : politeness === 'polite'\n          ? 'status'\n          : undefined;\n\n    const ariaLive = politeness === 'off' ? undefined : politeness;\n\n    const sharedProps = {\n      ref: ref as Ref<HTMLDivElement & HTMLSpanElement>,\n      role,\n      'aria-live': ariaLive,\n      'aria-atomic': atomic ? true : undefined,\n      'aria-relevant': relevant,\n      className: liveRegionVariants({ visuallyHidden, className }),\n      'data-component': 'live-region',\n      ...props,\n    };\n\n    if (as === 'span') {\n      return <span {...sharedProps}>{deferredChildren}</span>;\n    }\n    return <div {...sharedProps}>{deferredChildren}</div>;\n  },\n);\n\nLiveRegion.displayName = 'LiveRegion';\n"],"names":["liveRegionVariants","cva","LiveRegion","forwardRef","politeness","atomic","relevant","delay","as","visuallyHidden","className","children","props","ref","deferredChildren","setDeferredChildren","useState","useEffect","timer","sharedProps","jsx"],"mappings":";;;AAUA,MAAMA,IAAqBC,EAAI,IAAI;AAAA,EACjC,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,gBAAgB;AAAA,EAAA;AAEpB,CAAC,GAgDYC,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,YAAAC,IAAa;AAAA,IACb,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,IAAAC,IAAK;AAAA,IACL,gBAAAC,IAAiB;AAAA,IACjB,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,CAACC,GAAkBC,CAAmB,IAAIC;AAAA,MAC9CT,IAAQ,IAAI,OAAOI;AAAA,IAAA;AAGrB,IAAAM,EAAU,MAAM;AACd,UAAIV,KAAS,GAAG;AACd,QAAAQ,EAAoBJ,CAAQ;AAC5B;AAAA,MACF;AACA,YAAMO,IAAQ,OAAO,WAAW,MAAM;AACpC,QAAAH,EAAoBJ,CAAQ;AAAA,MAC9B,GAAGJ,CAAK;AACR,aAAO,MAAM;AACX,eAAO,aAAaW,CAAK;AAAA,MAC3B;AAAA,IACF,GAAG,CAACP,GAAUJ,CAAK,CAAC;AAWpB,UAAMY,IAAc;AAAA,MAClB,KAAAN;AAAA,MACA,MAVAT,MAAe,cACX,UACAA,MAAe,WACb,WACA;AAAA,MAON,aALeA,MAAe,QAAQ,SAAYA;AAAA,MAMlD,eAAeC,IAAS,KAAO;AAAA,MAC/B,iBAAiBC;AAAA,MACjB,WAAWN,EAAmB,EAAE,gBAAAS,GAAgB,WAAAC,GAAW;AAAA,MAC3D,kBAAkB;AAAA,MAClB,GAAGE;AAAA,IAAA;AAGL,WAAIJ,MAAO,SACF,gBAAAY,EAAC,QAAA,EAAM,GAAGD,GAAc,UAAAL,GAAiB,IAE3C,gBAAAM,EAAC,OAAA,EAAK,GAAGD,GAAc,UAAAL,GAAiB;AAAA,EACjD;AACF;AAEAZ,EAAW,cAAc;"}