@elabs-ai/components-ui 4.1.0 → 5.0.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-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":[]}

package/dist/chunk-C753P3VJ.js

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

package/dist/chunk-C753P3VJ.js.map

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

package/dist/chunk-CDE74W6O.js

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

package/dist/chunk-CDE74W6O.js.map

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

package/dist/chunk-CEQER4CV.js

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

package/dist/chunk-CEQER4CV.js.map

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

package/dist/chunk-CQ5CH3SB.js

@@ -0,0 +1,55 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/sonner/sonner.tsx
+import { useEffect, useState } from "react";
+import { Toaster as SonnerToaster, toast } from "sonner";
+import { resolveThemeIsDark } from "@elabs-ai/components-tokens";
+import { jsx } from "react/jsx-runtime";
+var DEFAULT_TOAST_CLASS_NAMES = {
+  toast: "group toast group-[.toaster]:bg-card group-[.toaster]:text-card-foreground group-[.toaster]:shadow-ring-lg",
+  description: "group-[.toast]:text-muted-foreground",
+  actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+  cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+};
+function useDocumentThemeMode() {
+  const [mode, setMode] = useState("light");
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    const el = document.documentElement;
+    const read = () => setMode(resolveThemeIsDark(el) ? "dark" : "light");
+    read();
+    const obs = new MutationObserver(read);
+    obs.observe(el, { attributes: true, attributeFilter: ["data-theme"] });
+    return () => obs.disconnect();
+  }, []);
+  return mode;
+}
+function Toaster({ className, toastOptions, ...rest }) {
+  const mode = useDocumentThemeMode();
+  const userClassNames = toastOptions?.classNames;
+  const classNames = {
+    ...userClassNames,
+    toast: cn(DEFAULT_TOAST_CLASS_NAMES.toast, userClassNames?.toast),
+    description: cn(DEFAULT_TOAST_CLASS_NAMES.description, userClassNames?.description),
+    actionButton: cn(DEFAULT_TOAST_CLASS_NAMES.actionButton, userClassNames?.actionButton),
+    cancelButton: cn(DEFAULT_TOAST_CLASS_NAMES.cancelButton, userClassNames?.cancelButton)
+  };
+  return /* @__PURE__ */ jsx(
+    SonnerToaster,
+    {
+      theme: mode,
+      className: cn("toaster group", className),
+      toastOptions: { ...toastOptions, classNames },
+      ...rest
+    }
+  );
+}
+
+export {
+  toast,
+  Toaster
+};
+//# sourceMappingURL=chunk-CQ5CH3SB.js.map

package/dist/chunk-CQ5CH3SB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sonner/sonner.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Toaster as SonnerToaster, toast } from \"sonner\";\nimport { resolveThemeIsDark } from \"@elabs-ai/components-tokens\";\nimport { cn } from \"../../lib/cn\";\n\n/**\n * The library's default token-backed toast class names. Kept as a standalone\n * constant (rather than inline in the JSX) so `Toaster` can merge a\n * consumer's `toastOptions.classNames` INTO these defaults instead of\n * shallow-replacing them (#362) — each key is combined via `cn()` so a\n * consumer's override extends the default class string rather than\n * discarding it.\n */\nconst DEFAULT_TOAST_CLASS_NAMES = {\n  toast:\n    \"group toast group-[.toaster]:bg-card group-[.toaster]:text-card-foreground group-[.toaster]:shadow-ring-lg\",\n  description: \"group-[.toast]:text-muted-foreground\",\n  actionButton: \"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground\",\n  cancelButton: \"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground\",\n} as const;\n\n/**\n * Reads the active theme's light/dark-ness off the document. Uses\n * `resolveThemeIsDark` — the theme's own `color-scheme` — rather than a registry\n * lookup, so a consumer-authored dark theme gets dark toasts with no\n * registration (ADR 0029).\n */\nfunction useDocumentThemeMode(): \"light\" | \"dark\" {\n  const [mode, setMode] = useState<\"light\" | \"dark\">(\"light\");\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const el = document.documentElement;\n    const read = () => setMode(resolveThemeIsDark(el) ? \"dark\" : \"light\");\n    read();\n    const obs = new MutationObserver(read);\n    obs.observe(el, { attributes: true, attributeFilter: [\"data-theme\"] });\n    return () => obs.disconnect();\n  }, []);\n  return mode;\n}\n\nexport type ToasterProps = React.ComponentProps<typeof SonnerToaster>;\n\n/**\n * Toast host. Mount once near the app root. Trigger toasts with the exported\n * `toast()`. Theme follows the active brand theme (via `data-theme`), so it\n * works with or without <ThemeProvider>.\n *\n * ## Customizing toast styling\n *\n * The Toaster wrapper renders with the classes `toaster group` by default.\n * These classes are **merged** with any consumer-supplied `className`, not\n * replaced, so that built-in styling (the `.group-[.toaster]:*` selectors\n * on individual toasts) continues to work.\n *\n * To override a built-in toast class, **mirror the variant prefix** when you\n * pass `toastOptions.classNames`. Built-in toast classes are variant-scoped\n * (e.g. `group-[.toaster]:bg-card`), so a bare utility override will be\n * outspecificity'd by the built-in and appear to do nothing. Instead, use:\n *\n * ```tsx\n * <Toaster\n *   toastOptions={{\n *     classNames: {\n *       toast: \"group-[.toaster]:bg-primary\",  // ✓ mirrors the prefix\n *     }\n *   }}\n * />\n * ```\n *\n * ## Theme handling\n *\n * The Toaster's `theme` prop is automatically set from the active theme's own\n * `color-scheme` declaration, so toasts visually track the app's theme by\n * default — including a theme you authored yourself. However, you may pass\n * `theme=\"light\"` or `theme=\"dark\"` directly to override this derivation if needed.\n */\nexport function Toaster({ className, toastOptions, ...rest }: ToasterProps) {\n  const mode = useDocumentThemeMode();\n  const userClassNames = toastOptions?.classNames;\n  // Merge (not replace): every default key is extended with the consumer's\n  // override via cn(); any extra keys the consumer passes (e.g. `success`,\n  // `closeButton`) pass through untouched.\n  const classNames = {\n    ...userClassNames,\n    toast: cn(DEFAULT_TOAST_CLASS_NAMES.toast, userClassNames?.toast),\n    description: cn(DEFAULT_TOAST_CLASS_NAMES.description, userClassNames?.description),\n    actionButton: cn(DEFAULT_TOAST_CLASS_NAMES.actionButton, userClassNames?.actionButton),\n    cancelButton: cn(DEFAULT_TOAST_CLASS_NAMES.cancelButton, userClassNames?.cancelButton),\n  };\n  return (\n    <SonnerToaster\n      theme={mode}\n      className={cn(\"toaster group\", className)}\n      toastOptions={{ ...toastOptions, classNames }}\n      {...rest}\n    />\n  );\n}\n\nexport { toast };\n"],"mappings":";;;;;;AAEA,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW,eAAe,aAAa;AAChD,SAAS,0BAA0B;AAyF/B;AA9EJ,IAAM,4BAA4B;AAAA,EAChC,OACE;AAAA,EACF,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAChB;AAQA,SAAS,uBAAyC;AAChD,QAAM,CAAC,MAAM,OAAO,IAAI,SAA2B,OAAO;AAC1D,YAAU,MAAM;AACd,QAAI,OAAO,aAAa,YAAa;AACrC,UAAM,KAAK,SAAS;AACpB,UAAM,OAAO,MAAM,QAAQ,mBAAmB,EAAE,IAAI,SAAS,OAAO;AACpE,SAAK;AACL,UAAM,MAAM,IAAI,iBAAiB,IAAI;AACrC,QAAI,QAAQ,IAAI,EAAE,YAAY,MAAM,iBAAiB,CAAC,YAAY,EAAE,CAAC;AACrE,WAAO,MAAM,IAAI,WAAW;AAAA,EAC9B,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAsCO,SAAS,QAAQ,EAAE,WAAW,cAAc,GAAG,KAAK,GAAiB;AAC1E,QAAM,OAAO,qBAAqB;AAClC,QAAM,iBAAiB,cAAc;AAIrC,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH,OAAO,GAAG,0BAA0B,OAAO,gBAAgB,KAAK;AAAA,IAChE,aAAa,GAAG,0BAA0B,aAAa,gBAAgB,WAAW;AAAA,IAClF,cAAc,GAAG,0BAA0B,cAAc,gBAAgB,YAAY;AAAA,IACrF,cAAc,GAAG,0BAA0B,cAAc,gBAAgB,YAAY;AAAA,EACvF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACxC,cAAc,EAAE,GAAG,cAAc,WAAW;AAAA,MAC3C,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-CRGGGHAM.js

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

package/dist/chunk-CRGGGHAM.js.map

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

package/dist/chunk-CRVB4SLG.js

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

package/dist/chunk-CRVB4SLG.js.map

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

package/dist/chunk-CT6XJIPY.js

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

package/dist/chunk-CT6XJIPY.js.map

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

package/dist/chunk-CY624JOL.js

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

package/dist/chunk-CY624JOL.js.map

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

package/dist/chunk-D3C3VVCX.js

@@ -0,0 +1,38 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/popover/popover.tsx
+import { forwardRef } from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = forwardRef(function PopoverContent2({ className, align = "center", sideOffset = 4, ...props }, ref) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 w-72 rounded-md bg-popover p-4 text-popover-foreground shadow-popover outline-none",
+        "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 data-[state=closed]:zoom-out-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+
+export {
+  Popover,
+  PopoverTrigger,
+  PopoverAnchor,
+  PopoverContent
+};
+//# sourceMappingURL=chunk-D3C3VVCX.js.map

package/dist/chunk-D3C3VVCX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/popover/popover.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"../../lib/cn\";\n\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n\nexport const PopoverContent = forwardRef<\n  ElementRef<typeof PopoverPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(function PopoverContent({ className, align = \"center\", sideOffset = 4, ...props }, ref) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-72 rounded-md bg-popover p-4 text-popover-foreground shadow-popover outline-none\",\n          \"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 data-[state=closed]:zoom-out-95\",\n          \"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,sBAAsB;AAa5B;AAVC,IAAM,UAA2B;AACjC,IAAM,iBAAkC;AACxC,IAAM,gBAAiC;AAEvC,IAAM,iBAAiB,WAG5B,SAASA,gBAAe,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,KAAK;AACxF,SACE,oBAAkB,yBAAjB,EACC;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ,CAAC;","names":["PopoverContent"]}

package/dist/chunk-D53EN4Q6.js

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

package/dist/chunk-D53EN4Q6.js.map

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

package/dist/chunk-DCHYNTHI.js

@@ -0,0 +1,11 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export {
+  __export
+};
+//# sourceMappingURL=chunk-DCHYNTHI.js.map

package/dist/chunk-DCHYNTHI.js.map

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

package/dist/chunk-DCI6IOJX.js

@@ -0,0 +1,236 @@
+"use client";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/carousel/carousel.tsx
+import {
+  createContext,
+  forwardRef,
+  useCallback,
+  useContext,
+  useEffect,
+  useState
+} from "react";
+import { useDirection } from "@radix-ui/react-direction";
+import useEmblaCarousel from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function isEditableTarget(target) {
+  if (!(target instanceof HTMLElement)) return false;
+  if (target.isContentEditable) return true;
+  const tag = target.tagName;
+  return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT";
+}
+var CarouselContext = createContext(null);
+function useCarousel() {
+  const ctx = useContext(CarouselContext);
+  if (!ctx) throw new Error("useCarousel must be used within <Carousel />");
+  return ctx;
+}
+var Carousel = forwardRef(
+  function Carousel2({
+    orientation = "horizontal",
+    opts,
+    setApi,
+    plugins,
+    className,
+    children,
+    // A carousel region MUST have an accessible name (WAI-ARIA APG) —
+    // aria-roledescription changes the announcement, it does not name the
+    // landmark. Default is overridable; pass a specific label ("Product
+    // photos") when the carousel's purpose isn't generic. Issue #279.
+    "aria-label": ariaLabel,
+    ...props
+  }, ref) {
+    const { t } = useLocale();
+    const resolvedAriaLabel = ariaLabel ?? t("ui.carousel.label");
+    const [carouselRef, api] = useEmblaCarousel(
+      { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
+      plugins
+    );
+    const [canScrollPrev, setCanScrollPrev] = useState(false);
+    const [canScrollNext, setCanScrollNext] = useState(false);
+    const dir = useDirection();
+    const onSelect = useCallback((a) => {
+      if (!a) return;
+      setCanScrollPrev(a.canScrollPrev());
+      setCanScrollNext(a.canScrollNext());
+    }, []);
+    const scrollPrev = useCallback(() => api?.scrollPrev(), [api]);
+    const scrollNext = useCallback(() => api?.scrollNext(), [api]);
+    const onKeyDown = useCallback(
+      (e) => {
+        if (isEditableTarget(e.target)) return;
+        if (orientation === "vertical") {
+          if (e.key === "ArrowUp") {
+            e.preventDefault();
+            scrollPrev();
+          } else if (e.key === "ArrowDown") {
+            e.preventDefault();
+            scrollNext();
+          }
+          return;
+        }
+        const isRtl = dir === "rtl";
+        if (e.key === "ArrowLeft") {
+          e.preventDefault();
+          if (isRtl) {
+            scrollNext();
+          } else {
+            scrollPrev();
+          }
+        } else if (e.key === "ArrowRight") {
+          e.preventDefault();
+          if (isRtl) {
+            scrollPrev();
+          } else {
+            scrollNext();
+          }
+        }
+      },
+      [orientation, dir, scrollPrev, scrollNext]
+    );
+    useEffect(() => {
+      if (api && setApi) setApi(api);
+    }, [api, setApi]);
+    useEffect(() => {
+      if (!api) return;
+      onSelect(api);
+      api.on("reInit", onSelect);
+      api.on("select", onSelect);
+      return () => {
+        api.off("reInit", onSelect);
+        api.off("select", onSelect);
+      };
+    }, [api, onSelect]);
+    return /* @__PURE__ */ jsx(
+      CarouselContext.Provider,
+      {
+        value: {
+          carouselRef,
+          api,
+          opts,
+          orientation,
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref,
+            onKeyDownCapture: onKeyDown,
+            className: cn("relative", className),
+            role: "region",
+            "aria-roledescription": "carousel",
+            "aria-label": resolvedAriaLabel,
+            ...props,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+var CarouselContent = forwardRef(
+  function CarouselContent2({ className, ...props }, ref) {
+    const { carouselRef, orientation } = useCarousel();
+    return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex",
+          orientation === "horizontal" ? "-ms-4" : "-mt-4 flex-col",
+          className
+        ),
+        ...props
+      }
+    ) });
+  }
+);
+var CarouselItem = forwardRef(
+  function CarouselItem2({ className, ...props }, ref) {
+    const { orientation } = useCarousel();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-roledescription": "slide",
+        className: cn(
+          "min-w-0 shrink-0 grow-0 basis-full",
+          orientation === "horizontal" ? "ps-4" : "pt-4",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var CarouselPrevious = forwardRef(function CarouselPrevious2({ className, ...props }, ref) {
+  const { scrollPrev, canScrollPrev, orientation } = useCarousel();
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant: "outline",
+      size: "icon",
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      "aria-label": t("previousSlide"),
+      className: cn(
+        "absolute size-8 rounded-full",
+        // Inset on narrow screens (no room for the button to sit outside
+        // the carousel box without overflowing horizontally); pushed
+        // outside the box only from `sm` up, where there's margin for it.
+        orientation === "horizontal" ? "start-2 top-1/2 -translate-y-1/2 sm:-start-12" : "top-2 left-1/2 -translate-x-1/2 rotate-90 sm:-top-12",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4", "data-rtl-flip": true })
+    }
+  );
+});
+var CarouselNext = forwardRef(
+  function CarouselNext2({ className, ...props }, ref) {
+    const { scrollNext, canScrollNext, orientation } = useCarousel();
+    const { t } = useLocale();
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref,
+        variant: "outline",
+        size: "icon",
+        disabled: !canScrollNext,
+        onClick: scrollNext,
+        "aria-label": t("nextSlide"),
+        className: cn(
+          "absolute size-8 rounded-full",
+          orientation === "horizontal" ? "end-2 top-1/2 -translate-y-1/2 sm:-end-12" : "bottom-2 left-1/2 -translate-x-1/2 rotate-90 sm:-bottom-12",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(ArrowRight, { className: "size-4", "data-rtl-flip": true })
+      }
+    );
+  }
+);
+
+export {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext
+};
+//# sourceMappingURL=chunk-DCI6IOJX.js.map

package/dist/chunk-DCI6IOJX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/carousel/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n  type ComponentProps,\n  type ElementRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n} from \"react\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Button } from \"../button\";\nimport { useLocale } from \"../locale-provider\";\n\n/**\n * True when the keyboard event's target already owns arrow-key semantics of\n * its own (a text field's caret, a contenteditable's selection) — the\n * carousel must not steal ArrowLeft/ArrowRight from a form control that\n * happens to live inside the active slide.\n */\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  if (target.isContentEditable) return true;\n  const tag = target.tagName;\n  return tag === \"INPUT\" || tag === \"TEXTAREA\" || tag === \"SELECT\";\n}\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype CarouselOptions = NonNullable<Parameters<typeof useEmblaCarousel>[0]>;\ntype CarouselPlugin = NonNullable<Parameters<typeof useEmblaCarousel>[1]>;\n\ninterface CarouselProps {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n}\n\ninterface CarouselContextValue extends CarouselProps {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: CarouselApi;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n}\n\nconst CarouselContext = createContext<CarouselContextValue | null>(null);\n\nfunction useCarousel() {\n  const ctx = useContext(CarouselContext);\n  if (!ctx) throw new Error(\"useCarousel must be used within <Carousel />\");\n  return ctx;\n}\n\n/**\n * Root carousel region. Carries `role=\"region\" aria-roledescription=\"carousel\"`\n * plus an `aria-label` — it defaults to `\"Carousel\"` so the region always has an\n * accessible name (issue #279), but **consumers should pass a specific\n * `aria-label`** (e.g. `\"Product photos\"`) describing what the carousel actually\n * shows, since AT users otherwise can't distinguish multiple carousels on a page.\n */\nexport const Carousel = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement> & CarouselProps>(\n  function Carousel(\n    {\n      orientation = \"horizontal\",\n      opts,\n      setApi,\n      plugins,\n      className,\n      children,\n      // A carousel region MUST have an accessible name (WAI-ARIA APG) —\n      // aria-roledescription changes the announcement, it does not name the\n      // landmark. Default is overridable; pass a specific label (\"Product\n      // photos\") when the carousel's purpose isn't generic. Issue #279.\n      \"aria-label\": ariaLabel,\n      ...props\n    },\n    ref,\n  ) {\n    const { t } = useLocale();\n    const resolvedAriaLabel = ariaLabel ?? t(\"ui.carousel.label\");\n    const [carouselRef, api] = useEmblaCarousel(\n      { ...opts, axis: orientation === \"horizontal\" ? \"x\" : \"y\" },\n      plugins,\n    );\n    const [canScrollPrev, setCanScrollPrev] = useState(false);\n    const [canScrollNext, setCanScrollNext] = useState(false);\n    const dir = useDirection();\n\n    const onSelect = useCallback((a: CarouselApi) => {\n      if (!a) return;\n      setCanScrollPrev(a.canScrollPrev());\n      setCanScrollNext(a.canScrollNext());\n    }, []);\n\n    const scrollPrev = useCallback(() => api?.scrollPrev(), [api]);\n    const scrollNext = useCallback(() => api?.scrollNext(), [api]);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLDivElement>) => {\n        // Don't steal ArrowLeft/ArrowRight from a text field's caret or a\n        // contenteditable's selection inside the active slide.\n        if (isEditableTarget(e.target)) return;\n\n        if (orientation === \"vertical\") {\n          if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            scrollPrev();\n          } else if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            scrollNext();\n          }\n          return;\n        }\n\n        // Horizontal: the PHYSICAL key maps to the visually-adjacent slide,\n        // which flips with writing direction — in RTL, ArrowLeft moves toward\n        // the next slide (visually to the left of the current one), not prev.\n        const isRtl = dir === \"rtl\";\n        if (e.key === \"ArrowLeft\") {\n          e.preventDefault();\n          if (isRtl) {\n            scrollNext();\n          } else {\n            scrollPrev();\n          }\n        } else if (e.key === \"ArrowRight\") {\n          e.preventDefault();\n          if (isRtl) {\n            scrollPrev();\n          } else {\n            scrollNext();\n          }\n        }\n      },\n      [orientation, dir, scrollPrev, scrollNext],\n    );\n\n    useEffect(() => {\n      if (api && setApi) setApi(api);\n    }, [api, setApi]);\n    useEffect(() => {\n      if (!api) return;\n      onSelect(api);\n      api.on(\"reInit\", onSelect);\n      api.on(\"select\", onSelect);\n      return () => {\n        api.off(\"reInit\", onSelect);\n        api.off(\"select\", onSelect);\n      };\n    }, [api, onSelect]);\n\n    return (\n      <CarouselContext.Provider\n        value={{\n          carouselRef,\n          api,\n          opts,\n          orientation,\n          scrollPrev,\n          scrollNext,\n          canScrollPrev,\n          canScrollNext,\n        }}\n      >\n        <div\n          ref={ref}\n          onKeyDownCapture={onKeyDown}\n          className={cn(\"relative\", className)}\n          role=\"region\"\n          aria-roledescription=\"carousel\"\n          aria-label={resolvedAriaLabel}\n          {...props}\n        >\n          {children}\n        </div>\n      </CarouselContext.Provider>\n    );\n  },\n);\n\nexport const CarouselContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CarouselContent({ className, ...props }, ref) {\n    const { carouselRef, orientation } = useCarousel();\n    return (\n      <div ref={carouselRef} className=\"overflow-hidden\">\n        <div\n          ref={ref}\n          className={cn(\n            \"flex\",\n            orientation === \"horizontal\" ? \"-ms-4\" : \"-mt-4 flex-col\",\n            className,\n          )}\n          {...props}\n        />\n      </div>\n    );\n  },\n);\n\nexport const CarouselItem = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CarouselItem({ className, ...props }, ref) {\n    const { orientation } = useCarousel();\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-roledescription=\"slide\"\n        className={cn(\n          \"min-w-0 shrink-0 grow-0 basis-full\",\n          orientation === \"horizontal\" ? \"ps-4\" : \"pt-4\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const CarouselPrevious = forwardRef<\n  ElementRef<typeof Button>,\n  ComponentProps<typeof Button>\n>(function CarouselPrevious({ className, ...props }, ref) {\n  const { scrollPrev, canScrollPrev, orientation } = useCarousel();\n  const { t } = useLocale();\n  return (\n    <Button\n      ref={ref}\n      variant=\"outline\"\n      size=\"icon\"\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      aria-label={t(\"previousSlide\")}\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        // Inset on narrow screens (no room for the button to sit outside\n        // the carousel box without overflowing horizontally); pushed\n        // outside the box only from `sm` up, where there's margin for it.\n        orientation === \"horizontal\"\n          ? \"start-2 top-1/2 -translate-y-1/2 sm:-start-12\"\n          : \"top-2 left-1/2 -translate-x-1/2 rotate-90 sm:-top-12\",\n        className,\n      )}\n      {...props}\n    >\n      <ArrowLeft className=\"size-4\" data-rtl-flip />\n    </Button>\n  );\n});\n\nexport const CarouselNext = forwardRef<ElementRef<typeof Button>, ComponentProps<typeof Button>>(\n  function CarouselNext({ className, ...props }, ref) {\n    const { scrollNext, canScrollNext, orientation } = useCarousel();\n    const { t } = useLocale();\n    return (\n      <Button\n        ref={ref}\n        variant=\"outline\"\n        size=\"icon\"\n        disabled={!canScrollNext}\n        onClick={scrollNext}\n        aria-label={t(\"nextSlide\")}\n        className={cn(\n          \"absolute size-8 rounded-full\",\n          orientation === \"horizontal\"\n            ? \"end-2 top-1/2 -translate-y-1/2 sm:-end-12\"\n            : \"bottom-2 left-1/2 -translate-x-1/2 rotate-90 sm:-bottom-12\",\n          className,\n        )}\n        {...props}\n      >\n        <ArrowRight className=\"size-4\" data-rtl-flip />\n      </Button>\n    );\n  },\n);\n\nexport type { CarouselApi };\n"],"mappings":"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","names":["Carousel","CarouselContent","CarouselItem","CarouselPrevious","CarouselNext"]}