@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-BWL7HWEF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/schema-form/schema-form-store.ts"],"sourcesContent":["\"use client\";\n\n/**\n * schema-form-store.ts — the per-field external store backing `SchemaForm`\n * (perf review §3.4: \"one context carries all values → every keystroke\n * re-renders every field and re-runs isFieldVisible across the spec\").\n *\n * One `SchemaFormStore` instance lives for a `SchemaFormProvider`'s whole\n * lifetime (created once via a lazy `useState` initializer in\n * `schema-form.tsx`). It owns `values`/`attempted` and derives\n * `effectiveValues`/`errors` from them, exactly as the previous\n * `useMemo`-based implementation did — the FORMULAS are unchanged (see\n * `computeMergedValues`, ported byte-for-byte from the old `mergedValues`\n * closure). What changes is how a component reads them:\n *\n * - `SchemaFormField` subscribes to its OWN `FieldSnapshot` via\n *   `useFieldSnapshot(name)` (a `useSyncExternalStore` selector). The\n *   snapshot is cached per field name and a fresh compute that is\n *   field-by-field equal to the cached one returns the CACHED object —\n *   `useSyncExternalStore`'s own `Object.is` bail-out then skips re-\n *   rendering that field when an unrelated field's keystroke fires the\n *   store's `emit()`. `SchemaFormField` is also wrapped in `memo()`, so a\n *   parent container re-rendering (see below) does not cascade into it\n *   either, as long as the `name`/`className`/`...props` it was given\n *   didn't change.\n * - Containers that list CHILDREN by name (`SchemaFormFields`,\n *   `GroupTabsControl`'s per-branch content, `AdvancedGroupBranch`) read\n *   `useVisibleFieldNames(fields)` — a cached `string[]` that only changes\n *   reference when the VISIBLE SET actually changes, not on every\n *   keystroke — so typing in one field doesn't even cause its siblings'\n *   list container to reconcile new elements for them.\n * - `useSchemaFormMeta()` covers the slow-changing, form-wide flags\n *   (`disabled`/`submitted`/`submitting`/`loading`/`error`/`attempted`/\n *   `spec`) as ONE cached object — stable across ordinary typing, so a\n *   component reading only these (e.g. `SchemaFormRoot`) doesn't re-render\n *   on every keystroke either.\n * - `useEffectiveValues()` exposes the full merged/stripped values object\n *   with the SAME reference-stability contract the old `useMemo` gave\n *   `SchemaFormTestAction` (which compares it by `!==` to detect \"the user\n *   edited while a test was in flight\") — unaffected by this refactor.\n *\n * Every derived getter is a plain, synchronous function of the store's\n * current `props`/`internalValues`/`attempted` — none of this maintains\n * parallel state that could drift from `values`.\n */\n\nimport { useCallback, useSyncExternalStore, type ReactNode } from \"react\";\nimport {\n  collectValidatableFields,\n  isFieldVisible,\n  initialFormValues,\n  validateForm,\n  type FieldSpec,\n  type FormSubmitState,\n  type FormValue,\n  type FormValues,\n  type GroupFieldSpec,\n  type GroupItemSpec,\n  type NormalizedFormSpec,\n} from \"./schema-form-spec\";\n\n// ─── Pure helpers (spec + values → values), no React ───────────────────────\n\n/** The effective value for a field (state value, else its default/empty). */\nfunction effectiveValue(field: FieldSpec, values: FormValues): FormValue {\n  const v = values[field.name];\n  if (v !== undefined) return v;\n  if (field.type === \"group\") return field.default ?? field.groups[0]?.key;\n  if (\"default\" in field && field.default !== undefined) return field.default;\n  if (field.type === \"boolean\") return false;\n  if (field.type === \"multi-enum\" || field.type === \"list\") return [];\n  if (field.type === \"key-value\") return [];\n  if (field.type === \"file\") return [];\n  return undefined;\n}\n\n/** Remove every field's key (recursively, including nested group branches) from `values`. */\nfunction stripFields(fields: FieldSpec[], values: FormValues): void {\n  for (const field of fields) {\n    delete values[field.name];\n    if (field.type === \"group\") {\n      for (const group of field.groups) stripFields(group.fields, values);\n    }\n  }\n}\n\n/** The active branch of a `variant: \"tabs\"` group, given its own (possibly-just-computed) value. */\nfunction activeTabBranch(field: GroupFieldSpec, activeKey: FormValue): GroupItemSpec | undefined {\n  const key = typeof activeKey === \"string\" ? activeKey : undefined;\n  return (\n    field.groups.find((g) => g.key === key) ??\n    field.groups.find((g) => g.key === field.default) ??\n    field.groups[0]\n  );\n}\n\n/**\n * `values` with every field's default/empty fallback applied and every\n * currently-hidden field's subtree stripped. Ported byte-for-byte from the\n * previous `SchemaFormProvider`'s `mergedValues` closure — see that\n * implementation's history for the full reasoning on why hidden fields are\n * stripped rather than merely skipped.\n */\nfunction computeMergedValues(fields: FieldSpec[], base: FormValues): FormValues {\n  const merged: FormValues = { ...base };\n  const fill = (fs: FieldSpec[]) => {\n    for (const field of fs) {\n      if (!isFieldVisible(field, merged)) {\n        delete merged[field.name];\n        if (field.type === \"group\") {\n          for (const group of field.groups) stripFields(group.fields, merged);\n        }\n        continue;\n      }\n      merged[field.name] = effectiveValue(field, merged);\n      if (field.type !== \"group\") continue;\n      if (field.variant === \"tabs\") {\n        const active = activeTabBranch(field, merged[field.name]);\n        for (const group of field.groups) {\n          if (group === active) fill(group.fields);\n          else stripFields(group.fields, merged);\n        }\n      } else {\n        for (const group of field.groups) fill(group.fields);\n      }\n    }\n  };\n  fill(fields);\n  return merged;\n}\n\n/** Does any field in this branch (including nested group branches) currently have an error? */\nfunction branchHasError(fields: FieldSpec[], errors: Record<string, string | null>): boolean {\n  for (const field of fields) {\n    if (errors[field.name]) return true;\n    if (field.type === \"group\") {\n      for (const group of field.groups) {\n        if (branchHasError(group.fields, errors)) return true;\n      }\n    }\n  }\n  return false;\n}\n\nfunction buildFieldMap(fields: FieldSpec[]): Map<string, FieldSpec> {\n  const map = new Map<string, FieldSpec>();\n  const walk = (fs: FieldSpec[]) => {\n    for (const field of fs) {\n      map.set(field.name, field);\n      if (field.type === \"group\") {\n        for (const group of field.groups) walk(group.fields);\n      }\n    }\n  };\n  walk(fields);\n  return map;\n}\n\nfunction sameNames(a: string[], b: string[]): boolean {\n  if (a.length !== b.length) return false;\n  for (let i = 0; i < a.length; i++) {\n    if (a[i] !== b[i]) return false;\n  }\n  return true;\n}\n\n// ─── Store ──────────────────────────────────────────────────────────────────\n\nexport interface SchemaFormStoreProps {\n  spec: NormalizedFormSpec;\n  valuesProp: FormValues | undefined;\n  onChange?: (values: FormValues) => void;\n  onSubmit?: (state: FormSubmitState) => void;\n  disabled: boolean;\n  submitted: boolean;\n  submitting: boolean;\n  loading: boolean;\n  error: ReactNode;\n}\n\nexport interface FieldSnapshot {\n  value: FormValue;\n  invalid: boolean;\n  errorText: string | null;\n  visible: boolean;\n  disabled: boolean;\n  readOnly: boolean;\n}\n\nexport interface SchemaFormMeta {\n  spec: NormalizedFormSpec;\n  formId: string;\n  headingId: string;\n  disabled: boolean;\n  submitted: boolean;\n  submitting: boolean;\n  loading: boolean;\n  error: ReactNode;\n  attempted: boolean;\n}\n\nconst EMPTY_ERRORS: Record<string, string | null> = {};\n\n/**\n * `effectiveValue` mints a FRESH `[]` for an unset list/multi-enum/key-value/\n * file field on every call. A controlled form whose `values` omit such a field\n * would then never match its cached snapshot, so `getFieldSnapshot` would\n * return a new object on every `useSyncExternalStore` read — an infinite\n * re-render loop (\"Maximum update depth exceeded\"). Two empty arrays are the\n * same value for rendering purposes.\n */\nfunction sameFieldValue(a: FormValue, b: FormValue): boolean {\n  if (Object.is(a, b)) return true;\n  return Array.isArray(a) && Array.isArray(b) && a.length === 0 && b.length === 0;\n}\n\nfunction fieldSnapshotEqual(a: FieldSnapshot, b: FieldSnapshot): boolean {\n  return (\n    sameFieldValue(a.value, b.value) &&\n    a.invalid === b.invalid &&\n    a.errorText === b.errorText &&\n    a.visible === b.visible &&\n    a.disabled === b.disabled &&\n    a.readOnly === b.readOnly\n  );\n}\n\nfunction metaEqual(a: SchemaFormMeta, b: SchemaFormMeta): boolean {\n  return (\n    a.spec === b.spec &&\n    a.formId === b.formId &&\n    a.headingId === b.headingId &&\n    a.disabled === b.disabled &&\n    a.submitted === b.submitted &&\n    a.submitting === b.submitting &&\n    a.loading === b.loading &&\n    a.error === b.error &&\n    a.attempted === b.attempted\n  );\n}\n\n/** See the module doc comment for the full design rationale. */\nexport class SchemaFormStore {\n  private props: SchemaFormStoreProps;\n  private internalValues: FormValues;\n  private attempted = false;\n  private readonly listeners = new Set<() => void>();\n  private readonly pendingFocusListeners = new Set<(name: string) => void>();\n  readonly formId: string;\n  readonly headingId: string;\n\n  private mergedCache: { base: FormValues; fields: FieldSpec[]; result: FormValues } | null = null;\n  private errorsCache: {\n    merged: FormValues;\n    fields: FieldSpec[];\n    attempted: boolean;\n    result: Record<string, string | null>;\n  } | null = null;\n  private metaCache: SchemaFormMeta | null = null;\n  private fieldMapCache: { fields: FieldSpec[]; map: Map<string, FieldSpec> } | null = null;\n  private readonly fieldSnapshotCache = new Map<string, FieldSnapshot>();\n  private readonly namesCache = new WeakMap<\n    FieldSpec[],\n    { effective: FormValues; names: string[] }\n  >();\n\n  constructor(props: SchemaFormStoreProps, formId: string) {\n    this.props = props;\n    this.formId = formId;\n    this.headingId = `${formId}-title`;\n    this.internalValues = initialFormValues(props.spec.fields);\n  }\n\n  subscribe = (listener: () => void): (() => void) => {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  };\n\n  /** Fires once, with the field's own name, whenever an invalid submit should move focus to it. */\n  onPendingFocus(listener: (name: string) => void): () => void {\n    this.pendingFocusListeners.add(listener);\n    return () => {\n      this.pendingFocusListeners.delete(listener);\n    };\n  }\n\n  private emit(): void {\n    for (const listener of this.listeners) listener();\n  }\n\n  /**\n   * Sync the latest render's props/closures. Called unconditionally on every\n   * `SchemaFormProvider` render, DURING that render (not an effect) — so a\n   * non-memoized descendant re-rendering in this SAME pass (`SchemaFormRoot`,\n   * `SchemaFormFields`, …) reads the fresh values via `getMeta`/\n   * `getFieldSnapshot`, not last render's. It deliberately does NOT call\n   * `emit()` itself — that would call an already-mounted, `memo`-wrapped\n   * `SchemaFormField`'s `useSyncExternalStore` listener synchronously WHILE\n   * `SchemaFormProvider` (a different component) is still rendering, which\n   * React explicitly disallows (\"Cannot update a component while rendering a\n   * different component\"). The caller instead reads the returned `changed`\n   * flag and calls `notify()` from a `useLayoutEffect` — i.e. after this\n   * whole render has committed — to wake any memoized subscriber that this\n   * render's own top-down reconciliation skipped over.\n   */\n  syncProps(next: SchemaFormStoreProps): boolean {\n    const prev = this.props;\n    const formNameChanged = next.spec.formName !== prev.spec.formName;\n    this.props = next;\n    if (next.valuesProp === undefined && formNameChanged) {\n      this.internalValues = initialFormValues(next.spec.fields);\n    }\n    return (\n      formNameChanged ||\n      prev.spec !== next.spec ||\n      prev.valuesProp !== next.valuesProp ||\n      prev.disabled !== next.disabled ||\n      prev.submitted !== next.submitted ||\n      prev.submitting !== next.submitting ||\n      prev.loading !== next.loading ||\n      prev.error !== next.error\n    );\n  }\n\n  /** Wakes every subscriber outside of any component's render phase (see `syncProps`). */\n  notify(): void {\n    this.emit();\n  }\n\n  private get isControlled(): boolean {\n    return this.props.valuesProp !== undefined;\n  }\n\n  private getFieldMap(): Map<string, FieldSpec> {\n    const fields = this.props.spec.fields;\n    if (this.fieldMapCache && this.fieldMapCache.fields === fields) return this.fieldMapCache.map;\n    const map = buildFieldMap(fields);\n    this.fieldMapCache = { fields, map };\n    return map;\n  }\n\n  getField(name: string): FieldSpec | undefined {\n    return this.getFieldMap().get(name);\n  }\n\n  getValues(): FormValues {\n    return this.isControlled ? (this.props.valuesProp as FormValues) : this.internalValues;\n  }\n\n  /** The merged/stripped values every visibility check and submit resolves against. Reference-stable when nothing changed (SchemaFormTestAction relies on this to detect a stale in-flight test). */\n  getEffectiveValues(): FormValues {\n    const base = this.getValues();\n    const fields = this.props.spec.fields;\n    if (this.mergedCache && this.mergedCache.base === base && this.mergedCache.fields === fields) {\n      return this.mergedCache.result;\n    }\n    const result = computeMergedValues(fields, base);\n    this.mergedCache = { base, fields, result };\n    return result;\n  }\n\n  /** Empty until the first submit attempt (`EMPTY_ERRORS`, a stable reference); live-updates after. */\n  getErrors(): Record<string, string | null> {\n    if (!this.attempted) return EMPTY_ERRORS;\n    const merged = this.getEffectiveValues();\n    const fields = this.props.spec.fields;\n    if (\n      this.errorsCache &&\n      this.errorsCache.merged === merged &&\n      this.errorsCache.fields === fields &&\n      this.errorsCache.attempted === this.attempted\n    ) {\n      return this.errorsCache.result;\n    }\n    const result = validateForm(fields, merged);\n    this.errorsCache = { merged, fields, attempted: this.attempted, result };\n    return result;\n  }\n\n  /** The slow-changing, form-wide flags — cached so ordinary typing never changes this object's reference. */\n  getMeta(): SchemaFormMeta {\n    const next: SchemaFormMeta = {\n      spec: this.props.spec,\n      formId: this.formId,\n      headingId: this.headingId,\n      disabled: this.props.disabled,\n      submitted: this.props.submitted,\n      submitting: this.props.submitting,\n      loading: this.props.loading,\n      error: this.props.error,\n      attempted: this.attempted,\n    };\n    if (this.metaCache && metaEqual(this.metaCache, next)) return this.metaCache;\n    this.metaCache = next;\n    return next;\n  }\n\n  /** One field's reactive data. Cached per name — returns the SAME object when nothing about this field changed, so `useSyncExternalStore` bails out of re-rendering it. */\n  getFieldSnapshot(name: string): FieldSnapshot {\n    const field = this.getField(name);\n    const merged = this.getEffectiveValues();\n    const values = this.getValues();\n    const errors = this.getErrors();\n    const errorText = errors[name] ?? null;\n    const next: FieldSnapshot = {\n      value: field ? effectiveValue(field, values) : undefined,\n      invalid: Boolean(errorText),\n      errorText,\n      visible: field ? isFieldVisible(field, merged) : false,\n      disabled: this.props.disabled || this.props.submitted || this.props.submitting,\n      readOnly: this.props.submitted,\n    };\n    const prev = this.fieldSnapshotCache.get(name);\n    if (prev && fieldSnapshotEqual(prev, next)) return prev;\n    this.fieldSnapshotCache.set(name, next);\n    return next;\n  }\n\n  /**\n   * Names of `fields` that are currently visible (top-level filter of\n   * exactly that array — a `group`'s own branches call this again with\n   * their OWN `fields`, which is what lets a branch react to a nested\n   * `visibleWhen` independent of its ancestor `SchemaFormField`'s own\n   * re-render). Cached by array reference, so a caller whose visible SET\n   * didn't change gets back the SAME array across an unrelated keystroke.\n   */\n  getVisibleNames(fields: FieldSpec[]): string[] {\n    const effective = this.getEffectiveValues();\n    const cached = this.namesCache.get(fields);\n    if (cached && cached.effective === effective) return cached.names;\n    const names = fields\n      .filter((field) => isFieldVisible(field, effective))\n      .map((field) => field.name);\n    const stable = cached && sameNames(cached.names, names) ? cached.names : names;\n    this.namesCache.set(fields, { effective, names: stable });\n    return stable;\n  }\n\n  getBranchHasError(fields: FieldSpec[]): boolean {\n    return branchHasError(fields, this.getErrors());\n  }\n\n  setValue = (name: string, value: FormValue): void => {\n    const base = this.getValues();\n    const next: FormValues = { ...base, [name]: value };\n    if (!this.isControlled) this.internalValues = next;\n    this.props.onChange?.(next);\n    this.emit();\n  };\n\n  submit = (): void => {\n    this.attempted = true;\n    const merged = this.getEffectiveValues();\n    const errs = validateForm(this.props.spec.fields, merged);\n    const invalidNames = Object.keys(errs).filter((n) => errs[n]);\n    if (invalidNames.length > 0) {\n      const firstInvalid = collectValidatableFields(this.props.spec.fields, merged).find(\n        (f) => errs[f.name],\n      );\n      this.emit();\n      if (firstInvalid) {\n        for (const listener of this.pendingFocusListeners) listener(firstInvalid.name);\n      }\n      return;\n    }\n    this.emit();\n    this.props.onSubmit?.({ formName: this.props.spec.formName, values: merged });\n  };\n\n  reset = (): void => {\n    this.attempted = false;\n    const seeded = initialFormValues(this.props.spec.fields);\n    if (!this.isControlled) this.internalValues = seeded;\n    this.props.onChange?.(seeded);\n    this.emit();\n  };\n}\n\n// ─── Hooks ──────────────────────────────────────────────────────────────────\n\nexport function useSchemaFormMeta(store: SchemaFormStore): SchemaFormMeta {\n  const getSnapshot = useCallback(() => store.getMeta(), [store]);\n  return useSyncExternalStore(store.subscribe, getSnapshot);\n}\n\nexport function useFieldSnapshot(store: SchemaFormStore, name: string): FieldSnapshot {\n  const getSnapshot = useCallback(() => store.getFieldSnapshot(name), [store, name]);\n  return useSyncExternalStore(store.subscribe, getSnapshot);\n}\n\nexport function useEffectiveValues(store: SchemaFormStore): FormValues {\n  const getSnapshot = useCallback(() => store.getEffectiveValues(), [store]);\n  return useSyncExternalStore(store.subscribe, getSnapshot);\n}\n\nexport function useVisibleFieldNames(store: SchemaFormStore, fields: FieldSpec[]): string[] {\n  const getSnapshot = useCallback(() => store.getVisibleNames(fields), [store, fields]);\n  return useSyncExternalStore(store.subscribe, getSnapshot);\n}\n\nexport function useBranchHasError(store: SchemaFormStore, fields: FieldSpec[]): boolean {\n  const getSnapshot = useCallback(() => store.getBranchHasError(fields), [store, fields]);\n  return useSyncExternalStore(store.subscribe, getSnapshot);\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-BYFRDLDL.js

@@ -0,0 +1,246 @@
+"use client";
+import {
+  Heading,
+  Text
+} from "./chunk-5MXQ5CP7.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/dialog/dialog.tsx
+import {
+  forwardRef,
+  useCallback,
+  useRef
+} from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TABBABLE = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"]):not([data-slot="dialog-body"])'
+].join(",");
+var dialogContentVariants = cva(
+  // `grid-cols-[minmax(0,1fr)]` (NOT the implicit `auto` column): grid items
+  // default to `min-width:auto`, so a `nowrap`/`truncate` child or a long
+  // unbreakable token (a file path, a URL) sets the column's min-content size and
+  // pushes the dialog past its `max-w-*`. A `minmax(0,1fr)` column floors that at
+  // 0, so inner `truncate`/`w-full` shrink instead of overflowing (#regression).
+  //
+  // Height/scroll (#341). Two mutually-exclusive regimes, picked by ANATOMY —
+  // never by a `scroll` prop (`.claude/rules/component-api.md`: `cva` is for
+  // visual axes, behaviour is composition):
+  //   1. NO `DialogBody` — the content box itself caps at the viewport
+  //      (`max-h-…` + `overflow-y-auto`) and scrolls as one column. Before this,
+  //      a taller-than-viewport dialog overflowed past BOTH viewport edges and
+  //      its top was unreachable (the `-translate-y-1/2` centring).
+  //   2. WITH a `DialogBody` — the `has-[…]` pair turns the content box into a
+  //      3-row grid (`auto | minmax(0,1fr) | auto`) and stops it scrolling, so a
+  //      fixed header and footer sandwich a body that owns the scroll. The pair
+  //      is INERT for every dialog that has no `DialogBody`.
+  // `size="full"`'s own `h-/max-h-/overflow-hidden` still wins — cva emits the
+  // base first, so tailwind-merge resolves the later variant utilities over it.
+  "fixed left-1/2 top-1/2 z-50 grid grid-cols-[minmax(0,1fr)] w-full -translate-x-1/2 -translate-y-1/2 gap-4 max-h-[calc(100dvh-2rem)] overflow-y-auto overscroll-contain has-[[data-slot=dialog-body]]:overflow-hidden has-[[data-slot=dialog-body]]:grid-rows-[auto_minmax(0,1fr)_auto] rounded-xl bg-card p-6 text-card-foreground shadow-dialog data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+  {
+    variants: {
+      size: {
+        sm: "max-w-sm",
+        lg: "max-w-lg",
+        xl: "max-w-3xl",
+        // `dvh` (dynamic viewport height), not `vh`: on mobile Safari/Chrome
+        // `vh` is measured against the LARGEST viewport (browser chrome
+        // collapsed), so `size="full"` overflows past the visible viewport
+        // while the address bar is showing.
+        full: "max-w-[95vw] h-[90dvh] max-h-[90dvh] overflow-hidden"
+      }
+    },
+    defaultVariants: { size: "lg" }
+  }
+);
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = forwardRef(function DialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      ref,
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-overlay backdrop-blur-overlay",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var DialogContent = forwardRef(function DialogContent2({ className, children, size, onOpenAutoFocus, ...props }, ref) {
+  const { t } = useLocale();
+  const contentRef = useRef(null);
+  const setRefs = useCallback(
+    (node) => {
+      contentRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref]
+  );
+  const handleOpenAutoFocus = useCallback(
+    (event) => {
+      onOpenAutoFocus?.(event);
+      if (event.defaultPrevented) return;
+      const body = contentRef.current?.querySelector('[data-slot="dialog-body"]');
+      if (!body) return;
+      for (const candidate of body.querySelectorAll(TABBABLE)) {
+        candidate.focus({ preventScroll: true });
+        if (candidate.ownerDocument.activeElement !== candidate) continue;
+        event.preventDefault();
+        return;
+      }
+    },
+    [onOpenAutoFocus]
+  );
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref: setRefs,
+        "data-slot": "dialog-content",
+        className: cn(dialogContentVariants({ size }), className),
+        onOpenAutoFocus: handleOpenAutoFocus,
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "absolute end-4 top-4 rounded-md p-1 text-muted-foreground opacity-70 transition-opacity hover:opacity-100 focus-ring",
+              "aria-label": t("close"),
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" })
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-1.5 text-start", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+var DialogTitle = forwardRef(function DialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      ref,
+      "data-slot": "dialog-title",
+      className: cn("text-title leading-none", className),
+      ...props
+    }
+  );
+});
+var DialogDescription = forwardRef(function DialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      ref,
+      "data-slot": "dialog-description",
+      className: cn("text-body text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+var DialogBody = forwardRef(function DialogBody2({ className, tabIndex, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "dialog-body",
+      tabIndex: tabIndex ?? 0,
+      className: cn(
+        "-m-1 min-h-0 overflow-y-auto overscroll-contain p-1 scroll-p-1 focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var DialogSection = forwardRef(function DialogSection2({ className, title, description, level = 3, actions, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref,
+      "data-slot": "dialog-section",
+      className: cn("flex flex-col gap-3", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+            /* @__PURE__ */ jsx(Heading, { level, size: "subtitle", "data-slot": "dialog-section-title", children: title }),
+            description ? /* @__PURE__ */ jsx(Text, { variant: "caption", tone: "muted", "data-slot": "dialog-section-description", children: description }) : null
+          ] }),
+          actions ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: actions }) : null
+        ] }),
+        children
+      ]
+    }
+  );
+});
+
+export {
+  dialogContentVariants,
+  Dialog,
+  DialogTrigger,
+  DialogPortal,
+  DialogClose,
+  DialogOverlay,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+  DialogBody,
+  DialogSection
+};
+//# sourceMappingURL=chunk-BYFRDLDL.js.map

package/dist/chunk-BYFRDLDL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type HTMLAttributes,\n  type MutableRefObject,\n  type ReactNode,\n} from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\nimport { useLocale } from \"../locale-provider\";\nimport { Heading, Text } from \"../typography\";\n\n/**\n * The first keyboard-reachable control inside a dialog, EXCLUDING the\n * `DialogBody` wrapper itself. Deliberately a pragmatic selector rather than a\n * full tabbability implementation — Radix owns focus trapping; this only\n * reorders the opening target (see `DialogContent`'s `onOpenAutoFocus`).\n */\nconst TABBABLE = [\n  \"a[href]\",\n  \"button:not([disabled])\",\n  \"input:not([disabled])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  '[tabindex]:not([tabindex=\"-1\"]):not([data-slot=\"dialog-body\"])',\n].join(\",\");\n\nexport const dialogContentVariants = cva(\n  // `grid-cols-[minmax(0,1fr)]` (NOT the implicit `auto` column): grid items\n  // default to `min-width:auto`, so a `nowrap`/`truncate` child or a long\n  // unbreakable token (a file path, a URL) sets the column's min-content size and\n  // pushes the dialog past its `max-w-*`. A `minmax(0,1fr)` column floors that at\n  // 0, so inner `truncate`/`w-full` shrink instead of overflowing (#regression).\n  //\n  // Height/scroll (#341). Two mutually-exclusive regimes, picked by ANATOMY —\n  // never by a `scroll` prop (`.claude/rules/component-api.md`: `cva` is for\n  // visual axes, behaviour is composition):\n  //   1. NO `DialogBody` — the content box itself caps at the viewport\n  //      (`max-h-…` + `overflow-y-auto`) and scrolls as one column. Before this,\n  //      a taller-than-viewport dialog overflowed past BOTH viewport edges and\n  //      its top was unreachable (the `-translate-y-1/2` centring).\n  //   2. WITH a `DialogBody` — the `has-[…]` pair turns the content box into a\n  //      3-row grid (`auto | minmax(0,1fr) | auto`) and stops it scrolling, so a\n  //      fixed header and footer sandwich a body that owns the scroll. The pair\n  //      is INERT for every dialog that has no `DialogBody`.\n  // `size=\"full\"`'s own `h-/max-h-/overflow-hidden` still wins — cva emits the\n  // base first, so tailwind-merge resolves the later variant utilities over it.\n  \"fixed left-1/2 top-1/2 z-50 grid grid-cols-[minmax(0,1fr)] w-full -translate-x-1/2 -translate-y-1/2 gap-4 max-h-[calc(100dvh-2rem)] overflow-y-auto overscroll-contain has-[[data-slot=dialog-body]]:overflow-hidden has-[[data-slot=dialog-body]]:grid-rows-[auto_minmax(0,1fr)_auto] rounded-xl bg-card p-6 text-card-foreground shadow-dialog data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n  {\n    variants: {\n      size: {\n        sm: \"max-w-sm\",\n        lg: \"max-w-lg\",\n        xl: \"max-w-3xl\",\n        // `dvh` (dynamic viewport height), not `vh`: on mobile Safari/Chrome\n        // `vh` is measured against the LARGEST viewport (browser chrome\n        // collapsed), so `size=\"full\"` overflows past the visible viewport\n        // while the address bar is showing.\n        full: \"max-w-[95vw] h-[90dvh] max-h-[90dvh] overflow-hidden\",\n      },\n    },\n    defaultVariants: { size: \"lg\" },\n  },\n);\n\nexport const Dialog = DialogPrimitive.Root;\nexport const DialogTrigger = DialogPrimitive.Trigger;\nexport const DialogPortal = DialogPrimitive.Portal;\nexport const DialogClose = DialogPrimitive.Close;\n\nexport const DialogOverlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(function DialogOverlay({ className, ...props }, ref) {\n  return (\n    <DialogPrimitive.Overlay\n      ref={ref}\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-overlay backdrop-blur-overlay\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Content> &\n    VariantProps<typeof dialogContentVariants>\n>(function DialogContent({ className, children, size, onOpenAutoFocus, ...props }, ref) {\n  const { t } = useLocale();\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const setRefs = useCallback(\n    (node: HTMLDivElement | null) => {\n      contentRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) (ref as MutableRefObject<HTMLDivElement | null>).current = node;\n    },\n    [ref],\n  );\n\n  /**\n   * A `DialogBody` carries `tabIndex={0}` so a keyboard user can scroll it — but\n   * being the first tab stop would also make the scroll WRAPPER the dialog's\n   * opening focus target, which paints a focus ring around the whole body on\n   * open and skips the first field. Skip past it to the first real control\n   * INSIDE the body. Inert for dialogs with no `DialogBody`, so nothing that\n   * shipped before changes.\n   *\n   * Two things this deliberately does NOT do, both because getting them wrong\n   * strands the keyboard:\n   *   * It only prevents Radix's default once a candidate has *actually taken*\n   *     focus. A selector match is not proof of focusability — a `display:none`\n   *     candidate (the ubiquitous `<input type=\"file\" hidden>`) swallows\n   *     `.focus()`, so preventing the default for it would leave focus on the\n   *     TRIGGER, outside the modal.\n   *   * It gives up when the body holds no focusable control at all. Radix's own\n   *     fallback then focuses the body — which is the right target for a\n   *     text-only scroll region, and better than reaching past it to the\n   *     footer's primary action.\n   */\n  const handleOpenAutoFocus = useCallback(\n    (event: Event) => {\n      onOpenAutoFocus?.(event);\n      if (event.defaultPrevented) return;\n      const body = contentRef.current?.querySelector<HTMLElement>('[data-slot=\"dialog-body\"]');\n      if (!body) return;\n      for (const candidate of body.querySelectorAll<HTMLElement>(TABBABLE)) {\n        candidate.focus({ preventScroll: true });\n        if (candidate.ownerDocument.activeElement !== candidate) continue;\n        event.preventDefault();\n        return;\n      }\n    },\n    [onOpenAutoFocus],\n  );\n\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        ref={setRefs}\n        data-slot=\"dialog-content\"\n        className={cn(dialogContentVariants({ size }), className)}\n        onOpenAutoFocus={handleOpenAutoFocus}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close\n          data-slot=\"dialog-close\"\n          className=\"absolute end-4 top-4 rounded-md p-1 text-muted-foreground opacity-70 transition-opacity hover:opacity-100 focus-ring\"\n          aria-label={t(\"close\")}\n        >\n          <svg\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n          </svg>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n});\n\nexport function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-1.5 text-start\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\n      {...props}\n    />\n  );\n}\n\nexport const DialogTitle = forwardRef<\n  ElementRef<typeof DialogPrimitive.Title>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(function DialogTitle({ className, ...props }, ref) {\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      data-slot=\"dialog-title\"\n      className={cn(\"text-title leading-none\", className)}\n      {...props}\n    />\n  );\n});\n\nexport const DialogDescription = forwardRef<\n  ElementRef<typeof DialogPrimitive.Description>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(function DialogDescription({ className, ...props }, ref) {\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      data-slot=\"dialog-description\"\n      className={cn(\"text-body text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n});\n\nexport type DialogBodyProps = HTMLAttributes<HTMLDivElement>;\n\n/**\n * The dialog's scroll owner (#341).\n *\n * Placing a `DialogBody` between `DialogHeader` and `DialogFooter` switches\n * `DialogContent` into its fixed-header/footer regime (see\n * `dialogContentVariants`): the header and footer stay put and ONLY this region\n * scrolls, so the primary action never scrolls out of view. Without it a dialog\n * behaves exactly as before — the anatomy is the switch, there is no `scroll`\n * prop.\n *\n * `overscroll-contain` stops the scroll chaining to the page underneath\n * (`.claude/rules/interaction-guidelines.md`, Touch & overscroll).\n *\n * **The `p-1`/`-m-1`/`scroll-p-1` trio reserves a focus-ring gutter (#425).**\n * Per CSS Overflow 3, authoring only `overflow-y-auto` still makes this a\n * two-axis scroll container (the `visible` axis computes to `auto` too), and a\n * scroll container clips at its **padding box**. With no padding of its own,\n * that padding box IS the content box, so a full-width child's border box\n * lands exactly on the clip edge — leaving 0px for a focus ring, which is\n * `box-shadow` (ink overflow: never part of the scrollable region, so it is\n * simply cut, not merely scrolled out of reach). `p-1` moves the scrollport\n * 4px outward on every side — enough for the library's widest outward paint\n * (`ring-2 ring-offset-2` = 4px) — and `-m-1` pulls the border box back by the\n * same amount so body content stays flush with `DialogHeader`/`DialogFooter`\n * instead of indenting 4px against them. `scroll-p-1` keeps a keyboard-driven\n * scroll-into-view (Tab landing on a control currently outside the scrollport)\n * from placing that control flush against the scrollport edge again.\n *\n * Two consumer-facing consequences: a larger `className` padding (e.g. `p-6`)\n * still wins through `tailwind-merge`, with the border box remaining 4px\n * outward; but **`className=\"p-0\"` re-opens the bug** — the merge kills `p-1`\n * while `-m-1` survives — so a consumer who genuinely wants no gutter must\n * clear both sides with `className=\"m-0 p-0\"`.\n *\n * Known, accepted residual: at `data-density=\"compact\"`, `--spacing` is\n * `0.222rem` (`density.css:97`), so `p-1` is 3.55px against a 4px ring — a\n * 0.45px shortfall on the outermost edge of a 2px stroke. Do not \"fix\" this\n * with a fixed-px override; that would break the density dial's contract.\n */\nexport const DialogBody = forwardRef<HTMLDivElement, DialogBodyProps>(function DialogBody(\n  { className, tabIndex, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"dialog-body\"\n      // A scroll container must be keyboard-operable (WCAG 2.1.1; axe's\n      // `scrollable-region-focusable`). A body holding only text has no focusable\n      // child to scroll from, so the region itself takes the tab stop. Pass\n      // `tabIndex={-1}` to opt out when the body always contains its own\n      // focusable content.\n      tabIndex={tabIndex ?? 0}\n      className={cn(\n        \"-m-1 min-h-0 overflow-y-auto overscroll-contain p-1 scroll-p-1 focus-ring\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport interface DialogSectionProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** The section heading. States what the group of fields is for. */\n  title: ReactNode;\n  /** One line of supporting context under the heading. */\n  description?: ReactNode;\n  /**\n   * Semantic heading level. `DialogTitle` renders an `<h2>`, so a section is an\n   * `<h3>` by default and an `<h4>` when nested a rung deeper.\n   */\n  level?: 3 | 4;\n  /** Section-scoped actions, aligned to the inline end of the heading row. */\n  actions?: ReactNode;\n}\n\n/**\n * A real section heading inside a dialog (#341).\n *\n * The recurring downstream defect was section labels rendering at the same size\n * as the field labels beneath them, which flattens a long form into one\n * undifferentiated list. The rungs are distinct BY TOKEN, not by eye:\n * `DialogTitle` `text-title` (1.25rem) > `DialogSection` `text-subtitle` (1rem) >\n * `Label` `text-body` (0.875rem).\n *\n * Deliberately NOT `SectionHeader` (`../section-header`): that is the page-level\n * `<h2>` row with an eyebrow, one rung too loud and one level too high inside a\n * dialog whose title already owns the `<h2>`.\n */\nexport const DialogSection = forwardRef<HTMLElement, DialogSectionProps>(function DialogSection(\n  { className, title, description, level = 3, actions, children, ...props },\n  ref,\n) {\n  return (\n    <section\n      ref={ref}\n      data-slot=\"dialog-section\"\n      className={cn(\"flex flex-col gap-3\", className)}\n      {...props}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 flex-col gap-1\">\n          <Heading level={level} size=\"subtitle\" data-slot=\"dialog-section-title\">\n            {title}\n          </Heading>\n          {description ? (\n            <Text variant=\"caption\" tone=\"muted\" data-slot=\"dialog-section-description\">\n              {description}\n            </Text>\n          ) : null}\n        </div>\n        {actions ? <div className=\"shrink-0\">{actions}</div> : null}\n      </div>\n      {children}\n    </section>\n  );\n});\n"],"mappings":"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","names":["DialogOverlay","DialogContent","DialogTitle","DialogDescription","DialogBody","DialogSection"]}

package/dist/chunk-BZQF5QCN.js

@@ -0,0 +1,18 @@
+"use client";
+
+// src/components/workspace-picker/workspace-picker-state.ts
+function formatLastOpened(date, locale, now = Date.now()) {
+  const diffMs = date.getTime() - now;
+  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+  const minutes = Math.round(diffMs / (60 * 1e3));
+  if (Math.abs(minutes) < 60) return rtf.format(minutes, "minute");
+  const hours = Math.round(diffMs / (60 * 60 * 1e3));
+  if (Math.abs(hours) < 24) return rtf.format(hours, "hour");
+  const days = Math.round(diffMs / (24 * 60 * 60 * 1e3));
+  return rtf.format(days, "day");
+}
+
+export {
+  formatLastOpened
+};
+//# sourceMappingURL=chunk-BZQF5QCN.js.map

package/dist/chunk-BZQF5QCN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/workspace-picker/workspace-picker-state.ts"],"sourcesContent":["/**\n * `WorkspacePicker`'s pure, directly-testable logic — kept out of the\n * component for the same reason `../model-picker/model-picker-state.ts` does\n * (see that file's header comment): an expression buried in JSX cannot be\n * unit-tested in isolation, and relative-time arithmetic in particular has\n * edge cases worth locking down on their own.\n */\n\n/**\n * One recent workspace. Deliberately a strict subset of `ModelPickerItem`'s\n * shape (`id` / `name` → `label` / `path` → `description` / `lastOpenedAt` →\n * a formatted `meta` entry) — see the reuse note in `workspace-picker.tsx`.\n */\nexport interface Workspace {\n  id: string;\n  /** Rendered as the row's primary label and, when current, the trigger text. */\n  name: string;\n  /**\n   * The filesystem path. Long, user-supplied content — the row truncates it,\n   * never wraps or overflows.\n   */\n  path: string;\n  /**\n   * When this workspace was last opened. Rendered as a relative time via\n   * `Intl.RelativeTimeFormat` (`formatLastOpened`, below) — never a\n   * pre-formatted string the caller hands over.\n   */\n  lastOpenedAt?: Date;\n}\n\n/**\n * \"2 hours ago\" / \"in 3 minutes\" / \"yesterday\" — `Intl.RelativeTimeFormat`\n * picks the coarsest unit (minutes → hours → days) that still reads\n * naturally, instead of e.g. \"127 minutes ago\".\n *\n * @param now - injection seam for tests; defaults to the real clock.\n */\nexport function formatLastOpened(date: Date, locale: string, now: number = Date.now()): string {\n  const diffMs = date.getTime() - now;\n  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" });\n\n  const minutes = Math.round(diffMs / (60 * 1000));\n  if (Math.abs(minutes) < 60) return rtf.format(minutes, \"minute\");\n\n  const hours = Math.round(diffMs / (60 * 60 * 1000));\n  if (Math.abs(hours) < 24) return rtf.format(hours, \"hour\");\n\n  const days = Math.round(diffMs / (24 * 60 * 60 * 1000));\n  return rtf.format(days, \"day\");\n}\n"],"mappings":";;;AAqCO,SAAS,iBAAiB,MAAY,QAAgB,MAAc,KAAK,IAAI,GAAW;AAC7F,QAAM,SAAS,KAAK,QAAQ,IAAI;AAChC,QAAM,MAAM,IAAI,KAAK,mBAAmB,QAAQ,EAAE,SAAS,OAAO,CAAC;AAEnE,QAAM,UAAU,KAAK,MAAM,UAAU,KAAK,IAAK;AAC/C,MAAI,KAAK,IAAI,OAAO,IAAI,GAAI,QAAO,IAAI,OAAO,SAAS,QAAQ;AAE/D,QAAM,QAAQ,KAAK,MAAM,UAAU,KAAK,KAAK,IAAK;AAClD,MAAI,KAAK,IAAI,KAAK,IAAI,GAAI,QAAO,IAAI,OAAO,OAAO,MAAM;AAEzD,QAAM,OAAO,KAAK,MAAM,UAAU,KAAK,KAAK,KAAK,IAAK;AACtD,SAAO,IAAI,OAAO,MAAM,KAAK;AAC/B;","names":[]}

package/dist/chunk-C2AQEEFB.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-C2AQEEFB.js.map

package/dist/chunk-C2AQEEFB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}