@itguy614/clean-ui 0.3.1 → 1.0.0

package/dist/components/CuiStepper.vue.js

@@ -0,0 +1,153 @@
+import { defineComponent as V, computed as D, withDirectives as B, openBlock as c, createElementBlock as u, unref as I, normalizeStyle as a, Fragment as h, renderList as $, createElementVNode as m, createBlock as d, toDisplayString as f, createCommentVNode as p, vShow as E } from "vue";
+import { clampSize as H, scaleDensity as v } from "../utils/sizing.js";
+import g from "./CuiIcon.vue.js";
+import { useMessages as R } from "../composables/useMessages.js";
+const W = ["aria-label"], L = ["aria-current", "onClick"], N = { key: 3 }, U = /* @__PURE__ */ V({
+  __name: "CuiStepper",
+  props: {
+    steps: {},
+    modelValue: { default: 0 },
+    orientation: { default: "horizontal" },
+    clickable: { type: Boolean, default: !0 },
+    linear: { type: Boolean, default: !0 },
+    hidden: { type: Boolean, default: !1 },
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: y }) {
+    const l = i, b = y;
+    function s(r) {
+      var e;
+      return (e = l.steps[r]) != null && e.error ? "error" : r < l.modelValue ? "complete" : r === l.modelValue ? "current" : "upcoming";
+    }
+    function k(r) {
+      if (!l.clickable) return;
+      const e = s(r);
+      l.linear && e === "upcoming" || b("update:modelValue", r);
+    }
+    const z = ["sm", "md", "lg"], S = {
+      sm: { circle: "1.5rem", font: "0.6875rem", iconSize: "0.75rem", labelFont: "0.8125rem", descFont: "0.6875rem", connectorThickness: "2px", gap: v("0.5rem") },
+      md: { circle: "2rem", font: "0.75rem", iconSize: "0.875rem", labelFont: "0.875rem", descFont: "0.75rem", connectorThickness: "2px", gap: v("0.75rem") },
+      lg: { circle: "2.5rem", font: "0.875rem", iconSize: "1rem", labelFont: "1rem", descFont: "0.8125rem", connectorThickness: "3px", gap: v("1rem") }
+    }, t = D(() => S[H(l.size, z)]);
+    function x(r) {
+      const e = {
+        width: t.value.circle,
+        height: t.value.circle,
+        borderRadius: "50%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: t.value.font,
+        fontWeight: "600",
+        flexShrink: "0",
+        transition: "background 0.2s ease, color 0.2s ease, border-color 0.2s ease"
+      };
+      return r === "complete" ? (e.background = "var(--cui-primary)", e.color = "var(--cui-primary-text, white)", e.border = "2px solid var(--cui-primary)") : r === "current" ? (e.background = "var(--cui-surface-base, white)", e.color = "var(--cui-primary)", e.border = "2px solid var(--cui-primary)") : r === "error" ? (e.background = "var(--cui-error-bg)", e.color = "var(--cui-error)", e.border = "2px solid var(--cui-error)") : (e.background = "var(--cui-surface-base, white)", e.color = "var(--cui-text-tertiary)", e.border = "2px solid var(--cui-border)"), e;
+    }
+    function w(r) {
+      const e = r < l.modelValue, o = {
+        transition: "background 0.3s ease"
+      };
+      return l.orientation === "horizontal" ? (o.flex = "1", o.height = t.value.connectorThickness, o.minWidth = "1.5rem") : (o.width = t.value.connectorThickness, o.flex = "1", o.minHeight = "1.5rem"), o.borderRadius = "9999px", o.background = e ? "var(--cui-primary)" : "var(--cui-border)", o;
+    }
+    function C(r) {
+      const e = {
+        fontSize: t.value.labelFont,
+        fontWeight: r === "current" ? "600" : "500",
+        lineHeight: "1.3",
+        transition: "color 0.2s ease"
+      };
+      return r === "current" || r === "complete" ? e.color = "var(--cui-text-body)" : r === "error" ? e.color = "var(--cui-error)" : e.color = "var(--cui-text-tertiary)", e;
+    }
+    function T(r) {
+      if (!l.clickable) return "default";
+      const e = s(r);
+      return l.linear && e === "upcoming" ? "default" : "pointer";
+    }
+    const F = R();
+    return (r, e) => B((c(), u("div", {
+      class: "cui-stepper",
+      style: a({
+        display: "flex",
+        flexDirection: i.orientation === "horizontal" ? "row" : "column",
+        alignItems: i.orientation === "horizontal" ? "flex-start" : "stretch",
+        gap: t.value.gap
+      }),
+      role: "navigation",
+      "aria-label": I(F).stepper.label
+    }, [
+      (c(!0), u(h, null, $(i.steps, (o, n) => (c(), u(h, { key: n }, [
+        m("div", {
+          style: a({
+            display: "flex",
+            flexDirection: i.orientation === "horizontal" ? "column" : "row",
+            alignItems: i.orientation === "horizontal" ? "center" : "flex-start",
+            gap: "calc(0.375rem * var(--cui-density-scale, 1))",
+            cursor: T(n),
+            flex: i.orientation === "horizontal" ? "0 0 auto" : void 0
+          }),
+          "aria-current": s(n) === "current" ? "step" : void 0,
+          onClick: (P) => k(n)
+        }, [
+          m("div", {
+            style: a({
+              display: "flex",
+              flexDirection: i.orientation === "horizontal" ? "row" : "column",
+              alignItems: "center",
+              gap: t.value.gap
+            })
+          }, [
+            m("div", {
+              style: a(x(s(n)))
+            }, [
+              s(n) === "complete" ? (c(), d(g, {
+                key: 0,
+                name: "check",
+                size: t.value.iconSize
+              }, null, 8, ["size"])) : s(n) === "error" ? (c(), d(g, {
+                key: 1,
+                name: "warning",
+                size: t.value.iconSize
+              }, null, 8, ["size"])) : o.icon ? (c(), d(g, {
+                key: 2,
+                name: o.icon,
+                size: t.value.iconSize
+              }, null, 8, ["name", "size"])) : (c(), u("span", N, f(n + 1), 1))
+            ], 4)
+          ], 4),
+          m("div", {
+            style: a({ textAlign: i.orientation === "horizontal" ? "center" : "left" })
+          }, [
+            m("div", {
+              style: a(C(s(n)))
+            }, f(o.label), 5),
+            o.description ? (c(), u("div", {
+              key: 0,
+              style: a({
+                fontSize: t.value.descFont,
+                color: "var(--cui-text-tertiary)",
+                marginTop: "calc(0.125rem * var(--cui-density-scale, 1))",
+                lineHeight: "1.4"
+              })
+            }, f(o.description), 5)) : p("", !0)
+          ], 4)
+        ], 12, L),
+        n < i.steps.length - 1 ? (c(), u("div", {
+          key: 0,
+          style: a({
+            ...w(n),
+            alignSelf: i.orientation === "horizontal" ? "center" : void 0,
+            marginLeft: i.orientation === "vertical" ? `calc(${t.value.circle} / 2 - ${t.value.connectorThickness} / 2)` : void 0,
+            marginTop: i.orientation === "horizontal" ? `calc(${t.value.circle} / 2 - ${t.value.connectorThickness} / 2)` : void 0
+          })
+        }, null, 4)) : p("", !0)
+      ], 64))), 128))
+    ], 12, W)), [
+      [E, !i.hidden]
+    ]);
+  }
+});
+export {
+  U as default
+};

package/dist/components/CuiStepper.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiStepper.vue.js";
+export {
+  f as default
+};

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

@@ -1,14 +1,11 @@
-export interface CuiTabProps {
+import type { HideableProps, DisableableProps } from "../types/common";
+export interface CuiTabProps extends HideableProps, DisableableProps {
     /** Unique tab value (used for v-model matching) */
     value: string;
     /** Tab label text */
     label: string;
-    /** Disable this tab */
-    disabled?: boolean;
     /** Show close button on this tab */
     closeable?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {

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":"AA4JA,MAAM,WAAW,WAAW;IAC1B,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;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;YAtIV,OAAO;cAJL,OAAO;eAEN,OAAO;6EA+InB,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":"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"}

package/dist/components/CuiTab.vue.js

@@ -0,0 +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"]]);
+export {
+  p as default
+};

package/dist/components/CuiTab.vue2.js

@@ -0,0 +1,73 @@
+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({
+  __name: "CuiTab",
+  props: {
+    value: {},
+    label: {},
+    closeable: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(n) {
+    const e = n, a = p(g);
+    if (!a)
+      throw new Error("[CuiTab] must be used inside a <CuiTabs> component.");
+    const i = u(() => a.activeTab.value === e.value);
+    h(() => {
+      a.register({
+        value: e.value,
+        label: e.label,
+        disabled: e.disabled,
+        closeable: e.closeable
+      });
+    }), y(
+      () => ({ label: e.label, disabled: e.disabled, closeable: e.closeable }),
+      () => {
+        a.unregister(e.value), a.register({
+          value: e.value,
+          label: e.label,
+          disabled: e.disabled,
+          closeable: e.closeable
+        });
+      }
+    ), x(() => {
+      a.unregister(e.value);
+    });
+    const o = u(() => {
+      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";
+        }
+        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;
+    }
+    return (t, l) => C(a).keepAlive.value ? d((s(), b("div", {
+      key: 0,
+      class: c(["cui-tab-panel", [i.value ? o.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", {
+      key: 1,
+      class: c(["cui-tab-panel", o.value]),
+      role: "tabpanel",
+      "aria-labelledby": n.value
+    }, [
+      v(t.$slots, "default", {}, void 0, !0)
+    ], 10, w)), [
+      [f, !n.hidden]
+    ]) : T("", !0);
+  }
+});
+export {
+  I as default
+};

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

@@ -1,7 +1,5 @@
-import { type TableSize } from "./table-context";
-export interface CuiTableProps {
-    /** Cell padding scale */
-    size?: TableSize;
+import type { SizeableProps, HideableProps } from "../types/common";
+export interface CuiTableProps extends HideableProps, SizeableProps {
     /** Alternating row backgrounds */
     striped?: boolean;
     /** Row hover highlight */
@@ -16,8 +14,12 @@ export interface CuiTableProps {
     maxHeight?: string;
     /** Min width — forces horizontal scrolling when content overflows (e.g., "1200px") */
     minWidth?: string;
-    /** Hide the component */
-    hidden?: boolean;
+    /**
+     * Total row count for windowed/virtualized tables. Sets `aria-rowcount` on the
+     * `<table>` so assistive tech reports the real total even when only a subset of
+     * rows is in the DOM. Omit for non-virtualized tables (native semantics suffice).
+     */
+    ariaRowcount?: number;
 }
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
@@ -25,9 +27,11 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<CuiTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiTableProps> & Readonly<{}>, {
-    size: TableSize;
+declare const __VLS_component: import("vue").DefineComponent<CuiTableProps, {
+    scrollWrapper: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiTableProps> & Readonly<{}>, {
     hidden: boolean;
+    size: import("..").CuiSize;
     striped: boolean;
     hoverable: boolean;
     bordered: boolean;

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":"AA4NA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGlE,MAAM,WAAW,aAAa;IAC5B,yBAAyB;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,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,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAwGD,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;UAxJZ,SAAS;YAgBP,OAAO;aAdN,OAAO;eAEL,OAAO;cAER,OAAO;kBAEH,OAAO;iBAER,OAAO;6EAqJrB,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":"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"}

package/dist/components/CuiTable.vue.js

@@ -0,0 +1,90 @@
+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({
+  __name: "CuiTable",
+  props: {
+    striped: { type: Boolean, default: !1 },
+    hoverable: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 },
+    stickyHeader: { type: Boolean, default: !1 },
+    fixedLayout: { type: Boolean, default: !1 },
+    maxHeight: {},
+    minWidth: {},
+    ariaRowcount: {},
+    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)
+    });
+    const d = l(() => [
+      "cui-table",
+      `cui-table--${n.value}`,
+      {
+        "cui-table--striped": e.striped,
+        "cui-table--hoverable": e.hoverable,
+        "cui-table--bordered": e.bordered,
+        "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(() => ({
+      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);
+    }
+    return S({ scrollWrapper: u }), (t, m) => o.maxHeight || o.minWidth ? f((r(), i("div", P, [
+      p("div", {
+        ref: R,
+        class: "cui-table-wrapper",
+        style: s(g.value),
+        onScroll: m[0] || (m[0] = //@ts-ignore
+        (...W) => a(c) && a(c)(...W))
+      }, [
+        p("table", {
+          class: y(d.value),
+          style: s(k.value),
+          "aria-rowcount": o.ariaRowcount
+        }, [
+          h(t.$slots, "default")
+        ], 14, V)
+      ], 36),
+      a(x) ? (r(), i("div", {
+        key: 0,
+        style: s(a(L))
+      }, null, 4)) : b("", !0),
+      a(H) ? (r(), i("div", {
+        key: 1,
+        style: s(a(N))
+      }, null, 4)) : b("", !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]
+    ]);
+  }
+});
+export {
+  Z as default
+};

package/dist/components/CuiTable.vue3.js

@@ -0,0 +1,5 @@
+import o from "./CuiTable.vue.js";
+/* empty css              */
+export {
+  o as default
+};

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

@@ -1,6 +1,5 @@
-export interface CuiTableBodyProps {
-    /** Hide the component */
-    hidden?: boolean;
+import type { HideableProps } from "../types/common";
+export interface CuiTableBodyProps extends HideableProps {
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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":"AA0BA,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;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;YAjDV,OAAO;6EAwDhB,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;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"}

package/dist/components/CuiTableBody.vue.js

@@ -0,0 +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 { TableSectionContextKey as s } from "./table-context.js";
+const m = /* @__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")
+    ], 512)), [
+      [i, !e.hidden]
+    ]);
+  }
+});
+export {
+  m as default
+};

package/dist/components/CuiTableBody.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiTableBody.vue.js";
+export {
+  f as default
+};

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

@@ -1,5 +1,6 @@
+import type { HideableProps } from "../types/common";
 export type TableCellAlign = "left" | "center" | "right";
-export interface CuiTableCellProps {
+export interface CuiTableCellProps extends HideableProps {
     /** Explicit override: force <th> or <td> */
     header?: boolean;
     /** Text alignment */
@@ -12,8 +13,6 @@ export interface CuiTableCellProps {
     rowspan?: number;
     /** Prevent text wrapping */
     nowrap?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

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":"AAgEA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC,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;IACjB,yBAAyB;IACzB,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;YAxFV,OAAO;YAEP,OAAO;WAVR,cAAc;6EAuGtB,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":"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"}

package/dist/components/CuiTableCell.vue.js

@@ -0,0 +1,36 @@
+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 { TableSectionContextKey as y } from "./table-context.js";
+const B = /* @__PURE__ */ s({
+  __name: "CuiTableCell",
+  props: {
+    header: { type: Boolean },
+    align: { default: "left" },
+    width: {},
+    colspan: {},
+    rowspan: {},
+    nowrap: { type: Boolean, default: !1 },
+    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 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), {
+      style: h(r.value),
+      colspan: o.colspan,
+      rowspan: o.rowspan,
+      scope: l.value ? "col" : void 0
+    }, {
+      default: w(() => [
+        m(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["style", "colspan", "rowspan", "scope"])), [
+      [v, !o.hidden]
+    ]);
+  }
+});
+export {
+  B as default
+};

package/dist/components/CuiTableCell.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiTableCell.vue.js";
+export {
+  f as default
+};

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

@@ -1,6 +1,5 @@
-export interface CuiTableFootProps {
-    /** Hide the component */
-    hidden?: boolean;
+import type { HideableProps } from "../types/common";
+export interface CuiTableFootProps extends HideableProps {
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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":"AA0BA,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;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;YAjDV,OAAO;6EAwDhB,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;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"}

package/dist/components/CuiTableFoot.vue.js

@@ -0,0 +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({
+  __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")
+    ], 512)), [
+      [d, !e.hidden]
+    ]);
+  }
+});
+export {
+  m as default
+};

package/dist/components/CuiTableFoot.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiTableFoot.vue.js";
+export {
+  f as default
+};

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

@@ -1,6 +1,5 @@
-export interface CuiTableHeadProps {
-    /** Hide the component */
-    hidden?: boolean;
+import type { HideableProps } from "../types/common";
+export interface CuiTableHeadProps extends HideableProps {
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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":"AAsCA,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAuCD,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;AAqB/C,QAAA,MAAM,eAAe;YA/DV,OAAO;6EAsEhB,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;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"}

package/dist/components/CuiTableHead.vue.js

@@ -0,0 +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({
+  __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")
+    ], 512)), [
+      [i, !e.hidden]
+    ]);
+  }
+});
+export {
+  f as default
+};

package/dist/components/CuiTableHead.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiTableHead.vue.js";
+export {
+  f as default
+};

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

@@ -1,14 +1,15 @@
-export interface CuiTableRowProps {
+import type { HideableProps } from "../types/common";
+export interface CuiTableRowProps extends HideableProps {
     /** Highlight row with primary-bg tint */
     selected?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<CuiTableRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiTableRowProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<CuiTableRowProps, {
+    rowEl: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiTableRowProps> & Readonly<{}>, {
     hidden: boolean;
     selected: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTableRow.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableRow.vue"],"names":[],"mappings":"AAqBA,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA2BD,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;YAlDV,OAAO;cAFL,OAAO;6EA2DlB,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":"CuiTableRow.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableRow.vue"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;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;AAsB/C,QAAA,MAAM,eAAe;;;;cA3DR,OAAO;6EAmElB,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"}