@itguy614/clean-ui 1.2.2 → 1.3.1

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":"AA0NA,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;AAuDD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;AA0KD,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;AA+B7C,QAAA,MAAM,eAAe;;;;;;;;;;;;;gBAzRN,MAAM;SAIb,MAAM;UAEL,MAAM;SAJP,MAAM;eAQA,OAAO;eAIP,OAAO;6EAoRnB,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,156 +1,7 @@
-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]
-    ]);
-  }
-});
+import o from "./CuiSlider.vue2.js";
+/* empty css               */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c846e888"]]);
 export {
-  U as default
+  m as default
 };

package/dist/components/CuiSlider.vue2.js

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