@itguy614/clean-ui 1.2.2 → 1.3.0

package/dist/components/CuiCardMedia.vue.js

@@ -1,7 +1,7 @@
 import o from "./CuiCardMedia.vue2.js";
 /* empty css                  */
-import r from "../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-df8ef268"]]);
+import a from "../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3078eac7"]]);
 export {
-  d as default
+  i as default
 };

package/dist/components/CuiCardMedia.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as l, computed as d, withDirectives as n, openBlock as a, createElementBlock as c, normalizeClass as r, renderSlot as u, normalizeStyle as m, createCommentVNode as p, vShow as f } from "vue";
-const h = ["src", "alt"], C = /* @__PURE__ */ l({
+import { defineComponent as d, computed as l, withDirectives as n, openBlock as a, createElementBlock as c, normalizeClass as r, renderSlot as u, normalizeStyle as m, createCommentVNode as p, vShow as f } from "vue";
+const h = ["src", "alt"], C = /* @__PURE__ */ d({
   __name: "CuiCardMedia",
   props: {
     src: {},
@@ -9,12 +9,12 @@ const h = ["src", "alt"], C = /* @__PURE__ */ l({
     hidden: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, o = {
+    const t = e, s = {
       auto: "auto",
       video: "16 / 9",
       square: "1 / 1"
-    }, s = d(() => ({
-      aspectRatio: o[t.aspect] ?? t.aspect
+    }, o = l(() => ({
+      "--_card-media-aspect": s[t.aspect] ?? t.aspect
     }));
     return (i, v) => n((a(), c("div", {
       class: r(["cui-card-media", `cui-card-media--${e.position}`])
@@ -25,7 +25,7 @@ const h = ["src", "alt"], C = /* @__PURE__ */ l({
           src: e.src,
           alt: e.alt,
           class: "cui-card-media__img",
-          style: m(s.value)
+          style: m(o.value)
         }, null, 12, h)) : p("", !0)
       ], !0)
     ], 2)), [

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

@@ -1,5 +1,5 @@
-import type { HideableProps, ColorableProps, DisableableProps } from "../types/common";
-export interface CuiCheckboxProps extends HideableProps, ColorableProps, DisableableProps {
+import type { HideableProps, ColorableProps, DisableableProps, NativeControlProps } from "../types/common";
+export interface CuiCheckboxProps extends NativeControlProps, HideableProps, ColorableProps, DisableableProps {
     /** The value this checkbox represents (group mode) */
     value?: string | number;
     /** v-model binding (standalone boolean mode) */

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

@@ -1 +1 @@
-{"version":3,"file":"CuiCheckbox.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCheckbox.vue"],"names":[],"mappings":"AAqOA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvF,MAAM,WAAW,gBAAiB,SAAQ,aAAa,EAAE,cAAc,EAAE,gBAAgB;IACvF,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA+LD,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,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA8BnD,QAAA,MAAM,eAAe;;;;;;;;cAnOR,OAAO;YAET,OAAO;;mBAJA,OAAO;6EA8OvB,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":"CuiCheckbox.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCheckbox.vue"],"names":[],"mappings":"AA2OA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE3G,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB;IAC3G,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAqMD,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,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA8BnD,QAAA,MAAM,eAAe;;;;;;;;cAzOR,OAAO;YAET,OAAO;;mBAJA,OAAO;6EAoPvB,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/CuiCheckbox.vue.js

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

package/dist/components/CuiCheckbox.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as w, inject as _, computed as u, ref as S, withDirectives as z, openBlock as r, createElementBlock as b, normalizeStyle as h, normalizeClass as D, createElementVNode as d, withModifiers as E, createBlock as k, createCommentVNode as f, renderSlot as y, createTextVNode as x, toDisplayString as p, vShow as N } from "vue";
-import { CheckboxGroupKey as R } from "./multi-select-group-context.js";
-import C from "./CuiIcon.vue.js";
-const K = ["aria-checked", "aria-disabled", "tabindex"], j = ["value", "checked", "indeterminate", "disabled", "readonly"], G = { class: "cui-checkbox__label-wrap" }, I = { class: "cui-checkbox__label" }, M = {
+import { defineComponent as D, inject as p, computed as r, ref as R, withDirectives as S, openBlock as d, createElementBlock as m, normalizeStyle as h, normalizeClass as q, createElementVNode as u, withModifiers as z, createBlock as k, createCommentVNode as y, renderSlot as f, createTextVNode as x, toDisplayString as C, vShow as E } from "vue";
+import { CheckboxGroupKey as N } from "./multi-select-group-context.js";
+import B from "./CuiIcon.vue.js";
+const K = ["id", "aria-describedby", "aria-required", "aria-labelledby", "aria-checked", "aria-disabled", "tabindex"], L = ["name", "autocomplete", "value", "checked", "indeterminate", "disabled", "readonly"], j = { class: "cui-checkbox__label-wrap" }, G = { class: "cui-checkbox__label" }, I = {
   key: 0,
   class: "cui-checkbox__description"
-}, F = /* @__PURE__ */ w({
+}, F = /* @__PURE__ */ D({
   __name: "CuiCheckbox",
   props: {
     value: {},
@@ -14,89 +14,101 @@ const K = ["aria-checked", "aria-disabled", "tabindex"], j = ["value", "checked"
     indeterminate: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     hidden: { type: Boolean, default: !1 },
+    name: {},
+    autocomplete: {},
+    id: {},
+    ariaDescribedby: {},
+    ariaLabelledby: {},
+    ariaRequired: { type: Boolean },
     color: {},
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
   setup(e, { expose: V, emit: $ }) {
-    const t = e, g = $, l = _(R, null), a = u(() => l && t.value !== void 0 ? l.modelValue.value.includes(t.value) : t.modelValue === !0), o = u(() => l != null && l.disabled.value ? !0 : t.disabled), n = u(() => l != null && l.readonly.value ? !0 : t.readonly), c = u(() => t.color ?? (l == null ? void 0 : l.color.value) ?? "primary"), s = S();
+    const t = e, g = $, a = p(N, null), l = r(() => a && t.value !== void 0 ? a.modelValue.value.includes(t.value) : t.modelValue === !0), o = r(() => a != null && a.disabled.value ? !0 : t.disabled), n = r(() => a != null && a.readonly.value ? !0 : t.readonly), c = r(() => t.color ?? (a == null ? void 0 : a.color.value) ?? "primary"), s = R();
     function v() {
-      o.value || n.value || (l && t.value !== void 0 ? l.toggle(t.value) : g("update:modelValue", !t.modelValue));
+      o.value || n.value || (a && t.value !== void 0 ? a.toggle(t.value) : g("update:modelValue", !t.modelValue));
     }
-    function B(i) {
+    function w(i) {
       (i.key === " " || i.key === "Enter") && (i.preventDefault(), v());
     }
     return V({ el: s, focus: () => {
       var i;
       return (i = s.value) == null ? void 0 : i.focus();
-    } }), (i, m) => z((r(), b("label", {
+    } }), (i, b) => S((d(), m("label", {
       ref_key: "elRef",
       ref: s,
-      class: D(["cui-checkbox", {
-        "cui-checkbox--checked": a.value,
-        "cui-checkbox--indeterminate": e.indeterminate && !a.value,
+      class: q(["cui-checkbox", {
+        "cui-checkbox--checked": l.value,
+        "cui-checkbox--indeterminate": e.indeterminate && !l.value,
         "cui-checkbox--disabled": o.value,
         "cui-checkbox--readonly": n.value
       }]),
       style: h({ "--_check-focus-ring": `var(--cui-${c.value}-focus-ring)` }),
+      id: e.id,
       role: "checkbox",
-      "aria-checked": e.indeterminate && !a.value ? "mixed" : a.value,
+      "aria-describedby": e.ariaDescribedby,
+      "aria-required": e.ariaRequired || void 0,
+      "aria-labelledby": e.ariaLabelledby,
+      "aria-checked": e.indeterminate && !l.value ? "mixed" : l.value,
       "aria-disabled": o.value || n.value || void 0,
       tabindex: o.value ? -1 : 0,
       onClick: v,
-      onKeydown: B
+      onKeydown: w
     }, [
-      d("input", {
+      u("input", {
+        name: e.name,
+        autocomplete: e.autocomplete,
         type: "checkbox",
         value: e.value !== void 0 ? String(e.value) : void 0,
-        checked: a.value,
-        indeterminate: e.indeterminate && !a.value,
+        checked: l.value,
+        indeterminate: e.indeterminate && !l.value,
         disabled: o.value,
         readonly: n.value,
         tabindex: "-1",
         "aria-hidden": "true",
         class: "cui-checkbox__input",
-        onClick: m[0] || (m[0] = E(() => {
+        onClick: b[0] || (b[0] = z(() => {
         }, ["stop", "prevent"]))
-      }, null, 8, j),
-      d("span", {
+      }, null, 8, L),
+      u("span", {
         class: "cui-checkbox__indicator",
         style: h({
           "--_check-color": `var(--cui-${c.value})`,
-          "--_check-border": a.value || e.indeterminate && !a.value ? `var(--cui-${c.value})` : "var(--cui-border-strong)",
-          "--_check-bg": a.value || e.indeterminate && !a.value ? `var(--cui-${c.value}-bg)` : "transparent"
+          "--_check-border": l.value || e.indeterminate && !l.value ? `var(--cui-${c.value})` : "var(--cui-border-strong)",
+          "--_check-bg": l.value || e.indeterminate && !l.value ? `var(--cui-${c.value}-bg)` : "transparent"
         })
       }, [
-        a.value ? (r(), k(C, {
+        l.value ? (d(), k(B, {
           key: 0,
           name: "check",
           weight: "bold",
           size: "0.875rem",
           color: `var(--cui-${c.value})`,
           class: "cui-checkbox__icon"
-        }, null, 8, ["color"])) : e.indeterminate ? (r(), k(C, {
+        }, null, 8, ["color"])) : e.indeterminate ? (d(), k(B, {
           key: 1,
           name: "minus",
           weight: "bold",
           size: "0.875rem",
           color: `var(--cui-${c.value})`,
           class: "cui-checkbox__icon"
-        }, null, 8, ["color"])) : f("", !0)
+        }, null, 8, ["color"])) : y("", !0)
       ], 4),
-      d("span", G, [
-        d("span", I, [
-          y(i.$slots, "default", {}, () => [
-            x(p(e.label), 1)
+      u("span", j, [
+        u("span", G, [
+          f(i.$slots, "default", {}, () => [
+            x(C(e.label), 1)
           ], !0)
         ]),
-        e.description || i.$slots.description ? (r(), b("span", M, [
-          y(i.$slots, "description", {}, () => [
-            x(p(e.description), 1)
+        e.description || i.$slots.description ? (d(), m("span", I, [
+          f(i.$slots, "description", {}, () => [
+            x(C(e.description), 1)
           ], !0)
-        ])) : f("", !0)
+        ])) : y("", !0)
       ])
     ], 46, K)), [
-      [N, !e.hidden]
+      [E, !e.hidden]
     ]);
   }
 });

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

@@ -1,5 +1,5 @@
-import type { CuiColor, CuiAutoOrientation, HideableProps, ColorableProps, DisableableProps } from "../types/common";
-export interface CuiCheckboxGroupProps extends HideableProps, ColorableProps, DisableableProps {
+import type { CuiColor, CuiAutoOrientation, HideableProps, ColorableProps, DisableableProps, AriaLabelableProps } from "../types/common";
+export interface CuiCheckboxGroupProps extends AriaLabelableProps, HideableProps, ColorableProps, DisableableProps {
     /** Array of selected values */
     modelValue?: Array<string | number>;
     /** Layout orientation — auto: horizontal for ≤2 options, vertical for 3+ */

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

@@ -1 +1 @@
-{"version":3,"file":"CuiCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCheckboxGroup.vue"],"names":[],"mappings":"AAkIA,OAAO,KAAK,EAAE,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGrH,MAAM,WAAW,qBAAsB,SAAQ,aAAa,EAAE,cAAc,EAAE,gBAAgB;IAC5F,+BAA+B;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACpC,4EAA4E;IAC5E,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6GD,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;;;;;WA1IX,OAAO;cAFJ,OAAO;;;;iBAFJ,kBAAkB;gBAFnB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;6EAwJnC,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":"CuiCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCheckboxGroup.vue"],"names":[],"mappings":"AA0IA,OAAO,KAAK,EAAE,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAIzI,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB;IAChH,+BAA+B;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACpC,4EAA4E;IAC5E,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqHD,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;;;;;WApJX,OAAO;cAFJ,OAAO;;;;iBAFJ,kBAAkB;gBAFnB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;6EAkKnC,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/CuiCheckboxGroup.vue.js

@@ -1,7 +1,7 @@
 import o from "./CuiCheckboxGroup.vue2.js";
 /* empty css                      */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-045a818e"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ebb81876"]]);
 export {
-  e as default
+  m as default
 };

package/dist/components/CuiCheckboxGroup.vue2.js

@@ -1,9 +1,7 @@
-import { defineComponent as b, useSlots as y, computed as u, provide as g, toRef as a, withDirectives as v, openBlock as c, createElementBlock as s, normalizeClass as k, createElementVNode as x, renderSlot as V, toDisplayString as C, createCommentVNode as S, vShow as B } from "vue";
-import { CheckboxGroupKey as D } from "./multi-select-group-context.js";
-const M = ["aria-label", "aria-invalid"], w = { class: "cui-checkbox-group__options" }, z = {
-  key: 0,
-  class: "cui-checkbox-group__error"
-}, N = /* @__PURE__ */ b({
+import { defineComponent as p, useSlots as k, computed as u, provide as x, toRef as l, withDirectives as B, openBlock as c, createElementBlock as s, normalizeClass as V, unref as b, createElementVNode as C, renderSlot as S, toDisplayString as D, createCommentVNode as q, vShow as L } from "vue";
+import { useFieldDescribedBy as M } from "../composables/useFieldDescribedBy.js";
+import { CheckboxGroupKey as R } from "./multi-select-group-context.js";
+const w = ["id", "aria-labelledby", "aria-describedby", "aria-required", "aria-label", "aria-invalid"], z = { class: "cui-checkbox-group__options" }, E = ["id"], F = /* @__PURE__ */ p({
   __name: "CuiCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -12,48 +10,60 @@ const M = ["aria-label", "aria-invalid"], w = { class: "cui-checkbox-group__opti
     error: { type: Boolean, default: !1 },
     errorMessage: {},
     label: {},
+    id: {},
+    ariaDescribedby: {},
+    ariaLabelledby: {},
+    ariaRequired: { type: Boolean },
     hidden: { type: Boolean, default: !1 },
     color: { default: "primary" },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: f }) {
-    const e = o, m = f, i = y(), h = u(() => {
-      var r;
-      const t = (r = i.default) == null ? void 0 : r.call(i);
-      return t ? t.reduce((l, n) => {
-        var d;
-        return n.type === Symbol.for("v-fgm") || n.type === Symbol.for("v-fgt") ? l + (((d = n.children) == null ? void 0 : d.length) ?? 0) : l + 1;
+  setup(e, { emit: f }) {
+    const r = e, { errorId: m, describedBy: y } = M(r), h = f, t = k(), g = u(() => {
+      var a;
+      const o = (a = t.default) == null ? void 0 : a.call(t);
+      return o ? o.reduce((i, d) => {
+        var n;
+        return d.type === Symbol.for("v-fgm") || d.type === Symbol.for("v-fgt") ? i + (((n = d.children) == null ? void 0 : n.length) ?? 0) : i + 1;
       }, 0) : 0;
-    }), p = u(() => e.orientation !== "auto" ? e.orientation : h.value <= 2 ? "horizontal" : "vertical");
-    return g(D, {
-      modelValue: a(e, "modelValue"),
-      color: a(e, "color"),
-      disabled: a(e, "disabled"),
-      readonly: a(e, "readonly"),
-      toggle(t) {
-        if (e.disabled || e.readonly) return;
-        const r = [...e.modelValue], l = r.indexOf(t);
-        l >= 0 ? r.splice(l, 1) : r.push(t), m("update:modelValue", r);
+    }), v = u(() => r.orientation !== "auto" ? r.orientation : g.value <= 2 ? "horizontal" : "vertical");
+    return x(R, {
+      modelValue: l(r, "modelValue"),
+      color: l(r, "color"),
+      disabled: l(r, "disabled"),
+      readonly: l(r, "readonly"),
+      toggle(o) {
+        if (r.disabled || r.readonly) return;
+        const a = [...r.modelValue], i = a.indexOf(o);
+        i >= 0 ? a.splice(i, 1) : a.push(o), h("update:modelValue", a);
       }
-    }), (t, r) => v((c(), s("div", {
+    }), (o, a) => B((c(), s("div", {
       role: "group",
-      "aria-label": o.label,
-      "aria-invalid": o.error || void 0,
-      class: k(["cui-checkbox-group", [
-        `cui-checkbox-group--${p.value}`,
-        { "cui-checkbox-group--error": o.error }
+      id: e.id,
+      "aria-labelledby": e.ariaLabelledby,
+      "aria-describedby": b(y),
+      "aria-required": e.ariaRequired || void 0,
+      "aria-label": e.ariaLabelledby ? void 0 : e.label,
+      "aria-invalid": e.error || void 0,
+      class: V(["cui-checkbox-group", [
+        `cui-checkbox-group--${v.value}`,
+        { "cui-checkbox-group--error": e.error }
       ]])
     }, [
-      x("div", w, [
-        V(t.$slots, "default", {}, void 0, !0)
+      C("div", z, [
+        S(o.$slots, "default", {}, void 0, !0)
       ]),
-      o.error && o.errorMessage ? (c(), s("div", z, C(o.errorMessage), 1)) : S("", !0)
-    ], 10, M)), [
-      [B, !o.hidden]
+      e.error && e.errorMessage ? (c(), s("div", {
+        key: 0,
+        id: b(m),
+        class: "cui-checkbox-group__error"
+      }, D(e.errorMessage), 9, E)) : q("", !0)
+    ], 10, w)), [
+      [L, !e.hidden]
     ]);
   }
 });
 export {
-  N as default
+  F as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCodeBlock.vue"],"names":[],"mappings":"AA4KA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMpE,MAAM,WAAW,iBAAkB,SAAQ,aAAa,EAAE,aAAa;IACrE,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;;;iBATe,OAAO;eAET,MAAM;cAIP,OAAO;;AA+LpB,wBAOG"}
+{"version":3,"file":"CuiCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCodeBlock.vue"],"names":[],"mappings":"AA6KA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMpE,MAAM,WAAW,iBAAkB,SAAQ,aAAa,EAAE,aAAa;IACrE,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;;;iBATe,OAAO;eAET,MAAM;cAIP,OAAO;;AAiMpB,wBAOG"}

package/dist/components/CuiCodeBlock.vue.js

@@ -1,12 +1,15 @@
-import { defineComponent as p, computed as c, withDirectives as x, openBlock as n, createElementBlock as i, normalizeStyle as l, toDisplayString as u, createBlock as L, createCommentVNode as m, createElementVNode as g, Fragment as h, renderList as y, vShow as k } from "vue";
+import { defineComponent as S, computed as c, withDirectives as x, openBlock as n, createElementBlock as i, normalizeStyle as l, toDisplayString as u, createBlock as L, createCommentVNode as m, createElementVNode as g, Fragment as h, renderList as y, vShow as k } from "vue";
 import { clampSize as z, scaleDensity as f } from "../utils/sizing.js";
 import H from "./CuiCopyButton.vue.js";
-const R = { style: {
-  borderRadius: "0.5rem",
-  overflow: "hidden",
-  border: "1px solid var(--cui-border)",
-  background: "var(--color-surface-950, #1a1a2e)"
-} }, B = { key: 1 }, E = /* @__PURE__ */ p({
+const B = {
+  class: "cui-code-block",
+  style: {
+    borderRadius: "0.5rem",
+    overflow: "hidden",
+    border: "1px solid var(--cui-border)",
+    background: "var(--color-surface-950, #1a1a2e)"
+  }
+}, R = { key: 1 }, E = /* @__PURE__ */ S({
   __name: "CuiCodeBlock",
   props: {
     code: {},
@@ -22,12 +25,12 @@ const R = { style: {
   },
   setup(e) {
     const b = ["sm", "md", "lg"], o = e, d = c(() => o.code.split(`
-`)), S = {
+`)), p = {
       sm: { fontSize: "0.75rem", lineHeight: "1.6", padding: f("0.75rem"), headerFont: "0.6875rem" },
       md: { fontSize: "0.8125rem", lineHeight: "1.65", padding: f("1rem"), headerFont: "0.75rem" },
       lg: { fontSize: "0.875rem", lineHeight: "1.7", padding: f("1.25rem"), headerFont: "0.8125rem" }
-    }, t = c(() => S[z(o.size, b)]), s = c(() => o.filename || o.language || ""), r = c(() => new Set(o.highlightLines ?? []));
-    return (F, w) => x((n(), i("div", R, [
+    }, t = c(() => p[z(o.size, b)]), s = c(() => o.filename || o.language || ""), r = c(() => new Set(o.highlightLines ?? []));
+    return (C, F) => x((n(), i("div", B, [
       s.value || e.copyable ? (n(), i("div", {
         key: 0,
         style: l({
@@ -49,7 +52,7 @@ const R = { style: {
             textTransform: e.language && !e.filename ? "uppercase" : "none",
             letterSpacing: e.language && !e.filename ? "0.04em" : "normal"
           })
-        }, u(s.value), 5)) : (n(), i("span", B)),
+        }, u(s.value), 5)) : (n(), i("span", R)),
         e.copyable ? (n(), L(H, {
           key: 2,
           value: e.code,

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

@@ -1,7 +1,7 @@
-import type { CuiSize, HideableProps, SizeableProps, DisableableProps } from "../types/common";
+import type { CuiSize, HideableProps, SizeableProps, DisableableProps, NativeControlProps } from "../types/common";
 import { type ColorFormat } from "../utils/color";
 export type PresetPalette = "theme" | "basic" | "material" | "tailwind";
-export interface CuiColorPickerProps extends HideableProps, SizeableProps, DisableableProps {
+export interface CuiColorPickerProps extends NativeControlProps, HideableProps, SizeableProps, DisableableProps {
     /** Color value (any supported format) */
     modelValue?: string;
     /** Output format */

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

@@ -1 +1 @@
-{"version":3,"file":"CuiColorPicker.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiColorPicker.vue"],"names":[],"mappings":"AAqeA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAI/F,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;AAIxE,MAAM,WAAW,mBAAoB,SAAQ,aAAa,EAAE,aAAa,EAAE,gBAAgB;IACzF,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAqOD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAGjC;AAED,iBAAS,IAAI,SAGZ;;;;;;;;;;;;;gBA5Pc,MAAM;YAEV,WAAW;eAMR,OAAO;eAEP,OAAO;sBAEA,OAAO;gBAEb,OAAO;;AAiiBtB,wBASG"}
+{"version":3,"file":"CuiColorPicker.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiColorPicker.vue"],"names":[],"mappings":"AA4eA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAInH,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;AAIxE,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB;IAC7G,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAqOD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAGjC;AAED,iBAAS,IAAI,SAGZ;;;;;;;;;;;;;gBA5Pc,MAAM;YAEV,WAAW;eAMR,OAAO;eAEP,OAAO;sBAEA,OAAO;gBAEb,OAAO;;AAyiBtB,wBASG"}