@viax.io/uxm 4.38.0 → 4.40.0

package/dist/ui/editable-cell/use-editable-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/editable-cell/use-editable-cell.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { FORMAT_SPEC, formatDate as formatDateAs, invalidDateMessage, parseDate as parseFormattedDate } from '../date-input';\n\nimport { isEmptyValue, isoToFormatted, parseISODate, toISODate } from './editable-cell-utils';\n\nimport type { CalendarValue } from '../calendar';\nimport type { CellError, EditableCellProps, EditableCellValue } from './editable-cell.types';\n\n/** Keys `EditableCell` defaults before handing the props to the hook and the views. */\nexport type EditableCellDefaultedKey = 'type' | 'dateFormat' | 'searchable' | 'clearable' | 'align' | 'size' | 'required' | 'saveErrorMessage' | 'invalidNumberMessage' | 'invalidValueMessage' | 'clearSelectionLabel' | 'clearDateLabel' | 'clearValueLabel' | 'openCalendarLabel' | 'calendarDialogLabel' | 'addDateLabel';\n\n/** `EditableCellProps` with every default applied — what the hook and the views see. */\nexport type EditableCellResolvedProps = Omit<EditableCellProps, EditableCellDefaultedKey> &\n  Required<Pick<EditableCellProps, EditableCellDefaultedKey>>;\n\nexport interface EditableCellViewProps {\n  props: EditableCellResolvedProps;\n  cell: EditableCellState;\n}\n\nexport type EditableCellState = ReturnType<typeof useEditableCell>;\n\n/**\n * All of EditableCell's state, effects, commit paths and derived display\n * values — everything that is NOT per-type JSX. The three views\n * (`editable-cell-{text,date,select}.tsx`) are hook-free and read this\n * object, so the hook order is fixed here regardless of which view renders.\n */\nexport function useEditableCell(props: EditableCellResolvedProps) {\n  const {\n    value,\n    onCommit,\n    options,\n    format,\n    validate,\n    requiredMessage,\n    placeholder,\n    forceMode,\n    invalidDateMessage: invalidDateMessageProp,\n    type,\n    dateFormat,\n    required,\n    saveErrorMessage,\n    invalidNumberMessage,\n    invalidValueMessage,\n  } = props;\n  const [isEditing, setIsEditing] = useState(false);\n  const [draft, setDraft] = useState<string>(() => {\n    if (type === 'date') return isoToFormatted(value, dateFormat);\n    if (Array.isArray(value)) return '';\n    return String(value ?? '');\n  });\n  const [submitting, setSubmitting] = useState(false);\n  const [error, setError] = useState<CellError | null>(null);\n  const [open, setOpen] = useState(false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  // Anchor for the error popover — the editing wrapper, so the banner hangs\n  // under the cell without affecting the table row's layout.\n  const wrapRef = useRef<HTMLSpanElement | null>(null);\n\n  // Committed date as a Date and in the cell's mask, memoized so the display,\n  // tooltip, aria-label, calendar highlight, draft sync, and cancel-reset all\n  // share one parse/format instead of each re-running it. Cheap `null`/`''`\n  // no-ops for non-date types. Declared before the effects so they can reuse it.\n  const parsedValue = useMemo(\n    () =>\n      type === 'date' && typeof value === 'string' && value\n        ? parseISODate(value) ?? parseFormattedDate(value, dateFormat)\n        : null,\n    [type, value, dateFormat],\n  );\n  const displayFormatted = useMemo(\n    () => (type === 'date' ? isoToFormatted(value, dateFormat) : ''),\n    [type, value, dateFormat],\n  );\n\n  // When the externally-committed value changes (parent state updated, or\n  // someone else edited the row), sync the draft — but only when we're\n  // NOT mid-edit. Mid-edit syncs would clobber what the user is typing.\n  useEffect(() => {\n    if (!isEditing) {\n      const next = Array.isArray(value)\n        ? ''\n        : type === 'date'\n          ? displayFormatted\n          : String(value ?? '');\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- intentional external-value → draft sync, gated to non-editing mode\n      setDraft(next);\n    }\n  }, [value, isEditing, type, displayFormatted]);\n\n  // Focus + select-all when entering edit mode. Select-all means typing\n  // immediately replaces the value — the most common edit intent — while\n  // keyboard navigation (Home/End/arrows) still works to refine.\n  useEffect(() => {\n    if (isEditing && inputRef.current) {\n      inputRef.current.focus();\n      inputRef.current.select();\n    }\n  }, [isEditing]);\n\n  // A surfaced problem and the date calendar can't share the anchor, so the\n  // calendar is hidden while an error shows. Close it outright (not just via\n  // the render gate) so clearing the error later — e.g. the next keystroke's\n  // `setError(null)` — doesn't silently reopen a calendar the user dismissed.\n  useEffect(() => {\n    if (error && type === 'date') {\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- close the calendar exactly when a date error appears, so it can't auto-reopen on clear\n      setOpen(false);\n    }\n  }, [error, type]);\n\n  const parseDraft = useCallback((): EditableCellValue => {\n    // `Number('')` is 0, not NaN — map an empty/whitespace draft to NaN so\n    // blur-with-empty hits the \"Enter a number\" boundary instead of silently\n    // committing 0.\n    if (type === 'number') return draft.trim() === '' ? Number.NaN : Number(draft);\n    if (type === 'date') return draft;\n    return draft;\n  }, [type, draft]);\n\n  // Per-type default required message; overridable via `requiredMessage`.\n  // (multiselect's own default lives in MultiListbox, which owns that rule.)\n  const requiredMsg =\n    requiredMessage ?? (type === 'select' ? 'Select an option' : 'Required');\n\n  const commitValue = useCallback(\n    async (next: EditableCellValue): Promise<boolean> => {\n      // Re-entrancy guard lives HERE, not only in each caller's render\n      // condition: every commit path funnels through this function, so a new\n      // call site can't forget to gate itself (`commitDate` keeps its own\n      // early return for the same reason).\n      if (submitting) return false;\n      // Required is checked before `validate` so consumers get the empty rule\n      // for free. Multiselect empties are already blocked upstream by\n      // MultiListbox (they never reach here), so this covers the scalar types.\n      if (required && isEmptyValue(next)) {\n        setError({ message: requiredMsg, severity: 'warning' });\n        return false;\n      }\n      const validationError = validate?.(next);\n      if (validationError) {\n        setError({ message: validationError, severity: 'warning' });\n        return false;\n      }\n\n      setError(null);\n      setSubmitting(true);\n      try {\n        await onCommit(next);\n        setIsEditing(false);\n        setOpen(false);\n        return true;\n      } catch (err) {\n        // Error severity: the value was acceptable but saving failed.\n        setError({\n          message: err instanceof Error ? err.message : saveErrorMessage,\n          severity: 'error',\n        });\n        // Refocus the input so the user can retry without re-entering edit mode.\n        requestAnimationFrame(() => inputRef.current?.focus());\n        return false;\n      } finally {\n        setSubmitting(false);\n      }\n    },\n    [submitting, required, requiredMsg, saveErrorMessage, validate, onCommit],\n  );\n\n  // Shared commit path for both the typed input (handleCommit) and the calendar\n  // (handlePick). Guards a re-entrant commit while one is in flight, and skips\n  // the consumer's onCommit when nothing changed — comparing normalized ISO on\n  // BOTH sides so a formatted seed (or a re-picked day) isn't mistaken for a\n  // change — while still running `validate` on the no-op so a required /\n  // row-dependent rule still surfaces.\n  const commitDate = useCallback(\n    async (iso: string) => {\n      if (submitting) return;\n      const currentIso = parsedValue ? toISODate(parsedValue) : '';\n      if (iso === currentIso) {\n        const validationError = validate?.(iso);\n        if (validationError) {\n          setError({ message: validationError, severity: 'warning' });\n          return;\n        }\n        setIsEditing(false);\n        setOpen(false);\n        setError(null);\n        return;\n      }\n      await commitValue(iso);\n    },\n    [submitting, parsedValue, validate, commitValue],\n  );\n\n  const handleCommit = useCallback(async () => {\n    const next = parseDraft();\n\n    // Number type with a NaN draft is rejected at the parse boundary —\n    // EXCEPT when the draft was emptied outright (the ✕, or select-all +\n    // Delete): that's an intentional clear, not a typo, so it routes\n    // through `commitValue('')` like every other type — `required` blocks\n    // it with its own message, an optional cell commits '' and shows its\n    // placeholder. Half-typed non-numbers (\"-\", \".\") stay input errors.\n    // Warning severity: the input is the problem and the user can fix it.\n    if (type === 'number' && Number.isNaN(next)) {\n      if (draft.trim() === '') {\n        if (String(value ?? '') === '') {\n          // Already empty — pure exit, no spurious onCommit (mirrors the\n          // unchanged-value no-op below).\n          setIsEditing(false);\n          setError(null);\n          return;\n        }\n        await commitValue('');\n        return;\n      }\n      setError({ message: invalidNumberMessage, severity: 'warning' });\n      return;\n    }\n\n    // Typed dates parse at the boundary: per the cell's `dateFormat` mask\n    // first, canonical ISO as fallback. An emptied draft clears the date\n    // (commits \"\"). Unchanged-value / submitting / validation handling all\n    // live in the shared `commitDate` so typing and calendar picking behave\n    // identically.\n    if (type === 'date') {\n      const raw = String(next).trim();\n      if (raw === '') {\n        await commitDate('');\n        return;\n      }\n      const parsed = parseFormattedDate(raw, dateFormat) ?? parseISODate(raw);\n      if (!parsed) {\n        setError({\n          message: invalidDateMessageProp ?? invalidDateMessage(dateFormat),\n          severity: 'warning',\n        });\n        return;\n      }\n      await commitDate(toISODate(parsed));\n      return;\n    }\n\n    // No-op when value didn't change — exit edit mode without firing\n    // the consumer's handler (avoids spurious \"save\" calls on blur).\n    // NOTE: unlike the date path in `commitDate` (which re-runs `validate`\n    // on an unchanged value so a required / row-dependent rule still\n    // surfaces on blur), text/number intentionally skip `validate` here.\n    // These cells have no cross-row validity story today, so an unchanged\n    // blur is treated as a pure exit; keep the two paths in sync if that\n    // assumption ever changes.\n    const valueStr = Array.isArray(value) ? '' : String(value ?? '');\n    if (String(next) === valueStr) {\n      setIsEditing(false);\n      setError(null);\n      return;\n    }\n\n    await commitValue(next);\n  }, [\n    parseDraft,\n    type,\n    draft,\n    dateFormat,\n    value,\n    commitValue,\n    commitDate,\n    invalidNumberMessage,\n    invalidDateMessageProp,\n  ]);\n\n  const handlePick = useCallback(\n    async (calValue: CalendarValue) => {\n      if (!calValue.start || submitting) return;\n      setDraft(formatDateAs(calValue.start, dateFormat));\n      // Routes through the shared guard: re-picking the already-selected day is\n      // a no-op (no spurious onCommit), and a pick can't fire mid-commit.\n      await commitDate(toISODate(calValue.start));\n    },\n    [dateFormat, submitting, commitDate],\n  );\n\n  // ✕ inside the editing input (text/number/date, gated by `clearable`).\n  // Empties the DRAFT only — focus stays in the input (the button swallows\n  // its mousedown so the field never blurs) and nothing commits until\n  // Enter/blur, so required/validate still guard and Esc still restores.\n  const handleClearDraft = useCallback(() => {\n    setDraft('');\n    setError(null);\n  }, []);\n\n  const handleCancel = useCallback(() => {\n    if (Array.isArray(value)) {\n      setDraft('');\n    } else if (type === 'date') {\n      setDraft(displayFormatted);\n    } else {\n      setDraft(String(value ?? ''));\n    }\n    setIsEditing(false);\n    setOpen(false);\n    setError(null);\n  }, [value, type, displayFormatted]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        handleCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        handleCancel();\n      }\n    },\n    [handleCommit, handleCancel],\n  );\n\n  // `forceMode` (preview-only) renders the input branch without a real\n  // click. `warning` / `error` also surface a sample message at that\n  // severity so the matching knobs paint. Derived in the render body —\n  // deliberately NOT fed into the focus effect above, so a forced preview\n  // never steals focus from the rest of the page. Production leaves\n  // forceMode unset, so `editing` collapses to the internal `isEditing`.\n  const editing = forceMode != null || isEditing;\n  const shownError: CellError | null =\n    forceMode === 'error'\n      ? error ?? { message: saveErrorMessage, severity: 'error' }\n      : forceMode === 'warning'\n        ? error ?? { message: invalidValueMessage, severity: 'warning' }\n        : error;\n\n  // Hint shown in the date input — the canonical format pattern for the\n  // chosen `dateFormat`. Used as the placeholder when the cell is empty\n  // and as the input placeholder in edit mode.\n  const dateHint = FORMAT_SPEC[dateFormat].placeholder;\n\n  // Compute display value\n  const isEmpty = Array.isArray(value)\n    ? value.length === 0\n    : value === '' || value === null || value === undefined;\n\n  const display = (() => {\n    // Empty wins over `format`: a cleared cell must read as its placeholder,\n    // not as the formatter's rendering of \"\" (e.g. a Tag formatter would\n    // paint an empty pill). `format` only ever sees real values.\n    if (isEmpty) return placeholder ?? (type === 'date' ? dateHint : '');\n    if (format) return format(value);\n    if (Array.isArray(value)) {\n      // For multiselect: show labels from options if available\n      if (options) {\n        return value\n          .map((v) => options.find((o) => o.value === v)?.label ?? v)\n          .join(', ');\n      }\n      return value.join(', ');\n    }\n    if (type === 'select' && options) {\n      return options.find((o) => o.value === String(value))?.label ?? String(value);\n    }\n    return value;\n  })();\n\n  // Plain-text form of the value, fed to the HoverTooltip so a value that's\n  // clipped at the cell's max-width is still readable on hover. Best-effort\n  // for custom `format` cells — those render arbitrary nodes, so the tooltip\n  // falls back to the underlying value rather than extracting text from JSX.\n  const isMulti = type === 'multiselect';\n  const isSelect = type === 'select';\n  const isDate = type === 'date';\n  const titleText = isEmpty\n    ? placeholder ?? ''\n    : isMulti\n      ? Array.isArray(value)\n        ? (options ?? [])\n            .filter((o) => (value as string[]).includes(o.value))\n            .map((o) => o.label)\n            .join(', ')\n        : ''\n      : isSelect\n        ? (options?.find((o) => o.value === String(value))?.label ?? String(value))\n        : isDate\n          ? displayFormatted || String(value)\n          : String(value);\n\n  return {\n    isEditing,\n    setIsEditing,\n    draft,\n    setDraft,\n    submitting,\n    setSubmitting,\n    error,\n    setError,\n    open,\n    setOpen,\n    inputRef,\n    wrapRef,\n    parsedValue,\n    displayFormatted,\n    parseDraft,\n    commitValue,\n    commitDate,\n    handleCommit,\n    handlePick,\n    handleClearDraft,\n    handleCancel,\n    handleKeyDown,\n    editing,\n    dateHint,\n    isEmpty,\n    display,\n    isMulti,\n    isSelect,\n    isDate,\n    titleText,\n    shownError,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/ui/empty-state/empty-state-preview.cjs

@@ -22,9 +22,9 @@ __export(empty_state_preview_exports, {
 });
 module.exports = __toCommonJS(empty_state_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("../../ui/index.cjs");
-var import_ui2 = require("../../ui/index.cjs");
-var import_ui3 = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
+var import_ui2 = require("../index.cjs");
+var import_ui3 = require("../index.cjs");
 function EmptyStatePreview({ styles }) {
   const iconSize = styles.iconSize ?? 48;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/ui/empty-state/empty-state-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function EmptyStatePreview({ styles }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyStatePreview({ styles }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=empty-state-preview.d.ts.map

package/dist/ui/empty-state/empty-state-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/empty-state/empty-state-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CA+BzD"}
+{"version":3,"file":"empty-state-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/empty-state/empty-state-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,+BA+BzD"}

package/dist/ui/empty-state/empty-state-preview.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { ButtonPrimary } from "../../ui/index.js";
-import { EmptyState } from "../../ui/index.js";
-import { Icon } from "../../ui/index.js";
+import { ButtonPrimary } from "../index.js";
+import { EmptyState } from "../index.js";
+import { Icon } from "../index.js";
 function EmptyStatePreview({ styles }) {
   const iconSize = styles.iconSize ?? 48;
   return /* @__PURE__ */ jsx(

package/dist/ui/empty-state/empty-state.d.ts

@@ -5,5 +5,5 @@ export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 't
     description?: ReactNode;
     action?: ReactNode;
 }
-export declare function EmptyState({ icon, title, description, action, className, ...rest }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ icon, title, description, action, className, ...rest }: EmptyStateProps): import("react").JSX.Element;
 //# sourceMappingURL=empty-state.d.ts.map

package/dist/ui/empty-state/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/ui/empty-state/empty-state.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,2CASjB"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/ui/empty-state/empty-state.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,+BASjB"}

package/dist/ui/error-page/error-page-preview.cjs

@@ -22,8 +22,8 @@ __export(error_page_preview_exports, {
 });
 module.exports = __toCommonJS(error_page_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("../../ui/index.cjs");
-var import_ui2 = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
+var import_ui2 = require("../index.cjs");
 const COPY = {
   "404": {
     code: "404",

package/dist/ui/error-page/error-page-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function ErrorPagePreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorPagePreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=error-page-preview.d.ts.map

package/dist/ui/error-page/error-page-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-page-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/error-page/error-page-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA0BrD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAoElE"}
+{"version":3,"file":"error-page-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/error-page/error-page-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA0BrD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAoElE"}

package/dist/ui/error-page/error-page-preview.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ButtonPrimary, ButtonTertiary } from "../../ui/index.js";
-import { Icon } from "../../ui/index.js";
+import { ButtonPrimary, ButtonTertiary } from "../index.js";
+import { Icon } from "../index.js";
 const COPY = {
   "404": {
     code: "404",

package/dist/ui/error-page/error-page.d.ts

@@ -13,5 +13,5 @@ export interface ErrorPageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ti
     /** Optional secondary action — typically a ButtonGhost or ButtonSecondary. */
     secondaryAction?: ReactNode;
 }
-export declare function ErrorPage({ code, icon, title, message, primaryAction, secondaryAction, className, ...rest }: ErrorPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorPage({ code, icon, title, message, primaryAction, secondaryAction, className, ...rest }: ErrorPageProps): import("react").JSX.Element;
 //# sourceMappingURL=error-page.d.ts.map

package/dist/ui/error-page/error-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-page.d.ts","sourceRoot":"","sources":["../../../src/ui/error-page/error-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACnF,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,aAAa,EACb,eAAe,EACf,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAmBhB"}
+{"version":3,"file":"error-page.d.ts","sourceRoot":"","sources":["../../../src/ui/error-page/error-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACnF,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,aAAa,EACb,eAAe,EACf,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,+BAmBhB"}

package/dist/ui/explorer-list-item/explorer-list-item-preview.cjs

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(explorer_list_item_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_helpers = require("../../helpers/index.cjs");
-var import_ui = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
 const INTERACTIVE_ROWS = [
   { key: "button-primary", name: "Button \u2014 Primary", trailing: "Buttons" },
   { key: "tabs", name: "Tabs", trailing: "Composite" },

package/dist/ui/explorer-list-item/explorer-list-item-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function ExplorerListItemPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExplorerListItemPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=explorer-list-item-preview.d.ts.map

package/dist/ui/explorer-list-item/explorer-list-item-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"explorer-list-item-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-list-item/explorer-list-item-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAkFrD,wBAAgB,uBAAuB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA6CzE"}
+{"version":3,"file":"explorer-list-item-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-list-item/explorer-list-item-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAkFrD,wBAAgB,uBAAuB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA6CzE"}

package/dist/ui/explorer-list-item/explorer-list-item-preview.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../helpers/index.js";
-import { ExplorerListItem } from "../../ui/index.js";
+import { ExplorerListItem } from "../index.js";
 const INTERACTIVE_ROWS = [
   { key: "button-primary", name: "Button \u2014 Primary", trailing: "Buttons" },
   { key: "tabs", name: "Tabs", trailing: "Composite" },

package/dist/ui/explorer-list-item/explorer-list-item.d.ts

@@ -20,5 +20,5 @@ export interface ExplorerListItemProps extends Omit<ButtonHTMLAttributes<HTMLBut
  * registry — the rail's colour, width, height, and radius are
  * separately editable from the row's own bg/text.
  */
-export declare function ExplorerListItem({ name, trailing, active, className, type, ...rest }: ExplorerListItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExplorerListItem({ name, trailing, active, className, type, ...rest }: ExplorerListItemProps): import("react").JSX.Element;
 //# sourceMappingURL=explorer-list-item.d.ts.map

package/dist/ui/explorer-list-item/explorer-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"explorer-list-item.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-list-item/explorer-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC7D,0BAA0B;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAMD;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,IAAe,EACf,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAqBvB"}
+{"version":3,"file":"explorer-list-item.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-list-item/explorer-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC7D,0BAA0B;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAMD;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,IAAe,EACf,GAAG,IAAI,EACR,EAAE,qBAAqB,+BAqBvB"}

package/dist/ui/explorer-section/explorer-section-preview.cjs

@@ -24,8 +24,8 @@ module.exports = __toCommonJS(explorer_section_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_helpers = require("../../helpers/index.cjs");
-var import_ui = require("../../ui/index.cjs");
-var import_ui2 = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
+var import_ui2 = require("../index.cjs");
 const SECTIONS = [
   { name: "Buttons", count: 5, color: "var(--color-accent)" },
   { name: "Inputs", count: 7, color: "var(--color-accent-light)" },

package/dist/ui/explorer-section/explorer-section-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function ExplorerSectionPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExplorerSectionPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=explorer-section-preview.d.ts.map

package/dist/ui/explorer-section/explorer-section-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"explorer-section-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-section/explorer-section-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA4FrD,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA4DxE"}
+{"version":3,"file":"explorer-section-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-section/explorer-section-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA4FrD,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA4DxE"}

package/dist/ui/explorer-section/explorer-section-preview.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../helpers/index.js";
-import { ExplorerSection } from "../../ui/index.js";
-import { Icon } from "../../ui/index.js";
+import { ExplorerSection } from "../index.js";
+import { Icon } from "../index.js";
 const SECTIONS = [
   { name: "Buttons", count: 5, color: "var(--color-accent)" },
   { name: "Inputs", count: 7, color: "var(--color-accent-light)" },

package/dist/ui/explorer-section/explorer-section.d.ts

@@ -43,5 +43,5 @@ export interface ExplorerSectionProps extends Omit<ButtonHTMLAttributes<HTMLButt
  * size/colour, label colour, hover bg, and trailing styling are all
  * separately editable.
  */
-export declare function ExplorerSection({ children, open: controlledOpen, defaultOpen, onOpenChange, indicator, trailing, className, type, onClick, id, ...rest }: ExplorerSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExplorerSection({ children, open: controlledOpen, defaultOpen, onOpenChange, indicator, trailing, className, type, onClick, id, ...rest }: ExplorerSectionProps): import("react").JSX.Element;
 //# sourceMappingURL=explorer-section.d.ts.map

package/dist/ui/explorer-section/explorer-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"explorer-section.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-section/explorer-section.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,4BAA4B;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+GAA+G;IAC/G,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;0EACsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,IAAe,EACf,OAAO,EACP,EAAE,EACF,GAAG,IAAI,EACR,EAAE,oBAAoB,2CAoDtB"}
+{"version":3,"file":"explorer-section.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-section/explorer-section.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,4BAA4B;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+GAA+G;IAC/G,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;0EACsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,IAAe,EACf,OAAO,EACP,EAAE,EACF,GAAG,IAAI,EACR,EAAE,oBAAoB,+BAoDtB"}

package/dist/ui/field-error/field-error.d.ts

@@ -31,5 +31,5 @@ export interface FieldErrorProps {
  * class. It's `aria-hidden` because the message text already conveys the
  * error to assistive tech (and `aria-invalid` lives on the control).
  */
-export declare function FieldError({ className, id, children }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldError({ className, id, children }: FieldErrorProps): import("react").JSX.Element;
 //# sourceMappingURL=field-error.d.ts.map

package/dist/ui/field-error/field-error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-error.d.ts","sourceRoot":"","sources":["../../../src/ui/field-error/field-error.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B;;;;;;;;OAQG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAOtE"}
+{"version":3,"file":"field-error.d.ts","sourceRoot":"","sources":["../../../src/ui/field-error/field-error.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B;;;;;;;;OAQG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAOtE"}

package/dist/ui/file-upload/file-upload-preview.cjs

@@ -23,7 +23,7 @@ __export(file_upload_preview_exports, {
 module.exports = __toCommonJS(file_upload_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ui = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
 function buildVars(styles) {
   return {
     // Default surface

package/dist/ui/file-upload/file-upload-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function FileUploadPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileUploadPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=file-upload-preview.d.ts.map

package/dist/ui/file-upload/file-upload-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/file-upload/file-upload-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAgHrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA8DnE"}
+{"version":3,"file":"file-upload-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/file-upload/file-upload-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAgHrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA8DnE"}

package/dist/ui/file-upload/file-upload-preview.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { FileUpload } from "../../ui/index.js";
+import { FileUpload } from "../index.js";
 function buildVars(styles) {
   return {
     // Default surface

package/dist/ui/file-upload/file-upload.d.ts

@@ -222,5 +222,5 @@ export interface FileUploadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'o
     /** Optional slot rendered above the file list (e.g. a summary line). */
     children?: ReactNode;
 }
-export declare function FileUpload({ state: forcedState, multiple, accept, disabled, titleText, helpText, allowedTypesText, error, errorMessage, files, onFiles, onRemove, onOpenFile, downloadGlyph, downloadLabel, onDragEnter, onDragLeave, onError: _onError, labels, locale: localeProp, formatSize, className, style, iconGlyph, children, ...rest }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileUpload({ state: forcedState, multiple, accept, disabled, titleText, helpText, allowedTypesText, error, errorMessage, files, onFiles, onRemove, onOpenFile, downloadGlyph, downloadLabel, onDragEnter, onDragLeave, onError: _onError, labels, locale: localeProp, formatSize, className, style, iconGlyph, children, ...rest }: FileUploadProps): import("react").JSX.Element;
 //# sourceMappingURL=file-upload.d.ts.map

package/dist/ui/file-upload/file-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../src/ui/file-upload/file-upload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../src/ui/file-upload/file-upload.tsx"],"names":[],"mappings":"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"}

package/dist/ui/filter-tabs/filter-tabs-preview.cjs

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(filter_tabs_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_helpers = require("../../helpers/index.cjs");
-var import_ui = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
 const INTERACTIVE_TABS = [
   { value: "all", label: "All" },
   { value: "active", label: "Active" },

package/dist/ui/filter-tabs/filter-tabs-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function FilterTabsPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterTabsPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=filter-tabs-preview.d.ts.map

package/dist/ui/filter-tabs/filter-tabs-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-tabs-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/filter-tabs/filter-tabs-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA6ErD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAuCnE"}
+{"version":3,"file":"filter-tabs-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/filter-tabs/filter-tabs-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA6ErD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAuCnE"}

package/dist/ui/filter-tabs/filter-tabs-preview.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../helpers/index.js";
-import { FilterTabs } from "../../ui/index.js";
+import { FilterTabs } from "../index.js";
 const INTERACTIVE_TABS = [
   { value: "all", label: "All" },
   { value: "active", label: "Active" },

package/dist/ui/filter-tabs/filter-tabs.d.ts

@@ -12,5 +12,5 @@ export interface FilterTabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'o
     defaultValue?: string;
     onChange?: (value: string) => void;
 }
-export declare function FilterTabs({ options, value, defaultValue, onChange, className, ...rest }: FilterTabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterTabs({ options, value, defaultValue, onChange, className, ...rest }: FilterTabsProps): import("react").JSX.Element;
 //# sourceMappingURL=filter-tabs.d.ts.map

package/dist/ui/filter-tabs/filter-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-tabs.d.ts","sourceRoot":"","sources":["../../../src/ui/filter-tabs/filter-tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;0DACsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,2CA+CjB"}
+{"version":3,"file":"filter-tabs.d.ts","sourceRoot":"","sources":["../../../src/ui/filter-tabs/filter-tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;0DACsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,+BA+CjB"}

package/dist/ui/form-field/form-field-preview.cjs

@@ -22,8 +22,8 @@ __export(form_field_preview_exports, {
 });
 module.exports = __toCommonJS(form_field_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("../../ui/index.cjs");
-var import_ui2 = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
+var import_ui2 = require("../index.cjs");
 function FormFieldPreview({ styles, variants }) {
   const labelPosition = variants.labelPosition ?? "top";
   const labelVariant = variants.labelVariant ?? "default";

package/dist/ui/form-field/form-field-preview.d.ts

@@ -7,5 +7,5 @@ import type { PreviewProps } from '../../previews/types.js';
  * how FormField behaves when nested inside a real sidebar / modal /
  * card.
  */
-export declare function FormFieldPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormFieldPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=form-field-preview.d.ts.map

package/dist/ui/form-field/form-field-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/form-field/form-field-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAWrD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAyDlE"}
+{"version":3,"file":"form-field-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/form-field/form-field-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAWrD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAyDlE"}

package/dist/ui/form-field/form-field-preview.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import {
   FormField
-} from "../../ui/index.js";
-import { RadioGroup, RadioOption, TextInput } from "../../ui/index.js";
+} from "../index.js";
+import { RadioGroup, RadioOption, TextInput } from "../index.js";
 function FormFieldPreview({ styles, variants }) {
   const labelPosition = variants.labelPosition ?? "top";
   const labelVariant = variants.labelVariant ?? "default";

package/dist/ui/form-field/form-field.d.ts

@@ -62,5 +62,5 @@ export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
  *     <TextInput type="email" />
  *   </FormField>
  */
-export declare function FormField({ label, hint, labelPosition, labelTint, labelVariant, htmlFor, children, className, ...rest }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormField({ label, hint, labelPosition, labelTint, labelVariant, htmlFor, children, className, ...rest }: FormFieldProps): import("react").JSX.Element;
 //# sourceMappingURL=form-field.d.ts.map

package/dist/ui/form-field/form-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/ui/form-field/form-field.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,kDAAkD;IAClD,KAAK,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,aAAqB,EACrB,SAAoB,EACpB,YAAwB,EACxB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CA8ChB"}
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/ui/form-field/form-field.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,kDAAkD;IAClD,KAAK,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,aAAqB,EACrB,SAAoB,EACpB,YAAwB,EACxB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,+BA8ChB"}

package/dist/ui/hover-tooltip/hover-tooltip.d.ts

@@ -15,5 +15,5 @@ export interface HoverTooltipProps {
  * `Popover` for positioning + portal, then renders the existing `Tooltip`
  * inside. Non-interactive by design: closes when the pointer leaves the anchor.
  */
-export declare function HoverTooltip({ content, placement, truncatedOnly, openDelay, disabled, children, showArrow, }: HoverTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function HoverTooltip({ content, placement, truncatedOnly, openDelay, disabled, children, showArrow, }: HoverTooltipProps): import("react").JSX.Element;
 //# sourceMappingURL=hover-tooltip.d.ts.map

package/dist/ui/hover-tooltip/hover-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hover-tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/hover-tooltip/hover-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAiB,EACjB,aAAoB,EACpB,SAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,2CAmGnB"}
+{"version":3,"file":"hover-tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/hover-tooltip/hover-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAiB,EACjB,aAAoB,EACpB,SAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BAmGnB"}

package/dist/ui/icon/icon-preview.cjs

@@ -23,7 +23,7 @@ __export(icon_preview_exports, {
 module.exports = __toCommonJS(icon_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ui = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
 function IconPreview({ styles }) {
   const size = styles.size;
   const strokeWidth = styles.strokeWidth;

package/dist/ui/icon/icon-preview.d.ts

@@ -17,5 +17,5 @@ import type { PreviewProps } from '../../previews/types.js';
  * variable a production consumer would set); Icon's stroke defaults to
  * `currentColor`, so the wrapper colour is enough.
  */
-export declare function IconPreview({ styles }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconPreview({ styles }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=icon-preview.d.ts.map

package/dist/ui/icon/icon-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/icon/icon-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CAoGnD"}
+{"version":3,"file":"icon-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/icon/icon-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,+BAoGnD"}

package/dist/ui/icon/icon-preview.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Icon, ICONS, InputWithIcon } from "../../ui/index.js";
+import { Icon, ICONS, InputWithIcon } from "../index.js";
 function IconPreview({ styles }) {
   const size = styles.size;
   const strokeWidth = styles.strokeWidth;

package/dist/ui/icon/icon.d.ts

@@ -4,5 +4,5 @@ export interface IconProps extends Omit<SVGAttributes<SVGSVGElement>, 'children'
     size?: number;
     strokeWidth?: number;
 }
-export declare function Icon({ glyph, size, strokeWidth, className, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Icon({ glyph, size, strokeWidth, className, ...rest }: IconProps): import("react").JSX.Element | null;
 //# sourceMappingURL=icon.d.ts.map

package/dist/ui/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/ui/icon/icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,IAAS,EAAE,WAAkB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,kDA6C3F"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/ui/icon/icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,IAAS,EAAE,WAAkB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,sCA6C3F"}

package/dist/ui/icon-button/icon-button-preview.cjs

@@ -23,12 +23,13 @@ __export(icon_button_preview_exports, {
 module.exports = __toCommonJS(icon_button_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ui = require("../../ui/index.cjs");
-var import_ui2 = require("../../ui/index.cjs");
-var import_ui3 = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
+var import_ui2 = require("../index.cjs");
+var import_ui3 = require("../index.cjs");
 function IconButtonPreview({ styles, variants }) {
   const glyph = variants.glyph ?? "close";
   const state = variants.state ?? "default";
+  const filled = variants.variant === "filled";
   const def = (0, import_ui.getIcon)(glyph);
   const [hover, setHover] = (0, import_react.useState)(false);
   const [pressed, setPressed] = (0, import_react.useState)(false);
@@ -38,10 +39,11 @@ function IconButtonPreview({ styles, variants }) {
   const isFocused = state === "focus";
   const isDisabled = state === "disabled";
   const isForcedState = forced;
-  const iconSize = styles.iconSize;
-  const fallback = (stateValue, base) => stateValue !== void 0 ? stateValue : base;
-  const currentBg = isPressed ? fallback(styles.activeBackgroundColor, styles.backgroundColor) : isHover ? fallback(styles.hoverBackgroundColor, styles.backgroundColor) : styles.backgroundColor;
-  const currentColor = isDisabled ? fallback(styles.disabledColor, styles.color) : isPressed ? fallback(styles.activeColor, styles.color) : isHover ? fallback(styles.hoverColor, styles.color) : isFocused ? fallback(styles.focusColor, styles.color) : styles.color;
+  const iconSize = filled ? styles.filledIconSize : styles.iconSize;
+  const base = filled ? { bg: styles.filledBg, color: styles.filledColor, hoverBg: styles.filledHoverBg, hoverColor: styles.filledHoverColor, activeBg: styles.filledActiveBg, activeColor: styles.filledActiveColor } : { bg: styles.backgroundColor, color: styles.color, hoverBg: styles.hoverBackgroundColor, hoverColor: styles.hoverColor, activeBg: styles.activeBackgroundColor, activeColor: styles.activeColor };
+  const fallback = (stateValue, base2) => stateValue !== void 0 ? stateValue : base2;
+  const currentBg = isPressed ? fallback(base.activeBg, base.bg) : isHover ? fallback(base.hoverBg, base.bg) : base.bg;
+  const currentColor = isDisabled ? fallback(styles.disabledColor, base.color) : isPressed ? fallback(base.activeColor, base.color) : isHover ? fallback(base.hoverColor, base.color) : isFocused ? fallback(styles.focusColor, base.color) : base.color;
   const cssVars = {
     "--uxm-icon-button-size": `${styles.size}px`,
     "--uxm-icon-button-radius": `${styles.borderRadius}px`,
@@ -60,6 +62,16 @@ function IconButtonPreview({ styles, variants }) {
     "--uxm-icon-button-focus-color": styles.focusColor,
     "--uxm-icon-button-disabled-opacity": styles.disabledOpacity.toString(),
     "--uxm-icon-button-disabled-color": styles.disabledColor,
+    // Filled-variant vars — read only by `.uxm-icon-button--filled`.
+    "--uxm-icon-button-filled-size": `${styles.filledSize}px`,
+    "--uxm-icon-button-filled-radius": `${styles.filledRadius}px`,
+    "--uxm-icon-button-filled-icon-size": `${styles.filledIconSize}px`,
+    "--uxm-icon-button-filled-bg": styles.filledBg,
+    "--uxm-icon-button-filled-color": styles.filledColor,
+    "--uxm-icon-button-filled-hover-bg": styles.filledHoverBg,
+    "--uxm-icon-button-filled-hover-color": styles.filledHoverColor,
+    "--uxm-icon-button-filled-active-bg": styles.filledActiveBg,
+    "--uxm-icon-button-filled-active-color": styles.filledActiveColor,
     // Forced-state direct overrides keep the previewed state painted
     // regardless of real pointer/keyboard interaction. Default state skips
     // these so `:hover` etc. still trigger naturally.
@@ -75,6 +87,7 @@ function IconButtonPreview({ styles, variants }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 16, display: "inline-flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_ui3.IconButton,
     {
+      variant: filled ? "filled" : "ghost",
       "aria-label": def?.label ?? glyph,
       disabled: isDisabled,
       onMouseEnter: () => !forced && setHover(true),