@itguy614/clean-ui 0.3.1 → 1.0.0

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

@@ -1,10 +1,9 @@
 import { nextTick } from "vue";
-import type { ButtonColor } from "./CuiButton.vue";
-import type { InputSize } from "./CuiInput.vue";
+import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps, DisableableProps } from "../types/common";
 export interface MaskToken {
     pattern: RegExp;
 }
-export interface CuiMaskedInputProps {
+export interface CuiMaskedInputProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
     /** Raw value (no separators) */
     modelValue?: string;
     /** Mask pattern: # = digit, A = letter, * = alphanumeric, others are literal */
@@ -15,22 +14,14 @@ export interface CuiMaskedInputProps {
     fillChar?: string;
     /** Placeholder text (shown when input is empty and not focused) */
     placeholder?: string;
-    /** Color role */
-    color?: ButtonColor;
-    /** Size */
-    size?: InputSize;
     /** Show clear button */
     clearable?: boolean;
     /** Error state */
     error?: boolean;
     /** Error message */
     errorMessage?: string;
-    /** Disabled */
-    disabled?: boolean;
     /** Readonly */
     readonly?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
@@ -50,14 +41,15 @@ declare const __VLS_component: import("vue").DefineComponent<CuiMaskedInputProps
             readonly modelValue?: string | undefined;
             readonly type?: import("./CuiInput.vue").InputType | undefined;
             readonly placeholder?: string | undefined;
-            readonly color?: ButtonColor | undefined;
-            readonly size?: InputSize | undefined;
             readonly clearable?: boolean | undefined;
             readonly error?: boolean | undefined;
             readonly errorMessage?: string | undefined;
-            readonly disabled?: boolean | undefined;
             readonly readonly?: boolean | undefined;
+            readonly rounded?: import("../index.js").CuiRounded | undefined;
             readonly hidden?: boolean | undefined;
+            readonly color?: CuiColor | undefined;
+            readonly size?: CuiSize | undefined;
+            readonly disabled?: boolean | undefined;
             readonly onClear?: (() => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -84,14 +76,15 @@ declare const __VLS_component: import("vue").DefineComponent<CuiMaskedInputProps
             clear: () => any;
             "update:modelValue": (value: string) => any;
         }, string, {
-            size: InputSize;
-            color: ButtonColor;
+            error: boolean;
+            readonly: boolean;
             hidden: boolean;
+            size: CuiSize;
+            color: CuiColor;
             type: import("./CuiInput.vue").InputType;
-            error: boolean;
+            rounded: import("../index.js").CuiRounded;
             disabled: boolean;
             modelValue: string;
-            readonly: boolean;
             clearable: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -114,19 +107,20 @@ declare const __VLS_component: import("vue").DefineComponent<CuiMaskedInputProps
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<{
-        size: InputSize;
-        color: ButtonColor;
+        error: boolean;
+        readonly: boolean;
         hidden: boolean;
+        size: CuiSize;
+        color: CuiColor;
         type: import("./CuiInput.vue").InputType;
-        error: boolean;
+        rounded: import("../index.js").CuiRounded;
         disabled: boolean;
         modelValue: string;
-        readonly: boolean;
         clearable: boolean;
     }> & Omit<Readonly<import("./CuiInput.vue").CuiInputProps> & Readonly<{
         onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, "el" | "focus" | "blur" | ("size" | "color" | "hidden" | "type" | "error" | "disabled" | "modelValue" | "readonly" | "clearable")> & {
+    }>, "el" | "focus" | "blur" | ("error" | "readonly" | "hidden" | "size" | "color" | "type" | "rounded" | "disabled" | "modelValue" | "clearable")> & {
         el: HTMLInputElement | null;
         focus: (opts?: FocusOptions) => void;
         blur: () => void;
@@ -151,13 +145,13 @@ declare const __VLS_component: import("vue").DefineComponent<CuiMaskedInputProps
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:formattedValue"?: ((value: string) => any) | undefined;
 }>, {
-    size: InputSize;
-    color: ButtonColor;
-    hidden: boolean;
     error: boolean;
+    readonly: boolean;
+    hidden: boolean;
+    size: CuiSize;
+    color: CuiColor;
     disabled: boolean;
     modelValue: string;
-    readonly: boolean;
     clearable: boolean;
     fillChar: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiMaskedInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiMaskedInput.vue"],"names":[],"mappings":"AAAA,OA8aO,EAAwB,QAAQ,EAAkB,MAAM,KAAK,CAAC;AAErE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA4cD,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4BxD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAZjB,GAAG,8CACO,GAAG,yBAAyB,GAAG,6DAChB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAhfvB,SAAS;WAFR,WAAW;YAcV,OAAO;WARR,OAAO;cAIJ,OAAO;gBApBL,MAAM;cAsBR,OAAO;eARN,OAAO;cARR,MAAM;6EAygBjB,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":"CuiMaskedInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiMaskedInput.vue"],"names":[],"mappings":"AAAA,OAqaO,EAAwB,QAAQ,EAAkB,MAAM,KAAK,CAAC;AAErE,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEzH,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACzG,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA4cD,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4BxD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCATf,GAAG,8CACW,GAAE,yBACX,GAAG,6DAGP,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA9eA,OAAO;cAIJ,OAAO;;;;;gBAhBL,MAAM;eAUP,OAAO;cAJR,MAAM;6EAigBjB,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/CuiMaskedInput.vue.js

@@ -0,0 +1,256 @@
+import { defineComponent as J, computed as b, ref as K, watch as L, useTemplateRef as N, withDirectives as O, openBlock as Q, createBlock as U, createSlots as W, withCtx as g, renderSlot as C, vShow as X, nextTick as Y } from "vue";
+import _ from "./CuiInput.vue.js";
+const ne = /* @__PURE__ */ J({
+  __name: "CuiMaskedInput",
+  props: {
+    modelValue: { default: "" },
+    mask: {},
+    tokens: {},
+    fillChar: { default: "_" },
+    placeholder: {},
+    clearable: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    errorMessage: {},
+    readonly: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "update:formattedValue"],
+  setup(u, { expose: $, emit: F }) {
+    const f = u, B = F, z = {
+      "#": { pattern: /[0-9]/ },
+      A: { pattern: /[a-zA-Z]/ },
+      "*": { pattern: /[a-zA-Z0-9]/ }
+    }, D = b(() => ({ ...z, ...f.tokens })), c = b(() => {
+      const e = [];
+      let t = 0;
+      for (let n = 0; n < f.mask.length; n++) {
+        const l = f.mask[n];
+        if (l === "\\" && n + 1 < f.mask.length) {
+          n++, e.push({ index: t, isToken: !1, char: f.mask[n] }), t++;
+          continue;
+        }
+        const s = D.value[l];
+        s ? e.push({ index: t, isToken: !0, char: l, pattern: s.pattern }) : e.push({ index: t, isToken: !1, char: l }), t++;
+      }
+      return e;
+    }), v = b(() => c.value.filter((e) => e.isToken));
+    function d(e) {
+      let t = 0, n = "";
+      for (const l of c.value)
+        l.isToken ? t < e.length ? (n += e[t], t++) : n += f.fillChar : n += l.char;
+      return n;
+    }
+    function P(e) {
+      var n;
+      let t = "";
+      for (const l of c.value)
+        if (l.isToken && l.index < e.length) {
+          const s = e[l.index];
+          s !== f.fillChar && ((n = l.pattern) != null && n.test(s)) && (t += s);
+        }
+      return t;
+    }
+    function E(e) {
+      var l;
+      let t = "", n = 0;
+      for (const s of e) {
+        if (n >= v.value.length) break;
+        (l = v.value[n].pattern) != null && l.test(s) && (t += s, n++);
+      }
+      return t;
+    }
+    const i = K(d(f.modelValue));
+    L(
+      () => f.modelValue,
+      (e) => {
+        const t = E(e);
+        i.value = d(t);
+      }
+    );
+    const A = b(() => i.value);
+    function x(e) {
+      let t = 0;
+      for (const n of c.value)
+        if (n.isToken) {
+          if (t === e) return n.index;
+          t++;
+        }
+      return c.value.length;
+    }
+    function w(e) {
+      for (const t of c.value)
+        if (t.isToken && t.index >= e) return t.index;
+      return c.value.length;
+    }
+    const y = N("maskedInputRef");
+    function I() {
+      var e;
+      return (e = y.value) == null ? void 0 : e.el;
+    }
+    function p(e) {
+      Y(() => {
+        const t = I();
+        t && t.setSelectionRange(e, e);
+      });
+    }
+    function M(e) {
+      e.preventDefault();
+      const t = I();
+      if (!t) return;
+      const n = t.selectionStart ?? 0, l = t.selectionEnd ?? n, s = P(i.value);
+      if (e.inputType === "insertText" && e.data) {
+        let a = 0;
+        for (const m of c.value) {
+          if (m.index >= n) break;
+          m.isToken && a++;
+        }
+        const r = S(e.data, a);
+        if (!r) return;
+        let o = s;
+        if (n !== l) {
+          const m = k(n), H = k(l);
+          o = o.slice(0, m) + o.slice(H), a = m;
+        }
+        o = o.slice(0, a) + r + o.slice(a), o = o.slice(0, v.value.length), i.value = d(o), T(o);
+        const h = a + r.length, R = x(h);
+        p(w(R));
+      } else if (e.inputType === "deleteContentBackward" || e.inputType === "deleteContentForward") {
+        let a = k(n), r = k(l);
+        if (n === l)
+          if (e.inputType === "deleteContentBackward")
+            if (a > 0)
+              a--;
+            else
+              return;
+          else if (r < s.length)
+            r++;
+          else
+            return;
+        const o = s.slice(0, a) + s.slice(r);
+        i.value = d(o), T(o);
+        const h = x(a);
+        e.inputType === "deleteContentBackward" ? p(h) : p(w(h));
+      } else if (e.inputType === "insertFromPaste") {
+        const a = e.data ?? "";
+        let r = k(n), o = s;
+        if (n !== l) {
+          const m = k(l);
+          o = o.slice(0, r) + o.slice(m);
+        }
+        const h = Z(a, r);
+        o = o.slice(0, r) + h + o.slice(r), o = o.slice(0, v.value.length), i.value = d(o), T(o);
+        const R = r + h.length;
+        p(x(R));
+      }
+    }
+    function k(e) {
+      let t = 0;
+      for (const n of c.value) {
+        if (n.index >= e) break;
+        n.isToken && t++;
+      }
+      return t;
+    }
+    function S(e, t) {
+      var s;
+      let n = "", l = t;
+      for (const a of e) {
+        if (l >= v.value.length) break;
+        (s = v.value[l].pattern) != null && s.test(a) && (n += a, l++);
+      }
+      return n;
+    }
+    function Z(e, t) {
+      return S(e, t);
+    }
+    function T(e) {
+      B("update:modelValue", e), B("update:formattedValue", d(e));
+    }
+    function V() {
+      const e = P(i.value);
+      return e.length === 0 ? w(0) : x(e.length);
+    }
+    function j() {
+      const e = I();
+      if (!e) return;
+      const t = e.selectionStart ?? 0, n = V();
+      if (t > n)
+        p(n);
+      else {
+        const l = w(t);
+        l > n ? p(n) : l !== t && p(l);
+      }
+    }
+    function q() {
+      i.value = d(""), T(""), p(w(0));
+    }
+    function G() {
+      (!i.value || i.value === d("")) && (i.value = d("")), p(V());
+    }
+    return $({
+      el: y,
+      formattedValue: A,
+      focus: () => {
+        var e;
+        return (e = y.value) == null ? void 0 : e.focus();
+      },
+      blur: () => {
+        var e;
+        return (e = y.value) == null ? void 0 : e.blur();
+      }
+    }), (e, t) => O((Q(), U(_, {
+      ref: "maskedInputRef",
+      "model-value": i.value,
+      type: "text",
+      placeholder: u.placeholder,
+      color: u.color,
+      size: u.size,
+      clearable: u.clearable,
+      error: u.error,
+      "error-message": u.errorMessage,
+      disabled: u.disabled,
+      readonly: u.readonly,
+      onBeforeinput: M,
+      onClick: j,
+      onFocusin: G,
+      onClear: q
+    }, W({ _: 2 }, [
+      e.$slots.prefix ? {
+        name: "prefix",
+        fn: g(() => [
+          C(e.$slots, "prefix")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.suffix ? {
+        name: "suffix",
+        fn: g(() => [
+          C(e.$slots, "suffix")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots["prefix-button"] ? {
+        name: "prefix-button",
+        fn: g(() => [
+          C(e.$slots, "prefix-button")
+        ]),
+        key: "2"
+      } : void 0,
+      e.$slots["suffix-button"] ? {
+        name: "suffix-button",
+        fn: g(() => [
+          C(e.$slots, "suffix-button")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1032, ["model-value", "placeholder", "color", "size", "clearable", "error", "error-message", "disabled", "readonly"])), [
+      [X, !u.hidden]
+    ]);
+  }
+});
+export {
+  ne as default
+};

package/dist/components/CuiMaskedInput.vue2.js

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

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

@@ -1,8 +1,9 @@
 import type { BackdropBlur } from "./CuiBackdrop.vue";
+import type { HideableProps, CuiRounded } from "../types/common";
 export type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
-export interface CuiModalProps {
-    /** Controls modal visibility */
-    open?: boolean;
+export interface CuiModalProps extends HideableProps {
+    /** Controls modal visibility (v-model:visible) */
+    visible?: boolean;
     /** Modal width — named size or custom CSS value */
     size?: ModalSize | string;
     /** Title text (rendered in header) */
@@ -23,8 +24,8 @@ export interface CuiModalProps {
     backdropImage?: string;
     /** Backdrop gradient */
     backdropGradient?: string;
-    /** Hide the component */
-    hidden?: boolean;
+    /** Border radius */
+    rounded?: CuiRounded;
 }
 declare var __VLS_22: {}, __VLS_24: {};
 type __VLS_Slots = {} & {
@@ -34,14 +35,15 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<CuiModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
-    "update:open": (value: boolean) => any;
+    "update:visible": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<CuiModalProps> & Readonly<{
     onClose?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: ModalSize | string;
     hidden: boolean;
-    open: boolean;
+    size: ModalSize | string;
+    rounded: CuiRounded;
+    visible: boolean;
     persistent: boolean;
     allowNested: boolean;
     noCloseButton: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiModal.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiModal.vue"],"names":[],"mappings":"AAgMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA4KD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAgChD,QAAA,MAAM,eAAe;;;;;;;UApOZ,SAAS,GAAG,MAAM;YAoBhB,OAAO;UAtBT,OAAO;gBAMD,OAAO;iBAIN,OAAO;mBAFL,OAAO;qBAIL,MAAM;kBAET,YAAY;mBAEX,MAAM;6EA8NtB,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":"CuiModal.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiModal.vue"],"names":[],"mappings":"AAyMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAsLD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAiChD,QAAA,MAAM,eAAe;;;;;;;;UA/OZ,SAAS,GAAG,MAAM;aAoBf,UAAU;aAtBV,OAAO;gBAMJ,OAAO;iBAIN,OAAO;mBAFL,OAAO;qBAIL,MAAM;kBAET,YAAY;mBAEX,MAAM;6EAyOtB,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/CuiModal.vue.js

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

package/dist/components/CuiModal.vue2.js

@@ -0,0 +1,98 @@
+import { defineComponent as x, useTemplateRef as z, computed as N, openBlock as i, createBlock as O, Teleport as $, unref as l, withDirectives as E, createElementBlock as c, normalizeClass as m, createVNode as d, createElementVNode as u, normalizeStyle as M, Fragment as S, withCtx as V, renderSlot as f, vShow as I, createCommentVNode as R } from "vue";
+import { useOverlay as G } from "../composables/useOverlay.js";
+import K from "./CuiBackdrop.vue.js";
+import T from "./CuiModalHeader.vue.js";
+import W from "./CuiModalBody.vue.js";
+const A = { class: "cui-modal-container" }, D = ["aria-labelledby"], J = /* @__PURE__ */ x({
+  __name: "CuiModal",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    title: {},
+    persistent: { type: Boolean, default: !1 },
+    noCloseButton: { type: Boolean, default: !1 },
+    allowNested: { type: Boolean, default: !1 },
+    backdropOpacity: { default: 0.5 },
+    backdropBlur: { default: "none" },
+    backdropColor: { default: "black" },
+    backdropImage: {},
+    backdropGradient: {},
+    rounded: { default: "md" },
+    hidden: { type: Boolean, default: !1 }
+  },
+  emits: ["update:visible", "close"],
+  setup(e, { emit: b }) {
+    const o = e, p = {
+      none: "0",
+      sm: "0.25rem",
+      md: "var(--cui-button-radius, 0.375rem)",
+      lg: "0.5rem",
+      full: "9999px"
+    }, n = b, v = z("dialogEl"), { isVisible: y, isAnimating: a, closeOverlay: k, onBackdropClick: C, onKeydown: r } = G({
+      open: () => o.visible,
+      dialogRef: v,
+      persistent: () => o.persistent,
+      allowNested: () => o.allowNested,
+      onUpdateOpen: (t) => n("update:visible", t),
+      onClose: () => n("close")
+    }), g = {
+      sm: "24rem",
+      // 384px
+      md: "32rem",
+      // 512px
+      lg: "48rem",
+      // 768px
+      xl: "64rem",
+      // 1024px
+      full: "calc(100vw - 2rem)"
+    }, B = N(() => g[o.size] ?? o.size), h = `cui-modal-title-${Math.random().toString(36).slice(2, 8)}`;
+    return (t, s) => (i(), O($, { to: "body" }, [
+      l(y) ? E((i(), c("div", {
+        key: 0,
+        class: m(["cui-modal-overlay", { "cui-modal-overlay--visible": l(a) }]),
+        onKeydown: s[0] || (s[0] = //@ts-ignore
+        (...w) => l(r) && l(r)(...w))
+      }, [
+        d(K, {
+          visible: l(a),
+          opacity: e.backdropOpacity,
+          blur: e.backdropBlur,
+          color: e.backdropColor,
+          image: e.backdropImage,
+          gradient: e.backdropGradient,
+          onClick: l(C)
+        }, null, 8, ["visible", "opacity", "blur", "color", "image", "gradient", "onClick"]),
+        u("div", A, [
+          u("div", {
+            ref: "dialogEl",
+            class: m(["cui-modal", { "cui-modal--visible": l(a) }]),
+            style: M({ maxWidth: B.value, borderRadius: p[e.rounded] }),
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": e.title ? h : void 0,
+            tabindex: "-1"
+          }, [
+            e.title ? (i(), c(S, { key: 0 }, [
+              d(T, {
+                title: e.title,
+                "no-close-button": e.noCloseButton,
+                onClose: l(k)
+              }, null, 8, ["title", "no-close-button", "onClose"]),
+              d(W, null, {
+                default: V(() => [
+                  f(t.$slots, "default", {}, void 0, !0)
+                ]),
+                _: 3
+              })
+            ], 64)) : f(t.$slots, "default", { key: 1 }, void 0, !0)
+          ], 14, D)
+        ])
+      ], 34)), [
+        [I, !e.hidden]
+      ]) : R("", !0)
+    ]));
+  }
+});
+export {
+  J as default
+};

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

@@ -1,8 +1,7 @@
-export interface CuiModalBodyProps {
+import type { HideableProps } from "../types/common";
+export interface CuiModalBodyProps extends HideableProps {
     /** Remove default padding */
     noPadding?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"CuiModalBody.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiModalBody.vue"],"names":[],"mappings":"AA+DA,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA2DD,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;AAyB/C,QAAA,MAAM,eAAe;YAvFV,OAAO;eAFJ,OAAO;6EAgGnB,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":"CuiModalBody.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiModalBody.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2DD,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;AAyB/C,QAAA,MAAM,eAAe;;eAvFP,OAAO;6EA8FnB,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/CuiModalBody.vue.js

@@ -0,0 +1,50 @@
+import { defineComponent as m, withDirectives as y, openBlock as o, createElementBlock as l, createElementVNode as S, unref as e, normalizeStyle as t, renderSlot as p, createCommentVNode as a, vShow as v } from "vue";
+import { useScrollShadows as h, scrollShadowTopStyle as w, scrollShadowBottomStyle as g } from "../composables/useScrollShadows.js";
+const x = { style: {
+  position: "relative",
+  display: "flex",
+  flexDirection: "column",
+  flex: "1 1 auto",
+  minHeight: "0",
+  overflow: "hidden"
+} }, C = /* @__PURE__ */ m({
+  __name: "CuiModalBody",
+  props: {
+    noPadding: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(n) {
+    const { canScrollUp: d, canScrollDown: c, onScroll: r, onMount: s } = h();
+    return (u, i) => y((o(), l("div", x, [
+      S("div", {
+        ref: e(s),
+        style: t({
+          flex: "1 1 auto",
+          minHeight: "0",
+          overflowY: "auto",
+          padding: n.noPadding ? "0" : "calc(0.75rem * var(--cui-density-scale, 1)) calc(1.5rem * var(--cui-density-scale, 1))",
+          fontSize: "0.875rem",
+          lineHeight: "1.6",
+          color: "var(--cui-text-secondary)"
+        }),
+        onScroll: i[0] || (i[0] = //@ts-ignore
+        (...f) => e(r) && e(r)(...f))
+      }, [
+        p(u.$slots, "default")
+      ], 36),
+      e(d) ? (o(), l("div", {
+        key: 0,
+        style: t(e(w))
+      }, null, 4)) : a("", !0),
+      e(c) ? (o(), l("div", {
+        key: 1,
+        style: t(e(g))
+      }, null, 4)) : a("", !0)
+    ], 512)), [
+      [v, !n.hidden]
+    ]);
+  }
+});
+export {
+  C as default
+};

package/dist/components/CuiModalBody.vue2.js

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

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

@@ -1,8 +1,7 @@
-export interface CuiModalFooterProps {
+import type { HideableProps } from "../types/common";
+export interface CuiModalFooterProps extends HideableProps {
     /** Align footer content */
     align?: "left" | "right" | "center" | "between";
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"CuiModalFooter.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiModalFooter.vue"],"names":[],"mappings":"AAyCA,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IAChD,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA4CD,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;YApEV,OAAO;WAFR,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS;6EA6E/C,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":"CuiModalFooter.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiModalFooter.vue"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;CACjD;AA4CD,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;;WApEX,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS;6EA2E/C,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"}