@itguy614/clean-ui 1.2.2 → 1.3.0

package/dist/components/CuiSlideover.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as z, useTemplateRef as S, computed as i, openBlock as a, createBlock as N, Teleport as I, unref as o, withDirectives as O, createElementBlock as u, createVNode as n, createElementVNode as $, normalizeStyle as D, Fragment as E, withCtx as V, renderSlot as p, vShow as M, createCommentVNode as R } from "vue";
-import { useOverlay as G } from "../composables/useOverlay.js";
-import H from "./CuiBackdrop.vue.js";
-import K from "./CuiModalHeader.vue.js";
-import T from "./CuiModalBody.vue.js";
-const X = ["aria-labelledby"], j = /* @__PURE__ */ z({
+import { defineComponent as z, useTemplateRef as S, computed as i, openBlock as a, createBlock as N, Teleport as I, unref as o, withDirectives as O, createElementBlock as p, createVNode as n, createElementVNode as $, normalizeStyle as D, Fragment as E, withCtx as V, renderSlot as v, vShow as A, createCommentVNode as M } from "vue";
+import { useOverlay as R } from "../composables/useOverlay.js";
+import G from "./CuiBackdrop.vue.js";
+import H from "./CuiModalHeader.vue.js";
+import K from "./CuiModalBody.vue.js";
+const T = ["aria-labelledby"], j = /* @__PURE__ */ z({
   __name: "CuiSlideover",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -18,19 +18,20 @@ const X = ["aria-labelledby"], j = /* @__PURE__ */ z({
     backdropColor: { default: "black" },
     backdropImage: {},
     backdropGradient: {},
-    hidden: { type: Boolean, default: !1 }
+    hidden: { type: Boolean, default: !1 },
+    titleAs: {}
   },
   emits: ["update:visible", "close"],
   setup(l, { emit: b }) {
-    const t = l, s = b, v = S("panelEl"), { isVisible: h, isAnimating: r, closeOverlay: y, onBackdropClick: g, onKeydown: d } = G({
+    const t = l, s = b, h = S("panelEl"), { isVisible: y, isAnimating: r, closeOverlay: g, onBackdropClick: k, onKeydown: d } = R({
       open: () => t.visible,
-      dialogRef: v,
+      dialogRef: h,
       persistent: () => t.persistent,
       allowNested: () => t.allowNested,
       animationDuration: 250,
       onUpdateOpen: (e) => s("update:visible", e),
       onClose: () => s("close")
-    }), c = i(() => t.side === "left" || t.side === "right"), k = {
+    }), c = i(() => t.side === "left" || t.side === "right"), w = {
       sm: "20rem",
       // 320px
       md: "28rem",
@@ -40,13 +41,13 @@ const X = ["aria-labelledby"], j = /* @__PURE__ */ z({
       xl: "48rem",
       // 768px
       full: "100vw"
-    }, w = {
+    }, C = {
       sm: "25vh",
       md: "40vh",
       lg: "60vh",
       xl: "80vh",
       full: "100vh"
-    }, f = i(() => (c.value ? k : w)[t.size] ?? t.size), C = i(() => {
+    }, f = i(() => (c.value ? w : C)[t.size] ?? t.size), x = i(() => {
       const e = {
         position: "absolute",
         zIndex: "2",
@@ -59,48 +60,51 @@ const X = ["aria-labelledby"], j = /* @__PURE__ */ z({
         transition: "transform 0.25s ease"
       };
       return c.value ? (e.width = f.value, e.maxWidth = t.size === "full" ? "100vw" : "calc(100vw - 2rem)", e.top = "0", e.height = "100%") : (e.height = f.value, e.maxHeight = t.size === "full" ? "100vh" : "calc(100vh - 2rem)", e.left = "0", e.width = "100%"), t.side === "right" ? e.right = "0" : t.side === "left" ? e.left = "0" : t.side === "top" ? e.top = "0" : t.side === "bottom" && (e.bottom = "0"), r.value ? e.transform = "translate(0)" : t.side === "right" ? e.transform = "translateX(100%)" : t.side === "left" ? e.transform = "translateX(-100%)" : t.side === "top" ? e.transform = "translateY(-100%)" : t.side === "bottom" && (e.transform = "translateY(100%)"), e;
-    }), x = `cui-slideover-title-${Math.random().toString(36).slice(2, 8)}`;
-    return (e, m) => (a(), N(I, { to: "body" }, [
-      o(h) ? O((a(), u("div", {
+    }), m = `cui-slideover-title-${Math.random().toString(36).slice(2, 8)}`;
+    return (e, u) => (a(), N(I, { to: "body" }, [
+      o(y) ? O((a(), p("div", {
         key: 0,
+        class: "cui-slideover-overlay",
         style: { position: "fixed", inset: "0", zIndex: "9990" },
-        onKeydown: m[0] || (m[0] = //@ts-ignore
+        onKeydown: u[0] || (u[0] = //@ts-ignore
         (...B) => o(d) && o(d)(...B))
       }, [
-        n(H, {
+        n(G, {
           visible: o(r),
           opacity: l.backdropOpacity,
           blur: l.backdropBlur,
           color: l.backdropColor,
           image: l.backdropImage,
           gradient: l.backdropGradient,
-          onClick: o(g)
+          onClick: o(k)
         }, null, 8, ["visible", "opacity", "blur", "color", "image", "gradient", "onClick"]),
         $("div", {
           ref: "panelEl",
-          style: D(C.value),
+          style: D(x.value),
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": l.title ? x : void 0,
+          "aria-labelledby": l.title ? m : void 0,
           tabindex: "-1"
         }, [
-          l.title ? (a(), u(E, { key: 0 }, [
-            n(K, {
+          l.title ? (a(), p(E, { key: 0 }, [
+            n(H, {
               title: l.title,
+              "title-as": l.titleAs,
+              "title-id": m,
               "no-close-button": l.noCloseButton,
-              onClose: o(y)
-            }, null, 8, ["title", "no-close-button", "onClose"]),
-            n(T, null, {
+              onClose: o(g)
+            }, null, 8, ["title", "title-as", "no-close-button", "onClose"]),
+            n(K, null, {
               default: V(() => [
-                p(e.$slots, "default")
+                v(e.$slots, "default")
               ]),
               _: 3
             })
-          ], 64)) : p(e.$slots, "default", {}, void 0, void 0, 1)
-        ], 12, X)
+          ], 64)) : v(e.$slots, "default", {}, void 0, void 0, 1)
+        ], 12, T)
       ], 544)), [
-        [M, !l.hidden]
-      ]) : R("", !0)
+        [A, !l.hidden]
+      ]) : M("", !0)
     ]));
   }
 });

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

@@ -1,5 +1,5 @@
-import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps, DisableableProps } from "../types/common";
-export interface CuiSliderProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
+import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps, DisableableProps, NativeControlProps } from "../types/common";
+export interface CuiSliderProps extends NativeControlProps, HideableProps, ColorableProps, SizeableProps, DisableableProps {
     /** Current value */
     modelValue?: number;
     /** Minimum value */

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

@@ -1 +1 @@
-{"version":3,"file":"CuiSlider.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiSlider.vue"],"names":[],"mappings":"AAgMA,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,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkDD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;AAuJD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA8B7C,QAAA,MAAM,eAAe;;;;;;;;;;;;;gBAhQN,MAAM;SAIb,MAAM;UAEL,MAAM;SAJP,MAAM;eAQA,OAAO;eAIP,OAAO;6EA2PnB,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":"CuiSlider.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiSlider.vue"],"names":[],"mappings":"AAsMA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAI7I,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACxH,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkDD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;AA+JD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA8B7C,QAAA,MAAM,eAAe;;;;;;;;;;;;;gBAxQN,MAAM;SAIb,MAAM;UAEL,MAAM;SAJP,MAAM;eAQA,OAAO;eAIP,OAAO;6EAmQnB,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/CuiSlider.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as F, computed as s, ref as $, useTemplateRef as C, withDirectives as R, openBlock as r, createElementBlock as m, normalizeStyle as n, toDisplayString as c, createCommentVNode as d, createElementVNode as u, renderSlot as B, createBlock as E, vShow as H } from "vue";
-import { clampSize as T } from "../utils/sizing.js";
-import j from "./CuiIcon.vue.js";
-const D = {
+import { defineComponent as F, computed as s, ref as R, useTemplateRef as $, withDirectives as B, openBlock as r, createElementBlock as d, normalizeStyle as i, toDisplayString as c, createCommentVNode as m, createElementVNode as u, renderSlot as C, createBlock as E, vShow as D } from "vue";
+import { clampSize as H } from "../utils/sizing.js";
+import q from "./CuiIcon.vue.js";
+const T = {
   key: 0,
   style: { display: "flex", "justify-content": "space-between", "align-items": "baseline", "margin-bottom": "calc(0.375rem * var(--cui-density-scale, 1))" }
-}, N = ["value", "min", "max", "step", "disabled"], M = {
+}, j = ["id", "name", "autocomplete", "aria-describedby", "aria-required", "aria-labelledby", "value", "min", "max", "step", "disabled"], N = {
   key: 1,
   style: { display: "flex", "justify-content": "space-between", "margin-top": "calc(0.25rem * var(--cui-density-scale, 1))" }
-}, U = /* @__PURE__ */ F({
+}, W = /* @__PURE__ */ F({
   __name: "CuiSlider",
   props: {
     modelValue: { default: 0 },
@@ -19,53 +19,60 @@ const D = {
     formatValue: {},
     showRange: { type: Boolean, default: !1 },
     thumbIcon: {},
+    name: {},
+    autocomplete: {},
+    id: {},
+    ariaDescribedby: {},
+    ariaLabelledby: {},
+    ariaRequired: { type: Boolean },
     hidden: { type: Boolean, default: !1 },
     color: { default: "primary" },
     size: { default: "md" },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: h, emit: y }) {
-    const t = e, g = y, b = s(
+  setup(e, { expose: y, emit: h }) {
+    const t = e, g = h, v = s(
       () => (t.modelValue - t.min) / (t.max - t.min) * 100
     ), x = s(
       () => t.formatValue ? t.formatValue(t.modelValue) : String(t.modelValue)
-    ), i = $(!1);
-    function p(o) {
-      const a = parseFloat(o.target.value);
+    ), o = R(!1);
+    function S(n) {
+      const a = parseFloat(n.target.value);
       g("update:modelValue", a);
     }
-    const S = ["sm", "md", "lg"], V = {
+    const V = ["sm", "md", "lg"], z = {
       sm: { trackHeight: "4px", thumbSize: "16px", thumbIcon: "0.5rem", labelFont: "0.8125rem", valueFont: "0.75rem" },
       md: { trackHeight: "6px", thumbSize: "20px", thumbIcon: "0.625rem", labelFont: "0.875rem", valueFont: "0.8125rem" },
       lg: { trackHeight: "8px", thumbSize: "26px", thumbIcon: "0.75rem", labelFont: "1rem", valueFont: "0.875rem" }
-    }, l = s(() => V[T(t.size, S)]), z = s(() => t.disabled ? "var(--cui-text-tertiary)" : `var(--cui-${t.color})`), w = s(() => t.disabled ? "var(--cui-text-tertiary)" : `var(--cui-${t.color})`), f = C("inputEl");
-    function k(o) {
+    }, l = s(() => z[H(t.size, V)]), w = s(() => t.disabled ? "var(--cui-text-tertiary)" : `var(--cui-${t.color})`), k = s(() => t.disabled ? "var(--cui-text-tertiary)" : `var(--cui-${t.color})`), b = $("inputEl");
+    function p(n) {
       var a;
-      (a = f.value) == null || a.focus(o);
+      (a = b.value) == null || a.focus(n);
     }
     function I() {
-      var o;
-      (o = f.value) == null || o.blur();
+      var n;
+      (n = b.value) == null || n.blur();
     }
-    return h({ el: f, focus: k, blur: I }), (o, a) => R((r(), m("div", {
-      style: n({ opacity: e.disabled ? 0.5 : 1 })
+    return y({ el: b, focus: p, blur: I }), (n, a) => B((r(), d("div", {
+      class: "cui-slider",
+      style: i({ opacity: e.disabled ? 0.5 : 1 })
     }, [
-      e.label || e.showValue ? (r(), m("div", D, [
-        e.label ? (r(), m("label", {
+      e.label || e.showValue ? (r(), d("div", T, [
+        e.label ? (r(), d("label", {
           key: 0,
-          style: n({ fontSize: l.value.labelFont, fontWeight: "500", color: "var(--cui-text-secondary)" })
-        }, c(e.label), 5)) : d("", !0),
-        e.showValue ? (r(), m("span", {
+          style: i({ fontSize: l.value.labelFont, fontWeight: "500", color: "var(--cui-text-secondary)" })
+        }, c(e.label), 5)) : m("", !0),
+        e.showValue ? (r(), d("span", {
           key: 1,
-          style: n({ fontSize: l.value.valueFont, fontWeight: "600", color: "var(--cui-text-body)", fontVariantNumeric: "tabular-nums" })
-        }, c(x.value), 5)) : d("", !0)
-      ])) : d("", !0),
+          style: i({ fontSize: l.value.valueFont, fontWeight: "600", color: "var(--cui-text-body)", fontVariantNumeric: "tabular-nums" })
+        }, c(x.value), 5)) : m("", !0)
+      ])) : m("", !0),
       u("div", {
-        style: n({ position: "relative", height: l.value.thumbSize, display: "flex", alignItems: "center" })
+        style: i({ position: "relative", height: l.value.thumbSize, display: "flex", alignItems: "center" })
       }, [
         u("div", {
-          style: n({
+          style: i({
             position: "absolute",
             left: "0",
             right: "0",
@@ -75,53 +82,59 @@ const D = {
           })
         }, null, 4),
         u("div", {
-          style: n({
+          style: i({
             position: "absolute",
             left: "0",
             height: l.value.trackHeight,
-            width: `${b.value}%`,
+            width: `${v.value}%`,
             borderRadius: "9999px",
-            background: w.value,
-            transition: i.value ? "none" : "width 0.1s ease"
+            background: k.value,
+            transition: o.value ? "none" : "width 0.1s ease"
           })
         }, null, 4),
         u("div", {
-          style: n({
+          style: i({
             position: "absolute",
-            left: `${b.value}%`,
+            left: `${v.value}%`,
             transform: "translateX(-50%)",
             width: l.value.thumbSize,
             height: l.value.thumbSize,
             borderRadius: "50%",
-            background: z.value,
+            background: w.value,
             border: "2px solid var(--cui-surface-base, white)",
-            boxShadow: i.value ? "0 2px 8px rgba(0,0,0,0.25)" : "0 1px 3px rgba(0,0,0,0.15)",
+            boxShadow: o.value ? "0 2px 8px rgba(0,0,0,0.25)" : "0 1px 3px rgba(0,0,0,0.15)",
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
             color: "var(--cui-surface-base, white)",
-            transition: i.value ? "none" : "left 0.1s ease, box-shadow 0.15s ease, transform 0.15s ease",
+            transition: o.value ? "none" : "left 0.1s ease, box-shadow 0.15s ease, transform 0.15s ease",
             pointerEvents: "none",
             zIndex: 2
           })
         }, [
-          B(o.$slots, "thumb", {}, () => [
-            e.thumbIcon ? (r(), E(j, {
+          C(n.$slots, "thumb", {}, () => [
+            e.thumbIcon ? (r(), E(q, {
               key: 0,
               name: e.thumbIcon,
               size: l.value.thumbIcon
-            }, null, 8, ["name", "size"])) : d("", !0)
+            }, null, 8, ["name", "size"])) : m("", !0)
           ])
         ], 4),
         u("input", {
           ref: "inputEl",
+          id: e.id,
+          name: e.name,
+          autocomplete: e.autocomplete,
+          "aria-describedby": e.ariaDescribedby,
+          "aria-required": e.ariaRequired || void 0,
+          "aria-labelledby": e.ariaLabelledby,
           type: "range",
           value: e.modelValue,
           min: e.min,
           max: e.max,
           step: e.step,
           disabled: e.disabled,
-          style: n({
+          style: i({
             position: "absolute",
             left: "0",
             width: "100%",
@@ -131,26 +144,26 @@ const D = {
             cursor: e.disabled ? "default" : "pointer",
             zIndex: 3
           }),
-          onInput: p,
-          onMousedown: a[0] || (a[0] = (v) => i.value = !0),
-          onMouseup: a[1] || (a[1] = (v) => i.value = !1),
-          onTouchstart: a[2] || (a[2] = (v) => i.value = !0),
-          onTouchend: a[3] || (a[3] = (v) => i.value = !1)
-        }, null, 44, N)
+          onInput: S,
+          onMousedown: a[0] || (a[0] = (f) => o.value = !0),
+          onMouseup: a[1] || (a[1] = (f) => o.value = !1),
+          onTouchstart: a[2] || (a[2] = (f) => o.value = !0),
+          onTouchend: a[3] || (a[3] = (f) => o.value = !1)
+        }, null, 44, j)
       ], 4),
-      e.showRange ? (r(), m("div", M, [
+      e.showRange ? (r(), d("div", N, [
         u("span", {
-          style: n({ fontSize: l.value.valueFont, color: "var(--cui-text-tertiary)" })
+          style: i({ fontSize: l.value.valueFont, color: "var(--cui-text-tertiary)" })
         }, c(e.formatValue ? e.formatValue(e.min) : e.min), 5),
         u("span", {
-          style: n({ fontSize: l.value.valueFont, color: "var(--cui-text-tertiary)" })
+          style: i({ fontSize: l.value.valueFont, color: "var(--cui-text-tertiary)" })
         }, c(e.formatValue ? e.formatValue(e.max) : e.max), 5)
-      ])) : d("", !0)
+      ])) : m("", !0)
     ], 4)), [
-      [H, !e.hidden]
+      [D, !e.hidden]
     ]);
   }
 });
 export {
-  U as default
+  W as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiSpinner.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiSpinner.vue"],"names":[],"mappings":"AA6IA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG7F,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IACnF,qBAAqB;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;;WAHS,MAAM;;;;aAFJ,cAAc;eAIZ,OAAO;;AAmJrB,wBAOG"}
+{"version":3,"file":"CuiSpinner.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiSpinner.vue"],"names":[],"mappings":"AA8IA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG7F,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IACnF,qBAAqB;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;;WAHS,MAAM;;;;aAFJ,cAAc;eAIZ,OAAO;;AAqJrB,wBAOG"}

package/dist/components/CuiSpinner.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as m, withDirectives as p, openBlock as a, createElementBlock as i, normalizeStyle as r, Fragment as u, renderList as b, createElementVNode as c, createCommentVNode as s, toDisplayString as h, vShow as x } from "vue";
+import { defineComponent as v, computed as u, withDirectives as p, openBlock as a, createElementBlock as i, normalizeStyle as r, Fragment as m, renderList as b, createElementVNode as c, createCommentVNode as s, toDisplayString as h, vShow as x } from "vue";
 import { scaleDensity as o } from "../utils/sizing.js";
 const f = ["aria-label"], y = {
   key: 4,
@@ -20,8 +20,9 @@ const f = ["aria-label"], y = {
       md: { box: "1.75rem", stroke: "3px", dotSize: "0.375rem", barWidth: "0.25rem", barHeight: "0.875rem", labelFont: "0.8125rem", gap: o("0.5rem") },
       lg: { box: "2.5rem", stroke: "3px", dotSize: "0.5rem", barWidth: "0.25rem", barHeight: "1.125rem", labelFont: "0.875rem", gap: o("0.5rem") },
       xl: { box: "3.5rem", stroke: "4px", dotSize: "0.625rem", barWidth: "0.3125rem", barHeight: "1.5rem", labelFont: "1rem", gap: o("0.625rem") }
-    }, e = m(() => g[d.size]), n = m(() => `var(--cui-${d.color})`);
+    }, e = u(() => g[d.size]), n = u(() => `var(--cui-${d.color})`);
     return (k, z) => p((a(), i("div", {
+      class: "cui-spinner",
       role: "status",
       "aria-label": t.label,
       style: r({
@@ -50,7 +51,7 @@ const f = ["aria-label"], y = {
           height: e.value.box
         })
       }, [
-        (a(), i(u, null, b(3, (l) => c("div", {
+        (a(), i(m, null, b(3, (l) => c("div", {
           key: l,
           style: r({
             width: e.value.dotSize,
@@ -69,7 +70,7 @@ const f = ["aria-label"], y = {
           height: e.value.box
         })
       }, [
-        (a(), i(u, null, b(4, (l) => c("div", {
+        (a(), i(m, null, b(4, (l) => c("div", {
           key: l,
           style: r({
             width: e.value.barWidth,

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":"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"}
+{"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;AAmFD,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;;;;;;aA3NT,OAAO;eAEL,OAAO;cAER,OAAO;kBAEH,OAAO;iBAER,OAAO;6EA2NrB,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

@@ -4,7 +4,10 @@ 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__ */ _({
+const I = {
+  class: "cui-table-container",
+  style: { position: "relative" }
+}, K = ["role", "tabindex", "aria-label"], Z = ["aria-rowcount"], te = /* @__PURE__ */ _({
   __name: "CuiTable",
   props: {
     striped: { type: Boolean, default: !1 },

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTableBody.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableBody.vue"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;CAAG;AA0B3D,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;AAoB/C,QAAA,MAAM,eAAe;;6EAOnB,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":"CuiTableBody.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableBody.vue"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;CAAG;AA4B3D,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;AAoB/C,QAAA,MAAM,eAAe;;6EAOnB,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/CuiTableBody.vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as t, provide as n, withDirectives as l, openBlock as r, createElementBlock as a, renderSlot as d, vShow as i } from "vue";
+import { defineComponent as t, provide as n, withDirectives as a, openBlock as d, createElementBlock as i, renderSlot as l, vShow as r } from "vue";
 import { TableSectionContextKey as s } from "./table-context.js";
-const m = /* @__PURE__ */ t({
+const c = { class: "cui-table-body" }, u = /* @__PURE__ */ t({
   __name: "CuiTableBody",
   props: {
     hidden: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return n(s, { isHead: !1 }), (o, p) => l((r(), a("tbody", null, [
-      d(o.$slots, "default")
+    return n(s, { isHead: !1 }), (o, p) => a((d(), i("tbody", c, [
+      l(o.$slots, "default")
     ], 512)), [
-      [i, !e.hidden]
+      [r, !e.hidden]
     ]);
   }
 });
 export {
-  m as default
+  u as default
 };

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":"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;YAxGV,OAAO;;YAUP,OAAO;WARR,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"}
+{"version":3,"file":"CuiTableCell.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableCell.vue"],"names":[],"mappings":"AAmEA,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;AAuED,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;YA3GV,OAAO;;YAUP,OAAO;WARR,cAAc;6EAgHtB,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,6 +1,6 @@
-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 { defineComponent as r, inject as c, computed as l, 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 { TableSectionContextKey as y } from "./table-context.js";
-const B = /* @__PURE__ */ s({
+const B = /* @__PURE__ */ r({
   __name: "CuiTableCell",
   props: {
     header: { type: Boolean, default: void 0 },
@@ -11,23 +11,24 @@ const B = /* @__PURE__ */ s({
     nowrap: { type: Boolean, default: !1 },
     hidden: { type: Boolean, default: !1 }
   },
-  setup(o) {
-    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(() => {
+  setup(a) {
+    const e = a, o = c(y, void 0), n = l(() => e.header !== void 0 ? e.header : (o == null ? void 0 : o.isHead) ?? !1), i = l(() => n.value ? "th" : "td"), s = l(() => {
       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) => c((p(), f(u(i.value), {
-      style: h(r.value),
-      colspan: o.colspan,
-      rowspan: o.rowspan,
-      scope: l.value ? "col" : void 0
+    return (t, C) => d((p(), f(u(i.value), {
+      class: "cui-table-cell",
+      style: h(s.value),
+      colspan: a.colspan,
+      rowspan: a.rowspan,
+      scope: n.value ? "col" : void 0
     }, {
       default: w(() => [
         m(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["style", "colspan", "rowspan", "scope"])), [
-      [v, !o.hidden]
+      [v, !a.hidden]
     ]);
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTableFoot.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableFoot.vue"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;CACvD;AA0BD,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;AAoB/C,QAAA,MAAM,eAAe;;6EAOnB,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":"CuiTableFoot.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableFoot.vue"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;CACvD;AA4BD,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;AAoB/C,QAAA,MAAM,eAAe;;6EAOnB,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/CuiTableFoot.vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as t, provide as n, withDirectives as l, openBlock as r, createElementBlock as a, renderSlot as i, vShow as d } from "vue";
-import { TableSectionContextKey as s } from "./table-context.js";
-const m = /* @__PURE__ */ t({
+import { defineComponent as t, provide as n, withDirectives as a, openBlock as i, createElementBlock as l, renderSlot as r, vShow as s } from "vue";
+import { TableSectionContextKey as c } from "./table-context.js";
+const d = { class: "cui-table-foot" }, u = /* @__PURE__ */ t({
   __name: "CuiTableFoot",
   props: {
     hidden: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return n(s, { isHead: !1 }), (o, f) => l((r(), a("tfoot", null, [
-      i(o.$slots, "default")
+    return n(c, { isHead: !1 }), (o, f) => a((i(), l("tfoot", d, [
+      r(o.$slots, "default")
     ], 512)), [
-      [d, !e.hidden]
+      [s, !e.hidden]
     ]);
   }
 });
 export {
-  m as default
+  u as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTableHead.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableHead.vue"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;CACvD;AAgCD,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;AAoB/C,QAAA,MAAM,eAAe;;6EAOnB,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":"CuiTableHead.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableHead.vue"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;CACvD;AAkCD,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;AAoB/C,QAAA,MAAM,eAAe;;6EAOnB,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/CuiTableHead.vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as o, provide as n, withDirectives as r, openBlock as a, createElementBlock as l, renderSlot as d, vShow as i } from "vue";
-import { TableSectionContextKey as p } from "./table-context.js";
-const f = /* @__PURE__ */ o({
+import { defineComponent as o, provide as a, withDirectives as n, openBlock as r, createElementBlock as d, renderSlot as i, vShow as l } from "vue";
+import { TableSectionContextKey as s } from "./table-context.js";
+const c = { class: "cui-table-head" }, h = /* @__PURE__ */ o({
   __name: "CuiTableHead",
   props: {
     hidden: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return n(p, { isHead: !0 }), (t, s) => r((a(), l("thead", null, [
-      d(t.$slots, "default")
+    return a(s, { isHead: !0 }), (t, p) => n((r(), d("thead", c, [
+      i(t.$slots, "default")
     ], 512)), [
-      [i, !e.hidden]
+      [l, !e.hidden]
     ]);
   }
 });
 export {
-  f as default
+  h as default
 };

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":"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"}
+{"version":3,"file":"CuiTabs.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTabs.vue"],"names":[],"mappings":"AA4fA,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;AA4WD,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;;;;;;;;;aArZT,UAAU;iBAEN,cAAc;gBAIf,aAAa;eAFd,OAAO;6EAyZnB,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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed16f53a"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1bdb751f"]]);
 export {
   m as default
 };

package/dist/components/CuiTabs.vue2.js

@@ -112,6 +112,7 @@ const oe = { class: "cui-tabs__bar-outer" }, le = ["aria-orientation", "data-ove
         }, [
           (v(!0), h($, null, U(l.value, (t) => (v(), h("button", {
             key: t.value,
+            type: "button",
             "data-cui-tab-value": t.value,
             class: T(["cui-tabs__tab", {
               "cui-tabs__tab--active": o.value === t.value,

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

@@ -1,11 +1,11 @@
-import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps, DisableableProps, CuiRounded } from "../types/common";
+import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps, DisableableProps, CuiRounded, NativeControlProps } from "../types/common";
 export interface TagOption {
     value: string;
     label?: string;
     color?: CuiColor;
     [key: string]: unknown;
 }
-export interface CuiTagInputProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
+export interface CuiTagInputProps extends NativeControlProps, HideableProps, ColorableProps, SizeableProps, DisableableProps {
     /** Selected tags */
     modelValue?: string[];
     /** Predefined tag suggestions */