@itguy614/clean-ui 1.2.2 → 1.3.1

package/dist/components/CuiButton.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, computed as s, useTemplateRef as y, withDirectives as x, openBlock as n, createBlock as k, resolveDynamicComponent as C, mergeProps as B, withCtx as S, createElementBlock as l, renderSlot as v, createCommentVNode as c, createVNode as z, normalizeClass as R, vShow as w } from "vue";
+import { defineComponent as $, computed as i, useTemplateRef as y, withDirectives as x, openBlock as a, createBlock as B, resolveDynamicComponent as C, mergeProps as k, withCtx as z, createElementBlock as s, renderSlot as b, createCommentVNode as l, createVNode as S, normalizeClass as w, vShow as R } from "vue";
 import D from "./CuiIcon.vue.js";
 import { BUTTON_SIZE_SCALE as E } from "../utils/sizing.js";
 import { warnVariantColor as N } from "../utils/devWarn.js";
@@ -12,7 +12,7 @@ const T = {
 }, A = {
   key: 3,
   class: "cui-button__suffix"
-}, P = /* @__PURE__ */ _({
+}, P = /* @__PURE__ */ $({
   __name: "CuiButton",
   props: {
     variant: { default: "outline" },
@@ -21,114 +21,108 @@ const T = {
     href: {},
     to: {},
     loading: { type: Boolean, default: !1 },
+    icon: { type: Boolean, default: !1 },
     hidden: { type: Boolean, default: !1 },
     color: { default: "primary" },
     size: { default: "md" },
     disabled: { type: Boolean, default: !1 }
   },
-  setup(a, { expose: b }) {
-    const t = a;
-    N("CuiButton", { value: t.variant, allowed: ["solid", "outline", "dash", "ghost"] }, t.color);
-    const o = s(() => t.disabled || t.loading), f = s(() => t.to ? "router-link" : t.href ? "a" : "button"), p = s(() => t.to ? { to: t.to, ...o.value ? { "aria-disabled": "true", tabindex: "-1" } : {} } : t.href ? {
-      href: o.value ? void 0 : t.href,
+  setup(r, { expose: v }) {
+    const e = r;
+    N("CuiButton", { value: e.variant, allowed: ["solid", "outline", "dash", "ghost"] }, e.color);
+    const u = i(() => e.disabled || e.loading), f = i(() => e.to ? "router-link" : e.href ? "a" : "button"), p = i(() => e.to ? { to: e.to, ...u.value ? { "aria-disabled": "true", tabindex: "-1" } : {} } : e.href ? {
+      href: u.value ? void 0 : e.href,
       role: "button",
-      ...o.value ? { "aria-disabled": "true", tabindex: "-1" } : {}
+      ...u.value ? { "aria-disabled": "true", tabindex: "-1" } : {}
     } : {
-      type: t.type,
-      disabled: o.value || void 0,
-      "aria-disabled": o.value || void 0
-    }), d = y("buttonRef");
-    function h(e) {
-      var r;
-      (r = d.value) == null || r.focus(e);
+      type: e.type,
+      disabled: u.value || void 0,
+      "aria-disabled": u.value || void 0
+    }), c = y("buttonRef");
+    function h(t) {
+      var o;
+      (o = c.value) == null || o.focus(t);
     }
-    function g() {
-      var e;
-      (e = d.value) == null || e.blur();
+    function m() {
+      var t;
+      (t = c.value) == null || t.blur();
     }
-    b({ el: d, focus: h, blur: g });
-    const m = {
+    v({ el: c, focus: h, blur: m });
+    const _ = {
       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"
-    }, $ = s(() => {
-      const e = t.color, r = t.variant, i = E[t.size], u = {
-        height: i.height,
-        paddingLeft: i.px,
-        paddingRight: i.px,
-        fontSize: i.fontSize,
-        gap: i.gap,
-        borderRadius: m[t.rounded],
-        "--_btn-focus-ring": `var(--cui-${e}-focus-ring)`
+    }, g = i(() => {
+      const t = e.color, o = e.variant, n = E[e.size], d = {
+        "--_button-height": n.height,
+        "--_button-px": e.icon ? "0px" : n.px,
+        "--_button-font-size": n.fontSize,
+        "--_button-gap": n.gap,
+        "--_button-radius": _[e.rounded],
+        "--_button-focus-ring": `var(--cui-${t}-focus-ring)`,
+        // An icon button is its own opt-out of the target-size floor (#118). Set on the
+        // element itself, so it relaxes this button without touching anything around it.
+        ...e.icon ? { "--cui-control-min-target": "0px" } : {}
       };
-      return r === "solid" ? {
-        ...u,
-        background: `var(--cui-${e}-solid, var(--cui-${e}))`,
-        color: `var(--cui-${e}-text)`,
-        border: "1px solid transparent",
-        "--_btn-hover-bg": `var(--cui-${e}-solid-hover, var(--cui-${e}-hover))`,
-        "--_btn-active-bg": `var(--cui-${e}-solid-active, var(--cui-${e}-active))`
-      } : r === "outline" ? {
-        ...u,
-        background: "transparent",
-        color: `var(--cui-${e})`,
-        border: "1px solid var(--cui-border-strong)",
-        "--_btn-hover-bg": `var(--cui-${e}-bg)`,
-        "--_btn-hover-color": `var(--cui-${e}-hover)`,
-        "--_btn-hover-border": `var(--cui-${e})`,
-        "--_btn-active-bg": `var(--cui-${e}-subtle)`
-      } : r === "dash" ? {
-        ...u,
-        background: "transparent",
-        color: `var(--cui-${e})`,
-        border: "1px dashed var(--cui-border-strong)",
-        "--_btn-hover-bg": `var(--cui-${e}-bg)`,
-        "--_btn-hover-color": `var(--cui-${e}-hover)`,
-        "--_btn-hover-border": `var(--cui-${e})`,
-        "--_btn-active-bg": `var(--cui-${e}-subtle)`
+      return o === "solid" ? {
+        ...d,
+        "--_button-bg": `var(--cui-${t}-solid, var(--cui-${t}))`,
+        "--_button-color": `var(--cui-${t}-text)`,
+        "--_button-border": "1px solid transparent",
+        "--_button-hover-bg": `var(--cui-${t}-solid-hover, var(--cui-${t}-hover))`,
+        "--_button-active-bg": `var(--cui-${t}-solid-active, var(--cui-${t}-active))`
+      } : o === "outline" || o === "dash" ? {
+        ...d,
+        "--_button-bg": "transparent",
+        "--_button-color": `var(--cui-${t})`,
+        "--_button-border": `1px ${o === "dash" ? "dashed" : "solid"} var(--cui-border-strong)`,
+        "--_button-hover-bg": `var(--cui-${t}-bg)`,
+        "--_button-hover-color": `var(--cui-${t}-hover)`,
+        "--_button-hover-border": `var(--cui-${t})`,
+        "--_button-active-bg": `var(--cui-${t}-subtle)`
       } : {
-        ...u,
-        background: "transparent",
-        color: `var(--cui-${e})`,
-        border: "1px solid transparent",
-        "--_btn-hover-bg": `var(--cui-${e}-bg)`,
-        "--_btn-hover-color": `var(--cui-${e}-hover)`,
-        "--_btn-active-bg": `var(--cui-${e}-subtle)`
+        ...d,
+        "--_button-bg": "transparent",
+        "--_button-color": `var(--cui-${t})`,
+        "--_button-border": "1px solid transparent",
+        "--_button-hover-bg": `var(--cui-${t}-bg)`,
+        "--_button-hover-color": `var(--cui-${t}-hover)`,
+        "--_button-active-bg": `var(--cui-${t}-subtle)`
       };
     });
-    return (e, r) => x((n(), k(C(f.value), B({
+    return (t, o) => x((a(), B(C(f.value), k({
       ref: "buttonRef",
-      class: ["cui-button", { "cui-button--disabled": o.value }],
-      style: $.value
+      class: ["cui-button", { "cui-button--disabled": u.value, "cui-button--icon": r.icon }],
+      style: g.value
     }, p.value, {
-      "aria-busy": a.loading || void 0
+      "aria-busy": r.loading || void 0
     }), {
-      default: S(() => [
-        e.$slots.prefix ? (n(), l("span", T, [
-          v(e.$slots, "prefix", {}, void 0, !0)
-        ])) : c("", !0),
-        a.loading ? (n(), l("span", V, [
-          z(D, {
+      default: z(() => [
+        t.$slots.prefix ? (a(), s("span", T, [
+          b(t.$slots, "prefix", {}, void 0, !0)
+        ])) : l("", !0),
+        r.loading ? (a(), s("span", V, [
+          S(D, {
             name: "circle-notch",
             size: "1em",
             class: "cui-button__spinner-svg"
           })
-        ])) : c("", !0),
-        e.$slots.default ? (n(), l("span", {
+        ])) : l("", !0),
+        t.$slots.default ? (a(), s("span", {
           key: 2,
-          class: R([{ "opacity-0": a.loading }, "cui-button__content"])
+          class: w([{ "opacity-0": r.loading }, "cui-button__content"])
         }, [
-          v(e.$slots, "default", {}, void 0, !0)
-        ], 2)) : c("", !0),
-        e.$slots.suffix ? (n(), l("span", A, [
-          v(e.$slots, "suffix", {}, void 0, !0)
-        ])) : c("", !0)
+          b(t.$slots, "default", {}, void 0, !0)
+        ], 2)) : l("", !0),
+        t.$slots.suffix ? (a(), s("span", A, [
+          b(t.$slots, "suffix", {}, void 0, !0)
+        ])) : l("", !0)
       ]),
       _: 3
     }, 16, ["class", "style", "aria-busy"])), [
-      [w, !a.hidden]
+      [R, !r.hidden]
     ]);
   }
 });

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

@@ -1,6 +1,8 @@
-import type { HideableProps } from "../types/common";
+import type { HideableProps, AriaLabelableProps } from "../types/common";
 export type ButtonGroupOrientation = "horizontal" | "vertical";
-export interface CuiButtonGroupProps extends HideableProps {
+export interface CuiButtonGroupProps extends AriaLabelableProps, HideableProps {
+    /** Accessible group name, when no `aria-labelledby` target exists. */
+    label?: string;
     /** Layout direction */
     orientation?: ButtonGroupOrientation;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CuiButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiButtonGroup.vue"],"names":[],"mappings":"AA2GA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,uBAAuB;IACvB,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAgHD,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;;iBAvIL,sBAAsB;6EA8IpC,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":"CuiButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiButtonGroup.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,aAAa;IAC5E,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAoHD,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;;iBA3IL,sBAAsB;6EAkJpC,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/CuiButtonGroup.vue.js

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

package/dist/components/CuiButtonGroup.vue2.js

@@ -1,21 +1,30 @@
-import { defineComponent as t, withDirectives as n, openBlock as r, createElementBlock as i, normalizeClass as u, renderSlot as a, vShow as l } from "vue";
-const c = /* @__PURE__ */ t({
+import { defineComponent as i, withDirectives as l, openBlock as r, createElementBlock as t, normalizeClass as d, renderSlot as o, vShow as n } from "vue";
+const b = ["id", "aria-labelledby", "aria-describedby", "aria-label"], s = /* @__PURE__ */ i({
   __name: "CuiButtonGroup",
   props: {
+    label: {},
     orientation: { default: "horizontal" },
+    id: {},
+    ariaDescribedby: {},
+    ariaLabelledby: {},
+    ariaRequired: { type: Boolean },
     hidden: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (o, d) => n((r(), i("div", {
-      class: u(["cui-button-group", `cui-button-group--${e.orientation}`]),
-      role: "group"
+    return (a, u) => l((r(), t("div", {
+      class: d(["cui-button-group", `cui-button-group--${e.orientation}`]),
+      role: "group",
+      id: e.id,
+      "aria-labelledby": e.ariaLabelledby,
+      "aria-describedby": e.ariaDescribedby,
+      "aria-label": e.ariaLabelledby ? void 0 : e.label
     }, [
-      a(o.$slots, "default", {}, void 0, !0)
-    ], 2)), [
-      [l, !e.hidden]
+      o(a.$slots, "default", {}, void 0, !0)
+    ], 10, b)), [
+      [n, !e.hidden]
     ]);
   }
 });
 export {
-  c as default
+  s as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiCard.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCard.vue"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAU3D,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,mBAAmB;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAiDD,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;;aA3ET,WAAW;aAEX,UAAU;6EAgFpB,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":"CuiCard.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCard.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAU3D,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,mBAAmB;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAiED,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;;aA3FT,WAAW;aAEX,UAAU;6EAgGpB,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/CuiCard.vue.js

@@ -1,35 +1,7 @@
-import { defineComponent as d, computed as n, withDirectives as l, openBlock as i, createElementBlock as u, normalizeStyle as s, renderSlot as c, vShow as p } from "vue";
-const v = /* @__PURE__ */ d({
-  __name: "CuiCard",
-  props: {
-    variant: { default: "elevated" },
-    rounded: { default: "lg" },
-    hidden: { type: Boolean, default: !1 }
-  },
-  setup(a) {
-    const o = {
-      none: "0",
-      sm: "0.25rem",
-      md: "var(--cui-button-radius, 0.375rem)",
-      lg: "0.5rem",
-      full: "9999px"
-    }, r = a, t = n(() => {
-      const e = {
-        borderRadius: o[r.rounded],
-        overflow: "clip",
-        background: "var(--cui-surface-base)"
-      };
-      return r.variant === "elevated" ? (e.border = "1px solid var(--cui-border)", e.boxShadow = "0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.03)") : r.variant === "outline" ? e.border = "1px solid var(--cui-border)" : (e.border = "none", e.background = "transparent"), e;
-    });
-    return (e, b) => l((i(), u("div", {
-      style: s(t.value)
-    }, [
-      c(e.$slots, "default")
-    ], 4)), [
-      [p, !a.hidden]
-    ]);
-  }
-});
+import o from "./CuiCard.vue2.js";
+/* empty css             */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-61e17e69"]]);
 export {
-  v as default
+  m as default
 };

package/dist/components/CuiCard.vue2.js

@@ -1,4 +1,34 @@
-import f from "./CuiCard.vue.js";
+import { defineComponent as t, computed as c, withDirectives as n, openBlock as s, createElementBlock as i, normalizeStyle as u, renderSlot as l, vShow as p } from "vue";
+const b = /* @__PURE__ */ t({
+  __name: "CuiCard",
+  props: {
+    variant: { default: "elevated" },
+    rounded: { default: "lg" },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const d = {
+      none: "0",
+      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"
+    }, r = a, o = c(() => {
+      const e = {
+        "--_card-radius": d[r.rounded]
+      };
+      return r.variant === "elevated" ? (e["--_card-bg"] = "var(--cui-surface-base)", e["--_card-border"] = "1px solid var(--cui-border)", e["--_card-shadow"] = "0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.03)") : r.variant === "outline" ? (e["--_card-bg"] = "var(--cui-surface-base)", e["--_card-border"] = "1px solid var(--cui-border)", e["--_card-shadow"] = "none") : (e["--_card-bg"] = "transparent", e["--_card-border"] = "none", e["--_card-shadow"] = "none"), e;
+    });
+    return (e, v) => n((s(), i("div", {
+      class: "cui-card",
+      style: u(o.value)
+    }, [
+      l(e.$slots, "default", {}, void 0, !0)
+    ], 4)), [
+      [p, !a.hidden]
+    ]);
+  }
+});
 export {
-  f as default
+  b as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiCardBody.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCardBody.vue"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2BD,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;;eAlDP,OAAO;6EAyDnB,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":"CuiCardBody.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCardBody.vue"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAkCD,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;;eAzDP,OAAO;6EAgEnB,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/CuiCardBody.vue.js

@@ -1,20 +1,7 @@
-import { defineComponent as n, withDirectives as t, openBlock as d, createElementBlock as l, normalizeStyle as o, renderSlot as i, vShow as r } from "vue";
-const u = /* @__PURE__ */ n({
-  __name: "CuiCardBody",
-  props: {
-    noPadding: { type: Boolean, default: !1 },
-    hidden: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    return (a, c) => t((d(), l("div", {
-      style: o({ padding: e.noPadding ? "0" : "calc(0.5rem * var(--cui-density-scale, 1)) calc(1.125rem * var(--cui-density-scale, 1))" })
-    }, [
-      i(a.$slots, "default")
-    ], 4)), [
-      [r, !e.hidden]
-    ]);
-  }
-});
+import o from "./CuiCardBody.vue2.js";
+/* empty css                 */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-28976e3d"]]);
 export {
-  u as default
+  m as default
 };

package/dist/components/CuiCardBody.vue2.js

@@ -1,4 +1,20 @@
-import f from "./CuiCardBody.vue.js";
+import { defineComponent as d, withDirectives as a, openBlock as n, createElementBlock as t, normalizeClass as l, renderSlot as i, vShow as r } from "vue";
+const u = /* @__PURE__ */ d({
+  __name: "CuiCardBody",
+  props: {
+    noPadding: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (o, s) => a((n(), t("div", {
+      class: l(["cui-card-body", { "cui-card-body--flush": e.noPadding }])
+    }, [
+      i(o.$slots, "default", {}, void 0, !0)
+    ], 2)), [
+      [r, !e.hidden]
+    ]);
+  }
+});
 export {
-  f as default
+  u as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiCardFooter.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCardFooter.vue"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;CACjD;AAwCD,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;;WAhEX,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS;6EAuE/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":"CuiCardFooter.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCardFooter.vue"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,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"}

package/dist/components/CuiCardFooter.vue.js

@@ -1,32 +1,7 @@
-import { defineComponent as n, withDirectives as l, openBlock as c, createElementBlock as i, normalizeStyle as r, renderSlot as s, vShow as d } from "vue";
-const u = /* @__PURE__ */ n({
-  __name: "CuiCardFooter",
-  props: {
-    align: { default: "right" },
-    hidden: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const t = {
-      left: "flex-start",
-      right: "flex-end",
-      center: "center",
-      between: "space-between"
-    };
-    return (a, o) => l((c(), i("div", {
-      style: r({
-        display: "flex",
-        alignItems: "center",
-        gap: "calc(0.5rem * var(--cui-density-scale, 1))",
-        padding: "calc(0.375rem * var(--cui-density-scale, 1)) calc(1.125rem * var(--cui-density-scale, 1)) calc(1rem * var(--cui-density-scale, 1))",
-        justifyContent: t[e.align]
-      })
-    }, [
-      s(a.$slots, "default")
-    ], 4)), [
-      [d, !e.hidden]
-    ]);
-  }
-});
+import o from "./CuiCardFooter.vue2.js";
+/* empty css                   */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ede3550d"]]);
 export {
-  u as default
+  d as default
 };

package/dist/components/CuiCardFooter.vue2.js

@@ -1,4 +1,27 @@
-import f from "./CuiCardFooter.vue.js";
+import { defineComponent as a, computed as l, withDirectives as c, openBlock as i, createElementBlock as s, normalizeStyle as d, renderSlot as f, vShow as u } from "vue";
+const h = /* @__PURE__ */ a({
+  __name: "CuiCardFooter",
+  props: {
+    align: { default: "right" },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, o = {
+      left: "flex-start",
+      right: "flex-end",
+      center: "center",
+      between: "space-between"
+    }, r = l(() => ({ "--_card-footer-justify": o[t.align] }));
+    return (n, p) => c((i(), s("div", {
+      class: "cui-card-footer",
+      style: d(r.value)
+    }, [
+      f(n.$slots, "default", {}, void 0, !0)
+    ], 4)), [
+      [u, !e.hidden]
+    ]);
+  }
+});
 export {
-  f as default
+  h as default
 };

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

@@ -1,18 +1,19 @@
-import type { HideableProps } from "../types/common";
-export interface CuiCardHeaderProps extends HideableProps {
+import type { HideableProps, TitleAsProps } from "../types/common";
+export interface CuiCardHeaderProps extends HideableProps, TitleAsProps {
     /** Convenience: title text */
     title?: string;
     /** Convenience: subtitle text */
     subtitle?: string;
 }
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_1: {}, __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    actions?: (props: typeof __VLS_3) => any;
+    actions?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<CuiCardHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiCardHeaderProps> & Readonly<{}>, {
     hidden: boolean;
+    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/CuiCardHeader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiCardHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCardHeader.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA8DD,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;AAoB/C,QAAA,MAAM,eAAe;;6EAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiCardHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCardHeader.vue"],"names":[],"mappings":"AAgFA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,YAAY;IACrE,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAuED,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;AAoB/C,QAAA,MAAM,eAAe;;;6EAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiCardHeader.vue.js

@@ -1,51 +1,7 @@
-import { defineComponent as n, withDirectives as o, openBlock as t, createElementBlock as i, createElementVNode as r, renderSlot as l, toDisplayString as c, createCommentVNode as a, vShow as d } from "vue";
-const m = { style: {
-  display: "flex",
-  alignItems: "flex-start",
-  justifyContent: "space-between",
-  gap: "calc(0.75rem * var(--cui-density-scale, 1))",
-  padding: "calc(1rem * var(--cui-density-scale, 1)) calc(1.125rem * var(--cui-density-scale, 1)) calc(0.375rem * var(--cui-density-scale, 1))"
-} }, u = { style: { flex: "1", minWidth: "0" } }, y = {
-  key: 0,
-  style: {
-    fontSize: "1.0625rem",
-    fontWeight: "600",
-    lineHeight: "1.4",
-    color: "var(--cui-text-emphasis)"
-  }
-}, f = {
-  key: 1,
-  style: {
-    fontSize: "0.8125rem",
-    color: "var(--cui-text-secondary)",
-    marginTop: "calc(0.125rem * var(--cui-density-scale, 1))"
-  }
-}, h = {
-  key: 0,
-  style: { display: "flex", alignItems: "center", gap: "calc(0.5rem * var(--cui-density-scale, 1))", flexShrink: "0" }
-}, p = /* @__PURE__ */ n({
-  __name: "CuiCardHeader",
-  props: {
-    title: {},
-    subtitle: {},
-    hidden: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    return (s, v) => o((t(), i("div", m, [
-      r("div", u, [
-        l(s.$slots, "default", {}, () => [
-          e.title ? (t(), i("div", y, c(e.title), 1)) : a("", !0),
-          e.subtitle ? (t(), i("div", f, c(e.subtitle), 1)) : a("", !0)
-        ])
-      ]),
-      s.$slots.actions ? (t(), i("div", h, [
-        l(s.$slots, "actions")
-      ])) : a("", !0)
-    ], 512)), [
-      [d, !e.hidden]
-    ]);
-  }
-});
+import o from "./CuiCardHeader.vue2.js";
+/* empty css                   */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ed25b4f3"]]);
 export {
-  p as default
+  d as default
 };

package/dist/components/CuiCardHeader.vue2.js

@@ -1,4 +1,42 @@
-import f from "./CuiCardHeader.vue.js";
+import { defineComponent as o, withDirectives as l, openBlock as t, createElementBlock as a, createElementVNode as r, renderSlot as c, createBlock as n, resolveDynamicComponent as u, withCtx as h, createTextVNode as m, toDisplayString as d, createCommentVNode as s, vShow as _ } from "vue";
+const f = { class: "cui-card-header" }, v = { class: "cui-card-header__content" }, k = {
+  key: 1,
+  class: "cui-card-header__subtitle"
+}, y = {
+  key: 0,
+  class: "cui-card-header__actions"
+}, B = /* @__PURE__ */ o({
+  __name: "CuiCardHeader",
+  props: {
+    title: {},
+    subtitle: {},
+    hidden: { type: Boolean, default: !1 },
+    titleAs: { default: "h3" }
+  },
+  setup(e) {
+    return (i, C) => l((t(), a("div", f, [
+      r("div", v, [
+        c(i.$slots, "default", {}, () => [
+          e.title ? (t(), n(u(e.titleAs), {
+            key: 0,
+            class: "cui-card-header__title"
+          }, {
+            default: h(() => [
+              m(d(e.title), 1)
+            ]),
+            _: 1
+          })) : s("", !0),
+          e.subtitle ? (t(), a("div", k, d(e.subtitle), 1)) : s("", !0)
+        ], !0)
+      ]),
+      i.$slots.actions ? (t(), a("div", y, [
+        c(i.$slots, "actions", {}, void 0, !0)
+      ])) : s("", !0)
+    ], 512)), [
+      [_, !e.hidden]
+    ]);
+  }
+});
 export {
-  f as default
+  B as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiCardMedia.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCardMedia.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B;AAyDD,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;;cAjFR,KAAK,GAAG,QAAQ;SAJrB,MAAM;YAEH,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;6EA0F7C,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":"CuiCardMedia.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCardMedia.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B;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;AAqB/C,QAAA,MAAM,eAAe;;cAnFR,KAAK,GAAG,QAAQ;SAJrB,MAAM;YAEH,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;6EA4F7C,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"}