@itguy614/clean-ui 1.0.1 → 1.2.0

package/dist/components/CuiTreeView.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiTreeView.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTreeView.vue"],"names":[],"mappings":"AAyIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,WAAW,QAAQ;IACvB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,gBAAgB;IAChB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC;IAC1D,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,eAAe,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACtC,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AA6ID,QAAA,IAAI,OAAO,KAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA2B5C,QAAA,MAAM,eAAe;;;;;;;;;;UA3KZ,IAAI,GAAG,IAAI,GAAG,IAAI;cAZd,OAAO;gBAQL,OAAO;eAFR,OAAO;cAIR,OAAO;eANN,OAAO;6EA2LnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiTreeView.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTreeView.vue"],"names":[],"mappings":"AA6IA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,WAAW,QAAQ;IACvB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,gBAAgB;IAChB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC;IAC1D,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,eAAe,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACtC,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAiJD,QAAA,IAAI,OAAO,KAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA2B5C,QAAA,MAAM,eAAe;;;;;;;;;;UA/KZ,IAAI,GAAG,IAAI,GAAG,IAAI;cAZd,OAAO;gBAQL,OAAO;eAFR,OAAO;cAIR,OAAO;eANN,OAAO;6EA+LnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiTreeView.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as w, ref as v, computed as c, withDirectives as y, openBlock as s, createElementBlock as u, Fragment as z, renderList as B, createBlock as V, withCtx as b, renderSlot as k, mergeProps as E, vShow as A } from "vue";
-import C from "./CuiTreeNode.vue.js";
-import { scaleDensity as d } from "../utils/sizing.js";
-const L = { role: "tree" }, N = /* @__PURE__ */ w({
+import { defineComponent as z, ref as v, computed as u, withDirectives as y, openBlock as s, createElementBlock as m, Fragment as B, renderList as V, createBlock as b, withCtx as k, renderSlot as E, mergeProps as C, vShow as A } from "vue";
+import L from "./CuiTreeNode.vue.js";
+import { scaleDensity as d, scaleControlHeight as c } from "../utils/sizing.js";
+const X = { role: "tree" }, T = /* @__PURE__ */ z({
   __name: "CuiTreeView",
   props: {
     nodes: {},
@@ -16,8 +16,8 @@ const L = { role: "tree" }, N = /* @__PURE__ */ w({
     hidden: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "node-click", "node-expand"],
-  setup(a, { emit: m }) {
-    const l = a, i = m, o = v(new Set(l.defaultExpanded ?? []));
+  setup(a, { emit: f }) {
+    const l = a, i = f, o = v(new Set(l.defaultExpanded ?? []));
     if (l.expandAll) {
       let e = function(t) {
         for (const n of t)
@@ -25,12 +25,12 @@ const L = { role: "tree" }, N = /* @__PURE__ */ w({
       };
       e(l.nodes);
     }
-    const r = c(() => l.modelValue == null ? /* @__PURE__ */ new Set() : Array.isArray(l.modelValue) ? new Set(l.modelValue) : /* @__PURE__ */ new Set([l.modelValue]));
-    function f(e) {
+    const r = u(() => l.modelValue == null ? /* @__PURE__ */ new Set() : Array.isArray(l.modelValue) ? new Set(l.modelValue) : /* @__PURE__ */ new Set([l.modelValue]));
+    function p(e) {
       const t = new Set(o.value), n = t.has(e.id);
       n ? t.delete(e.id) : t.add(e.id), o.value = t, i("node-expand", e, !n);
     }
-    function p(e) {
+    function h(e) {
       if (!(!l.selectable || e.disabled))
         if (i("node-click", e), l.multiple) {
           const t = new Set(r.value);
@@ -38,13 +38,13 @@ const L = { role: "tree" }, N = /* @__PURE__ */ w({
         } else
           i("update:modelValue", r.value.has(e.id) ? null : e.id);
     }
-    const h = {
-      sm: { fontSize: "0.8125rem", iconSize: "0.75rem", indent: d("1rem"), padY: d("0.1875rem"), padX: d("0.375rem") },
-      md: { fontSize: "0.875rem", iconSize: "0.875rem", indent: d("1.25rem"), padY: d("0.25rem"), padX: d("0.5rem") },
-      lg: { fontSize: "0.9375rem", iconSize: "1rem", indent: d("1.5rem"), padY: d("0.375rem"), padX: d("0.625rem") }
-    }, S = c(() => h[l.size]);
-    return (e, t) => y((s(), u("div", L, [
-      (s(!0), u(z, null, B(a.nodes, (n, x) => (s(), V(C, {
+    const S = {
+      sm: { fontSize: "0.8125rem", iconSize: "0.75rem", hitSize: c("0.75rem"), indent: d("1rem"), padY: d("0.1875rem"), padX: d("0.375rem") },
+      md: { fontSize: "0.875rem", iconSize: "0.875rem", hitSize: c("0.875rem"), indent: d("1.25rem"), padY: d("0.25rem"), padX: d("0.5rem") },
+      lg: { fontSize: "0.9375rem", iconSize: "1rem", hitSize: c("1rem"), indent: d("1.5rem"), padY: d("0.375rem"), padX: d("0.625rem") }
+    }, g = u(() => S[l.size]);
+    return (e, t) => y((s(), m("div", X, [
+      (s(!0), m(B, null, V(a.nodes, (n, x) => (s(), b(L, {
         key: String(n.id),
         node: n,
         depth: 0,
@@ -54,12 +54,12 @@ const L = { role: "tree" }, N = /* @__PURE__ */ w({
         selectable: a.selectable,
         "show-lines": a.showLines,
         animated: a.animated,
-        cfg: S.value,
-        onToggleExpand: f,
-        onSelectNode: p
+        cfg: g.value,
+        onToggleExpand: p,
+        onSelectNode: h
       }, {
-        node: b((g) => [
-          k(e.$slots, "node", E({ ref_for: !0 }, g))
+        node: k((w) => [
+          E(e.$slots, "node", C({ ref_for: !0 }, w))
         ]),
         _: 3
       }, 8, ["node", "is-last", "expanded", "selected-set", "selectable", "show-lines", "animated", "cfg"]))), 128))
@@ -69,5 +69,5 @@ const L = { role: "tree" }, N = /* @__PURE__ */ w({
   }
 });
 export {
-  N as default
+  T as default
 };

package/dist/components/tabs-context.d.ts

@@ -1,4 +1,4 @@
-import type { InjectionKey, Ref } from "vue";
+import type { InjectionKey, Ref, VNodeChild } from "vue";
 import type { CuiColor } from "../types/common";
 export type TabVariant = "underline" | "segmented";
 export type TabOrientation = "horizontal" | "vertical";
@@ -8,6 +8,12 @@ export interface TabDefinition {
     label: string;
     disabled?: boolean;
     closeable?: boolean;
+    /**
+     * CuiTab's `#label` slot, forwarded so CuiTabs can render it inside the tab
+     * button (the button lives in the bar, which the parent owns). Absent when the
+     * tab has no `#label` slot, in which case the parent renders `label` as text.
+     */
+    labelSlot?: () => VNodeChild;
 }
 export interface TabsContext {
     activeTab: Ref<string>;

package/dist/components/tabs-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-context.d.ts","sourceRoot":"","sources":["../../src/components/tabs-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;IACzB,WAAW,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACrB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,UAAU,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,WAAW,CAA0B,CAAC"}
+{"version":3,"file":"tabs-context.d.ts","sourceRoot":"","sources":["../../src/components/tabs-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,UAAU,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;IACzB,WAAW,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACrB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,UAAU,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,WAAW,CAA0B,CAAC"}

package/dist/composables/useColorScheme.d.ts

@@ -0,0 +1,19 @@
+import { type Ref } from "vue";
+/**
+ * Reactive dark-mode signal for one component's own ancestor chain.
+ *
+ * clean-ui's dark mode is a `.dark` class that can sit on any ancestor and can
+ * be scoped to a subtree, so a single global boolean would be wrong — two
+ * components in differently-themed subtrees can legitimately disagree. This
+ * resolves per call site instead: pass the calling component's root template
+ * ref and it walks upward from there.
+ *
+ * Consumers that need dark mode as a JS value rather than a CSS selector
+ * (e.g. a syntax highlighter whose own theme is fixed at configuration time,
+ * not read from the cascade) use this instead of hand-rolling a `.dark`
+ * observer.
+ */
+export declare function useColorScheme(target: Ref<HTMLElement | null | undefined>): {
+    isDark: Ref<boolean, boolean>;
+};
+//# sourceMappingURL=useColorScheme.d.ts.map

package/dist/composables/useColorScheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.d.ts","sourceRoot":"","sources":["../../src/composables/useColorScheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AA6C5D;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;;EAoBzE"}

package/dist/composables/useColorScheme.js

@@ -0,0 +1,38 @@
+import { ref as o, onMounted as u, onUnmounted as i } from "vue";
+const l = "dark";
+function c(n) {
+  let e = n;
+  for (; e; ) {
+    if (e.classList.contains(l)) return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+const r = /* @__PURE__ */ new Set();
+let t = null;
+function a() {
+  t || typeof MutationObserver > "u" || (t = new MutationObserver(() => {
+    for (const n of r) n();
+  }), t.observe(document.documentElement, {
+    attributes: !0,
+    attributeFilter: ["class"],
+    subtree: !0
+  }));
+}
+function f() {
+  r.size === 0 && t && (t.disconnect(), t = null);
+}
+function b(n) {
+  const e = o(!1);
+  function s() {
+    e.value = c(n.value ?? null);
+  }
+  return u(() => {
+    s(), a(), r.add(s);
+  }), i(() => {
+    r.delete(s), f();
+  }), { isDark: e };
+}
+export {
+  b as useColorScheme
+};

package/dist/composables/useDataGridViews.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDataGridViews.d.ts","sourceRoot":"","sources":["../../src/composables/useDataGridViews.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEjF,oCAAoC;AACpC,wBAAgB,uBAAuB,CAAC,MAAM,SAAiB,GAAG,mBAAmB,CAgCpF;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAejC,MAAM,UAAU,iBAAiB,CAAC,QAAQ,CAAC;qBAY3C,MAAM,UAAU,iBAAiB,CAAC,QAAQ,CAAC;qBAO3C,MAAM;qBAMZ,MAAM;EAc/B"}
+{"version":3,"file":"useDataGridViews.d.ts","sourceRoot":"","sources":["../../src/composables/useDataGridViews.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGjF,oCAAoC;AACpC,wBAAgB,uBAAuB,CAAC,MAAM,SAAiB,GAAG,mBAAmB,CAkCpF;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAejC,MAAM,UAAU,iBAAiB,CAAC,QAAQ,CAAC;qBAY3C,MAAM,UAAU,iBAAiB,CAAC,QAAQ,CAAC;qBAO3C,MAAM;qBAMZ,MAAM;EAc/B"}

package/dist/composables/useDataGridViews.js

@@ -1,67 +1,69 @@
-import { ref as u } from "vue";
-function g(s = "cui-datagrid") {
-  function r(a) {
-    return `${s}-views-${a}`;
+import { ref as f } from "vue";
+import { safeSetItem as l, safeGetItem as g } from "../utils/storage.js";
+function V(s = "cui-datagrid") {
+  function r(e) {
+    return `${s}-views-${e}`;
   }
   return {
-    async load(a) {
+    async load(e) {
+      const a = g(r(e));
+      if (!a) return [];
       try {
-        const e = localStorage.getItem(r(a));
-        return e ? JSON.parse(e) : [];
+        return JSON.parse(a);
       } catch {
         return [];
       }
     },
-    async save(a, e) {
-      const t = await this.load(a), i = t.findIndex((l) => l.id === e.id);
-      i >= 0 ? t[i] = e : t.push(e), localStorage.setItem(r(a), JSON.stringify(t));
+    async save(e, a) {
+      const t = await this.load(e), i = t.findIndex((u) => u.id === a.id);
+      i >= 0 ? t[i] = a : t.push(a), l(r(e), JSON.stringify(t));
     },
-    async remove(a, e) {
-      const i = (await this.load(a)).filter((l) => l.id !== e);
-      localStorage.setItem(r(a), JSON.stringify(i));
+    async remove(e, a) {
+      const i = (await this.load(e)).filter((u) => u.id !== a);
+      l(r(e), JSON.stringify(i));
     }
   };
 }
-function I(s) {
-  const r = s.adapter ?? g(), a = u([]), e = u(null), t = u(!1);
+function h(s) {
+  const r = s.adapter ?? V(), e = f([]), a = f(null), t = f(!1);
   async function i() {
     t.value = !0;
     try {
-      a.value = await r.load(s.gridId);
+      e.value = await r.load(s.gridId);
     } finally {
       t.value = !1;
     }
   }
-  async function l(n, d) {
-    const c = a.value.find((y) => y.name === n), o = {
+  async function u(n, o) {
+    const c = e.value.find((m) => m.name === n), d = {
       id: (c == null ? void 0 : c.id) ?? crypto.randomUUID(),
       name: n,
-      config: d
+      config: o
     };
-    await r.save(s.gridId, o), await i(), e.value = o.id;
+    await r.save(s.gridId, d), await i(), a.value = d.id;
   }
-  async function f(n, d) {
-    const c = a.value.find((o) => o.id === n);
-    c && (await r.save(s.gridId, { ...c, config: d }), await i());
+  async function w(n, o) {
+    const c = e.value.find((d) => d.id === n);
+    c && (await r.save(s.gridId, { ...c, config: o }), await i());
   }
-  async function w(n) {
-    await r.remove(s.gridId, n), e.value === n && (e.value = null), await i();
+  async function v(n) {
+    await r.remove(s.gridId, n), a.value === n && (a.value = null), await i();
   }
-  function v(n) {
-    e.value = n;
+  function y(n) {
+    a.value = n;
   }
   return {
-    views: a,
-    activeViewId: e,
+    views: e,
+    activeViewId: a,
     loading: t,
     fetchViews: i,
-    saveView: l,
-    updateView: f,
-    removeView: w,
-    selectView: v
+    saveView: u,
+    updateView: w,
+    removeView: v,
+    selectView: y
   };
 }
 export {
-  g as localStorageViewAdapter,
-  I as useDataGridViews
+  V as localStorageViewAdapter,
+  h as useDataGridViews
 };

package/dist/composables/useDensity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDensity.d.ts","sourceRoot":"","sources":["../../src/composables/useDensity.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,SAAS,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,aAAa,EAI1C,CAAC;AAmCF;;;;GAIG;AACH,wBAAgB,UAAU;IAUtB,oCAAoC;;IAEpC,gCAAgC;;IAEhC,6BAA6B;qBAbP,SAAS;IAe/B,iCAAiC;sBAXZ,SAAS;EAcjC"}
+{"version":3,"file":"useDensity.d.ts","sourceRoot":"","sources":["../../src/composables/useDensity.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,SAAS,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,aAAa,EAI1C,CAAC;AAkCF;;;;GAIG;AACH,wBAAgB,UAAU;IAUtB,oCAAoC;;IAEpC,gCAAgC;;IAEhC,6BAA6B;qBAbP,SAAS;IAe/B,iCAAiC;sBAXZ,SAAS;EAcjC"}

package/dist/composables/useDensity.js

@@ -1,26 +1,26 @@
-import { ref as l, watch as u } from "vue";
-const c = [
+import { ref as r, watch as f } from "vue";
+import { safeGetItem as l, safeSetItem as u } from "../utils/storage.js";
+const i = [
   { id: "compact", label: "Compact", description: "Tighter spacing — more on screen" },
   { id: "default", label: "Default", description: "Balanced default spacing" },
   { id: "comfortable", label: "Comfortable", description: "Roomier spacing" }
-], a = "cui-density", s = "cui-density-", i = "default", d = new Set(c.map((t) => t.id)), n = l(f());
-function f() {
-  if (typeof window > "u") return i;
-  const t = localStorage.getItem(a);
-  return t && d.has(t) ? t : i;
+], c = "cui-density", o = "cui-density-", d = "default", m = new Set(i.map((t) => t.id)), n = r(p());
+function p() {
+  const t = l(c);
+  return t && m.has(t) ? t : d;
 }
-function r(t) {
+function a(t) {
   if (typeof document > "u") return;
   const e = document.documentElement;
-  for (const o of Array.from(e.classList))
-    o.startsWith(s) && e.classList.remove(o);
-  t !== "default" && e.classList.add(`${s}${t}`), localStorage.setItem(a, t);
+  for (const s of Array.from(e.classList))
+    s.startsWith(o) && e.classList.remove(s);
+  t !== "default" && e.classList.add(`${o}${t}`), u(c, t);
 }
-r(n.value);
-u(n, r);
-function p() {
-  function t(o) {
-    n.value = o;
+a(n.value);
+f(n, a);
+function S() {
+  function t(s) {
+    n.value = s;
   }
   function e() {
     return n.value;
@@ -29,7 +29,7 @@ function p() {
     /** Current density id (reactive) */
     density: n,
     /** Available density presets */
-    presets: c,
+    presets: i,
     /** Set the active density */
     setDensity: t,
     /** Get the current density id */
@@ -37,6 +37,6 @@ function p() {
   };
 }
 export {
-  c as DENSITY_PRESETS,
-  p as useDensity
+  i as DENSITY_PRESETS,
+  S as useDensity
 };

package/dist/composables/useOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOverlay.d.ts","sourceRoot":"","sources":["../../src/composables/useOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,KAAK,GAAG,EAAE,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AAK9F,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,IAAI,EAAE,MAAM,OAAO,CAAC;IACpB,qDAAqD;IACrD,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,GAAG,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;IACpH,qDAAqD;IACrD,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iCAAiC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2BAA2B;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB;;;;;;;mBAuE7B,aAAa;EAyDpC"}
+{"version":3,"file":"useOverlay.d.ts","sourceRoot":"","sources":["../../src/composables/useOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,KAAK,GAAG,EAAE,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AAM9F,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,IAAI,EAAE,MAAM,OAAO,CAAC;IACpB,qDAAqD;IACrD,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,GAAG,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;IACpH,qDAAqD;IACrD,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iCAAiC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2BAA2B;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB;;;;;;;mBAqF7B,aAAa;EAuDpC"}

package/dist/composables/useOverlay.js

@@ -1,59 +1,67 @@
-import { ref as d, watch as x, onMounted as A, onUnmounted as E, nextTick as q } from "vue";
+import { ref as d, watch as q, onMounted as E, onUnmounted as B, nextTick as C } from "vue";
+import { lockBodyScroll as D, unlockBodyScroll as L } from "../utils/scrollLock.js";
 const t = /* @__PURE__ */ new Set();
-function C(y) {
+function K(k) {
   const {
-    open: v,
-    dialogRef: l,
-    persistent: p,
-    allowNested: b,
-    animationDuration: g = 200,
-    onUpdateOpen: w,
-    onClose: O
-  } = y, i = Symbol("overlay"), s = d(!1), a = d(!1), m = d(null);
-  function u() {
-    !b() && t.size > 0 && t.clear(), t.add(i), m.value = document.activeElement, s.value = !0, document.body.style.overflow = "hidden", q(() => {
+    open: m,
+    dialogRef: a,
+    persistent: b,
+    allowNested: g,
+    animationDuration: S = 200,
+    onUpdateOpen: O,
+    onClose: h
+  } = k, c = Symbol("overlay"), i = d(!1), u = d(!1), p = d(null);
+  let o = !1;
+  function w() {
+    o || (o = !0, D());
+  }
+  function y() {
+    o && (o = !1, L());
+  }
+  function s() {
+    !g() && t.size > 0 && t.clear(), t.add(c), p.value = document.activeElement, i.value = !0, w(), C(() => {
       requestAnimationFrame(() => {
         var e;
-        a.value = !0, (e = l.value) == null || e.focus();
+        u.value = !0, (e = a.value) == null || e.focus();
       });
     });
   }
-  function c() {
-    a.value = !1, t.delete(i), setTimeout(() => {
+  function r() {
+    u.value = !1, t.delete(c), setTimeout(() => {
       var e;
-      s.value = !1, w(!1), O(), t.size === 0 && (document.body.style.overflow = ""), (e = m.value) == null || e.focus();
-    }, g);
+      i.value = !1, O(!1), h(), y(), (e = p.value) == null || e.focus();
+    }, S);
   }
   function f() {
-    p() || c();
+    b() || r();
   }
-  function h() {
+  function x() {
     f();
   }
-  function k(e) {
-    if (e.key === "Escape" && (e.stopPropagation(), f()), e.key === "Tab" && l.value) {
-      const r = l.value.querySelectorAll(
+  function A(e) {
+    if (e.key === "Escape" && (e.stopPropagation(), f()), e.key === "Tab" && a.value) {
+      const v = a.value.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      ), o = r[0], n = r[r.length - 1];
-      e.shiftKey ? document.activeElement === o && (e.preventDefault(), n == null || n.focus()) : document.activeElement === n && (e.preventDefault(), o == null || o.focus());
+      ), n = v[0], l = v[v.length - 1];
+      e.shiftKey ? document.activeElement === n && (e.preventDefault(), l == null || l.focus()) : document.activeElement === l && (e.preventDefault(), n == null || n.focus());
     }
   }
-  return x(v, (e) => {
-    e ? u() : c();
-  }), A(() => {
-    v() && u();
+  return q(m, (e) => {
+    e ? s() : r();
   }), E(() => {
-    t.delete(i), t.size === 0 && (document.body.style.overflow = "");
+    m() && s();
+  }), B(() => {
+    t.delete(c), y();
   }), {
-    isVisible: s,
-    isAnimating: a,
-    openOverlay: u,
-    closeOverlay: c,
+    isVisible: i,
+    isAnimating: u,
+    openOverlay: s,
+    closeOverlay: r,
     requestClose: f,
-    onBackdropClick: h,
-    onKeydown: k
+    onBackdropClick: x,
+    onKeydown: A
   };
 }
 export {
-  C as useOverlay
+  K as useOverlay
 };

package/dist/composables/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,WAAW,EAStC,CAAC;AAgDF;;;GAGG;AACH,wBAAgB,QAAQ;IAUpB,kCAAkC;;IAElC,sCAAsC;;IAEtC,iCAAiC;wBAbR,MAAM;IAe/B,+BAA+B;oBAXZ,MAAM;EAc5B"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,WAAW,EAStC,CAAC;AAmCF;;;GAGG;AACH,wBAAgB,QAAQ;IAUpB,kCAAkC;;IAElC,sCAAsC;;IAEtC,iCAAiC;wBAbR,MAAM;IAe/B,+BAA+B;oBAXZ,MAAM;EAc5B"}

package/dist/composables/useTheme.js

@@ -1,5 +1,6 @@
-import { ref as c, watch as s } from "vue";
-const u = [
+import { ref as n, watch as s } from "vue";
+import { safeGetItem as c, safeSetItem as u } from "../utils/storage.js";
+const d = [
   { id: "mono", label: "Mono", description: "Monochrome — default theme" },
   { id: "default", label: "Navy", description: "Navy blue" },
   { id: "forest", label: "Forest", description: "Natural green" },
@@ -8,34 +9,25 @@ const u = [
   { id: "teal", label: "Teal", description: "Cool teal" },
   { id: "violet", label: "Violet", description: "Rich purple" },
   { id: "ruby", label: "Ruby", description: "Bold red" }
-], n = "cui-theme", i = "cui-theme-", a = typeof window < "u";
-function d() {
-  if (!a) return "mono";
-  try {
-    return localStorage.getItem(n) ?? "mono";
-  } catch {
-    return "mono";
-  }
+], a = "cui-theme", r = "cui-theme-";
+function m() {
+  return c(a) ?? "mono";
 }
-const o = c(d());
+const o = n(m());
 function l(e) {
   if (typeof document > "u") return;
   const t = document.documentElement;
-  for (const r of Array.from(t.classList))
-    r.startsWith(i) && t.classList.remove(r);
-  e !== "default" && t.classList.add(`${i}${e}`);
+  for (const i of Array.from(t.classList))
+    i.startsWith(r) && t.classList.remove(i);
+  e !== "default" && t.classList.add(`${r}${e}`);
 }
 l(o.value);
 s(o, (e) => {
-  if (l(e), a)
-    try {
-      localStorage.setItem(n, e);
-    } catch {
-    }
+  l(e), u(a, e);
 });
-function f() {
-  function e(r) {
-    o.value = r;
+function b() {
+  function e(i) {
+    o.value = i;
   }
   function t() {
     return o.value;
@@ -44,7 +36,7 @@ function f() {
     /** Current theme ID (reactive) */
     theme: o,
     /** List of available theme presets */
-    presets: u,
+    presets: d,
     /** Set the active theme by ID */
     setTheme: e,
     /** Get the current theme ID */
@@ -52,6 +44,6 @@ function f() {
   };
 }
 export {
-  u as THEME_PRESETS,
-  f as useTheme
+  d as THEME_PRESETS,
+  b as useTheme
 };

package/dist/duplicate-guard.d.ts

@@ -0,0 +1,17 @@
+interface CleanUIGlobal {
+    __CUI_INSTANCE__?: string;
+}
+/**
+ * Every seam a satellite package relies on — form binding context, the icon
+ * registry, theme/density state — is a module-scope singleton. Two copies of
+ * clean-ui in one consumer tree (a version mismatch that defeats deduping)
+ * make those fail *silently*: no error, just a missing label or a "?" icon
+ * glyph. Stamp this copy's version on a shared global the first time any
+ * copy loads, and warn once if a second, different version shows up.
+ *
+ * Exported (not re-exported from the barrel) so it can be exercised directly
+ * from a test without relying on module-cache tricks to simulate two copies.
+ */
+export declare function registerInstance(current: string, g?: CleanUIGlobal): void;
+export {};
+//# sourceMappingURL=duplicate-guard.d.ts.map

package/dist/duplicate-guard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duplicate-guard.d.ts","sourceRoot":"","sources":["../src/duplicate-guard.ts"],"names":[],"mappings":"AAGA,UAAU,aAAa;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,CAAC,GAAE,aAA2C,GAC7C,IAAI,CAeN"}

package/dist/duplicate-guard.js

@@ -0,0 +1,16 @@
+import { version as t } from "./version.js";
+import { warnOnce as i } from "./utils/devWarn.js";
+function s(e, n = globalThis) {
+  const o = n.__CUI_INSTANCE__;
+  if (o === void 0) {
+    n.__CUI_INSTANCE__ = e;
+    return;
+  }
+  o !== e && i(
+    `[clean-ui] Detected two copies of @itguy614/clean-ui: v${o} and v${e}. Components share module-scope singletons (form context, the icon registry, theme/density state), so a duplicated instance can fail silently instead of erroring. Fix: dedupe @itguy614/clean-ui to one copy (check your lockfile / bundler resolution), or widen the consuming package's peer dependency range so both resolve to the same install.`
+  );
+}
+s(t);
+export {
+  s as registerInstance
+};