@viax.io/uxm 4.36.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/editable-cell/editable-cell.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from 'react';\n\nimport { cn } from '@/helpers';\n\nimport { Banner } from '../banner';\nimport { ButtonGhost } from '../button';\nimport { Calendar, type CalendarValue } from '../calendar';\nimport {\n  FORMAT_SPEC,\n  formatDate as formatDateAs,\n  invalidDateMessage,\n  maskDate,\n  parseDate as parseFormattedDate,\n  type DateInputFormat,\n} from '../date-input';\nimport { HoverTooltip } from '../hover-tooltip';\nimport { Icon } from '../icon';\nimport { Listbox, MultiListbox, type ListboxRenderTriggerState } from '../listbox';\nimport { maskNumeric } from '../number-input';\nimport { Popover } from '../popover';\n\nexport type EditableCellType = 'text' | 'number' | 'date' | 'select' | 'multiselect';\nexport type EditableCellAlign = 'left' | 'right' | 'center';\nexport type EditableCellSize = 'small' | 'medium';\nexport type EditableCellValue = string | number | string[];\n\n/** Strict `YYYY-MM-DD` → local Date (no TZ surprises), null if not parseable. */\nfunction parseISODate(s: string): Date | null {\n  const m = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(s);\n  if (!m) return null;\n  const y = Number(m[1]);\n  const mo = Number(m[2]);\n  const day = Number(m[3]);\n  const d = new Date(y, mo - 1, day);\n  // Reject regex-valid but out-of-range dates: `new Date(2024, 1, 30)` silently\n  // rolls over to Mar 1 rather than producing NaN, which would later read as a\n  // value change and trigger an unprompted rewrite. Require a clean round-trip.\n  if (d.getFullYear() !== y || d.getMonth() !== mo - 1 || d.getDate() !== day) return null;\n  return d;\n}\n\n/** Serialize a Date to ISO (`YYYY-MM-DD`) — reuses the shared `ymd` formatter. */\nconst toISODate = (d: Date): string => formatDateAs(d, 'ymd');\n\n/**\n * Committed dates are stored ISO (`YYYY-MM-DD`); the input and display show\n * the cell's `dateFormat` mask. Convert ISO → mask so `dmy`/`mdy` cells read\n * and edit in their own shape. Values that aren't ISO (e.g. a consumer's\n * already-formatted seed) pass through untouched.\n */\nfunction isoToFormatted(value: EditableCellValue, format: DateInputFormat): string {\n  if (typeof value !== 'string' || !value) return '';\n  const d = parseISODate(value);\n  return d ? formatDateAs(d, format) : value;\n}\n\n/**\n * Emptiness rule for the `required` check — the single definition shared by\n * every editor type: an empty array (multiselect), a NaN number (blank numeric\n * draft), or a blank/whitespace string (text/select/date).\n */\nfunction isEmptyValue(v: EditableCellValue): boolean {\n  if (Array.isArray(v)) return v.length === 0;\n  if (typeof v === 'number') return Number.isNaN(v);\n  return String(v ?? '').trim() === '';\n}\n\nexport interface EditableCellOption {\n  value: string;\n  label: string;\n}\n\n/**\n * Two severity levels, mapped to Banner variants:\n *   - `warning` — recoverable input problems the user can fix in place\n *     (sync `validate` failures, unparseable number drafts).\n *   - `error` — the commit itself failed (`onCommit` rejected): the value\n *     was fine but saving didn't happen.\n */\ninterface CellError {\n  message: string;\n  severity: 'warning' | 'error';\n}\n\nexport interface EditableCellProps {\n  /** Current committed value. The atom keeps a draft internally while editing. */\n  value: EditableCellValue;\n  /**\n   * Called when the user commits the change (Enter, or blur with no\n   * validation error). The promise's settlement controls error display:\n   * resolve → exit edit mode, reject → stay in edit mode with the error\n   * surfaced inline so the user can correct.\n   */\n  onCommit: (next: EditableCellValue) => void | Promise<void>;\n  /** Editor type. Text uses a string input; number coerces to Number on commit (an emptied draft commits `\"\"` — the uniform \"cleared\" value). Defaults to \"text\". */\n  type?: EditableCellType;\n  /** Date format — only used when `type=\"date\"`. Defaults to `\"mdy\"`. */\n  dateFormat?: DateInputFormat;\n  /** Options — required for `type=\"select\"` and `type=\"multiselect\"`. */\n  options?: EditableCellOption[];\n  /**\n   * Whether the select panel includes a search box. Defaults to `\"auto\"` —\n   * the box appears only once the option count passes the shared Listbox\n   * threshold (6) — so a select/multiselect cell matches the `Select` atom's\n   * behavior instead of inheriting the raw Listbox `true` default.\n   */\n  searchable?: boolean | 'auto';\n  /**\n   * Clear affordance — the surface differs per editor type:\n   *   - `select` / `multiselect` — a \"Clear\" / \"Clear all\" action in the\n   *     dropdown footer (commits \"\" / empties the draft).\n   *   - `text` / `number` / `date` — a ✕ inside the EDITING input (mirrors\n   *     TextInput/NumberInput/DateInput) that empties the draft and keeps\n   *     focus; nothing commits until Enter/blur, so `required`/`validate`\n   *     still guard, and Esc still restores the old value. Available on\n   *     required cells too — \"wipe it and type the right value\" is the\n   *     point. Display mode never shows a ✕ — the pencil owns that gutter,\n   *     and a one-click destroy on a static table cell invites accidents.\n   *\n   * `required` never hides the affordance — it guards the OUTCOME instead:\n   * clearing a required cell surfaces the required warning (the value stays),\n   * clearing an optional one empties it back to the placeholder.\n   *\n   * Defaults to `true` — the input-family default (TextInput, NumberInput,\n   * DateInput …), so consumers like DataTable get the affordance uniformly\n   * without per-column wiring. Pass `false` to opt out.\n   */\n  clearable?: boolean;\n  /** Text alignment — pass through from a DataTable column's `align` so the editing input matches the display alignment. */\n  align?: EditableCellAlign;\n  /**\n   * Size preset. `small` (default) is the dense table scale — the cell reads\n   * like a static text cell inside a DataTable row (its font falls back to\n   * the inherited size). `medium` steps the cell up to the input-family\n   * scale (12/6 padding, 14px font) for standalone use in side panels /\n   * detail views, where a table-dense cell looks undersized next to real\n   * inputs. Each size owns a symmetric\n   * `--uxm-editable-cell-{size}-{padding-x,padding-y,font-size}` knob set;\n   * height always derives from font-size + padding (a `1lh` floor keeps\n   * empty cells clickable).\n   */\n  size?: EditableCellSize;\n  /**\n   * Display-mode formatter. Receives the raw value, returns the React node\n   * to render in display mode. Never called for an empty value — a cleared\n   * cell renders its `placeholder` instead (so a Tag/Badge formatter can't\n   * paint an empty pill).\n   */\n  format?: (value: EditableCellValue) => ReactNode;\n  /** Synchronous validation. Return an error message to block commit; return null/undefined to accept. */\n  validate?: (next: EditableCellValue) => string | null | undefined;\n  /**\n   * Mark the cell required — an empty value blocks commit and surfaces a\n   * warning, checked BEFORE `validate` so you don't hand-write the empty rule.\n   * Uniform across every editor type: `multiselect` → non-empty array (the\n   * rule lives in MultiListbox, shared with every other picker), `select` →\n   * a chosen option, `text`/`number`/`date` → a non-blank value.\n   */\n  required?: boolean;\n  /** Override the default required message (per-type: \"Select at least one option\" / \"Select an option\" / \"Required\"). */\n  requiredMessage?: string;\n  /** Read-only — clicking does nothing, no edit affordance. */\n  disabled?: boolean;\n  /** Shown when value is empty/blank. */\n  placeholder?: string;\n  className?: string;\n  style?: CSSProperties;\n  'aria-label'?: string;\n  /**\n   * Accessible names for the editors' icon-only controls. Which ones apply\n   * depends on the editor type. The composed \"Edit {value}\" trigger names\n   * are not here — pass `aria-label` to replace those wholesale.\n   */\n  /** Clear button, select + multiselect editors. Default `\"Clear selection\"`. */\n  clearSelectionLabel?: string;\n  /** Clear button, date editor. Default `\"Clear date\"`. */\n  clearDateLabel?: string;\n  /** Clear button, text / number editors. Default `\"Clear value\"`. */\n  clearValueLabel?: string;\n  /** Calendar trigger, date editor. Default `\"Open calendar\"`. */\n  openCalendarLabel?: string;\n  /** Calendar popover dialog, date editor. Default `\"Choose date\"`. */\n  calendarDialogLabel?: string;\n  /** Trigger name when the date editor is empty. Default `\"Add date\"`. */\n  addDateLabel?: string;\n  /**\n   * Preview-only branch override. UXM's canvas passes this to render the\n   * input branch without a real click — `editing` shows the input, `warning`\n   * / `error` also surface a sample message at that severity so the matching\n   * knobs paint. It does NOT focus the input (the canvas must never steal\n   * focus from the editor panel); the preview mirrors the focus visuals via\n   * a forced CSS class instead. Production consumers leave it unset.\n   */\n  forceMode?: 'editing' | 'warning' | 'error';\n}\n\n/**\n * Inline-editable cell. Three modes:\n *\n *   - **Display** (default) — renders the formatted value as a button-styled\n *     text run. Click (or Enter/Space when focused) to enter edit mode.\n *   - **Editing** — replaces the display with a focused, select-all'd input.\n *     Enter commits, Esc cancels, blur commits.\n *   - **Submitting** — input disabled while an async `onCommit` is pending.\n *\n * Problems surface in a Popover anchored under the cell (never inline — a\n * table row must not change height) carrying a compact Banner: `warning`\n * (yellow) for sync validate failures the user can fix in place, `error`\n * (red) for a rejected `onCommit`. Either way the user stays in edit mode\n * to correct or retry.\n *\n * Designed primarily for DataTable cells, but works anywhere an inline\n * commit semantic is needed (PageHeader rename, StatCard label, etc.).\n */\nexport function EditableCell({\n  value,\n  onCommit,\n  type = 'text',\n  dateFormat = 'ymd',\n  options,\n  searchable = 'auto',\n  clearable = true,\n  align = 'left',\n  size = 'small',\n  format,\n  validate,\n  required = false,\n  requiredMessage,\n  disabled,\n  placeholder,\n  className,\n  style,\n  'aria-label': ariaLabel,\n  clearSelectionLabel = 'Clear selection',\n  clearDateLabel = 'Clear date',\n  clearValueLabel = 'Clear value',\n  openCalendarLabel = 'Open calendar',\n  calendarDialogLabel = 'Choose date',\n  addDateLabel = 'Add date',\n  forceMode,\n}: EditableCellProps) {\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 : 'Failed to save',\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, 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: 'Enter a number', 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: 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  }, [parseDraft, type, draft, dateFormat, value, commitValue, commitDate]);\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: 'Failed to save', severity: 'error' }\n      : forceMode === 'warning'\n        ? error ?? { message: 'Enter a valid value', 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  // For select/multiselect in open state, we render a Listbox-driven UI\n  if (type === 'select' || type === 'multiselect') {\n    const optionItems = options ?? [];\n    const getKey = (o: EditableCellOption) => o.value;\n    const getLabel = (o: EditableCellOption) => o.label;\n\n    if (type === 'select') {\n      const selectedItem = Array.isArray(value)\n        ? null\n        : optionItems.find((o) => o.value === String(value ?? '')) ?? null;\n\n      return (\n        <span\n          ref={wrapRef}\n          className={cn(\n            'uxm-editable-cell',\n            `uxm-editable-cell--${size}`,\n            `uxm-editable-cell--align-${align}`,\n            `uxm-editable-cell--type-${type}`,\n            clearable && 'uxm-editable-cell--clearable',\n            disabled && 'uxm-editable-cell--disabled',\n            isEmpty && 'uxm-editable-cell--empty',\n            open && 'uxm-editable-cell--open',\n            className,\n          )}\n          style={style}\n        >\n          <Listbox<EditableCellOption>\n            items={optionItems}\n            getKey={getKey}\n            getLabel={getLabel}\n            value={selectedItem}\n            onChange={async (next) => {\n              if (next) await commitValue(next.value);\n            }}\n            disabled={disabled}\n            searchable={searchable}\n            matchAnchorWidth\n            onOpenChange={setOpen}\n            renderTrigger={({ open: isOpen, triggerProps }: ListboxRenderTriggerState<EditableCellOption>) => (\n              <button\n                type=\"button\"\n                {...triggerProps}\n                className={cn(\n                  'uxm-editable-cell__select-trigger',\n                  isOpen && 'uxm-editable-cell__select-trigger--open',\n                )}\n                aria-label={ariaLabel ?? `Edit ${String(value ?? '')}`}\n              >\n                <HoverTooltip content={titleText} disabled={disabled}>\n                  <span className=\"uxm-editable-cell__value uxm-editable-cell__option-label\">\n                    {display}\n                  </span>\n                </HoverTooltip>\n                <span className=\"uxm-editable-cell__chevron\" aria-hidden=\"true\">\n                  <Icon glyph=\"chevron-down\" size={12} />\n                </span>\n              </button>\n            )}\n            renderItem={(o) => (\n              <span className=\"uxm-editable-cell__option-label\">{o.label}</span>\n            )}\n            footer={clearable && selectedItem ? ({ close }: { close: () => void }) => (\n              <ButtonGhost\n                className=\"uxm-listbox__footer-clear-option\"\n                onClick={() => {\n                  commitValue('');\n                  close();\n                }}\n              >\n                <Icon glyph=\"close\" size={12} />\n                Clear\n              </ButtonGhost>\n            ) : undefined}\n          />\n          {clearable && !disabled && !submitting && !isEmpty && (\n            /* Trigger ✕ — clear from the field itself (the input-family\n               convention), on every size: commits the empty value directly,\n               complementing the panel-footer Clear. Sibling of the trigger (a\n               button can't nest a button), absolutely positioned into the\n               reserved second gutter slot. Revealed only while the panel is\n               open (see the `--open` gate in the stylesheet) — unlike the\n               chevron, which also shows on hover. */\n            <button\n              type=\"button\"\n              className=\"uxm-editable-cell__trigger-clear\"\n              // Out of the tab order, same as every in-field clear here.\n              tabIndex={-1}\n              // This button is a SIBLING of the Listbox trigger, so it sits\n              // outside the refs `useDismiss` treats as \"inside\" — and dismiss\n              // runs on mousedown, i.e. BEFORE this click. Left alone, pressing\n              // ✕ would first dismiss the panel and only then clear. Stop the\n              // mousedown here so the clear below is the single thing that acts.\n              onMouseDown={(e) => e.stopPropagation()}\n              onClick={() => void commitValue('')}\n              aria-label={clearSelectionLabel}\n            >\n              <Icon glyph=\"close\" size={12} />\n            </button>\n          )}\n          <Popover\n            open={Boolean(shownError)}\n            onOpenChange={(next) => {\n              if (!next) setError(null);\n            }}\n            anchor={wrapRef}\n            placement=\"bottom-start\"\n            closeOnEscape={false}\n            closeOnOutsideClick={false}\n            restoreFocus={false}\n            role=\"presentation\"\n          >\n            {shownError && (\n              <Banner\n                variant={shownError.severity}\n                id=\"uxm-editable-cell__error\"\n                className=\"uxm-editable-cell__error-banner\"\n              >\n                {shownError.message}\n              </Banner>\n            )}\n          </Popover>\n        </span>\n      );\n    }\n\n    // multiselect. A cell is a commit boundary, so this branch opts into\n    // MultiListbox's staged mode (`commitMode=\"close\"`: draft while open, one\n    // commit on close) — a required cell then survives \"clear all → pick one\"\n    // and N picks are one `onCommit`. It just hands over the committed\n    // selection and commits the final array back.\n    const selectedItems = Array.isArray(value)\n      ? optionItems.filter((o) => value.includes(o.value))\n      : [];\n\n    return (\n      <span\n        ref={wrapRef}\n        className={cn(\n          'uxm-editable-cell',\n          `uxm-editable-cell--${size}`,\n          `uxm-editable-cell--align-${align}`,\n          `uxm-editable-cell--type-${type}`,\n          clearable && 'uxm-editable-cell--clearable',\n          disabled && 'uxm-editable-cell--disabled',\n          isEmpty && 'uxm-editable-cell--empty',\n          open && 'uxm-editable-cell--open',\n          className,\n        )}\n        style={style}\n      >\n        <MultiListbox<EditableCellOption>\n          items={optionItems}\n          getKey={getKey}\n          getLabel={getLabel}\n          value={selectedItems}\n          onChange={(items) => void commitValue(items.map((o) => o.value))}\n          // Commit on close, not per toggle — see the note above.\n          commitMode=\"close\"\n          required={required}\n          requiredMessage={requiredMessage}\n          // MultiListbox owns the empty rule for multi (shared with every\n          // picker); route its violation into this cell's error Banner.\n          onRequiredViolation={(message) => setError({ message, severity: 'warning' })}\n          disabled={disabled}\n          searchable={searchable}\n          matchAnchorWidth\n          // Clear a stale required warning when the panel reopens for a fresh edit.\n          onOpenChange={(next) => {\n            setOpen(next);\n            if (next) setError(null);\n          }}\n          renderTrigger={({ open: isOpen, triggerProps }: ListboxRenderTriggerState<EditableCellOption>) => (\n            <button\n              type=\"button\"\n              {...triggerProps}\n              className={cn(\n                'uxm-editable-cell__select-trigger',\n                isOpen && 'uxm-editable-cell__select-trigger--open',\n              )}\n              aria-label={ariaLabel ?? `Edit ${String(value ?? '')}`}\n            >\n              <HoverTooltip content={titleText} disabled={disabled}>\n                <span className=\"uxm-editable-cell__value uxm-editable-cell__option-label\">\n                  {display}\n                </span>\n              </HoverTooltip>\n              <span className=\"uxm-editable-cell__chevron\" aria-hidden=\"true\">\n                <Icon glyph=\"chevron-down\" size={12} />\n              </span>\n            </button>\n          )}\n          renderItem={(o) => (\n            <span className=\"uxm-editable-cell__option-label\">{o.label}</span>\n          )}\n          footer={clearable ? ({ clear, selected }: { clear: () => void; selected: EditableCellOption[] }) =>\n            selected.length > 0 ? (\n              <ButtonGhost\n                className=\"uxm-listbox__footer-clear-option\"\n                // `clear` (from MultiListbox) empties the draft and keeps the\n                // panel open, so \"clear all then pick one\" works even on a\n                // required cell — the empty state is transient and never\n                // reaches `validate` / `onCommit`. `selected` is the live\n                // draft, so the button hides itself once nothing is picked.\n                onClick={clear}\n              >\n                <Icon glyph=\"close\" size={12} />\n                Clear all\n              </ButtonGhost>\n            ) : null\n          : undefined}\n        />\n        {clearable && !disabled && !submitting && !isEmpty && (\n          /* Trigger ✕ — clear from the field itself (the input-family\n             convention), on every size: commits the empty value directly,\n             complementing the panel-footer Clear. Sibling of the trigger (a\n             button can't nest a button), absolutely positioned into the\n             reserved second gutter slot. Revealed only while the panel is\n             open (see the `--open` gate in the stylesheet) — unlike the\n             chevron, which also shows on hover. */\n          <button\n            type=\"button\"\n            className=\"uxm-editable-cell__trigger-clear\"\n            // Out of the tab order, same as every in-field clear here.\n            tabIndex={-1}\n            // Same sibling-of-the-trigger problem as the select ✕ above, but\n            // costlier here: `useDismiss` fires on mousedown, and this panel\n            // runs `commitMode=\"close\"`, so an unswallowed mousedown would\n            // commit the STAGED DRAFT first and only then clear — two commits\n            // for one press, and if the first is still in flight the\n            // re-entrancy guard in `commitValue` drops the clear entirely.\n            // Stopping it leaves the panel open, which is deliberate and\n            // matches the footer's \"Clear all\": clear, then pick afresh.\n            // MultiListbox re-seeds its draft from `value` under an open panel,\n            // so the later close commits the cleared set, not the stale draft.\n            onMouseDown={(e) => e.stopPropagation()}\n            onClick={() => void commitValue([])}\n            aria-label={clearSelectionLabel}\n          >\n            <Icon glyph=\"close\" size={12} />\n          </button>\n        )}\n        <Popover\n          open={Boolean(shownError)}\n          onOpenChange={(next) => {\n            if (!next) setError(null);\n          }}\n          anchor={wrapRef}\n          placement=\"bottom-start\"\n          closeOnEscape={false}\n          closeOnOutsideClick={false}\n          restoreFocus={false}\n          role=\"presentation\"\n        >\n          {shownError && (\n            <Banner\n              variant={shownError.severity}\n              id=\"uxm-editable-cell__error\"\n              className=\"uxm-editable-cell__error-banner\"\n            >\n              {shownError.message}\n            </Banner>\n          )}\n        </Popover>\n      </span>\n    );\n  }\n\n  // Date type — click-to-edit like text/number, but the editing surface is a\n  // DateInput-style masked field: type the date OR pick it from the calendar\n  // that opens on focus. Committed values are ISO; the input shows the mask.\n  if (type === 'date') {\n    // `parsedValue` (memoized above) already parses ISO-first with a mask\n    // fallback, so the calendar highlights the right day for every `dateFormat`.\n    const calendarValue: CalendarValue = { start: parsedValue, end: parsedValue };\n    const spec = FORMAT_SPEC[dateFormat];\n\n    if (!editing) {\n      const displayNode = isEmpty\n        // Fall back to the format hint (MM/DD/YYYY etc.) so an empty date cell\n        // shows the mask as a placeholder — same as the shared `display` and\n        // the edit-mode input, rather than rendering blank.\n        ? placeholder ?? dateHint\n        : format\n          ? format(value)\n          : displayFormatted || value;\n\n      // Single button root — same shape as the text/number display so the\n      // value's left edge and padding match the editing input exactly (no\n      // horizontal jump on enter-edit). A wrapper + inner trigger would\n      // double the padding; the display has no popover to anchor, so the\n      // wrapper span is only needed in edit mode (for the calendar/error\n      // popovers).\n      return (\n        <button\n          type=\"button\"\n          className={cn(\n            'uxm-editable-cell',\n            `uxm-editable-cell--${size}`,\n            `uxm-editable-cell--align-${align}`,\n            `uxm-editable-cell--type-date`,\n            disabled && 'uxm-editable-cell--disabled',\n            isEmpty && 'uxm-editable-cell--empty',\n            className,\n          )}\n          style={style}\n          onClick={() => {\n            if (disabled) return;\n            // Enter edit AND open the calendar in one deterministic step —\n            // mirrors DateInput's \"focus reveals the calendar\". Opening here\n            // (rather than on the input's onFocus) avoids the focus-after-\n            // remount race: the display button and editing input are\n            // different elements, so the auto-focus that mounts the input\n            // doesn't reliably deliver a focus event the calendar can hook.\n            setIsEditing(true);\n            setOpen(true);\n          }}\n          disabled={disabled}\n          // Empty cell has no value to edit — \"Add date\" reads better than the\n          // trailing-space \"Edit date \" and signals the fill affordance.\n          aria-label={ariaLabel ?? (isEmpty ? addDateLabel : `Edit date ${displayFormatted || String(value)}`)}\n        >\n          <HoverTooltip content={titleText} disabled={disabled}>\n            <span className=\"uxm-editable-cell__value\">{displayNode}</span>\n          </HoverTooltip>\n          {!disabled && (\n            <span className=\"uxm-editable-cell__pencil\" aria-hidden=\"true\">\n              <Icon glyph=\"calendar\" size={14} />\n            </span>\n          )}\n        </button>\n      );\n    }\n\n    // Date editing — DateInput-style masked input plus a calendar popover.\n    return (\n      <span\n        ref={wrapRef}\n        className={cn(\n          'uxm-editable-cell uxm-editable-cell--editing',\n          `uxm-editable-cell--${size}`,\n          `uxm-editable-cell--align-${align}`,\n          `uxm-editable-cell--type-date`,\n          clearable && 'uxm-editable-cell--clearable',\n          shownError?.severity === 'error' && 'uxm-editable-cell--error',\n          shownError?.severity === 'warning' && 'uxm-editable-cell--warning',\n          className,\n        )}\n        style={style}\n      >\n        <span className=\"uxm-editable-cell__ghost\" aria-hidden=\"true\">\n          {display}\n        </span>\n        <span className=\"uxm-editable-cell__ghost\" aria-hidden=\"true\">\n          {draft || spec.placeholder}\n        </span>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          inputMode=\"numeric\"\n          className=\"uxm-editable-cell__input\"\n          value={draft}\n          placeholder={spec.placeholder}\n          onChange={(e) => {\n            setDraft(maskDate(e.target.value, dateFormat));\n            if (error) setError(null);\n          }}\n          onBlur={() => {\n            if (!submitting) handleCommit();\n          }}\n          onKeyDown={handleKeyDown}\n          disabled={submitting}\n          aria-invalid={Boolean(shownError)}\n          aria-describedby={shownError ? 'uxm-editable-cell__error' : undefined}\n        />\n        {/* ✕ sits inboard of the calendar toggle (mirrors DateInput's layout);\n            hidden while the draft is empty — the reserved gutter stays, so\n            typing never shifts the text. */}\n        {clearable && !submitting && draft !== '' && (\n          <button\n            type=\"button\"\n            className=\"uxm-editable-cell__clear\"\n            // Out of the tab order (the in-field-clear convention). Tab must\n            // keep moving to the next real control: the blur it fires commits\n            // and leaves edit mode, which unmounts this button mid-focus-shift\n            // and would drop focus to <body>. Pointer-only; select-all +\n            // Delete is the keyboard path to the same result.\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClearDraft}\n            aria-label={clearDateLabel}\n          >\n            <Icon glyph=\"close\" size={12} />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          className=\"uxm-editable-cell__date-icon\"\n          // Out of the tab order for the same reason as the ✕ above — Tab's\n          // blur commits and unmounts this button. Keyboard users never need\n          // it: entering edit mode on a date cell already opens the calendar.\n          tabIndex={-1}\n          // preventDefault keeps focus on the input — toggling the calendar\n          // must not blur the field (a blur commits the in-flight draft).\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => {\n            if (submitting) return;\n            // Clear any shown error as we open, so the calendar and the error\n            // banner (both anchored here) are mutually exclusive — otherwise a\n            // later `setError(null)` from typing would un-hide and reopen the\n            // calendar the user had dismissed.\n            setError(null);\n            setOpen((o) => !o);\n          }}\n          disabled={submitting}\n          aria-label={openCalendarLabel}\n          // Match the popover's effective visibility (hidden while an error\n          // shows) rather than raw `open`, so the two never disagree.\n          aria-expanded={open && !shownError}\n        >\n          <Icon glyph=\"calendar\" size={14} />\n        </button>\n        <Popover\n          open={open && !shownError}\n          onOpenChange={setOpen}\n          anchor={wrapRef}\n          placement=\"bottom-start\"\n          closeOnEscape\n          closeOnOutsideClick\n          restoreFocus={false}\n          role=\"dialog\"\n          // A `role=\"dialog\"` needs an accessible name. Non-modal by design\n          // (no `aria-modal`): focus deliberately stays in the typed input\n          // — `restoreFocus={false}` and the mousedown-preventDefault above\n          // keep the field focused so the calendar augments typing rather\n          // than trapping focus like a true modal.\n          aria-label={calendarDialogLabel}\n        >\n          {/* Swallow mousedown so a calendar click never blurs the input:\n              the pick commits explicitly via handlePick, and a blur-commit of\n              the typed draft would race it. Purely focus management — the\n              wrapper carries no semantics, so it stays a plain element. */}\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- focus-retention only; the interactive controls are the Calendar's own buttons */}\n          <div onMouseDown={(e) => e.preventDefault()}>\n            <Calendar value={calendarValue} onChange={handlePick} />\n          </div>\n        </Popover>\n        <Popover\n          open={Boolean(shownError)}\n          onOpenChange={(next) => {\n            if (!next) setError(null);\n          }}\n          anchor={wrapRef}\n          placement=\"bottom-start\"\n          closeOnEscape={false}\n          closeOnOutsideClick={false}\n          restoreFocus={false}\n          role=\"presentation\"\n        >\n          {shownError && (\n            <Banner\n              variant={shownError.severity}\n              id=\"uxm-editable-cell__error\"\n              className=\"uxm-editable-cell__error-banner\"\n            >\n              {shownError.message}\n            </Banner>\n          )}\n        </Popover>\n      </span>\n    );\n  }\n\n  // Text / number types\n  if (!editing) {\n    return (\n      <button\n        type=\"button\"\n        className={cn(\n          'uxm-editable-cell',\n          `uxm-editable-cell--${size}`,\n          `uxm-editable-cell--align-${align}`,\n          disabled && 'uxm-editable-cell--disabled',\n          isEmpty && 'uxm-editable-cell--empty',\n          className,\n        )}\n        style={style}\n        onClick={() => {\n          if (!disabled) setIsEditing(true);\n        }}\n        disabled={disabled}\n        aria-label={ariaLabel ?? `Edit ${String(value ?? '')}`}\n      >\n        {/* The value needs its own element for ellipsis — text-overflow\n            doesn't apply to a flex container's anonymous text. Values wider\n            than the cell's max-width truncate instead of growing the column\n            unboundedly; the hidden text surfaces in a hover tooltip (only\n            when actually clipped) and stays editable by entering edit mode. */}\n        <HoverTooltip content={titleText} disabled={disabled}>\n          <span className=\"uxm-editable-cell__value\">{display}</span>\n        </HoverTooltip>\n        {/* Hover affordance — a pencil glyph fades in on hover / keyboard\n            focus. The background tint alone can't signal editability inside\n            a DataTable, where the row's own hover tint coincides with it.\n            Absolute overlay in a reserved gutter (see editable-cell.scss) so\n            it never shifts or collides with the value. Hidden when disabled. */}\n        {!disabled && (\n          <span className=\"uxm-editable-cell__pencil\" aria-hidden=\"true\">\n            <Icon glyph=\"pencil\" size={16} strokeWidth={1.75} />\n          </span>\n        )}\n      </button>\n    );\n  }\n\n  return (\n    <span\n      ref={wrapRef}\n      className={cn(\n        'uxm-editable-cell uxm-editable-cell--editing',\n        `uxm-editable-cell--${size}`,\n        `uxm-editable-cell--align-${align}`,\n        clearable && 'uxm-editable-cell--clearable',\n        shownError?.severity === 'error' && 'uxm-editable-cell--error',\n        shownError?.severity === 'warning' && 'uxm-editable-cell--warning',\n        className,\n      )}\n      style={style}\n    >\n      {/* Invisible width-keepers, stacked in the same grid cell as the\n          input. The display content ghost preserves the exact min-content\n          width this cell contributed before entering edit mode — without\n          it, editing the column's WIDEST row would drop its contribution\n          from auto table-column sizing and the column would visibly\n          shrink. The draft ghost grows the cell naturally as the user\n          types past the original width. */}\n      <span className=\"uxm-editable-cell__ghost\" aria-hidden=\"true\">\n        {display}\n      </span>\n      <span className=\"uxm-editable-cell__ghost\" aria-hidden=\"true\">\n        {draft}\n      </span>\n      <input\n        ref={inputRef}\n        // `type=\"text\"` + `inputMode` — the input-family convention (see\n        // NumberInput): native number inputs ship browser spinner UI, trigger\n        // autofill, and disagree across browsers on accepted characters.\n        // `maskNumeric` replaces the native filtering per keystroke (same as\n        // the date editor's `maskDate`); without it, `Number()`'s loose\n        // coercion would let e.g. \"0x1A\" commit as 26.\n        type=\"text\"\n        inputMode={type === 'number' ? 'decimal' : undefined}\n        autoComplete=\"off\"\n        className=\"uxm-editable-cell__input\"\n        value={draft}\n        onChange={(e) => {\n          setDraft(\n            type === 'number'\n              ? maskNumeric(e.target.value, true, true, Number.POSITIVE_INFINITY)\n              : e.target.value,\n          );\n          // Clear stale validation error as the user types — they'll\n          // see a new one on the next commit attempt if it still fails.\n          if (error) setError(null);\n        }}\n        onBlur={() => {\n          // Don't double-commit while a previous commit is still pending.\n          if (!submitting) handleCommit();\n        }}\n        onKeyDown={handleKeyDown}\n        disabled={submitting}\n        placeholder={placeholder}\n        aria-invalid={Boolean(shownError)}\n        aria-describedby={shownError ? 'uxm-editable-cell__error' : undefined}\n      />\n      {/* One-click ✕ (mirrors TextInput/NumberInput): empties the draft and\n          keeps focus; hidden while the draft is already empty. The gutter is\n          reserved via `--clearable` so its appearance never shifts text. */}\n      {clearable && !submitting && draft !== '' && (\n        <button\n          type=\"button\"\n          className=\"uxm-editable-cell__clear\"\n          // Out of the tab order — see the date branch's note: the blur Tab\n          // fires commits and unmounts this button, so leaving it focusable\n          // would strand focus on a removed node instead of advancing to the\n          // next cell.\n          tabIndex={-1}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={handleClearDraft}\n          aria-label={clearValueLabel}\n        >\n          <Icon glyph=\"close\" size={12} />\n        </button>\n      )}\n      {/* Problems hang under the cell in a portal'd popover so the table\n          row never changes height. The popover must not manage focus —\n          the input keeps it for in-place correction / retry. Escape and\n          outside clicks already have edit-mode semantics (cancel / blur-\n          commit), so the popover's own close triggers are disabled; it\n          opens and closes purely with the error state. */}\n      <Popover\n        open={Boolean(shownError)}\n        onOpenChange={(next) => {\n          if (!next) setError(null);\n        }}\n        anchor={wrapRef}\n        placement=\"bottom-start\"\n        closeOnEscape={false}\n        closeOnOutsideClick={false}\n        restoreFocus={false}\n        role=\"presentation\"\n      >\n        {shownError && (\n          <Banner\n            variant={shownError.severity}\n            id=\"uxm-editable-cell__error\"\n            className=\"uxm-editable-cell__error-banner\"\n          >\n            {shownError.message}\n          </Banner>\n        )}\n      </Popover>\n    </span>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/ui/editable-cell/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var editable_cell_exports = {};
+module.exports = __toCommonJS(editable_cell_exports);
+__reExport(editable_cell_exports, require("./editable-cell.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./editable-cell.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/ui/editable-cell/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/editable-cell/index.ts"],"sourcesContent":["export * from './editable-cell';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,kCAAc,4BAAd;","names":[]}

package/dist/ui/editable-cell/index.d.ts

@@ -0,0 +1,2 @@
+export * from './editable-cell.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/editable-cell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/editable-cell/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/ui/editable-cell/index.js

@@ -0,0 +1,2 @@
+export * from "./editable-cell.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/editable-cell/index.ts"],"sourcesContent":["export * from './editable-cell';\n"],"mappings":"AAAA,cAAc;","names":[]}

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

@@ -0,0 +1,64 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var empty_state_preview_exports = {};
+__export(empty_state_preview_exports, {
+  EmptyStatePreview: () => EmptyStatePreview
+});
+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");
+function EmptyStatePreview({ styles }) {
+  const iconSize = styles.iconSize ?? 48;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ui2.EmptyState,
+    {
+      style: {
+        // Registry knobs map to `--uxm-empty-state-*` variables.
+        ["--uxm-empty-state-padding"]: `${styles.padding}px`,
+        ["--uxm-empty-state-icon-color"]: styles.iconColor,
+        ["--uxm-empty-state-icon-size"]: `${iconSize}px`,
+        ["--uxm-empty-state-title-color"]: styles.titleColor,
+        ["--uxm-empty-state-description-color"]: styles.descriptionColor
+      },
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui3.Icon, { glyph: "archive-x", size: iconSize, strokeWidth: 1 }),
+      title: "No items found",
+      description: "Get started by creating your first item. It only takes a few seconds.",
+      action: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ui.ButtonPrimary,
+        {
+          style: {
+            backgroundColor: "var(--color-accent-subtle)",
+            color: "var(--color-accent-bold)",
+            padding: "8px 16px",
+            fontSize: 13,
+            fontWeight: 500
+          },
+          children: "Create item"
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmptyStatePreview
+});
+//# sourceMappingURL=empty-state-preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/empty-state/empty-state-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\nimport { ButtonPrimary } from '@/ui';\nimport { EmptyState } from '@/ui';\nimport { Icon } from '@/ui';\n\nexport function EmptyStatePreview({ styles }: PreviewProps) {\n  const iconSize = (styles.iconSize as number) ?? 48;\n\n  return (\n    <EmptyState\n      style={{\n        // Registry knobs map to `--uxm-empty-state-*` variables.\n        ['--uxm-empty-state-padding' as string]: `${styles.padding}px`,\n        ['--uxm-empty-state-icon-color' as string]: styles.iconColor as string,\n        ['--uxm-empty-state-icon-size' as string]: `${iconSize}px`,\n        ['--uxm-empty-state-title-color' as string]: styles.titleColor as string,\n        ['--uxm-empty-state-description-color' as string]: styles.descriptionColor as string,\n      }}\n      icon={<Icon glyph=\"archive-x\" size={iconSize} strokeWidth={1} />}\n      title=\"No items found\"\n      description=\"Get started by creating your first item. It only takes a few seconds.\"\n      action={\n        <ButtonPrimary\n          style={{\n            backgroundColor: 'var(--color-accent-subtle)',\n            color: 'var(--color-accent-bold)',\n            padding: '8px 16px',\n            fontSize: 13,\n            fontWeight: 500,\n          }}\n        >\n          Create item\n        </ButtonPrimary>\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBY;AAjBZ,gBAA8B;AAC9B,IAAAA,aAA2B;AAC3B,IAAAA,aAAqB;AAEd,SAAS,kBAAkB,EAAE,OAAO,GAAiB;AAC1D,QAAM,WAAY,OAAO,YAAuB;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA;AAAA,QAEL,CAAC,2BAAqC,GAAG,GAAG,OAAO,OAAO;AAAA,QAC1D,CAAC,8BAAwC,GAAG,OAAO;AAAA,QACnD,CAAC,6BAAuC,GAAG,GAAG,QAAQ;AAAA,QACtD,CAAC,+BAAyC,GAAG,OAAO;AAAA,QACpD,CAAC,qCAA+C,GAAG,OAAO;AAAA,MAC5D;AAAA,MACA,MAAM,4CAAC,mBAAK,OAAM,aAAY,MAAM,UAAU,aAAa,GAAG;AAAA,MAC9D,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,QACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,SAAS;AAAA,YACT,UAAU;AAAA,YACV,YAAY;AAAA,UACd;AAAA,UACD;AAAA;AAAA,MAED;AAAA;AAAA,EAEJ;AAEJ;","names":["import_ui"]}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { ButtonPrimary } from "../../ui/index.js";
+import { EmptyState } from "../../ui/index.js";
+import { Icon } from "../../ui/index.js";
+function EmptyStatePreview({ styles }) {
+  const iconSize = styles.iconSize ?? 48;
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      style: {
+        // Registry knobs map to `--uxm-empty-state-*` variables.
+        ["--uxm-empty-state-padding"]: `${styles.padding}px`,
+        ["--uxm-empty-state-icon-color"]: styles.iconColor,
+        ["--uxm-empty-state-icon-size"]: `${iconSize}px`,
+        ["--uxm-empty-state-title-color"]: styles.titleColor,
+        ["--uxm-empty-state-description-color"]: styles.descriptionColor
+      },
+      icon: /* @__PURE__ */ jsx(Icon, { glyph: "archive-x", size: iconSize, strokeWidth: 1 }),
+      title: "No items found",
+      description: "Get started by creating your first item. It only takes a few seconds.",
+      action: /* @__PURE__ */ jsx(
+        ButtonPrimary,
+        {
+          style: {
+            backgroundColor: "var(--color-accent-subtle)",
+            color: "var(--color-accent-bold)",
+            padding: "8px 16px",
+            fontSize: 13,
+            fontWeight: 500
+          },
+          children: "Create item"
+        }
+      )
+    }
+  );
+}
+export {
+  EmptyStatePreview
+};
+//# sourceMappingURL=empty-state-preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/empty-state/empty-state-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\nimport { ButtonPrimary } from '@/ui';\nimport { EmptyState } from '@/ui';\nimport { Icon } from '@/ui';\n\nexport function EmptyStatePreview({ styles }: PreviewProps) {\n  const iconSize = (styles.iconSize as number) ?? 48;\n\n  return (\n    <EmptyState\n      style={{\n        // Registry knobs map to `--uxm-empty-state-*` variables.\n        ['--uxm-empty-state-padding' as string]: `${styles.padding}px`,\n        ['--uxm-empty-state-icon-color' as string]: styles.iconColor as string,\n        ['--uxm-empty-state-icon-size' as string]: `${iconSize}px`,\n        ['--uxm-empty-state-title-color' as string]: styles.titleColor as string,\n        ['--uxm-empty-state-description-color' as string]: styles.descriptionColor as string,\n      }}\n      icon={<Icon glyph=\"archive-x\" size={iconSize} strokeWidth={1} />}\n      title=\"No items found\"\n      description=\"Get started by creating your first item. It only takes a few seconds.\"\n      action={\n        <ButtonPrimary\n          style={{\n            backgroundColor: 'var(--color-accent-subtle)',\n            color: 'var(--color-accent-bold)',\n            padding: '8px 16px',\n            fontSize: 13,\n            fontWeight: 500,\n          }}\n        >\n          Create item\n        </ButtonPrimary>\n      }\n    />\n  );\n}\n"],"mappings":"AAkBY;AAjBZ,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAEd,SAAS,kBAAkB,EAAE,OAAO,GAAiB;AAC1D,QAAM,WAAY,OAAO,YAAuB;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA;AAAA,QAEL,CAAC,2BAAqC,GAAG,GAAG,OAAO,OAAO;AAAA,QAC1D,CAAC,8BAAwC,GAAG,OAAO;AAAA,QACnD,CAAC,6BAAuC,GAAG,GAAG,QAAQ;AAAA,QACtD,CAAC,+BAAyC,GAAG,OAAO;AAAA,QACpD,CAAC,qCAA+C,GAAG,OAAO;AAAA,MAC5D;AAAA,MACA,MAAM,oBAAC,QAAK,OAAM,aAAY,MAAM,UAAU,aAAa,GAAG;AAAA,MAC9D,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,QACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,SAAS;AAAA,YACT,UAAU;AAAA,YACV,YAAY;AAAA,UACd;AAAA,UACD;AAAA;AAAA,MAED;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var empty_state_exports = {};
+__export(empty_state_exports, {
+  EmptyState: () => EmptyState
+});
+module.exports = __toCommonJS(empty_state_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_helpers = require("../../helpers/index.cjs");
+function EmptyState({
+  icon,
+  title,
+  description,
+  action,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_helpers.cn)("uxm-empty-state", className), ...rest, children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-empty-state__icon", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-empty-state__title", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-empty-state__description", children: description }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-empty-state__action", children: action })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmptyState
+});
+//# sourceMappingURL=empty-state.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/empty-state/empty-state.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  icon?: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n}\n\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  action,\n  className,\n  ...rest\n}: EmptyStateProps) {\n  return (\n    <div className={cn('uxm-empty-state', className)} {...rest}>\n      {icon && <div className=\"uxm-empty-state__icon\">{icon}</div>}\n      <div className=\"uxm-empty-state__title\">{title}</div>\n      {description && <div className=\"uxm-empty-state__description\">{description}</div>}\n      {action && <div className=\"uxm-empty-state__action\">{action}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBI;AApBJ,qBAAmB;AAWZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE,6CAAC,SAAI,eAAW,mBAAG,mBAAmB,SAAS,GAAI,GAAG,MACnD;AAAA,YAAQ,4CAAC,SAAI,WAAU,yBAAyB,gBAAK;AAAA,IACtD,4CAAC,SAAI,WAAU,0BAA0B,iBAAM;AAAA,IAC9C,eAAe,4CAAC,SAAI,WAAU,gCAAgC,uBAAY;AAAA,IAC1E,UAAU,4CAAC,SAAI,WAAU,2BAA2B,kBAAO;AAAA,KAC9D;AAEJ;","names":[]}

package/dist/ui/empty-state/empty-state.css

@@ -0,0 +1,32 @@
+@charset "UTF-8";
+/* ── empty-state ── */
+.uxm-empty-state {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: var(--uxm-empty-state-padding, 48px);
+  text-align: center;
+}
+.uxm-empty-state__icon {
+  color: var(--uxm-empty-state-icon-color, var(--color-border));
+  height: var(--uxm-empty-state-icon-size, 48px);
+  width: var(--uxm-empty-state-icon-size, 48px);
+}
+.uxm-empty-state__icon > svg {
+  height: 100%;
+  width: 100%;
+}
+.uxm-empty-state__title {
+  color: var(--uxm-empty-state-title-color, var(--color-text));
+  font-size: calc(16px * var(--type-scale, 1));
+  font-weight: 600;
+}
+.uxm-empty-state__description {
+  color: var(--uxm-empty-state-description-color, var(--color-text-muted));
+  font-size: calc(14px * var(--type-scale, 1));
+  max-width: 32ch;
+}
+.uxm-empty-state__action {
+  margin-top: 8px;
+}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../helpers/index.js";
+function EmptyState({
+  icon,
+  title,
+  description,
+  action,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("uxm-empty-state", className), ...rest, children: [
+    icon && /* @__PURE__ */ jsx("div", { className: "uxm-empty-state__icon", children: icon }),
+    /* @__PURE__ */ jsx("div", { className: "uxm-empty-state__title", children: title }),
+    description && /* @__PURE__ */ jsx("div", { className: "uxm-empty-state__description", children: description }),
+    action && /* @__PURE__ */ jsx("div", { className: "uxm-empty-state__action", children: action })
+  ] });
+}
+export {
+  EmptyState
+};
+//# sourceMappingURL=empty-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/empty-state/empty-state.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  icon?: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n}\n\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  action,\n  className,\n  ...rest\n}: EmptyStateProps) {\n  return (\n    <div className={cn('uxm-empty-state', className)} {...rest}>\n      {icon && <div className=\"uxm-empty-state__icon\">{icon}</div>}\n      <div className=\"uxm-empty-state__title\">{title}</div>\n      {description && <div className=\"uxm-empty-state__description\">{description}</div>}\n      {action && <div className=\"uxm-empty-state__action\">{action}</div>}\n    </div>\n  );\n}\n"],"mappings":"AAoBI,SACW,KADX;AApBJ,SAAS,UAAU;AAWZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE,qBAAC,SAAI,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,MACnD;AAAA,YAAQ,oBAAC,SAAI,WAAU,yBAAyB,gBAAK;AAAA,IACtD,oBAAC,SAAI,WAAU,0BAA0B,iBAAM;AAAA,IAC9C,eAAe,oBAAC,SAAI,WAAU,gCAAgC,uBAAY;AAAA,IAC1E,UAAU,oBAAC,SAAI,WAAU,2BAA2B,kBAAO;AAAA,KAC9D;AAEJ;","names":[]}

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

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var empty_state_exports = {};
+module.exports = __toCommonJS(empty_state_exports);
+__reExport(empty_state_exports, require("./empty-state.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./empty-state.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/ui/empty-state/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/empty-state/index.ts"],"sourcesContent":["export * from './empty-state';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gCAAc,0BAAd;","names":[]}

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

@@ -0,0 +1,2 @@
+export * from './empty-state.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/empty-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./empty-state.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/empty-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/empty-state/index.ts"],"sourcesContent":["export * from './empty-state';\n"],"mappings":"AAAA,cAAc;","names":[]}