@itguy614/clean-ui 1.2.2 → 1.3.1

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

@@ -16,11 +16,9 @@ export interface CuiDividerProps extends HideableProps {
     /** Line color — a color role (mapped to its token) or any CSS color */
     color?: CuiColorOrCss;
 }
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<CuiDividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiDividerProps> & Readonly<{}>, {
     hidden: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiDivider.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDivider.vue"],"names":[],"mappings":"AA2IA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGpE,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAC9D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,kBAAkB;IAClB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AA2JD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB/C,QAAA,MAAM,eAAe;;aA3LT,cAAc;iBANV,kBAAkB;aAQtB,MAAM;mBANA,oBAAoB;6EAsMpC,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":"CuiDivider.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDivider.vue"],"names":[],"mappings":"AAoJA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGpE,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAC9D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,kBAAkB;IAClB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAuJD,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;;aAvLT,cAAc;iBANV,kBAAkB;aAQtB,MAAM;mBANA,oBAAoB;6EAkMpC,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/CuiDivider.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, useSlots as x, computed as n, withDirectives as s, openBlock as a, createElementBlock as i, normalizeStyle as l, createCommentVNode as d, createElementVNode as f, renderSlot as g, createTextVNode as h, toDisplayString as b, vShow as u } from "vue";
-import { resolveColor as S } from "../utils/color.js";
-const B = /* @__PURE__ */ p({
+import { defineComponent as b, useSlots as p, useId as S, computed as n, withDirectives as c, openBlock as a, createElementBlock as r, normalizeStyle as i, createCommentVNode as m, createElementVNode as x, renderSlot as k, createTextVNode as w, toDisplayString as z, vShow as d } from "vue";
+import { resolveColor as h } from "../utils/color.js";
+const T = ["aria-orientation"], D = /* @__PURE__ */ b({
   __name: "CuiDivider",
   props: {
     orientation: { default: "horizontal" },
@@ -12,10 +12,10 @@ const B = /* @__PURE__ */ p({
     hidden: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, k = x(), m = n(() => !!t.label || !!k.default), r = n(() => {
-      const c = t.color ? S(t.color) : "var(--cui-border)";
-      return `1px ${t.variant} ${c}`;
-    }), v = n(() => t.orientation === "vertical" ? {
+    const t = e, v = p(), g = () => !!t.label || !!v.default, s = `cui-divider-label-${S()}`, l = n(() => {
+      const o = t.color ? h(t.color) : "var(--cui-border)";
+      return `1px ${t.variant} ${o}`;
+    }), f = n(() => t.orientation === "vertical" ? {
       display: "inline-flex",
       flexDirection: "column",
       alignItems: "center",
@@ -28,97 +28,85 @@ const B = /* @__PURE__ */ p({
       width: "100%",
       marginTop: t.spacing,
       marginBottom: t.spacing
-    }), o = n(() => t.orientation === "vertical" ? {
+    }), u = n(() => t.orientation === "vertical" ? {
       flex: "1",
       width: "0",
-      borderLeft: r.value,
+      borderLeft: l.value,
       minHeight: "1rem"
     } : {
       flex: "1",
       height: "0",
-      borderTop: r.value
+      borderTop: l.value
     }), y = n(() => ({
       fontSize: "0.75rem",
       fontWeight: "500",
-      color: t.color ? S(t.color) : "var(--cui-text-tertiary)",
+      color: t.color ? h(t.color) : "var(--cui-text-tertiary)",
       padding: t.orientation === "horizontal" ? "0 calc(0.75rem * var(--cui-density-scale, 1))" : "calc(0.5rem * var(--cui-density-scale, 1)) 0",
       whiteSpace: "nowrap",
       textTransform: "uppercase",
       letterSpacing: "0.04em"
     }));
-    return (c, w) => e.orientation === "horizontal" && m.value ? s((a(), i("div", {
+    return (o, B) => g() ? c((a(), r("div", {
       key: 0,
-      style: l(v.value),
-      role: "separator"
+      class: "cui-divider",
+      style: i(f.value),
+      role: "separator",
+      "aria-orientation": e.orientation === "vertical" ? "vertical" : "horizontal",
+      "aria-labelledby": s
     }, [
-      e.labelPosition !== "start" ? (a(), i("div", {
+      e.labelPosition !== "start" ? (a(), r("div", {
         key: 0,
-        style: l(o.value)
-      }, null, 4)) : d("", !0),
-      f("span", {
-        style: l(y.value)
+        style: i(u.value),
+        "aria-hidden": "true"
+      }, null, 4)) : m("", !0),
+      x("span", {
+        id: s,
+        style: i(y.value)
       }, [
-        g(c.$slots, "default", {}, () => [
-          h(b(e.label), 1)
+        k(o.$slots, "default", {}, () => [
+          w(z(e.label), 1)
         ])
       ], 4),
-      e.labelPosition !== "end" ? (a(), i("div", {
+      e.labelPosition !== "end" ? (a(), r("div", {
         key: 1,
-        style: l(o.value)
-      }, null, 4)) : d("", !0)
-    ], 4)), [
-      [u, !e.hidden]
-    ]) : e.orientation === "horizontal" ? s((a(), i("hr", {
+        style: i(u.value),
+        "aria-hidden": "true"
+      }, null, 4)) : m("", !0)
+    ], 12, T)), [
+      [d, !e.hidden]
+    ]) : e.orientation === "horizontal" ? c((a(), r("hr", {
       key: 1,
-      style: l({
+      class: "cui-divider",
+      style: i({
         border: "none",
-        borderTop: r.value,
+        borderTop: l.value,
         width: "100%",
         marginTop: e.spacing,
         marginBottom: e.spacing
       }),
-      role: "separator"
+      role: "separator",
+      "aria-orientation": "horizontal"
     }, null, 4)), [
-      [u, !e.hidden]
-    ]) : m.value ? s((a(), i("div", {
+      [d, !e.hidden]
+    ]) : c((a(), r("div", {
       key: 2,
-      style: l(v.value),
-      role: "separator"
-    }, [
-      e.labelPosition !== "start" ? (a(), i("div", {
-        key: 0,
-        style: l(o.value)
-      }, null, 4)) : d("", !0),
-      f("span", {
-        style: l(y.value)
-      }, [
-        g(c.$slots, "default", {}, () => [
-          h(b(e.label), 1)
-        ])
-      ], 4),
-      e.labelPosition !== "end" ? (a(), i("div", {
-        key: 1,
-        style: l(o.value)
-      }, null, 4)) : d("", !0)
-    ], 4)), [
-      [u, !e.hidden]
-    ]) : s((a(), i("div", {
-      key: 3,
-      style: l({
+      class: "cui-divider",
+      style: i({
         display: "inline-block",
         width: "0",
         alignSelf: "stretch",
-        borderLeft: r.value,
+        borderLeft: l.value,
         marginLeft: e.spacing,
         marginRight: e.spacing,
         minHeight: "1rem"
       }),
-      role: "separator"
+      role: "separator",
+      "aria-orientation": "vertical"
     }, null, 4)), [
-      [u, !e.hidden]
+      [d, !e.hidden]
     ]);
   }
 });
 export {
-  B as default
+  D as default
 };

package/dist/components/CuiDropdownMenu.vue.js

@@ -1,7 +1,7 @@
 import o from "./CuiDropdownMenu.vue2.js";
 /* empty css                     */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ff831032"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-50ddaf64"]]);
 export {
-  m as default
+  d as default
 };

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

@@ -1,6 +1,9 @@
-export interface CuiDropdownRadioGroupProps {
+import type { AriaLabelableProps } from "../types/common";
+export interface CuiDropdownRadioGroupProps extends AriaLabelableProps {
     /** Selected value */
     modelValue?: string | number;
+    /** Accessible group name, when no `aria-labelledby` target exists. */
+    label?: string;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"CuiDropdownRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDropdownRadioGroup.vue"],"names":[],"mappings":"AAiCA,MAAM,WAAW,0BAA0B;IACzC,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AA+BD,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;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiDropdownRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDropdownRadioGroup.vue"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,WAAW,0BAA2B,SAAQ,kBAAkB;IACpE,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsCD,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;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiDropdownRadioGroup.vue.js

@@ -1,23 +1,36 @@
-import { defineComponent as d, provide as p, toRef as a, openBlock as m, createElementBlock as n, renderSlot as u } from "vue";
-import { DropdownRadioKey as s } from "./dropdown-context.js";
-const i = { role: "group" }, V = /* @__PURE__ */ d({
+import { defineComponent as l, provide as o, toRef as t, openBlock as b, createElementBlock as u, renderSlot as n } from "vue";
+import { DropdownRadioKey as c } from "./dropdown-context.js";
+const m = ["id", "aria-labelledby", "aria-describedby", "aria-required", "aria-label"], f = /* @__PURE__ */ l({
   __name: "CuiDropdownRadioGroup",
   props: {
-    modelValue: {}
+    modelValue: {},
+    label: {},
+    id: {},
+    ariaDescribedby: {},
+    ariaLabelledby: {},
+    ariaRequired: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: t }) {
-    const r = o, l = t;
-    return p(s, {
-      modelValue: a(r, "modelValue"),
-      select(e) {
-        l("update:modelValue", e);
+  setup(e, { emit: i }) {
+    const d = e, r = i;
+    return o(c, {
+      modelValue: t(d, "modelValue"),
+      select(a) {
+        r("update:modelValue", a);
       }
-    }), (e, c) => (m(), n("div", i, [
-      u(e.$slots, "default")
-    ]));
+    }), (a, s) => (b(), u("div", {
+      class: "cui-dropdown-radio-group",
+      role: "radiogroup",
+      id: e.id,
+      "aria-labelledby": e.ariaLabelledby,
+      "aria-describedby": e.ariaDescribedby,
+      "aria-required": e.ariaRequired || void 0,
+      "aria-label": e.ariaLabelledby ? void 0 : e.label
+    }, [
+      n(a.$slots, "default")
+    ], 8, m));
   }
 });
 export {
-  V as default
+  f as default
 };

package/dist/components/CuiDropdownSub.vue.js

@@ -1,7 +1,7 @@
 import o from "./CuiDropdownSub.vue2.js";
 /* empty css                    */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2a73e406"]]);
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-493c9511"]]);
 export {
-  m as default
+  _ as default
 };

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

@@ -1,5 +1,5 @@
-import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps } from "../types/common";
-export interface CuiEmptyStateProps extends HideableProps, ColorableProps, SizeableProps {
+import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps, TitleAsProps } from "../types/common";
+export interface CuiEmptyStateProps extends HideableProps, ColorableProps, SizeableProps, TitleAsProps {
     /** Phosphor icon name */
     icon?: string;
     /** Heading text */
@@ -7,18 +7,19 @@ export interface CuiEmptyStateProps extends HideableProps, ColorableProps, Sizea
     /** Supporting text below the title */
     description?: string;
 }
-declare var __VLS_1: {}, __VLS_6: {}, __VLS_8: {};
+declare var __VLS_1: {}, __VLS_6: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_1) => any;
 } & {
     default?: (props: typeof __VLS_6) => any;
 } & {
-    actions?: (props: typeof __VLS_8) => any;
+    actions?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<CuiEmptyStateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiEmptyStateProps> & Readonly<{}>, {
     hidden: boolean;
     size: CuiSize;
     color: CuiColor;
+    titleAs: import("..").CuiTitleAs;
 }, {}, {}, {}, 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":"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"}
+{"version":3,"file":"CuiEmptyState.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiEmptyState.vue"],"names":[],"mappings":"AA+HA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAMrH,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY;IACpG,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuHD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,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,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAuBhD,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

@@ -1,7 +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"]]);
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-06401990"]]);
 export {
   a as default
 };

package/dist/components/CuiEmptyState.vue2.js

@@ -1,13 +1,13 @@
-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 = {
+import { defineComponent as f, computed as m, withDirectives as h, openBlock as c, createElementBlock as o, normalizeStyle as l, renderSlot as r, createElementVNode as p, createVNode as g, createCommentVNode as s, createBlock as S, resolveDynamicComponent as z, withCtx as k, createTextVNode as F, toDisplayString as d, vShow as C } from "vue";
+import { clampSize as $, scaleDensity as n } from "../utils/sizing.js";
+import D from "./CuiIcon.vue.js";
+const E = {
   key: 0,
   class: "cui-empty-state__icon-area"
-}, $ = {
+}, W = {
   key: 1,
   class: "cui-empty-state__actions"
-}, M = /* @__PURE__ */ p({
+}, N = /* @__PURE__ */ f({
   __name: "CuiEmptyState",
   props: {
     icon: {},
@@ -15,56 +15,62 @@ const k = {
     description: {},
     hidden: { type: Boolean, default: !1 },
     color: { default: "primary" },
-    size: { default: "md" }
+    size: { default: "md" },
+    titleAs: { default: "h3" }
   },
   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(() => ({
+    }, t = m(() => y[$(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", {
+    return (i, w) => h((c(), o("div", {
       class: "cui-empty-state",
-      style: s({ gap: t.value.gap })
+      style: l({ gap: t.value.gap })
     }, [
-      e.icon || i.$slots.icon ? (c(), o("div", k, [
+      e.icon || i.$slots.icon ? (c(), o("div", E, [
         r(i.$slots, "icon", {}, () => [
-          h("div", {
+          p("div", {
             class: "cui-empty-state__circle",
-            style: s(v.value)
+            style: l(v.value)
           }, [
-            g(F, {
+            g(D, {
               name: e.icon,
               size: t.value.icon
             }, null, 8, ["name", "size"])
           ], 4)
         ], !0)
-      ])) : l("", !0),
+      ])) : s("", !0),
       r(i.$slots, "default", {}, () => [
-        e.title ? (c(), o("div", {
+        e.title ? (c(), S(z(e.titleAs), {
           key: 0,
           class: "cui-empty-state__title",
-          style: s({ fontSize: t.value.titleFont })
-        }, d(e.title), 5)) : l("", !0),
+          style: l({ fontSize: t.value.titleFont })
+        }, {
+          default: k(() => [
+            F(d(e.title), 1)
+          ]),
+          _: 1
+        }, 8, ["style"])) : s("", !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)
+          style: l({ fontSize: t.value.descFont, maxWidth: t.value.descMaxWidth })
+        }, d(e.description), 5)) : s("", !0)
       ], !0),
-      i.$slots.actions ? (c(), o("div", $, [
+      i.$slots.actions ? (c(), o("div", W, [
         r(i.$slots, "actions", {}, void 0, !0)
-      ])) : l("", !0)
+      ])) : s("", !0)
     ], 4)), [
-      [S, !e.hidden]
+      [C, !e.hidden]
     ]);
   }
 });
 export {
-  M as default
+  N as default
 };

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":"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"}
+{"version":3,"file":"CuiFieldset.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFieldset.vue"],"names":[],"mappings":"AAoPA,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

@@ -1,7 +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"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cbd64ac4"]]);
 export {
   e as default
 };

package/dist/components/CuiFieldset.vue2.js

@@ -1,4 +1,4 @@
-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 { defineComponent as h, ref as k, watch as y, computed as x, withDirectives as B, openBlock as s, createElementBlock as c, normalizeStyle as C, normalizeClass as i, createElementVNode as o, 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,
@@ -18,29 +18,29 @@ const E = ["disabled"], D = {
   },
   emits: ["update:expanded"],
   setup(e, { emit: f }) {
-    const a = e, b = f, l = k(a.expanded);
+    const d = e, v = f, l = k(d.expanded);
     y(
-      () => a.expanded,
-      (t) => {
-        l.value = t;
+      () => d.expanded,
+      (a) => {
+        l.value = a;
       }
     );
-    function v() {
-      a.collapsible && (l.value = !l.value, b("update:expanded", l.value));
+    function b() {
+      d.collapsible && (l.value = !l.value, v("update:expanded", l.value));
     }
     const m = {
       none: "0",
-      sm: "0.25rem",
-      md: "var(--cui-button-radius, 0.375rem)",
-      lg: "0.5rem",
+      sm: "var(--cui-radius-sm, 0.25rem)",
+      md: "var(--cui-button-radius, var(--cui-radius-md, 0.375rem))",
+      lg: "var(--cui-radius-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]
+      const a = d.color, n = a === "surface" ? "var(--cui-border)" : `var(--cui-${a}-border)`, g = a === "surface" ? "var(--cui-surface-bg)" : `var(--cui-${a}-bg)`, t = {
+        borderRadius: m[d.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 d.variant === "ghost" ? (t.border = "none", t.background = "transparent") : d.variant === "subtle" ? (t.border = `1px solid ${n}`, t.background = g) : (t.border = `1px solid ${n}`, t.background = "transparent"), t;
     });
-    return (t, n) => B((o(), c("fieldset", {
+    return (a, n) => B((s(), c("fieldset", {
       class: i(["cui-fieldset", [
         `cui-fieldset--${e.variant}`,
         {
@@ -51,23 +51,23 @@ const E = ["disabled"], D = {
       style: C(p.value),
       disabled: e.disabled || void 0
     }, [
-      s("legend", {
+      o("legend", {
         class: i(["cui-fieldset__legend", { "cui-fieldset__legend--clickable": e.collapsible }]),
-        onClick: v
+        onClick: b
       }, [
-        e.collapsible ? (o(), $(z, {
+        e.collapsible ? (s(), $(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)
+        o("span", null, u(e.legend), 1)
       ], 2),
-      e.description && l.value ? (o(), c("div", D, u(e.description), 1)) : r("", !0),
-      s("div", {
+      e.description && l.value ? (s(), c("div", D, u(e.description), 1)) : r("", !0),
+      o("div", {
         class: i(["cui-fieldset__content", { "cui-fieldset__content--hidden": e.collapsible && !l.value }])
       }, [
-        S(t.$slots, "default", {}, void 0, !0)
+        S(a.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 14, E)), [
       [w, !e.hidden]

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

@@ -1,4 +1,4 @@
-import type { CuiColor, HideableProps, ColorableProps, DisableableProps } from "../types/common";
+import type { CuiColor, HideableProps, ColorableProps, DisableableProps, NativeControlProps } from "../types/common";
 export interface FileEntry {
     file: File;
     id: string;
@@ -6,7 +6,7 @@ export interface FileEntry {
     size: number;
     type: string;
 }
-export interface CuiFileUploadProps extends HideableProps, ColorableProps, DisableableProps {
+export interface CuiFileUploadProps extends NativeControlProps, HideableProps, ColorableProps, DisableableProps {
     /** Accepted file types (e.g., ".pdf,.docx", "image/*") */
     accept?: string;
     /** Allow multiple files */

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":"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"}
+{"version":3,"file":"CuiFileUpload.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFileUpload.vue"],"names":[],"mappings":"AA6UA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAMrH,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,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB;IAC7G,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;;AA8crB,wBASG"}