@itguy614/clean-ui 0.3.1 → 1.0.0

package/dist/index.js

@@ -0,0 +1,290 @@
+import i from "./components/CuiButton.vue.js";
+import r from "./components/CuiButtonGroup.vue.js";
+import m from "./components/CuiGrid.vue.js";
+import e from "./components/CuiGridItem.vue.js";
+import t from "./components/CuiFlex.vue.js";
+import n from "./components/CuiFlexItem.vue.js";
+import u from "./components/CuiStack.vue.js";
+import C from "./components/CuiContainer.vue.js";
+import c from "./components/CuiSpacer.vue.js";
+import f from "./components/CuiRadio.vue.js";
+import a from "./components/CuiRadioGroup.vue.js";
+import s from "./components/CuiCheckbox.vue.js";
+import d from "./components/CuiCheckboxGroup.vue.js";
+import p from "./components/CuiToggle.vue.js";
+import _ from "./components/CuiToggleGroup.vue.js";
+import l from "./components/CuiInput.vue.js";
+import T from "./components/CuiMaskedInput.vue.js";
+import x from "./components/CuiTextarea.vue.js";
+import $ from "./components/CuiSelect.vue.js";
+import b from "./components/CuiFormField.vue.js";
+import D from "./components/CuiForm.vue.js";
+import g from "./components/CuiFieldset.vue.js";
+import S from "./components/CuiBadge.vue.js";
+import I from "./components/CuiAlert.vue.js";
+import w from "./components/CuiTooltip.vue.js";
+import G from "./components/CuiToast.vue.js";
+import k from "./components/CuiToastProvider.vue.js";
+import y from "./components/CuiConfigProvider.vue.js";
+import B from "./components/CuiIcon.vue.js";
+import v from "./components/CuiTabs.vue.js";
+import P from "./components/CuiTab.vue.js";
+import R from "./components/CuiBackdrop.vue.js";
+import F from "./components/CuiModal.vue.js";
+import M from "./components/CuiModalHeader.vue.js";
+import A from "./components/CuiModalBody.vue.js";
+import h from "./components/CuiModalFooter.vue.js";
+import E from "./components/CuiDropdown.vue.js";
+import K from "./components/CuiDropdownTrigger.vue.js";
+import H from "./components/CuiDropdownMenu.vue.js";
+import L from "./components/CuiDropdownItem.vue.js";
+import z from "./components/CuiDropdownCheckItem.vue.js";
+import V from "./components/CuiDropdownRadioGroup.vue.js";
+import N from "./components/CuiDropdownRadioItem.vue.js";
+import U from "./components/CuiDropdownDivider.vue.js";
+import O from "./components/CuiDropdownHeader.vue.js";
+import j from "./components/CuiDropdownSub.vue.js";
+import q from "./components/CuiProgress.vue.js";
+import J from "./components/CuiPagination.vue.js";
+import W from "./components/CuiBreadcrumb.vue.js";
+import Y from "./components/CuiBreadcrumbItem.vue.js";
+import Q from "./components/CuiCard.vue.js";
+import X from "./components/CuiCardHeader.vue.js";
+import Z from "./components/CuiCardBody.vue.js";
+import oo from "./components/CuiCardFooter.vue.js";
+import io from "./components/CuiCardMedia.vue.js";
+import ro from "./components/CuiAccordion.vue.js";
+import mo from "./components/CuiAccordionItem.vue.js";
+import eo from "./components/CuiSlideover.vue.js";
+import to from "./components/CuiSkeleton.vue.js";
+import no from "./components/CuiPopover.vue.js";
+import uo from "./components/CuiContextMenu.vue.js";
+import Co from "./components/CuiEmptyState.vue.js";
+import co from "./components/CuiTable.vue.js";
+/* empty css                         */
+import fo from "./components/CuiTableHead.vue.js";
+import ao from "./components/CuiTableBody.vue.js";
+import so from "./components/CuiTableFoot.vue.js";
+import po from "./components/CuiTableRow.vue.js";
+import _o from "./components/CuiTableCell.vue.js";
+import lo from "./components/CuiDataGrid.vue.js";
+/* empty css                            */
+import To from "./components/CuiAvatar.vue.js";
+/* empty css                          */
+import xo from "./components/CuiAvatarGroup.vue.js";
+/* empty css                               */
+import $o from "./components/CuiStepper.vue.js";
+import bo from "./components/CuiInputStepper.vue.js";
+import Do from "./components/CuiSlider.vue.js";
+import go from "./components/CuiSpinner.vue.js";
+/* empty css                           */
+import So from "./components/CuiBanner.vue.js";
+import Io from "./components/CuiDivider.vue.js";
+import wo from "./components/CuiCopyButton.vue.js";
+import Go from "./components/CuiResizablePanels.vue.js";
+import ko from "./components/CuiConfirmDialog.vue.js";
+import yo from "./components/CuiTimeline.vue.js";
+import Bo from "./components/CuiTimelineItem.vue.js";
+import vo from "./components/CuiKbd.vue.js";
+import Po from "./components/CuiColorPicker.vue.js";
+import Ro from "./components/CuiDatePicker.vue.js";
+import Fo from "./components/CuiDateRangePicker.vue.js";
+import Mo from "./components/CuiCombobox.vue.js";
+import Ao from "./components/CuiTransferList.vue.js";
+import ho from "./components/CuiTimePicker.vue.js";
+import Eo from "./components/CuiTagInput.vue.js";
+import Ko from "./components/CuiFileUpload.vue.js";
+import Ho from "./components/CuiTreeView.vue.js";
+import Lo from "./components/CuiCodeBlock.vue.js";
+import zo from "./components/CuiRating.vue.js";
+/* empty css                */
+import { CheckboxGroupKey as Kr, ToggleGroupKey as Hr } from "./components/multi-select-group-context.js";
+import { FormContextKey as zr } from "./components/form-context.js";
+import { valibotResolver as Nr, zodResolver as Ur } from "./utils/resolvers.js";
+import { resolveLiveRegion as jr } from "./utils/liveRegion.js";
+import { usePopover as Jr } from "./composables/usePopover.js";
+import { ToastContextKey as Yr } from "./components/toast-context.js";
+import { useToast as Xr } from "./composables/useToast.js";
+import { useMessages as om } from "./composables/useMessages.js";
+import { defaultMessages as rm, mergeMessages as mm } from "./messages.js";
+import { DropdownContextKey as tm } from "./components/dropdown-context.js";
+import { TabsContextKey as um } from "./components/tabs-context.js";
+import { useCopyToClipboard as cm } from "./composables/useCopyToClipboard.js";
+import { scrollShadowBottomStyle as am, scrollShadowRightStyle as sm, scrollShadowTopStyle as dm, useScrollShadows as pm } from "./composables/useScrollShadows.js";
+import { dateToIso as lm, formatDate as Tm, isoToDate as xm, parseFormattedDate as $m } from "./utils/date.js";
+import { PALETTE_BASIC as Dm, PALETTE_MATERIAL as gm, PALETTE_TAILWIND as Sm, formatColor as Im, getThemePalette as wm, hexToRgb as Gm, hslToRgb as km, hsvToRgb as ym, parseColor as Bm, rgbToHex as vm, rgbToHsl as Pm, rgbToHsv as Rm } from "./utils/color.js";
+import { TableContextKey as Mm, TableSectionContextKey as Am } from "./components/table-context.js";
+import { DataGridContextKey as Em } from "./components/data-grid-context.js";
+import { provideDataGrid as Hm, useDataGrid as Lm, useDataGridState as zm } from "./composables/useDataGrid.js";
+import { useDataGridInertia as Nm } from "./composables/useDataGridInertia.js";
+import { localStorageViewAdapter as Om, useDataGridViews as jm } from "./composables/useDataGridViews.js";
+import { AccordionContextKey as Jm } from "./components/accordion-context.js";
+import { RadioGroupKey as Ym } from "./components/radio-context.js";
+import { THEME_PRESETS as Xm, useTheme as Zm } from "./composables/useTheme.js";
+import { DENSITY_PRESETS as ie, useDensity as re } from "./composables/useDensity.js";
+import { ssrThemeInitScript as ee } from "./ssr-theme-init.js";
+import { useBreakpoint as ne } from "./composables/useBreakpoint.js";
+import { useFlexContext as Ce, useGridContext as ce } from "./composables/useLayoutContext.js";
+import { useOverlay as ae } from "./composables/useOverlay.js";
+import { useClickOutside as de } from "./composables/useClickOutside.js";
+function Ar(Vo = {}) {
+  return {
+    install(o) {
+      o.component("CuiButton", i), o.component("CuiButtonGroup", r), o.component("CuiGrid", m), o.component("CuiGridItem", e), o.component("CuiFlex", t), o.component("CuiFlexItem", n), o.component("CuiStack", u), o.component("CuiContainer", C), o.component("CuiSpacer", c), o.component("CuiRadio", f), o.component("CuiRadioGroup", a), o.component("CuiCheckbox", s), o.component("CuiCheckboxGroup", d), o.component("CuiToggle", p), o.component("CuiToggleGroup", _), o.component("CuiInput", l), o.component("CuiMaskedInput", T), o.component("CuiTextarea", x), o.component("CuiSelect", $), o.component("CuiFormField", b), o.component("CuiForm", D), o.component("CuiFieldset", g), o.component("CuiBadge", S), o.component("CuiAlert", I), o.component("CuiTooltip", w), o.component("CuiToast", G), o.component("CuiToastProvider", k), o.component("CuiConfigProvider", y), o.component("CuiIcon", B), o.component("CuiTabs", v), o.component("CuiTab", P), o.component("CuiBackdrop", R), o.component("CuiModal", F), o.component("CuiModalHeader", M), o.component("CuiModalBody", A), o.component("CuiModalFooter", h), o.component("CuiDropdown", E), o.component("CuiDropdownTrigger", K), o.component("CuiDropdownMenu", H), o.component("CuiDropdownItem", L), o.component("CuiDropdownCheckItem", z), o.component("CuiDropdownRadioGroup", V), o.component("CuiDropdownRadioItem", N), o.component("CuiDropdownDivider", U), o.component("CuiDropdownHeader", O), o.component("CuiDropdownSub", j), o.component("CuiProgress", q), o.component("CuiPagination", J), o.component("CuiBreadcrumb", W), o.component("CuiBreadcrumbItem", Y), o.component("CuiCard", Q), o.component("CuiCardHeader", X), o.component("CuiCardBody", Z), o.component("CuiCardFooter", oo), o.component("CuiCardMedia", io), o.component("CuiAccordion", ro), o.component("CuiAccordionItem", mo), o.component("CuiSlideover", eo), o.component("CuiSkeleton", to), o.component("CuiPopover", no), o.component("CuiContextMenu", uo), o.component("CuiEmptyState", Co), o.component("CuiTable", co), o.component("CuiTableHead", fo), o.component("CuiTableBody", ao), o.component("CuiTableFoot", so), o.component("CuiTableRow", po), o.component("CuiTableCell", _o), o.component("CuiDataGrid", lo), o.component("CuiAvatar", To), o.component("CuiAvatarGroup", xo), o.component("CuiStepper", $o), o.component("CuiInputStepper", bo), o.component("CuiSlider", Do), o.component("CuiSpinner", go), o.component("CuiBanner", So), o.component("CuiDivider", Io), o.component("CuiCopyButton", wo), o.component("CuiResizablePanels", Go), o.component("CuiConfirmDialog", ko), o.component("CuiTimeline", yo), o.component("CuiTimelineItem", Bo), o.component("CuiKbd", vo), o.component("CuiColorPicker", Po), o.component("CuiDatePicker", Ro), o.component("CuiDateRangePicker", Fo), o.component("CuiCombobox", Mo), o.component("CuiTransferList", Ao), o.component("CuiTimePicker", ho), o.component("CuiTagInput", Eo), o.component("CuiFileUpload", Ko), o.component("CuiTreeView", Ho), o.component("CuiCodeBlock", Lo), o.component("CuiRating", zo);
+    }
+  };
+}
+export {
+  Jm as AccordionContextKey,
+  Kr as CheckboxGroupKey,
+  ro as CuiAccordion,
+  mo as CuiAccordionItem,
+  I as CuiAlert,
+  To as CuiAvatar,
+  xo as CuiAvatarGroup,
+  R as CuiBackdrop,
+  S as CuiBadge,
+  So as CuiBanner,
+  W as CuiBreadcrumb,
+  Y as CuiBreadcrumbItem,
+  i as CuiButton,
+  r as CuiButtonGroup,
+  Q as CuiCard,
+  Z as CuiCardBody,
+  oo as CuiCardFooter,
+  X as CuiCardHeader,
+  io as CuiCardMedia,
+  s as CuiCheckbox,
+  d as CuiCheckboxGroup,
+  Lo as CuiCodeBlock,
+  Po as CuiColorPicker,
+  Mo as CuiCombobox,
+  y as CuiConfigProvider,
+  ko as CuiConfirmDialog,
+  C as CuiContainer,
+  uo as CuiContextMenu,
+  wo as CuiCopyButton,
+  lo as CuiDataGrid,
+  Ro as CuiDatePicker,
+  Fo as CuiDateRangePicker,
+  Io as CuiDivider,
+  E as CuiDropdown,
+  z as CuiDropdownCheckItem,
+  U as CuiDropdownDivider,
+  O as CuiDropdownHeader,
+  L as CuiDropdownItem,
+  H as CuiDropdownMenu,
+  V as CuiDropdownRadioGroup,
+  N as CuiDropdownRadioItem,
+  j as CuiDropdownSub,
+  K as CuiDropdownTrigger,
+  Co as CuiEmptyState,
+  g as CuiFieldset,
+  Ko as CuiFileUpload,
+  t as CuiFlex,
+  n as CuiFlexItem,
+  D as CuiForm,
+  b as CuiFormField,
+  m as CuiGrid,
+  e as CuiGridItem,
+  B as CuiIcon,
+  l as CuiInput,
+  bo as CuiInputStepper,
+  vo as CuiKbd,
+  T as CuiMaskedInput,
+  F as CuiModal,
+  A as CuiModalBody,
+  h as CuiModalFooter,
+  M as CuiModalHeader,
+  J as CuiPagination,
+  no as CuiPopover,
+  q as CuiProgress,
+  f as CuiRadio,
+  a as CuiRadioGroup,
+  zo as CuiRating,
+  Go as CuiResizablePanels,
+  $ as CuiSelect,
+  to as CuiSkeleton,
+  eo as CuiSlideover,
+  Do as CuiSlider,
+  c as CuiSpacer,
+  go as CuiSpinner,
+  u as CuiStack,
+  $o as CuiStepper,
+  P as CuiTab,
+  co as CuiTable,
+  ao as CuiTableBody,
+  _o as CuiTableCell,
+  so as CuiTableFoot,
+  fo as CuiTableHead,
+  po as CuiTableRow,
+  v as CuiTabs,
+  Eo as CuiTagInput,
+  x as CuiTextarea,
+  ho as CuiTimePicker,
+  yo as CuiTimeline,
+  Bo as CuiTimelineItem,
+  G as CuiToast,
+  k as CuiToastProvider,
+  p as CuiToggle,
+  _ as CuiToggleGroup,
+  w as CuiTooltip,
+  Ao as CuiTransferList,
+  Ho as CuiTreeView,
+  ie as DENSITY_PRESETS,
+  Em as DataGridContextKey,
+  tm as DropdownContextKey,
+  zr as FormContextKey,
+  Dm as PALETTE_BASIC,
+  gm as PALETTE_MATERIAL,
+  Sm as PALETTE_TAILWIND,
+  Ym as RadioGroupKey,
+  Xm as THEME_PRESETS,
+  Mm as TableContextKey,
+  Am as TableSectionContextKey,
+  um as TabsContextKey,
+  Yr as ToastContextKey,
+  Hr as ToggleGroupKey,
+  Ar as createCleanUI,
+  lm as dateToIso,
+  Ar as default,
+  rm as defaultMessages,
+  Im as formatColor,
+  Tm as formatDate,
+  wm as getThemePalette,
+  Gm as hexToRgb,
+  km as hslToRgb,
+  ym as hsvToRgb,
+  xm as isoToDate,
+  Om as localStorageViewAdapter,
+  mm as mergeMessages,
+  Bm as parseColor,
+  $m as parseFormattedDate,
+  Hm as provideDataGrid,
+  jr as resolveLiveRegion,
+  vm as rgbToHex,
+  Pm as rgbToHsl,
+  Rm as rgbToHsv,
+  am as scrollShadowBottomStyle,
+  sm as scrollShadowRightStyle,
+  dm as scrollShadowTopStyle,
+  ee as ssrThemeInitScript,
+  ne as useBreakpoint,
+  de as useClickOutside,
+  cm as useCopyToClipboard,
+  Lm as useDataGrid,
+  Nm as useDataGridInertia,
+  zm as useDataGridState,
+  jm as useDataGridViews,
+  re as useDensity,
+  Ce as useFlexContext,
+  ce as useGridContext,
+  om as useMessages,
+  ae as useOverlay,
+  Jr as usePopover,
+  pm as useScrollShadows,
+  Zm as useTheme,
+  Xr as useToast,
+  Nr as valibotResolver,
+  Ur as zodResolver
+};

package/dist/messages.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Localizable default strings for clean-ui components.
+ *
+ * Every user-visible string a component renders by default lives here, so an app
+ * can translate them ALL at once via `CuiConfigProvider` instead of overriding
+ * props on every instance. Interpolated/pluralized strings are functions so
+ * locales control wording and word order.
+ *
+ * Resolution order in components: explicit prop > provider messages > these defaults.
+ */
+export interface PaginationRange {
+    from: number;
+    to: number;
+    total: number;
+}
+export interface CuiMessages {
+    close: string;
+    dismiss: string;
+    remove: string;
+    clear: string;
+    clearAll: string;
+    apply: string;
+    loading: string;
+    input: {
+        clear: string;
+        showPassword: string;
+        hidePassword: string;
+    };
+    combobox: {
+        searching: string;
+        /** Hint shown until `minChars` is reached. */
+        typeMore: (remaining: number) => string;
+    };
+    confirmDialog: {
+        title: string;
+        confirm: string;
+        cancel: string;
+        /** Prompt for type-to-confirm dialogs (rendered as plain text). */
+        typePrompt: (word: string) => string;
+    };
+    pagination: {
+        summary: (range: PaginationRange) => string;
+        perPage: (count: number) => string;
+    };
+    breadcrumb: {
+        label: string;
+    };
+    stepper: {
+        label: string;
+    };
+    skeleton: {
+        label: string;
+    };
+    tabs: {
+        closeTab: string;
+    };
+    dataGrid: {
+        noResultsTitle: string;
+        noResultsDescription: string;
+        filters: string;
+        /** "All" option in a select filter. */
+        all: string;
+        search: string;
+        /** Placeholder for a per-column filter input. */
+        filterColumn: (columnLabel: string) => string;
+        /** Selection count in the bulk-action bar. */
+        selected: (count: number) => string;
+    };
+}
+/** Built-in English defaults. */
+export declare const defaultMessages: CuiMessages;
+/** Deep-partial of CuiMessages — function-valued entries are replaced wholesale. */
+export type DeepPartialMessages = {
+    [K in keyof CuiMessages]?: CuiMessages[K] extends (...args: never[]) => unknown ? CuiMessages[K] : CuiMessages[K] extends object ? {
+        [P in keyof CuiMessages[K]]?: CuiMessages[K][P];
+    } : CuiMessages[K];
+};
+/** Overlay a partial onto a full message set (one level of nesting). */
+export declare function mergeMessages(base: CuiMessages, override?: DeepPartialMessages): CuiMessages;
+//# sourceMappingURL=messages.d.ts.map

package/dist/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAE1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAEhB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,QAAQ,EAAE;QACR,SAAS,EAAE,MAAM,CAAC;QAClB,8CAA8C;QAC9C,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;KACzC,CAAC;IACF,aAAa,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,mEAAmE;QACnE,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;KACtC,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,MAAM,CAAC;QAC5C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;KACpC,CAAC;IACF,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3B,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5B,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3B,QAAQ,EAAE;QACR,cAAc,EAAE,MAAM,CAAC;QACvB,oBAAoB,EAAE,MAAM,CAAC;QAC7B,OAAO,EAAE,MAAM,CAAC;QAChB,uCAAuC;QACvC,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,iDAAiD;QACjD,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;QAC9C,8CAA8C;QAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;KACrC,CAAC;CACH;AAED,iCAAiC;AACjC,eAAO,MAAM,eAAe,EAAE,WA0C7B,CAAC;AAEF,oFAAoF;AACpF,MAAM,MAAM,mBAAmB,GAAG;KAC/B,CAAC,IAAI,MAAM,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,OAAO,GAC3E,WAAW,CAAC,CAAC,CAAC,GACd,WAAW,CAAC,CAAC,CAAC,SAAS,MAAM,GAC3B;SAAG,CAAC,IAAI,MAAM,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAAE,GACnD,WAAW,CAAC,CAAC,CAAC;CACrB,CAAC;AAMF,wEAAwE;AACxE,wBAAgB,aAAa,CAC3B,IAAI,EAAE,WAAW,EACjB,QAAQ,CAAC,EAAE,mBAAmB,GAC7B,WAAW,CAWb"}

package/dist/messages.js

@@ -0,0 +1,57 @@
+const n = {
+  close: "Close",
+  dismiss: "Dismiss",
+  remove: "Remove",
+  clear: "Clear",
+  clearAll: "Clear all",
+  apply: "Apply",
+  loading: "Loading…",
+  input: {
+    clear: "Clear input",
+    showPassword: "Show password",
+    hidePassword: "Hide password"
+  },
+  combobox: {
+    searching: "Searching…",
+    typeMore: (e) => `Type ${e} more character${e === 1 ? "" : "s"}…`
+  },
+  confirmDialog: {
+    title: "Are you sure?",
+    confirm: "Confirm",
+    cancel: "Cancel",
+    typePrompt: (e) => `Please type "${e}" to confirm.`
+  },
+  pagination: {
+    summary: ({ from: e, to: s, total: o }) => `Showing ${e} to ${s} of ${o} results`,
+    perPage: (e) => `${e} / page`
+  },
+  breadcrumb: { label: "Breadcrumb" },
+  stepper: { label: "Progress" },
+  skeleton: { label: "Loading" },
+  tabs: { closeTab: "Close tab" },
+  dataGrid: {
+    noResultsTitle: "No results found",
+    noResultsDescription: "Try adjusting your search or filters.",
+    filters: "Filters",
+    all: "All",
+    search: "Search…",
+    filterColumn: (e) => `Filter ${e}…`,
+    selected: (e) => `${e} item${e === 1 ? "" : "s"} selected`
+  }
+};
+function i(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function c(e, s) {
+  if (!s) return e;
+  const o = e, l = { ...o };
+  for (const t of Object.keys(s)) {
+    const r = s[t], a = o[t];
+    r !== void 0 && (l[t] = i(r) && i(a) ? { ...a, ...r } : r);
+  }
+  return l;
+}
+export {
+  n as defaultMessages,
+  c as mergeMessages
+};

package/dist/ssr-theme-init.d.ts

@@ -0,0 +1,29 @@
+/**
+ * SSR Theme Init Script
+ *
+ * Paste this as an inline <script> in your Nuxt/HTML <head> BEFORE
+ * any stylesheets. It reads the theme from localStorage and applies
+ * the correct classes to <html> before the page paints — eliminating FOUC.
+ *
+ * Usage in Nuxt (nuxt.config.ts):
+ *   import { ssrThemeInitScript } from '@itguy614/clean-ui'
+ *
+ *   export default defineNuxtConfig({
+ *     app: {
+ *       head: {
+ *         script: [
+ *           { children: ssrThemeInitScript, type: 'text/javascript' },
+ *         ],
+ *       },
+ *     },
+ *   })
+ *
+ * Keys read:
+ *   - "cui-theme"  → adds "cui-theme-{id}" class (theme preset)
+ *
+ * Dark mode is class-based (`.dark`) but the library doesn't own a persistence
+ * key for it — if your app persists a dark preference, add a matching line here
+ * (read your own key and toggle the "dark" class) to also avoid a dark FOUC.
+ */
+export declare const ssrThemeInitScript: string;
+//# sourceMappingURL=ssr-theme-init.d.ts.map

package/dist/ssr-theme-init.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-theme-init.d.ts","sourceRoot":"","sources":["../src/ssr-theme-init.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,kBAAkB,QASvB,CAAA"}

package/dist/ssr-theme-init.js

@@ -0,0 +1,13 @@
+const e = `
+(function() {
+  try {
+    var theme = localStorage.getItem('cui-theme');
+    if (theme && theme !== 'default') {
+      document.documentElement.classList.add('cui-theme-' + theme);
+    }
+  } catch(e) {}
+})();
+`.trim();
+export {
+  e as ssrThemeInitScript
+};

package/dist/test-setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":""}

package/dist/types/common.d.ts

@@ -0,0 +1,71 @@
+/** Semantic color roles. The three `surface*` entries are neutral
+ *  intensity steps (all mode-aware). */
+export type CuiColor = "primary" | "secondary" | "success" | "error" | "warning" | "info" | "surface" | "surface-light" | "surface-dark";
+/** Canonical size scale. Components support a subset and clamp the rest
+ *  via `clampSize()` from utils/sizing. */
+export type CuiSize = "xs" | "sm" | "md" | "lg" | "xl";
+/** Canonical border-radius scale (mirrors CuiButton). */
+export type CuiRounded = "none" | "sm" | "md" | "lg" | "full";
+/** Layout axis for groups/segmented components. */
+export type CuiOrientation = "horizontal" | "vertical";
+/** Orientation that can auto-resolve based on item count (form-control groups). */
+export type CuiAutoOrientation = CuiOrientation | "auto";
+/** Shared stylistic variant vocabulary. Components pick the subset they
+ *  support; structural variants (bar/circle, ring/dots/bars, …) stay local. */
+export type CuiVariant = "solid" | "outline" | "subtle" | "ghost" | "dash";
+/** A color value that accepts a role (mapped to its token) OR any raw CSS
+ *  color string. Used by paint components (Icon, Divider, Backdrop). */
+export type CuiColorOrCss = CuiColor | (string & {});
+/** Every component can be hidden via `v-show`. */
+export interface HideableProps {
+    /** Hide the component (v-show) */
+    hidden?: boolean;
+}
+/** Components with a semantic color role. */
+export interface ColorableProps {
+    /** Color role */
+    color?: CuiColor;
+}
+/** Components with a size on the canonical scale. */
+export interface SizeableProps {
+    /** Size */
+    size?: CuiSize;
+}
+/** Components that can be disabled. */
+export interface DisableableProps {
+    /** Disabled state */
+    disabled?: boolean;
+}
+/**
+ * Screen-reader live-region mode for ephemeral feedback components
+ * (Toast / Alert / Banner).
+ *  - `"polite"`     — announced when the screen reader is idle (`role="status"`)
+ *  - `"assertive"`  — interrupts immediately (`role="alert"`)
+ *  - `"off"`        — no live region (decorative / static content)
+ */
+export type LiveRegionMode = "off" | "polite" | "assertive";
+/** Components that announce to screen readers via an ARIA live region. */
+export interface LiveRegionProps {
+    /**
+     * Screen-reader live-region mode. Defaults from `color`: `error` → assertive
+     * (`role="alert"`), everything else → polite (`role="status"`). Set `"off"`
+     * for purely decorative/static feedback that shouldn't be announced.
+     */
+    live?: LiveRegionMode;
+}
+/** Shared surface for form controls (label/description/validation/readonly). */
+export interface FormControlProps extends DisableableProps {
+    /** Label text */
+    label?: string;
+    /** Description / helper text */
+    description?: string;
+    /** Show error state */
+    error?: boolean;
+    /** Error message displayed below the control */
+    errorMessage?: string;
+    /** Mark the control as required */
+    required?: boolean;
+    /** Readonly state */
+    readonly?: boolean;
+}
+//# sourceMappingURL=common.d.ts.map

package/dist/types/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/types/common.ts"],"names":[],"mappings":"AAKA;wCACwC;AACxC,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,GACT,eAAe,GACf,cAAc,CAAC;AAEnB;2CAC2C;AAC3C,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvD,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE9D,mDAAmD;AACnD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAEvD,mFAAmF;AACnF,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,MAAM,CAAC;AAEzD;+EAC+E;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3E;wEACwE;AACxE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAIrD,kDAAkD;AAClD,MAAM,WAAW,aAAa;IAC5B,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,6CAA6C;AAC7C,MAAM,WAAW,cAAc;IAC7B,iBAAiB;IACjB,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB;AAED,qDAAqD;AACrD,MAAM,WAAW,aAAa;IAC5B,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,uCAAuC;AACvC,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE5D,0EAA0E;AAC1E,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,gFAAgF;AAChF,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/types/grid.d.ts

@@ -6,4 +6,6 @@ export type GridRows = 1 | 2 | 3 | 4 | 5 | 6;
 export type GridSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "full";
 export type FlexDirection = "row" | "row-reverse" | "col" | "col-reverse";
 export type FlexWrap = "wrap" | "wrap-reverse" | "nowrap";
+export type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline";
+export type FlexJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
 //# sourceMappingURL=grid.d.ts.map

package/dist/types/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/types/grid.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,eAAe,GACvB,GAAG,GACH,IAAI,GACJ,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAGT,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAGnE,MAAM,MAAM,eAAe,CAAC,CAAC,IACzB,CAAC,GACD,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC;AAG3C,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAG3E,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAG7C,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;AAGjF,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,aAAa,GAAG,KAAK,GAAG,aAAa,CAAC;AAG1E,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,cAAc,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/types/grid.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,eAAe,GACvB,GAAG,GACH,IAAI,GACJ,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAGT,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAGnE,MAAM,MAAM,eAAe,CAAC,CAAC,IACzB,CAAC,GACD,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC;AAG3C,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAG3E,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAG7C,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;AAGjF,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,aAAa,GAAG,KAAK,GAAG,aAAa,CAAC;AAG1E,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,cAAc,GAAG,QAAQ,CAAC;AAG1D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAG5E,MAAM,MAAM,WAAW,GACnB,OAAO,GACP,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC"}

package/dist/utils/color.d.ts

@@ -1,3 +1,15 @@
+import type { CuiColor } from "../types/common";
+/** True if the string is one of the semantic color roles. */
+export declare function isColorRole(color: string): color is CuiColor;
+/**
+ * Resolve a color value that may be a semantic role OR a raw CSS color.
+ * Roles map to their main token (`var(--cui-{role})`); anything else passes
+ * through unchanged. Used by paint components (Icon, Divider, Backdrop).
+ *
+ *   resolveColor("primary")  // → "var(--cui-primary)"
+ *   resolveColor("#ff0066")  // → "#ff0066"
+ */
+export declare function resolveColor(color: string | undefined, fallback?: string): string;
 export interface RGB {
     r: number;
     g: number;

package/dist/utils/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IAAG,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE;AACxD,MAAM,WAAW,GAAG;IAAG,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE;AACxD,MAAM,WAAW,GAAG;IAAG,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE;AACxD,MAAM,WAAW,IAAK,SAAQ,GAAG;IAAG,CAAC,EAAE,MAAM,CAAA;CAAE;AAE/C,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAsB7D;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAmB7D;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAGhE;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAiBhD;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAiB7D;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAmB7D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CA8BrD;AAED,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEhD,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,MAAM,CAcnG;AAGD,eAAO,MAAM,aAAa,UAGzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAG5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAG5B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,IAAI,MAAM,EAAE,CAuC1C"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAchD,6DAA6D;AAC7D,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,QAAQ,CAE5D;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,QAAQ,SAAiB,GACxB,MAAM,CAGR;AAED,MAAM,WAAW,GAAG;IAAG,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE;AACxD,MAAM,WAAW,GAAG;IAAG,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE;AACxD,MAAM,WAAW,GAAG;IAAG,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE;AACxD,MAAM,WAAW,IAAK,SAAQ,GAAG;IAAG,CAAC,EAAE,MAAM,CAAA;CAAE;AAE/C,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAsB7D;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAmB7D;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAGhE;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAiBhD;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAiB7D;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAmB7D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CA8BrD;AAED,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEhD,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,MAAM,CAcnG;AAGD,eAAO,MAAM,aAAa,UAGzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAG5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAG5B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,IAAI,MAAM,EAAE,CAuC1C"}