@itguy614/clean-ui 1.0.0 → 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/CuiInput.vue.d.ts

@@ -1,8 +1,8 @@
 import type { HideableProps, ColorableProps, SizeableProps, DisableableProps, CuiRounded } from "../types/common";
-export type InputType = "text" | "password" | "email" | "url" | "tel" | "search";
+export type InputType = "text" | "password" | "email" | "url" | "tel" | "search" | "number" | "range";
 export interface CuiInputProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
-    /** v-model binding */
-    modelValue?: string;
+    /** v-model binding. `string | number` so `type="number"` / `v-model.number` bind without a cast. */
+    modelValue?: string | number;
     /** Input type */
     type?: InputType;
     /** Placeholder text */
@@ -36,10 +36,10 @@ declare const __VLS_component: import("vue").DefineComponent<CuiInputProps, {
     blur: typeof blur;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => any;
-    "update:modelValue": (value: string) => any;
+    "update:modelValue": (value: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<CuiInputProps> & Readonly<{
     onClear?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     error: boolean;
     readonly: boolean;
@@ -49,7 +49,7 @@ declare const __VLS_component: import("vue").DefineComponent<CuiInputProps, {
     type: InputType;
     rounded: CuiRounded;
     disabled: boolean;
-    modelValue: string;
+    modelValue: string | number;
     clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiInput.vue"],"names":[],"mappings":"AAmXA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAalH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEjF,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACnG,sBAAsB;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AA8CD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;AAoND,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACrF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAgCxD,QAAA,MAAM,eAAe;;;;;;;;;;;WApTX,OAAO;cAIJ,OAAO;;;;UAVX,SAAS;aAYN,UAAU;;gBAdP,MAAM;eAMP,OAAO;6EA+TnB,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":"CuiInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiInput.vue"],"names":[],"mappings":"AAmYA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAalH,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,UAAU,GACV,OAAO,GACP,KAAK,GACL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACnG,oGAAoG;IACpG,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAsDD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;AAoND,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACrF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAgCxD,QAAA,MAAM,eAAe;;;;;;;;;;;WA5TX,OAAO;cAIJ,OAAO;;;;UAVX,SAAS;aAYN,UAAU;;gBAdP,MAAM,GAAG,MAAM;eAMhB,OAAO;6EAuUnB,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/CuiInput.vue.js

@@ -1,7 +1,7 @@
 import o from "./CuiInput.vue2.js";
 /* empty css              */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-30a3b85f"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29588c2a"]]);
 export {
-  f as default
+  m as default
 };

package/dist/components/CuiInput.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, ref as _, computed as n, useTemplateRef as E, withDirectives as I, openBlock as i, createElementBlock as u, createElementVNode as m, normalizeStyle as M, normalizeClass as N, renderSlot as d, createCommentVNode as a, unref as v, createVNode as P, createBlock as h, toDisplayString as R, vShow as T } from "vue";
+import { defineComponent as S, ref as _, computed as n, useTemplateRef as E, withDirectives as I, openBlock as u, createElementBlock as o, createElementVNode as m, normalizeStyle as M, normalizeClass as N, renderSlot as d, createCommentVNode as a, unref as v, createVNode as P, createBlock as h, toDisplayString as R, vShow as T } from "vue";
 import b from "./CuiIcon.vue.js";
 import { INPUT_SIZE_SCALE as D } from "../utils/sizing.js";
 import { useMessages as A } from "../composables/useMessages.js";
@@ -41,7 +41,9 @@ const L = { class: "cui-input-wrapper" }, U = {
       md: "var(--cui-button-radius, 0.375rem)",
       lg: "0.5rem",
       full: "9999px"
-    }, o = t, c = g, l = _(!1), y = n(() => o.type === "password"), $ = n(() => y.value && l.value ? "text" : o.type), w = n(() => o.clearable && o.modelValue && !o.disabled && !o.readonly);
+    }, i = t, c = g, l = _(!1), y = n(() => i.type === "password"), $ = n(() => y.value && l.value ? "text" : i.type), w = n(
+      () => i.clearable && i.modelValue !== "" && i.modelValue != null && !i.disabled && !i.readonly
+    );
     function V() {
       var e;
       c("update:modelValue", ""), c("clear"), (e = r.value) == null || e.focus();
@@ -59,8 +61,8 @@ const L = { class: "cui-input-wrapper" }, U = {
       (e = r.value) == null || e.blur();
     }
     x({ el: r, focus: C, blur: B });
-    const f = n(() => D[o.size]), p = A();
-    return (e, s) => I((i(), u("div", L, [
+    const f = n(() => D[i.size]), p = A();
+    return (e, s) => I((u(), o("div", L, [
       m("div", {
         class: N(["cui-input", {
           "cui-input--error": t.error,
@@ -80,11 +82,11 @@ const L = { class: "cui-input-wrapper" }, U = {
           "--_input-focus-border": t.error ? "var(--cui-error)" : `var(--cui-${t.color})`
         })
       }, [
-        e.$slots["prefix-button"] ? (i(), u("div", U, [
+        e.$slots["prefix-button"] ? (u(), o("div", U, [
           d(e.$slots, "prefix-button", {}, void 0, !0)
         ])) : a("", !0),
         m("div", Z, [
-          e.$slots.prefix ? (i(), u("span", j, [
+          e.$slots.prefix ? (u(), o("span", j, [
             d(e.$slots, "prefix", {}, void 0, !0)
           ])) : a("", !0),
           m("input", {
@@ -98,7 +100,7 @@ const L = { class: "cui-input-wrapper" }, U = {
             class: "cui-input__native",
             onInput: z
           }, null, 40, q),
-          w.value ? (i(), u("button", {
+          w.value ? (u(), o("button", {
             key: 1,
             type: "button",
             class: "cui-input__clear",
@@ -111,7 +113,7 @@ const L = { class: "cui-input-wrapper" }, U = {
               size: "0.75rem"
             })
           ], 8, F)) : a("", !0),
-          y.value ? (i(), u("button", {
+          y.value ? (u(), o("button", {
             key: 2,
             type: "button",
             class: "cui-input__password-toggle",
@@ -119,25 +121,25 @@ const L = { class: "cui-input-wrapper" }, U = {
             "aria-label": l.value ? v(p).input.hidePassword : v(p).input.showPassword,
             onClick: s[0] || (s[0] = (O) => l.value = !l.value)
           }, [
-            l.value ? (i(), h(b, {
+            l.value ? (u(), h(b, {
               key: 1,
               name: "eye-slash",
               size: "1rem"
-            })) : (i(), h(b, {
+            })) : (u(), h(b, {
               key: 0,
               name: "eye",
               size: "1rem"
             }))
           ], 8, G)) : a("", !0),
-          e.$slots.suffix ? (i(), u("span", H, [
+          e.$slots.suffix ? (u(), o("span", H, [
             d(e.$slots, "suffix", {}, void 0, !0)
           ])) : a("", !0)
         ]),
-        e.$slots["suffix-button"] ? (i(), u("div", J, [
+        e.$slots["suffix-button"] ? (u(), o("div", J, [
           d(e.$slots, "suffix-button", {}, void 0, !0)
         ])) : a("", !0)
       ], 6),
-      t.error && t.errorMessage ? (i(), u("div", K, R(t.errorMessage), 1)) : a("", !0)
+      t.error && t.errorMessage ? (u(), o("div", K, R(t.errorMessage), 1)) : a("", !0)
     ], 512)), [
       [T, !t.hidden]
     ]);

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

@@ -38,7 +38,7 @@ declare const __VLS_component: import("vue").DefineComponent<CuiMaskedInputProps
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly modelValue?: string | undefined;
+            readonly modelValue?: string | number | undefined;
             readonly type?: import("./CuiInput.vue").InputType | undefined;
             readonly placeholder?: string | undefined;
             readonly clearable?: boolean | undefined;
@@ -51,7 +51,7 @@ declare const __VLS_component: import("vue").DefineComponent<CuiMaskedInputProps
             readonly size?: CuiSize | undefined;
             readonly disabled?: boolean | undefined;
             readonly onClear?: (() => any) | undefined;
-            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         $attrs: import("vue").Attrs;
         $refs: {
@@ -63,18 +63,18 @@ declare const __VLS_component: import("vue").DefineComponent<CuiMaskedInputProps
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "clear") => void) & ((event: "update:modelValue", value: string) => void);
+        $emit: ((event: "clear") => void) & ((event: "update:modelValue", value: string | number) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("./CuiInput.vue").CuiInputProps> & Readonly<{
             onClear?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
         }>, {
             el: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
             focus: (opts?: FocusOptions) => void;
             blur: () => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             clear: () => any;
-            "update:modelValue": (value: string) => any;
+            "update:modelValue": (value: string | number) => any;
         }, string, {
             error: boolean;
             readonly: boolean;
@@ -84,7 +84,7 @@ declare const __VLS_component: import("vue").DefineComponent<CuiMaskedInputProps
             type: import("./CuiInput.vue").InputType;
             rounded: import("../index.js").CuiRounded;
             disabled: boolean;
-            modelValue: string;
+            modelValue: string | number;
             clearable: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -115,11 +115,11 @@ declare const __VLS_component: import("vue").DefineComponent<CuiMaskedInputProps
         type: import("./CuiInput.vue").InputType;
         rounded: import("../index.js").CuiRounded;
         disabled: boolean;
-        modelValue: string;
+        modelValue: string | number;
         clearable: boolean;
     }> & Omit<Readonly<import("./CuiInput.vue").CuiInputProps> & Readonly<{
         onClear?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     }>, "el" | "focus" | "blur" | ("error" | "readonly" | "hidden" | "size" | "color" | "type" | "rounded" | "disabled" | "modelValue" | "clearable")> & {
         el: HTMLInputElement | null;
         focus: (opts?: FocusOptions) => void;

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":"AAgPA,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"}