@itguy614/clean-ui 0.3.1 → 1.0.0

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

@@ -1,18 +1,11 @@
-import type { ButtonColor } from "./CuiButton.vue";
-export type EmptyStateSize = "sm" | "md" | "lg";
-export interface CuiEmptyStateProps {
+import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps } from "../types/common";
+export interface CuiEmptyStateProps extends HideableProps, ColorableProps, SizeableProps {
     /** Phosphor icon name */
     icon?: string;
     /** Heading text */
     title?: string;
     /** Supporting text below the title */
     description?: string;
-    /** Controls icon size, font sizes, and spacing */
-    size?: EmptyStateSize;
-    /** Color role for the icon area */
-    color?: ButtonColor;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {}, __VLS_6: {}, __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -23,9 +16,9 @@ type __VLS_Slots = {} & {
     actions?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<CuiEmptyStateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiEmptyStateProps> & Readonly<{}>, {
-    size: EmptyStateSize;
-    color: ButtonColor;
     hidden: boolean;
+    size: CuiSize;
+    color: CuiColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiEmptyState.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiEmptyState.vue"],"names":[],"mappings":"AAmIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,kBAAkB;IACjC,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,mCAAmC;IACnC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA6GD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;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;AAuB/C,QAAA,MAAM,eAAe;UA7IZ,cAAc;WAEb,WAAW;YAEV,OAAO;6EAgJhB,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":"CuiEmptyState.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiEmptyState.vue"],"names":[],"mappings":"AA8HA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMvG,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IACtF,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA6GD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;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;AAuB/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/CuiEmptyState.vue.js

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

package/dist/components/CuiEmptyState.vue2.js

@@ -0,0 +1,70 @@
+import { defineComponent as p, computed as m, withDirectives as f, openBlock as c, createElementBlock as o, normalizeStyle as s, renderSlot as r, createElementVNode as h, createVNode as g, createCommentVNode as l, toDisplayString as d, vShow as S } from "vue";
+import { clampSize as z, scaleDensity as n } from "../utils/sizing.js";
+import F from "./CuiIcon.vue.js";
+const k = {
+  key: 0,
+  class: "cui-empty-state__icon-area"
+}, $ = {
+  key: 1,
+  class: "cui-empty-state__actions"
+}, M = /* @__PURE__ */ p({
+  __name: "CuiEmptyState",
+  props: {
+    icon: {},
+    title: {},
+    description: {},
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "md" }
+  },
+  setup(e) {
+    const u = ["sm", "md", "lg"], a = e, y = {
+      sm: { circle: "2.5rem", icon: "1.25rem", titleFont: "1rem", descFont: "0.8125rem", gap: n("0.75rem"), descMaxWidth: "20rem" },
+      md: { circle: "3.5rem", icon: "1.75rem", titleFont: "1.125rem", descFont: "0.875rem", gap: n("1rem"), descMaxWidth: "24rem" },
+      lg: { circle: "4.5rem", icon: "2rem", titleFont: "1.25rem", descFont: "1rem", gap: n("1.25rem"), descMaxWidth: "28rem" }
+    }, t = m(() => y[z(a.size, u)]), v = m(() => ({
+      width: t.value.circle,
+      height: t.value.circle,
+      background: `var(--cui-${a.color}-bg)`,
+      color: `var(--cui-${a.color})`
+    }));
+    return (i, C) => f((c(), o("div", {
+      class: "cui-empty-state",
+      style: s({ gap: t.value.gap })
+    }, [
+      e.icon || i.$slots.icon ? (c(), o("div", k, [
+        r(i.$slots, "icon", {}, () => [
+          h("div", {
+            class: "cui-empty-state__circle",
+            style: s(v.value)
+          }, [
+            g(F, {
+              name: e.icon,
+              size: t.value.icon
+            }, null, 8, ["name", "size"])
+          ], 4)
+        ], !0)
+      ])) : l("", !0),
+      r(i.$slots, "default", {}, () => [
+        e.title ? (c(), o("div", {
+          key: 0,
+          class: "cui-empty-state__title",
+          style: s({ fontSize: t.value.titleFont })
+        }, d(e.title), 5)) : l("", !0),
+        e.description ? (c(), o("div", {
+          key: 1,
+          class: "cui-empty-state__description",
+          style: s({ fontSize: t.value.descFont, maxWidth: t.value.descMaxWidth })
+        }, d(e.description), 5)) : l("", !0)
+      ], !0),
+      i.$slots.actions ? (c(), o("div", $, [
+        r(i.$slots, "actions", {}, void 0, !0)
+      ])) : l("", !0)
+    ], 4)), [
+      [S, !e.hidden]
+    ]);
+  }
+});
+export {
+  M as default
+};

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

@@ -1,16 +1,18 @@
-export interface CuiFieldsetProps {
+import type { CuiRounded, HideableProps, ColorableProps, DisableableProps } from "../types/common";
+export type FieldsetVariant = "outline" | "subtle" | "ghost";
+export interface CuiFieldsetProps extends HideableProps, ColorableProps, DisableableProps {
     /** Legend text */
     legend: string;
     /** Description text below the legend */
     description?: string;
+    /** Visual variant: bordered outline, tinted subtle fill, or chrome-less ghost */
+    variant?: FieldsetVariant;
+    /** Border radius (mirrors CuiButton) */
+    rounded?: CuiRounded;
     /** Allow collapsing the fieldset content */
     collapsible?: boolean;
     /** Whether the fieldset is expanded (v-model:expanded) */
     expanded?: boolean;
-    /** Disable all controls inside */
-    disabled?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_4: {};
 type __VLS_Slots = {} & {
@@ -22,6 +24,9 @@ declare const __VLS_component: import("vue").DefineComponent<CuiFieldsetProps, {
     "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
 }>, {
     hidden: boolean;
+    color: import("../index.js").CuiColor;
+    variant: FieldsetVariant;
+    rounded: CuiRounded;
     disabled: boolean;
     collapsible: boolean;
     expanded: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiFieldset.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFieldset.vue"],"names":[],"mappings":"AA4KA,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA+GD,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;AAwB/C,QAAA,MAAM,eAAe;;;;;YA1IV,OAAO;cAFL,OAAO;iBAJJ,OAAO;cAEV,OAAO;6EAsJlB,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":"CuiFieldset.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFieldset.vue"],"names":[],"mappings":"AAyOA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnG,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,aAAa,EAAE,cAAc,EAAE,gBAAgB;IACvF,kBAAkB;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,wCAAwC;IACxC,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiKD,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;;;;;;;aAnMT,eAAe;aAEf,UAAU;;iBAEN,OAAO;cAEV,OAAO;6EAqMlB,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/CuiFieldset.vue.js

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

package/dist/components/CuiFieldset.vue2.js

@@ -0,0 +1,79 @@
+import { defineComponent as h, ref as k, watch as y, computed as x, withDirectives as B, openBlock as o, createElementBlock as c, normalizeStyle as C, normalizeClass as i, createElementVNode as s, createBlock as $, createCommentVNode as r, toDisplayString as u, renderSlot as S, vShow as w } from "vue";
+import z from "./CuiIcon.vue.js";
+const E = ["disabled"], D = {
+  key: 0,
+  class: "cui-fieldset__description"
+}, V = /* @__PURE__ */ h({
+  __name: "CuiFieldset",
+  props: {
+    legend: {},
+    description: {},
+    variant: { default: "outline" },
+    rounded: { default: "md" },
+    collapsible: { type: Boolean, default: !1 },
+    expanded: { type: Boolean, default: !0 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "surface" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:expanded"],
+  setup(e, { emit: f }) {
+    const a = e, b = f, l = k(a.expanded);
+    y(
+      () => a.expanded,
+      (t) => {
+        l.value = t;
+      }
+    );
+    function v() {
+      a.collapsible && (l.value = !l.value, b("update:expanded", l.value));
+    }
+    const m = {
+      none: "0",
+      sm: "0.25rem",
+      md: "var(--cui-button-radius, 0.375rem)",
+      lg: "0.5rem",
+      full: "9999px"
+    }, p = x(() => {
+      const t = a.color, n = t === "surface" ? "var(--cui-border)" : `var(--cui-${t}-border)`, g = t === "surface" ? "var(--cui-surface-bg)" : `var(--cui-${t}-bg)`, d = {
+        borderRadius: m[a.rounded]
+      };
+      return a.variant === "ghost" ? (d.border = "none", d.background = "transparent") : a.variant === "subtle" ? (d.border = `1px solid ${n}`, d.background = g) : (d.border = `1px solid ${n}`, d.background = "transparent"), d;
+    });
+    return (t, n) => B((o(), c("fieldset", {
+      class: i(["cui-fieldset", [
+        `cui-fieldset--${e.variant}`,
+        {
+          "cui-fieldset--collapsed": e.collapsible && !l.value,
+          "cui-fieldset--disabled": e.disabled
+        }
+      ]]),
+      style: C(p.value),
+      disabled: e.disabled || void 0
+    }, [
+      s("legend", {
+        class: i(["cui-fieldset__legend", { "cui-fieldset__legend--clickable": e.collapsible }]),
+        onClick: v
+      }, [
+        e.collapsible ? (o(), $(z, {
+          key: 0,
+          name: "caret-down",
+          size: "1rem",
+          class: i(["cui-fieldset__chevron", { "cui-fieldset__chevron--collapsed": !l.value }])
+        }, null, 8, ["class"])) : r("", !0),
+        s("span", null, u(e.legend), 1)
+      ], 2),
+      e.description && l.value ? (o(), c("div", D, u(e.description), 1)) : r("", !0),
+      s("div", {
+        class: i(["cui-fieldset__content", { "cui-fieldset__content--hidden": e.collapsible && !l.value }])
+      }, [
+        S(t.$slots, "default", {}, void 0, !0)
+      ], 2)
+    ], 14, E)), [
+      [w, !e.hidden]
+    ]);
+  }
+});
+export {
+  V as default
+};

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

@@ -1,4 +1,4 @@
-import type { ButtonColor } from "./CuiButton.vue";
+import type { CuiColor, HideableProps, ColorableProps, DisableableProps } from "../types/common";
 export interface FileEntry {
     file: File;
     id: string;
@@ -6,7 +6,7 @@ export interface FileEntry {
     size: number;
     type: string;
 }
-export interface CuiFileUploadProps {
+export interface CuiFileUploadProps extends HideableProps, ColorableProps, DisableableProps {
     /** Accepted file types (e.g., ".pdf,.docx", "image/*") */
     accept?: string;
     /** Allow multiple files */
@@ -17,10 +17,6 @@ export interface CuiFileUploadProps {
     maxFiles?: number;
     /** Auto-emit on drop/select (true) or require explicit upload button (false) */
     autoUpload?: boolean;
-    /** Color role */
-    color?: ButtonColor;
-    /** Disabled */
-    disabled?: boolean;
     /** Label */
     label?: string;
     /** Drag zone helper text */
@@ -29,10 +25,14 @@ export interface CuiFileUploadProps {
     browseText?: string;
     /** Upload button text (when autoUpload is false) */
     uploadText?: string;
-    /** Hidden */
-    hidden?: boolean;
 }
-declare const _default: import("vue").DefineComponent<CuiFileUploadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function focus(opts?: FocusOptions): void;
+declare function blur(): void;
+declare const _default: import("vue").DefineComponent<CuiFileUploadProps, {
+    el: Readonly<import("vue").ShallowRef<HTMLElement | null>>;
+    focus: typeof focus;
+    blur: typeof blur;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (files: FileEntry[]) => any;
     upload: (files: File[]) => any;
     reject: (payload: {
@@ -47,8 +47,8 @@ declare const _default: import("vue").DefineComponent<CuiFileUploadProps, {}, {}
         reason: string;
     }) => any) | undefined;
 }>, {
-    color: ButtonColor;
     hidden: boolean;
+    color: CuiColor;
     disabled: boolean;
     multiple: boolean;
     maxFileSize: number;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiFileUpload.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFileUpload.vue"],"names":[],"mappings":"AA8TA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKnD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,IAAI,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;;;;;cAoB2B,IAAI;gBAAU,MAAM;;;;;;cAApB,IAAI;gBAAU,MAAM;;;WAjCtC,WAAW;YAYV,OAAO;cAVL,OAAO;cAVP,OAAO;iBAEJ,MAAM;cAET,MAAM;gBAEJ,OAAO;cAQT,MAAM;gBAEJ,MAAM;gBAEN,MAAM;;AAmbrB,wBAQG"}
+{"version":3,"file":"CuiFileUpload.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFileUpload.vue"],"names":[],"mappings":"AAuUA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMjG,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,IAAI,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,cAAc,EAAE,gBAAgB;IACzF,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAgKD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;cAlJ2B,IAAI;gBAAU,MAAM;;;;;;cAApB,IAAI;gBAAU,MAAM;;;;;;cAnCnC,OAAO;iBAEJ,MAAM;cAET,MAAM;gBAEJ,OAAO;cAIT,MAAM;gBAEJ,MAAM;gBAEN,MAAM;;AAscrB,wBASG"}

package/dist/components/CuiFileUpload.vue.js

@@ -0,0 +1,254 @@
+import { defineComponent as K, ref as y, computed as q, useTemplateRef as G, withDirectives as H, openBlock as c, createElementBlock as s, toDisplayString as l, createCommentVNode as f, createElementVNode as n, normalizeStyle as z, createVNode as h, createTextVNode as b, withModifiers as J, Fragment as P, renderList as Q, withCtx as k, unref as Z, createBlock as _, vShow as ee } from "vue";
+import C from "./CuiButton.vue.js";
+import p from "./CuiIcon.vue.js";
+import { useMessages as te } from "../composables/useMessages.js";
+const ie = {
+  key: 0,
+  style: { display: "block", marginBottom: "calc(0.375rem * var(--cui-density-scale, 1))", fontSize: "0.875rem", fontWeight: "500", color: "var(--cui-text-secondary)" }
+}, ae = ["accept", "multiple"], le = { style: { fontSize: "0.875rem", color: "var(--cui-text-secondary)" } }, re = {
+  key: 0,
+  style: { fontSize: "0.75rem", color: "var(--cui-text-tertiary)", marginTop: "calc(0.375rem * var(--cui-density-scale, 1))" }
+}, ne = { key: 0 }, oe = { key: 1 }, ce = { key: 2 }, se = {
+  key: 1,
+  style: { marginTop: "calc(0.75rem * var(--cui-density-scale, 1))" }
+}, ue = { style: { flex: "1", minWidth: "0" } }, de = { style: { fontSize: "0.8125rem", fontWeight: "500", color: "var(--cui-text-body)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, fe = { style: { fontSize: "0.6875rem", color: "var(--cui-text-tertiary)" } }, me = ["onClick"], ve = { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginTop: "calc(0.5rem * var(--cui-density-scale, 1))" } }, he = { style: { fontSize: "0.75rem", color: "var(--cui-text-tertiary)" } }, xe = { style: { display: "flex", gap: "calc(0.375rem * var(--cui-density-scale, 1))" } }, ke = /* @__PURE__ */ K({
+  __name: "CuiFileUpload",
+  props: {
+    accept: {},
+    multiple: { type: Boolean, default: !0 },
+    maxFileSize: { default: 0 },
+    maxFiles: { default: 0 },
+    autoUpload: { type: Boolean, default: !0 },
+    label: {},
+    dragText: { default: "Drag and drop files here, or" },
+    browseText: { default: "Browse" },
+    uploadText: { default: "Upload" },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["upload", "reject", "change"],
+  setup(i, { expose: B, emit: D }) {
+    const r = i, u = D, a = y([]), m = y(!1), S = y(null);
+    let T = 0;
+    function $() {
+      return `file-${++T}-${Date.now()}`;
+    }
+    function x(e) {
+      return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+    }
+    function W(e) {
+      return e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video-camera" : e.startsWith("audio/") ? "music-note" : e.includes("pdf") ? "file-pdf" : e.includes("zip") || e.includes("compressed") || e.includes("archive") ? "file-zip" : e.includes("spreadsheet") || e.includes("csv") || e.includes("excel") ? "file-xls" : e.includes("document") || e.includes("word") ? "file-doc" : e.includes("text") || e.includes("json") || e.includes("xml") ? "file-text" : "file";
+    }
+    function M(e) {
+      var t;
+      if (r.maxFileSize > 0 && e.size > r.maxFileSize)
+        return `File exceeds maximum size of ${x(r.maxFileSize)}`;
+      if (r.accept) {
+        const o = r.accept.split(",").map((d) => d.trim().toLowerCase()), v = "." + ((t = e.name.split(".").pop()) == null ? void 0 : t.toLowerCase());
+        if (!o.some((d) => d.startsWith(".") ? v === d : d.endsWith("/*") ? e.type.startsWith(d.replace("/*", "/")) : e.type === d)) return "File type not accepted";
+      }
+      return null;
+    }
+    function F(e) {
+      if (!r.disabled) {
+        for (const t of Array.from(e)) {
+          if (r.maxFiles > 0 && a.value.length >= r.maxFiles) {
+            u("reject", { file: t, reason: `Maximum ${r.maxFiles} files allowed` });
+            continue;
+          }
+          const o = M(t);
+          if (o) {
+            u("reject", { file: t, reason: o });
+            continue;
+          }
+          a.value.some((v) => v.name === t.name && v.size === t.size) || a.value.push({
+            file: t,
+            id: $(),
+            name: t.name,
+            size: t.size,
+            type: t.type
+          });
+        }
+        u("change", [...a.value]), r.autoUpload && u("upload", a.value.map((t) => t.file));
+      }
+    }
+    function R(e) {
+      a.value = a.value.filter((t) => t.id !== e), u("change", [...a.value]);
+    }
+    function j() {
+      a.value = [], u("change", []);
+    }
+    function E() {
+      a.value.length !== 0 && u("upload", a.value.map((e) => e.file));
+    }
+    function w() {
+      var e;
+      (e = S.value) == null || e.click();
+    }
+    function I(e) {
+      const t = e.target;
+      t.files && F(t.files), t.value = "";
+    }
+    function U(e) {
+      e.preventDefault(), r.disabled || (m.value = !0);
+    }
+    function A(e) {
+      e.preventDefault();
+    }
+    function L(e) {
+      const t = e.currentTarget.getBoundingClientRect();
+      (e.clientX <= t.left || e.clientX >= t.right || e.clientY <= t.top || e.clientY >= t.bottom) && (m.value = !1);
+    }
+    function N(e) {
+      var t;
+      e.preventDefault(), m.value = !1, (t = e.dataTransfer) != null && t.files && F(e.dataTransfer.files);
+    }
+    const V = q(() => x(a.value.reduce((e, t) => e + t.size, 0))), g = G("rootEl");
+    function O(e) {
+      var t;
+      (t = g.value) == null || t.focus(e);
+    }
+    function X() {
+      var e;
+      (e = g.value) == null || e.blur();
+    }
+    B({ el: g, focus: O, blur: X });
+    const Y = te();
+    return (e, t) => H((c(), s("div", {
+      ref_key: "rootEl",
+      ref: g
+    }, [
+      i.label ? (c(), s("label", ie, l(i.label), 1)) : f("", !0),
+      n("input", {
+        ref_key: "inputRef",
+        ref: S,
+        type: "file",
+        accept: i.accept,
+        multiple: i.multiple,
+        style: { display: "none" },
+        onChange: I
+      }, null, 40, ae),
+      n("div", {
+        style: z({
+          border: `2px dashed ${m.value ? `var(--cui-${i.color})` : "var(--cui-border)"}`,
+          borderRadius: "0.625rem",
+          padding: "calc(1.5rem * var(--cui-density-scale, 1))",
+          textAlign: "center",
+          cursor: i.disabled ? "default" : "pointer",
+          opacity: i.disabled ? "0.5" : "1",
+          background: m.value ? `var(--cui-${i.color}-bg)` : "transparent",
+          transition: "border-color 0.15s ease, background 0.15s ease"
+        }),
+        onClick: w,
+        onDragenter: U,
+        onDragover: A,
+        onDragleave: L,
+        onDrop: N
+      }, [
+        h(p, {
+          name: "cloud-arrow-up",
+          size: "2rem",
+          style: z({ color: m.value ? `var(--cui-${i.color})` : "var(--cui-text-tertiary)", marginBottom: "calc(0.5rem * var(--cui-density-scale, 1))" })
+        }, null, 8, ["style"]),
+        n("div", le, [
+          b(l(i.dragText) + " ", 1),
+          n("span", {
+            style: z({ color: `var(--cui-${i.color})`, fontWeight: "600", cursor: "pointer" }),
+            onClick: J(w, ["stop"])
+          }, l(i.browseText), 5)
+        ]),
+        i.accept || i.maxFileSize > 0 ? (c(), s("div", re, [
+          i.accept ? (c(), s("span", ne, l(i.accept), 1)) : f("", !0),
+          i.accept && i.maxFileSize > 0 ? (c(), s("span", oe, " · ")) : f("", !0),
+          i.maxFileSize > 0 ? (c(), s("span", ce, "Max " + l(x(i.maxFileSize)), 1)) : f("", !0)
+        ])) : f("", !0)
+      ], 36),
+      a.value.length > 0 ? (c(), s("div", se, [
+        (c(!0), s(P, null, Q(a.value, (o) => (c(), s("div", {
+          key: o.id,
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "calc(0.625rem * var(--cui-density-scale, 1))",
+            padding: "calc(0.5rem * var(--cui-density-scale, 1)) calc(0.625rem * var(--cui-density-scale, 1))",
+            borderRadius: "0.375rem",
+            border: "1px solid var(--cui-border)",
+            marginBottom: "calc(0.375rem * var(--cui-density-scale, 1))",
+            background: "var(--cui-surface-base, white)"
+          }
+        }, [
+          h(p, {
+            name: W(o.type),
+            size: "1.25rem",
+            style: { flexShrink: "0", color: "var(--cui-text-secondary)" }
+          }, null, 8, ["name"]),
+          n("div", ue, [
+            n("div", de, l(o.name), 1),
+            n("div", fe, l(x(o.size)), 1)
+          ]),
+          n("button", {
+            type: "button",
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: "1.5rem",
+              height: "1.5rem",
+              border: "none",
+              background: "none",
+              cursor: "pointer",
+              color: "var(--cui-text-tertiary)",
+              borderRadius: "0.25rem",
+              flexShrink: "0"
+            },
+            onClick: (v) => R(o.id)
+          }, [
+            h(p, {
+              name: "x",
+              size: "0.75rem"
+            })
+          ], 8, me)
+        ]))), 128)),
+        n("div", ve, [
+          n("span", he, l(a.value.length) + " file" + l(a.value.length === 1 ? "" : "s") + " · " + l(V.value), 1),
+          n("div", xe, [
+            h(C, {
+              variant: "ghost",
+              size: "xs",
+              onClick: j
+            }, {
+              default: k(() => [
+                b(l(Z(Y).clearAll), 1)
+              ]),
+              _: 1
+            }),
+            i.autoUpload ? f("", !0) : (c(), _(C, {
+              key: 0,
+              variant: "solid",
+              size: "xs",
+              color: i.color,
+              onClick: E
+            }, {
+              prefix: k(() => [
+                h(p, {
+                  name: "upload-simple",
+                  size: "0.75rem"
+                })
+              ]),
+              default: k(() => [
+                b(" " + l(i.uploadText), 1)
+              ]),
+              _: 1
+            }, 8, ["color"]))
+          ])
+        ])
+      ])) : f("", !0)
+    ], 512)), [
+      [ee, !i.hidden]
+    ]);
+  }
+});
+export {
+  ke as default
+};

package/dist/components/CuiFileUpload.vue2.js

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

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

@@ -1,9 +1,14 @@
-import type { FlexDirection, FlexWrap, ResponsiveValue, TailwindSpacing } from "../types/grid";
-export interface CuiFlexProps {
+import type { FlexDirection, FlexWrap, FlexAlign, FlexJustify, ResponsiveValue, TailwindSpacing } from "../types/grid";
+import type { HideableProps } from "../types/common";
+export interface CuiFlexProps extends HideableProps {
     /** Flex direction */
     direction?: ResponsiveValue<FlexDirection>;
     /** Flex wrap behavior */
     wrap?: ResponsiveValue<FlexWrap>;
+    /** Cross-axis alignment (align-items) */
+    align?: ResponsiveValue<FlexAlign>;
+    /** Main-axis distribution (justify-content) */
+    justify?: ResponsiveValue<FlexJustify>;
     /** Gap between flex items (Tailwind spacing scale) */
     gap?: ResponsiveValue<TailwindSpacing>;
     /** Row gap (for wrapped flex containers) */
@@ -12,8 +17,6 @@ export interface CuiFlexProps {
     colGap?: ResponsiveValue<TailwindSpacing>;
     /** Enable debug mode to visualize flex structure */
     debug?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"CuiFlex.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFlex.vue"],"names":[],"mappings":"AAiIA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,eAAe,EACf,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,YAAY;IAC3B,qBAAqB;IACrB,SAAS,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC3C,yBAAyB;IACzB,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACjC,sDAAsD;IACtD,GAAG,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACvC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,iBAAiB;IACjB,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAgGD,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;UAnIZ,eAAe,CAAC,QAAQ,CAAC;YAUvB,OAAO;WAFR,OAAO;eAVH,eAAe,CAAC,aAAa,CAAC;6EA4I1C,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":"CuiFlex.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFlex.vue"],"names":[],"mappings":"AA4JA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,qBAAqB;IACrB,SAAS,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC3C,yBAAyB;IACzB,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACjC,yCAAyC;IACzC,KAAK,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACnC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACvC,sDAAsD;IACtD,GAAG,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACvC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,iBAAiB;IACjB,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAsHD,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;UA3JZ,eAAe,CAAC,QAAQ,CAAC;;WAYxB,OAAO;eAdH,eAAe,CAAC,aAAa,CAAC;6EAoK1C,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/CuiFlex.vue.js

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