@itguy614/clean-ui 0.9.0 → 1.0.1

package/dist/components/CuiSlider.vue.js

@@ -0,0 +1,156 @@
+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 = {
+  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 = {
+  key: 1,
+  style: { display: "flex", "justify-content": "space-between", "margin-top": "calc(0.25rem * var(--cui-density-scale, 1))" }
+}, U = /* @__PURE__ */ F({
+  __name: "CuiSlider",
+  props: {
+    modelValue: { default: 0 },
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    label: {},
+    showValue: { type: Boolean, default: !1 },
+    formatValue: {},
+    showRange: { type: Boolean, default: !1 },
+    thumbIcon: {},
+    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(
+      () => (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);
+      g("update:modelValue", a);
+    }
+    const S = ["sm", "md", "lg"], V = {
+      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) {
+      var a;
+      (a = f.value) == null || a.focus(o);
+    }
+    function I() {
+      var o;
+      (o = f.value) == null || o.blur();
+    }
+    return h({ el: f, focus: k, blur: I }), (o, a) => R((r(), m("div", {
+      style: n({ opacity: e.disabled ? 0.5 : 1 })
+    }, [
+      e.label || e.showValue ? (r(), m("div", D, [
+        e.label ? (r(), m("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", {
+          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),
+      u("div", {
+        style: n({ position: "relative", height: l.value.thumbSize, display: "flex", alignItems: "center" })
+      }, [
+        u("div", {
+          style: n({
+            position: "absolute",
+            left: "0",
+            right: "0",
+            height: l.value.trackHeight,
+            borderRadius: "9999px",
+            background: "var(--cui-border)"
+          })
+        }, null, 4),
+        u("div", {
+          style: n({
+            position: "absolute",
+            left: "0",
+            height: l.value.trackHeight,
+            width: `${b.value}%`,
+            borderRadius: "9999px",
+            background: w.value,
+            transition: i.value ? "none" : "width 0.1s ease"
+          })
+        }, null, 4),
+        u("div", {
+          style: n({
+            position: "absolute",
+            left: `${b.value}%`,
+            transform: "translateX(-50%)",
+            width: l.value.thumbSize,
+            height: l.value.thumbSize,
+            borderRadius: "50%",
+            background: z.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)",
+            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",
+            pointerEvents: "none",
+            zIndex: 2
+          })
+        }, [
+          B(o.$slots, "thumb", {}, () => [
+            e.thumbIcon ? (r(), E(j, {
+              key: 0,
+              name: e.thumbIcon,
+              size: l.value.thumbIcon
+            }, null, 8, ["name", "size"])) : d("", !0)
+          ])
+        ], 4),
+        u("input", {
+          ref: "inputEl",
+          type: "range",
+          value: e.modelValue,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          disabled: e.disabled,
+          style: n({
+            position: "absolute",
+            left: "0",
+            width: "100%",
+            height: "100%",
+            margin: "0",
+            opacity: "0",
+            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)
+      ], 4),
+      e.showRange ? (r(), m("div", M, [
+        u("span", {
+          style: n({ 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)" })
+        }, c(e.formatValue ? e.formatValue(e.max) : e.max), 5)
+      ])) : d("", !0)
+    ], 4)), [
+      [H, !e.hidden]
+    ]);
+  }
+});
+export {
+  U as default
+};

package/dist/components/CuiSlider.vue2.js

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

package/dist/components/CuiSpacer.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as l, computed as c, withDirectives as p, openBlock as d, createElementBlock as h, normalizeStyle as u, vShow as f } from "vue";
+import { useBreakpoint as m } from "../composables/useBreakpoint.js";
+import { resolveResponsive as v, spacingToCss as z } from "../utils/responsive.js";
+const k = /* @__PURE__ */ l({
+  __name: "CuiSpacer",
+  props: {
+    size: {},
+    orientation: { default: "horizontal" },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(i) {
+    const t = i, { breakpoint: r } = m(), a = c(() => {
+      const n = r.value, o = v(t.size, void 0, n), e = {};
+      if (o) {
+        const s = z(o);
+        t.orientation === "horizontal" ? e.width = s : e.height = s;
+      } else
+        e.flexGrow = "1", t.orientation === "horizontal" ? e.width = "0" : e.height = "0";
+      return e;
+    });
+    return (n, o) => p((d(), h("div", {
+      class: "cui-spacer",
+      style: u(a.value),
+      "aria-hidden": "true"
+    }, null, 4)), [
+      [f, !i.hidden]
+    ]);
+  }
+});
+export {
+  k as default
+};

package/dist/components/CuiSpacer.vue2.js

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

package/dist/components/CuiSpinner.vue.js

@@ -0,0 +1,99 @@
+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 { scaleDensity as o } from "../utils/sizing.js";
+const f = ["aria-label"], y = {
+  key: 4,
+  style: { position: "absolute", width: "1px", height: "1px", overflow: "hidden", clip: "rect(0,0,0,0)", "white-space": "nowrap" }
+}, W = /* @__PURE__ */ v({
+  __name: "CuiSpinner",
+  props: {
+    variant: { default: "ring" },
+    label: { default: "Loading" },
+    showLabel: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "md" }
+  },
+  setup(t) {
+    const d = t, g = {
+      xs: { box: "0.875rem", stroke: "2px", dotSize: "0.25rem", barWidth: "0.1875rem", barHeight: "0.5rem", labelFont: "0.6875rem", gap: o("0.25rem") },
+      sm: { box: "1.25rem", stroke: "2px", dotSize: "0.3125rem", barWidth: "0.1875rem", barHeight: "0.625rem", labelFont: "0.75rem", gap: o("0.375rem") },
+      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})`);
+    return (k, z) => p((a(), i("div", {
+      role: "status",
+      "aria-label": t.label,
+      style: r({
+        display: "inline-flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: e.value.gap
+      })
+    }, [
+      t.variant === "ring" ? (a(), i("div", {
+        key: 0,
+        style: r({
+          width: e.value.box,
+          height: e.value.box,
+          borderRadius: "50%",
+          border: `${e.value.stroke} solid var(--cui-border)`,
+          borderTopColor: n.value,
+          animation: "cui-spin 0.75s linear infinite"
+        })
+      }, null, 4)) : t.variant === "dots" ? (a(), i("div", {
+        key: 1,
+        style: r({
+          display: "flex",
+          alignItems: "center",
+          gap: e.value.dotSize,
+          height: e.value.box
+        })
+      }, [
+        (a(), i(u, null, b(3, (l) => c("div", {
+          key: l,
+          style: r({
+            width: e.value.dotSize,
+            height: e.value.dotSize,
+            borderRadius: "50%",
+            background: n.value,
+            animation: `cui-spinner-bounce 1.4s ease-in-out ${(l - 1) * 0.16}s infinite both`
+          })
+        }, null, 4)), 64))
+      ], 4)) : t.variant === "bars" ? (a(), i("div", {
+        key: 2,
+        style: r({
+          display: "flex",
+          alignItems: "center",
+          gap: `calc(${e.value.barWidth} * 0.75)`,
+          height: e.value.box
+        })
+      }, [
+        (a(), i(u, null, b(4, (l) => c("div", {
+          key: l,
+          style: r({
+            width: e.value.barWidth,
+            height: e.value.barHeight,
+            borderRadius: "9999px",
+            background: n.value,
+            animation: `cui-spinner-bars 1.2s ease-in-out ${(l - 1) * 0.1}s infinite`
+          })
+        }, null, 4)), 64))
+      ], 4)) : s("", !0),
+      t.showLabel ? (a(), i("span", {
+        key: 3,
+        style: r({
+          fontSize: e.value.labelFont,
+          color: "var(--cui-text-secondary)",
+          fontWeight: "500"
+        })
+      }, h(t.label), 5)) : s("", !0),
+      t.showLabel ? s("", !0) : (a(), i("span", y, h(t.label), 1))
+    ], 12, f)), [
+      [x, !t.hidden]
+    ]);
+  }
+});
+export {
+  W as default
+};

package/dist/components/CuiSpinner.vue3.js

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

package/dist/components/CuiStack.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as a, withDirectives as i, openBlock as o, createBlock as n, withCtx as l, renderSlot as r, vShow as c } from "vue";
+import d from "./CuiFlex.vue.js";
+const p = /* @__PURE__ */ a({
+  __name: "CuiStack",
+  props: {
+    orientation: { default: "vertical" },
+    spacing: { default: "4" },
+    debug: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (t, u) => i((o(), n(d, {
+      direction: e.orientation === "vertical" ? "col" : "row",
+      gap: e.spacing,
+      debug: e.debug,
+      wrap: "nowrap",
+      class: "cui-stack"
+    }, {
+      default: l(() => [
+        r(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["direction", "gap", "debug"])), [
+      [c, !e.hidden]
+    ]);
+  }
+});
+export {
+  p as default
+};

package/dist/components/CuiStack.vue2.js

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

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.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.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":"AAyPA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIpE,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,aAAa;IACjE,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAuHD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA4B/C,QAAA,MAAM,eAAe;;;;;aAzKT,OAAO;eAEL,OAAO;cAER,OAAO;kBAEH,OAAO;iBAER,OAAO;6EAyKrB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}