@itguy614/clean-ui 1.0.1 → 1.1.0

package/dist/components/CuiIcon.vue.d.ts

@@ -1,9 +1,21 @@
+import { type Component } from "vue";
 import type { CuiSize, CuiColorOrCss, HideableProps } from "../types/common";
 export type IconWeight = "thin" | "light" | "regular" | "bold" | "fill" | "duotone";
 export type IconSize = CuiSize | (string & {});
 export interface CuiIconProps extends HideableProps {
-    /** Phosphor icon name in kebab-case (e.g. "check", "warning-circle", "eye-slash") */
-    name: string;
+    /**
+     * Phosphor icon name in kebab-case (e.g. "check", "warning-circle").
+     * Resolved from the built-in set and anything passed to `registerIcons()`.
+     * An unregistered name still renders, via a lazy import of the whole Phosphor
+     * package — which is not tree-shakeable, so it warns in the console.
+     */
+    name?: string;
+    /**
+     * A Phosphor component passed directly, e.g. `:icon="PhRocket"`. The simplest
+     * tree-shakeable path — the consumer's own static import. Takes precedence
+     * over `name`.
+     */
+    icon?: Component;
     /** Icon weight/style */
     weight?: IconWeight;
     /** Icon size — named scale (xs–xl) or custom CSS value */

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

@@ -1 +1 @@
-{"version":3,"file":"CuiIcon.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiIcon.vue"],"names":[],"mappings":"AAoJA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG7E,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AACpF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE/C,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,qFAAqF;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;;;YATU,UAAU;UAEZ,QAAQ;WAEP,aAAa;oBAIJ,MAAM;;AAwJzB,wBAOG"}
+{"version":3,"file":"CuiIcon.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiIcon.vue"],"names":[],"mappings":"AAoNA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAU7E,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AACpF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE/C,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wBAAwB;IACxB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;;;YATU,UAAU;UAEZ,QAAQ;WAEP,aAAa;oBAIJ,MAAM;;AAuMzB,wBAOG"}

package/dist/components/CuiIcon.vue.js

@@ -1,7 +1,7 @@
 import o from "./CuiIcon.vue2.js";
 /* empty css             */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9be9ff93"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b9c50b01"]]);
 export {
   p as default
 };

package/dist/components/CuiIcon.vue2.js

@@ -1,9 +1,13 @@
-import { defineComponent as w, computed as d, ref as C, onMounted as y, watch as g, withDirectives as z, openBlock as r, createElementBlock as m, normalizeStyle as h, normalizeClass as k, createBlock as I, resolveDynamicComponent as S, unref as x, vShow as B } from "vue";
-import { resolveColor as M } from "../utils/color.js";
-const D = /* @__PURE__ */ w({
+import { defineComponent as I, computed as r, shallowRef as k, toRaw as z, watchEffect as p, withDirectives as $, openBlock as u, createElementBlock as h, normalizeStyle as v, normalizeClass as R, createBlock as B, resolveDynamicComponent as O, unref as S, vShow as x } from "vue";
+import { resolveColor as F } from "../utils/color.js";
+import { resolveRegisteredIcon as b, getIconFallbackResolver as A } from "../icons/registry.js";
+import { FALLBACK_ICON as s } from "../icons/builtin.js";
+import { warnOnce as l } from "../utils/devWarn.js";
+const U = /* @__PURE__ */ I({
   __name: "CuiIcon",
   props: {
     name: {},
+    icon: {},
     weight: { default: "regular" },
     size: { default: "md" },
     color: { default: "currentColor" },
@@ -12,7 +16,7 @@ const D = /* @__PURE__ */ w({
     hidden: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const o = n, p = {
+    const o = n, w = {
       xs: "0.875rem",
       // 14px
       sm: "1rem",
@@ -23,50 +27,67 @@ const D = /* @__PURE__ */ w({
       // 24px
       xl: "2rem"
       // 32px
-    }, a = d(() => p[o.size] ?? o.size);
-    function f(e) {
-      return "Ph" + e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("");
+    }, c = r(() => w[o.size] ?? o.size);
+    function a(e) {
+      return "Ph" + e.split("-").map((i) => i.charAt(0).toUpperCase() + i.slice(1)).join("");
     }
-    const i = /* @__PURE__ */ new Map(), l = C(null);
-    async function s(e) {
-      const t = f(e);
-      if (i.has(t)) {
-        l.value = i.get(t);
-        return;
-      }
+    const t = k(null), d = r(() => o.icon ? z(o.icon) : o.name ? b(o.name) ?? null : null), m = r(() => d.value ?? t.value);
+    function y(e) {
+      l(
+        `[CuiIcon] unknown icon "${e}". Register it so it ships with your bundle:
+  import { registerIcons } from "@itguy614/clean-ui";
+  import { ${a(e)} } from "@phosphor-icons/vue";
+  registerIcons({ "${e}": ${a(e)} });
+Or, to resolve any name at runtime (pulls in the whole icon package):
+  import "@itguy614/clean-ui/icons/lazy";`
+      );
+    }
+    async function g(e, i) {
       try {
-        const u = await import("@phosphor-icons/vue");
-        let c = u[t];
-        c || (console.warn(`[CuiIcon] Icon "${e}" (${t}) not found in @phosphor-icons/vue`), c = u.PhQuestion), i.set(t, c), o.name === e && (l.value = c);
+        const f = await i(e);
+        f || l(`[CuiIcon] Icon "${e}" (${a(e)}) not found in @phosphor-icons/vue`), o.name === e && (t.value = f ?? s);
       } catch {
-        console.warn(`[CuiIcon] Failed to load icon "${e}"`);
+        l(`[CuiIcon] Failed to load icon "${e}"`), o.name === e && (t.value = s);
       }
     }
-    y(() => s(o.name)), g(() => o.name, (e) => s(e));
-    const v = d(() => {
+    p(() => {
+      if (d.value || !o.name) {
+        t.value = null;
+        return;
+      }
+      const e = A();
+      if (!e) {
+        y(o.name), t.value = s;
+        return;
+      }
+      typeof window > "u" || g(o.name, e);
+    }), p(() => {
+      !o.name && !o.icon && l("[CuiIcon] requires either a `name` or an `icon` prop.");
+    });
+    const C = r(() => {
       const e = {};
       return o.weight === "duotone" && (o.duotoneColor && (e["--_duotone-color"] = o.duotoneColor), e["--_duotone-opacity"] = String(o.duotoneOpacity)), e;
     });
-    return (e, t) => z((r(), m("span", {
-      class: k(["cui-icon", { "cui-icon--duotone": n.weight === "duotone" }]),
-      style: h(v.value)
+    return (e, i) => $((u(), h("span", {
+      class: R(["cui-icon", { "cui-icon--duotone": n.weight === "duotone" }]),
+      style: v(C.value)
     }, [
-      l.value ? (r(), I(S(l.value), {
+      m.value ? (u(), B(O(m.value), {
         key: 0,
         weight: n.weight,
-        size: a.value,
-        color: x(M)(n.color)
-      }, null, 8, ["weight", "size", "color"])) : (r(), m("span", {
+        size: c.value,
+        color: S(F)(n.color)
+      }, null, 8, ["weight", "size", "color"])) : (u(), h("span", {
         key: 1,
         class: "cui-icon__placeholder",
-        style: h({ width: a.value, height: a.value }),
+        style: v({ width: c.value, height: c.value }),
         "aria-hidden": "true"
       }, null, 4))
     ], 6)), [
-      [B, !n.hidden]
+      [x, !n.hidden]
     ]);
   }
 });
 export {
-  D as default
+  U as default
 };

package/dist/components/CuiRating.vue.d.ts

@@ -34,10 +34,10 @@ declare const _default: import("vue").DefineComponent<CuiRatingProps, {
     hidden: boolean;
     size: CuiSize;
     color: CuiColor;
+    icon: string;
     disabled: boolean;
     modelValue: number;
     clearable: boolean;
-    icon: string;
     max: number;
     showValue: boolean;
     half: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiRating.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRating.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIzH,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACpG,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4GD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;;cAzHY,OAAO;;;;;gBAVL,MAAM;eAgBP,OAAO;UAVZ,MAAM;SAJP,MAAM;eAUA,OAAO;UARZ,OAAO;cAIH,MAAM;;AAuPnB,wBASG"}
+{"version":3,"file":"CuiRating.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRating.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIzH,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACpG,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4GD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;;cAzHY,OAAO;;;;UAJX,MAAM;;gBANA,MAAM;eAgBP,OAAO;SAdb,MAAM;eAUA,OAAO;UARZ,OAAO;cAIH,MAAM;;AAuPnB,wBASG"}

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTab.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTab.vue"],"names":[],"mappings":"AAwJA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,WAAY,SAAQ,aAAa,EAAE,gBAAgB;IAClE,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4GD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;eAtIP,OAAO;6EA6InB,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":"CuiTab.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTab.vue"],"names":[],"mappings":"AA8JA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,WAAY,SAAQ,aAAa,EAAE,gBAAgB;IAClE,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAkHD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;eA5IP,OAAO;6EAmJnB,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/CuiTab.vue.js

@@ -1,7 +1,7 @@
 import o from "./CuiTab.vue2.js";
 /* empty css            */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2e564d52"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-57a89561"]]);
 export {
   p as default
 };

package/dist/components/CuiTab.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, inject as p, computed as u, onMounted as h, watch as y, onUnmounted as x, unref as C, withDirectives as d, openBlock as s, createElementBlock as b, normalizeClass as c, renderSlot as v, vShow as f, createCommentVNode as T } from "vue";
-import { TabsContextKey as g } from "./tabs-context.js";
-const k = ["aria-labelledby"], w = ["aria-labelledby"], I = /* @__PURE__ */ m({
+import { defineComponent as h, inject as y, computed as s, useSlots as x, onMounted as C, watch as T, onUnmounted as k, unref as w, withDirectives as c, openBlock as b, createElementBlock as v, normalizeClass as f, renderSlot as m, vShow as p, createCommentVNode as B } from "vue";
+import { TabsContextKey as S } from "./tabs-context.js";
+const g = ["aria-labelledby"], E = ["aria-labelledby"], $ = /* @__PURE__ */ h({
   __name: "CuiTab",
   props: {
     value: {},
@@ -10,64 +10,69 @@ const k = ["aria-labelledby"], w = ["aria-labelledby"], I = /* @__PURE__ */ m({
     disabled: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const e = n, a = p(g);
+    const e = n, a = y(S);
     if (!a)
       throw new Error("[CuiTab] must be used inside a <CuiTabs> component.");
-    const i = u(() => a.activeTab.value === e.value);
-    h(() => {
-      a.register({
+    const o = s(() => a.activeTab.value === e.value), i = x();
+    function r() {
+      return {
         value: e.value,
         label: e.label,
         disabled: e.disabled,
-        closeable: e.closeable
-      });
-    }), y(
-      () => ({ label: e.label, disabled: e.disabled, closeable: e.closeable }),
+        closeable: e.closeable,
+        // Call through `slots` rather than capturing the slot function, so the
+        // parent's render always invokes the current one — a badge count in the
+        // slot updates without re-registering the tab.
+        labelSlot: i.label ? () => {
+          var l;
+          return (l = i.label) == null ? void 0 : l.call(i);
+        } : void 0
+      };
+    }
+    C(() => {
+      a.register(r());
+    }), T(
+      () => [e.label, e.disabled, e.closeable, !!i.label],
       () => {
-        a.unregister(e.value), a.register({
-          value: e.value,
-          label: e.label,
-          disabled: e.disabled,
-          closeable: e.closeable
-        });
+        a.register(r());
       }
-    ), x(() => {
+    ), k(() => {
       a.unregister(e.value);
     });
-    const o = u(() => {
+    const u = s(() => {
       if (a.transition.value !== "none") {
         if (a.transition.value === "slide") {
-          const t = r(a.previousTab.value);
-          return r(e.value) >= t ? "cui-tab-slide-left" : "cui-tab-slide-right";
+          const l = d(a.previousTab.value);
+          return d(e.value) >= l ? "cui-tab-slide-left" : "cui-tab-slide-right";
         }
         return "cui-tab-fade";
       }
     });
-    function r(t) {
-      const l = document.querySelector(`[data-cui-tab-value="${t}"]`);
-      return l != null && l.parentElement ? Array.from(l.parentElement.children).indexOf(l) : 0;
+    function d(l) {
+      const t = document.querySelector(`[data-cui-tab-value="${l}"]`);
+      return t != null && t.parentElement ? Array.from(t.parentElement.children).indexOf(t) : 0;
     }
-    return (t, l) => C(a).keepAlive.value ? d((s(), b("div", {
+    return (l, t) => w(a).keepAlive.value ? c((b(), v("div", {
       key: 0,
-      class: c(["cui-tab-panel", [i.value ? o.value : ""]]),
+      class: f(["cui-tab-panel", [o.value ? u.value : ""]]),
       role: "tabpanel",
       "aria-labelledby": n.value
     }, [
-      v(t.$slots, "default", {}, void 0, !0)
-    ], 10, k)), [
-      [f, i.value && !n.hidden]
-    ]) : i.value ? d((s(), b("div", {
+      m(l.$slots, "default", {}, void 0, !0)
+    ], 10, g)), [
+      [p, o.value && !n.hidden]
+    ]) : o.value ? c((b(), v("div", {
       key: 1,
-      class: c(["cui-tab-panel", o.value]),
+      class: f(["cui-tab-panel", u.value]),
       role: "tabpanel",
       "aria-labelledby": n.value
     }, [
-      v(t.$slots, "default", {}, void 0, !0)
-    ], 10, w)), [
-      [f, !n.hidden]
-    ]) : T("", !0);
+      m(l.$slots, "default", {}, void 0, !0)
+    ], 10, E)), [
+      [p, !n.hidden]
+    ]) : B("", !0);
   }
 });
 export {
-  I as default
+  $ as default
 };

package/dist/components/CuiTable.vue.d.ts

@@ -21,14 +21,14 @@ export interface CuiTableProps extends HideableProps, SizeableProps {
      */
     ariaRowcount?: number;
 }
-declare var __VLS_1: {}, __VLS_3: {};
+declare function measure(): void;
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<CuiTableProps, {
     scrollWrapper: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    measure: typeof measure;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiTableProps> & Readonly<{}>, {
     hidden: boolean;
     size: import("..").CuiSize;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTable.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTable.vue"],"names":[],"mappings":"AAyPA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIpE,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,aAAa;IACjE,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAuHD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA4B/C,QAAA,MAAM,eAAe;;;;;aAzKT,OAAO;eAEL,OAAO;cAER,OAAO;kBAEH,OAAO;iBAER,OAAO;6EAyKrB,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":"CuiTable.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTable.vue"],"names":[],"mappings":"AAmTA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMpE,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,aAAa;IACjE,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAiED,iBAAS,OAAO,SAiBf;AAiFD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAiC/C,QAAA,MAAM,eAAe;;;;;;aAzNT,OAAO;eAEL,OAAO;cAER,OAAO;kBAEH,OAAO;iBAER,OAAO;6EAyNrB,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/CuiTable.vue.js

@@ -1,11 +1,10 @@
-import { defineComponent as z, computed as l, provide as C, ref as E, withDirectives as f, openBlock as r, createElementBlock as i, createElementVNode as p, unref as a, normalizeStyle as s, normalizeClass as y, renderSlot as h, createCommentVNode as b, vShow as v } from "vue";
-import { TableContextKey as D } from "./table-context.js";
-import { clampSize as T } from "../utils/sizing.js";
-import { useScrollShadows as $, scrollShadowRightStyle as L, scrollShadowBottomStyle as N } from "../composables/useScrollShadows.js";
-const P = {
-  key: 0,
-  style: { position: "relative" }
-}, V = ["aria-rowcount"], I = ["aria-rowcount"], Z = /* @__PURE__ */ z({
+import { defineComponent as _, computed as i, provide as E, ref as m, onMounted as T, onBeforeUnmount as L, watch as O, withDirectives as D, openBlock as v, createElementBlock as h, createElementVNode as y, unref as l, normalizeStyle as u, normalizeClass as M, renderSlot as q, createCommentVNode as w, vShow as N } from "vue";
+import { TableContextKey as P } from "./table-context.js";
+import { clampSize as U } from "../utils/sizing.js";
+import { useScrollShadows as V, scrollShadowRightStyle as X, scrollShadowBottomStyle as $ } from "../composables/useScrollShadows.js";
+import { useMessages as A } from "../composables/useMessages.js";
+import { warnOnce as F } from "../utils/devWarn.js";
+const I = { style: { position: "relative" } }, K = ["role", "tabindex", "aria-label"], Z = ["aria-rowcount"], te = /* @__PURE__ */ _({
   __name: "CuiTable",
   props: {
     striped: { type: Boolean, default: !1 },
@@ -19,15 +18,15 @@ const P = {
     hidden: { type: Boolean, default: !1 },
     size: { default: "md" }
   },
-  setup(o, { expose: S }) {
-    const e = o, w = ["sm", "md", "lg"], n = l(() => T(e.size, w));
-    C(D, {
-      size: n,
-      stickyHeader: l(() => e.stickyHeader)
+  setup(f, { expose: S }) {
+    const e = f, g = ["sm", "md", "lg"], p = i(() => U(e.size, g));
+    E(P, {
+      size: p,
+      stickyHeader: i(() => e.stickyHeader)
     });
-    const d = l(() => [
+    const x = i(() => [
       "cui-table",
-      `cui-table--${n.value}`,
+      `cui-table--${p.value}`,
       {
         "cui-table--striped": e.striped,
         "cui-table--hoverable": e.hoverable,
@@ -35,56 +34,62 @@ const P = {
         "cui-table--sticky-header": e.stickyHeader,
         "cui-table--fixed": e.fixedLayout
       }
-    ]), g = l(() => {
-      if (!e.maxHeight && !e.minWidth) return;
-      const t = { overflow: "auto", position: "relative" };
-      return e.maxHeight && (t.maxHeight = e.maxHeight), t;
-    }), k = l(() => ({
+    ]), k = i(() => ({
       borderCollapse: "separate",
       borderSpacing: "0",
       minWidth: e.minWidth || void 0
-    })), { canScrollRight: x, canScrollDown: H, onScroll: c, onMount: B } = $(), u = E(null);
-    function R(t) {
-      u.value = t, B(t);
+    })), { canScrollRight: H, canScrollDown: B, onScroll: b, update: z } = V(), r = m(null), n = m(null), c = m(!1), s = i(() => !!e.maxHeight || c.value), W = i(() => {
+      const t = { position: "relative" };
+      return e.maxHeight ? (t.overflow = "auto", t.maxHeight = e.maxHeight) : c.value && (t.overflowX = "auto"), t;
+    });
+    function d() {
+      const t = r.value, a = n.value;
+      !t || !a || (c.value = Math.max(a.scrollWidth, a.offsetWidth) - t.clientWidth > 1, z(t), c.value && e.stickyHeader && !e.maxHeight && F(
+        "[clean-ui] CuiTable: stickyHeader with a horizontally overflowing table needs maxHeight. The scroll container required to contain the overflow also becomes the sticky header's scrollport, so the header can't stick to the viewport."
+      ));
     }
-    return S({ scrollWrapper: u }), (t, m) => o.maxHeight || o.minWidth ? f((r(), i("div", P, [
-      p("div", {
-        ref: R,
+    let o;
+    T(() => {
+      requestAnimationFrame(d), typeof ResizeObserver < "u" && (o = new ResizeObserver(d), r.value && o.observe(r.value), n.value && o.observe(n.value));
+    }), L(() => {
+      o == null || o.disconnect(), o = void 0;
+    }), O(() => [e.minWidth, e.maxHeight, e.fixedLayout], d, { flush: "post" });
+    const C = A();
+    return S({ scrollWrapper: r, measure: d }), (t, a) => D((v(), h("div", I, [
+      y("div", {
+        ref_key: "scrollWrapper",
+        ref: r,
         class: "cui-table-wrapper",
-        style: s(g.value),
-        onScroll: m[0] || (m[0] = //@ts-ignore
-        (...W) => a(c) && a(c)(...W))
+        style: u(W.value),
+        role: s.value ? "region" : void 0,
+        tabindex: s.value ? 0 : void 0,
+        "aria-label": s.value ? l(C).table.scrollRegionLabel : void 0,
+        onScroll: a[0] || (a[0] = //@ts-ignore
+        (...R) => l(b) && l(b)(...R))
       }, [
-        p("table", {
-          class: y(d.value),
-          style: s(k.value),
-          "aria-rowcount": o.ariaRowcount
+        y("table", {
+          ref_key: "tableEl",
+          ref: n,
+          class: M(x.value),
+          style: u(k.value),
+          "aria-rowcount": f.ariaRowcount
         }, [
-          h(t.$slots, "default")
-        ], 14, V)
-      ], 36),
-      a(x) ? (r(), i("div", {
+          q(t.$slots, "default")
+        ], 14, Z)
+      ], 44, K),
+      s.value && l(H) ? (v(), h("div", {
         key: 0,
-        style: s(a(L))
-      }, null, 4)) : b("", !0),
-      a(H) ? (r(), i("div", {
+        style: u(l(X))
+      }, null, 4)) : w("", !0),
+      s.value && l(B) ? (v(), h("div", {
         key: 1,
-        style: s(a(N))
-      }, null, 4)) : b("", !0)
+        style: u(l($))
+      }, null, 4)) : w("", !0)
     ], 512)), [
-      [v, !o.hidden]
-    ]) : f((r(), i("table", {
-      key: 1,
-      class: y(d.value),
-      style: { "border-collapse": "separate", "border-spacing": "0" },
-      "aria-rowcount": o.ariaRowcount
-    }, [
-      h(t.$slots, "default")
-    ], 10, I)), [
-      [v, !o.hidden]
+      [N, !f.hidden]
     ]);
   }
 });
 export {
-  Z as default
+  te as default
 };

package/dist/components/CuiTableCell.vue.d.ts

@@ -20,6 +20,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<CuiTableCellProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiTableCellProps> & Readonly<{}>, {
     nowrap: boolean;
+    header: boolean;
     hidden: boolean;
     align: TableCellAlign;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTableCell.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableCell.vue"],"names":[],"mappings":"AA8DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA4DD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAuB/C,QAAA,MAAM,eAAe;YAtFV,OAAO;;WARR,cAAc;6EAqGtB,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":"CuiTableCell.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableCell.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAoED,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAuB/C,QAAA,MAAM,eAAe;YA9FV,OAAO;YAVP,OAAO;;WAER,cAAc;6EA6GtB,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/CuiTableCell.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as s, inject as c, computed as n, withDirectives as d, openBlock as p, createBlock as f, resolveDynamicComponent as u, normalizeStyle as h, withCtx as w, renderSlot as m, vShow as v } from "vue";
+import { defineComponent as s, inject as d, computed as n, withDirectives as c, openBlock as p, createBlock as f, resolveDynamicComponent as u, normalizeStyle as h, withCtx as w, renderSlot as m, vShow as v } from "vue";
 import { TableSectionContextKey as y } from "./table-context.js";
 const B = /* @__PURE__ */ s({
   __name: "CuiTableCell",
   props: {
-    header: { type: Boolean },
+    header: { type: Boolean, default: void 0 },
     align: { default: "left" },
     width: {},
     colspan: {},
@@ -12,11 +12,11 @@ const B = /* @__PURE__ */ s({
     hidden: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const e = o, a = c(y, void 0), l = n(() => e.header !== void 0 ? e.header : (a == null ? void 0 : a.isHead) ?? !1), i = n(() => l.value ? "th" : "td"), r = n(() => {
+    const e = o, a = d(y, void 0), l = n(() => e.header !== void 0 ? e.header : (a == null ? void 0 : a.isHead) ?? !1), i = n(() => l.value ? "th" : "td"), r = n(() => {
       const t = {};
       return e.align !== "left" && (t.textAlign = e.align), e.width && (t.width = e.width), e.nowrap && (t.whiteSpace = "nowrap"), t;
     });
-    return (t, C) => d((p(), f(u(i.value), {
+    return (t, C) => c((p(), f(u(i.value), {
       style: h(r.value),
       colspan: o.colspan,
       rowspan: o.rowspan,

package/dist/components/CuiTabs.vue.d.ts

@@ -12,9 +12,9 @@ export interface CuiTabsProps extends HideableProps, ColorableProps {
     /** Panel transition animation */
     transition?: TabTransition;
 }
-declare var __VLS_4: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_4) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<CuiTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTabs.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTabs.vue"],"names":[],"mappings":"AAkWA,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGrE,MAAM,WAAW,YAAa,SAAQ,aAAa,EAAE,cAAc;IACjE,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iCAAiC;IACjC,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAoQD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA4B/C,QAAA,MAAM,eAAe;;;;;;;;;aAzST,UAAU;iBAEN,cAAc;gBAIf,aAAa;eAFd,OAAO;6EA6SnB,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":"CuiTabs.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTabs.vue"],"names":[],"mappings":"AA2fA,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGrE,MAAM,WAAW,YAAa,SAAQ,aAAa,EAAE,cAAc;IACjE,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iCAAiC;IACjC,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AA2WD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAgC/C,QAAA,MAAM,eAAe;;;;;;;;;aApZT,UAAU;iBAEN,cAAc;gBAIf,aAAa;eAFd,OAAO;6EAwZnB,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/CuiTabs.vue.js

@@ -1,7 +1,7 @@
 import o from "./CuiTabs.vue2.js";
 /* empty css             */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2356dd2a"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed16f53a"]]);
 export {
-  p as default
+  m as default
 };