@itguy614/clean-ui 0.3.1 → 1.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"CuiProgress.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiProgress.vue"],"names":[],"mappings":"AA2TA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,iBAAiB;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW;IACX,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wCAAwC;IACxC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAkMD,QAAA,IAAI,OAAO;;;;CAAU,EAAE,OAAO;;;;CAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB7C,QAAA,MAAM,eAAe;UAtOZ,YAAY;WAFX,WAAW;YAUV,OAAO;aAZN,eAAe;WAJjB,MAAM;mBAYE,OAAO;eAEX,iBAAiB;SAZvB,MAAM;eAQA,OAAO;6EA2OnB,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":"CuiProgress.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiProgress.vue"],"names":[],"mappings":"AAwTA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGpF,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,gBAAiB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IACpF,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wCAAwC;IACxC,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B;AAqMD,QAAA,IAAI,OAAO;;;;CAAU,EAAE,OAAO;;;;CAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB7C,QAAA,MAAM,eAAe;;;;aAxOT,eAAe;WAJjB,MAAM;mBAQE,OAAO;eAEX,iBAAiB;SARvB,MAAM;eAIA,OAAO;6EA6OnB,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/CuiProgress.vue.js

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

package/dist/components/CuiProgress.vue2.js

@@ -0,0 +1,132 @@
+import { defineComponent as D, computed as o, withDirectives as f, openBlock as l, createElementBlock as t, normalizeStyle as s, createElementVNode as u, normalizeClass as v, renderSlot as b, createTextVNode as k, toDisplayString as y, createCommentVNode as x, vShow as z } from "vue";
+import { clampSize as E } from "../utils/sizing.js";
+const M = ["aria-valuenow", "aria-valuemax"], P = {
+  key: 0,
+  class: "cui-progress-bar__label"
+}, N = ["aria-valuenow", "aria-valuemax"], O = ["width", "height"], V = ["cx", "cy", "r", "stroke-width"], I = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], R = /* @__PURE__ */ D({
+  __name: "CuiProgress",
+  props: {
+    value: { default: 0 },
+    max: { default: 100 },
+    variant: { default: "bar" },
+    showLabel: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    animation: { default: "none" },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "md" }
+  },
+  setup(e) {
+    const c = e, r = o(() => c.indeterminate ? 0 : Math.min(Math.max(c.value / c.max * 100, 0), 100)), h = o(() => `${Math.round(r.value)}%`), w = ["sm", "md", "lg"], n = o(() => E(c.size, w)), S = {
+      sm: "0.375rem",
+      md: "0.625rem",
+      lg: "1rem"
+    }, $ = {
+      sm: 40,
+      md: 64,
+      lg: 96
+    }, B = {
+      sm: 4,
+      md: 5,
+      lg: 6
+    }, a = o(() => {
+      const i = $[n.value], d = B[n.value], g = (i - d) / 2, m = 2 * Math.PI * g, C = m - r.value / 100 * m;
+      return { size: i, stroke: d, radius: g, circumference: m, dashOffset: C };
+    }), L = {
+      sm: "0.625rem",
+      md: "0.875rem",
+      lg: "1.25rem"
+    };
+    return (i, d) => e.variant === "bar" ? f((l(), t("div", {
+      key: 0,
+      class: "cui-progress-bar",
+      style: s({ "--_progress-color": `var(--cui-${e.color})`, "--_progress-bg": `var(--cui-${e.color}-bg)` }),
+      role: "progressbar",
+      "aria-valuenow": e.indeterminate ? void 0 : e.value,
+      "aria-valuemin": 0,
+      "aria-valuemax": e.max
+    }, [
+      u("div", {
+        class: "cui-progress-bar__track",
+        style: s({ height: S[n.value] })
+      }, [
+        u("div", {
+          class: v(["cui-progress-bar__fill", {
+            "cui-progress-bar__fill--indeterminate": e.indeterminate,
+            "cui-progress-bar__fill--stripe": e.animation === "stripe" && !e.indeterminate,
+            "cui-progress-bar__fill--shimmer": e.animation === "shimmer" && !e.indeterminate
+          }]),
+          style: s(e.indeterminate ? {} : { width: `${r.value}%` })
+        }, null, 6)
+      ], 4),
+      e.showLabel || i.$slots.label ? (l(), t("div", P, [
+        b(i.$slots, "label", {
+          value: e.value,
+          max: e.max,
+          percent: r.value
+        }, () => [
+          k(y(h.value), 1)
+        ], !0)
+      ])) : x("", !0)
+    ], 12, M)), [
+      [z, !e.hidden]
+    ]) : f((l(), t("div", {
+      key: 1,
+      class: "cui-progress-circle",
+      style: s({
+        width: `${a.value.size}px`,
+        height: `${a.value.size}px`,
+        "--_progress-color": `var(--cui-${e.color})`,
+        "--_progress-bg": `var(--cui-${e.color}-bg)`
+      }),
+      role: "progressbar",
+      "aria-valuenow": e.indeterminate ? void 0 : e.value,
+      "aria-valuemin": 0,
+      "aria-valuemax": e.max
+    }, [
+      (l(), t("svg", {
+        width: a.value.size,
+        height: a.value.size,
+        class: v(["cui-progress-circle__svg", { "cui-progress-circle__svg--indeterminate": e.indeterminate }])
+      }, [
+        u("circle", {
+          class: "cui-progress-circle__track",
+          cx: a.value.size / 2,
+          cy: a.value.size / 2,
+          r: a.value.radius,
+          fill: "none",
+          "stroke-width": a.value.stroke
+        }, null, 8, V),
+        u("circle", {
+          class: v(["cui-progress-circle__fill", { "cui-progress-circle__fill--indeterminate": e.indeterminate }]),
+          cx: a.value.size / 2,
+          cy: a.value.size / 2,
+          r: a.value.radius,
+          fill: "none",
+          "stroke-width": a.value.stroke,
+          "stroke-dasharray": a.value.circumference,
+          "stroke-dashoffset": e.indeterminate ? a.value.circumference * 0.75 : a.value.dashOffset,
+          "stroke-linecap": "round"
+        }, null, 10, I)
+      ], 10, O)),
+      (e.showLabel || i.$slots.label) && !e.indeterminate ? (l(), t("div", {
+        key: 0,
+        class: "cui-progress-circle__label",
+        style: s({ fontSize: L[n.value] })
+      }, [
+        b(i.$slots, "label", {
+          value: e.value,
+          max: e.max,
+          percent: r.value
+        }, () => [
+          k(y(h.value), 1)
+        ], !0)
+      ], 4)) : x("", !0)
+    ], 12, N)), [
+      [z, !e.hidden]
+    ]);
+  }
+});
+export {
+  R as default
+};

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

@@ -1,5 +1,5 @@
-import type { ButtonColor } from "./CuiButton.vue";
-export interface CuiRadioProps {
+import type { HideableProps, ColorableProps, DisableableProps } from "../types/common";
+export interface CuiRadioProps extends HideableProps, ColorableProps, DisableableProps {
     /** The value this radio represents */
     value: string | number | boolean;
     /** v-model binding (standalone mode) */
@@ -8,16 +8,10 @@ export interface CuiRadioProps {
     label?: string;
     /** Description text (or use #description slot) */
     description?: string;
-    /** Color role — overrides group color if inside a group */
-    color?: ButtonColor;
     /** Name attribute (standalone mode) */
     name?: string;
-    /** Disabled state */
-    disabled?: boolean;
     /** Readonly state */
     readonly?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = {} & {
@@ -35,9 +29,9 @@ declare const __VLS_component: import("vue").DefineComponent<CuiRadioProps, {
 }, string, import("vue").PublicProps, Readonly<CuiRadioProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
 }>, {
+    readonly: boolean;
     hidden: boolean;
     disabled: boolean;
-    readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiRadio.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRadio.vue"],"names":[],"mappings":"AAqVA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8ND,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,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,GAC5C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA+BnD,QAAA,MAAM,eAAe;;;;;;;;YAlQV,OAAO;cAJL,OAAO;cAEP,OAAO;6EA6QlB,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":"CuiRadio.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRadio.vue"],"names":[],"mappings":"AAkVA,OAAO,KAAK,EAAY,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGjG,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,cAAc,EAAE,gBAAgB;IACpF,sCAAsC;IACtC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA8ND,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,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,GAC5C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA+BnD,QAAA,MAAM,eAAe;;;;;;;;cAlQR,OAAO;;;6EA2QlB,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/CuiRadio.vue.js

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

package/dist/components/CuiRadio.vue2.js

@@ -0,0 +1,139 @@
+import { defineComponent as D, inject as T, computed as u, ref as K, withDirectives as $, openBlock as b, createElementBlock as f, normalizeStyle as y, normalizeClass as S, createElementVNode as d, withModifiers as C, renderSlot as h, createTextVNode as _, toDisplayString as p, vShow as B, createCommentVNode as V } from "vue";
+import { RadioGroupKey as L } from "./radio-context.js";
+import { BUTTON_SIZE_SCALE as g } from "../utils/sizing.js";
+const j = ["disabled", "aria-checked"], A = ["name", "value", "checked", "disabled"], G = ["aria-checked", "aria-disabled", "tabindex"], I = ["name", "value", "checked", "disabled", "readonly"], M = {
+  key: 0,
+  class: "cui-radio__dot"
+}, O = { class: "cui-radio__label-wrap" }, U = { class: "cui-radio__label" }, Z = {
+  key: 0,
+  class: "cui-radio__description"
+}, J = /* @__PURE__ */ D({
+  __name: "CuiRadio",
+  props: {
+    value: { type: [String, Number, Boolean] },
+    modelValue: { type: [String, Number, Boolean] },
+    label: {},
+    description: {},
+    name: {},
+    readonly: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 },
+    color: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { expose: x, emit: z }) {
+    const t = i, N = z, e = T(L, null), o = u(() => e ? e.modelValue.value === t.value : t.modelValue === t.value), r = u(() => e != null && e.disabled.value ? !0 : t.disabled), n = u(() => e != null && e.readonly.value ? !0 : t.readonly), a = u(() => t.color ?? (e == null ? void 0 : e.color.value) ?? "primary"), k = u(() => (e == null ? void 0 : e.name) ?? t.name ?? ""), R = u(() => (e == null ? void 0 : e.variant.value) === "buttons"), w = u(() => (e == null ? void 0 : e.size.value) ?? "md"), s = u(() => g[w.value] ?? g.md), c = K();
+    function m() {
+      r.value || n.value || (e ? e.select(t.value) : N("update:modelValue", t.value));
+    }
+    function E(l) {
+      (l.key === " " || l.key === "Enter") && (l.preventDefault(), m());
+    }
+    return x({ el: c, focus: () => {
+      var l;
+      return (l = c.value) == null ? void 0 : l.focus();
+    } }), (l, v) => R.value ? $((b(), f("button", {
+      key: 0,
+      ref_key: "elRef",
+      ref: c,
+      type: "button",
+      class: S(["cui-radio-button cui-button", {
+        "cui-radio-button--active": o.value,
+        "cui-radio-button--disabled": r.value
+      }]),
+      style: y({
+        "--_rb-color": `var(--cui-${a.value})`,
+        "--_rb-hover": `var(--cui-${a.value}-hover)`,
+        "--_rb-active": `var(--cui-${a.value}-active)`,
+        "--_rb-bg": `var(--cui-${a.value}-bg)`,
+        "--_rb-text": `var(--cui-${a.value}-text)`,
+        "--_rb-border": `var(--cui-${a.value}-border)`,
+        "--_rb-solid": `var(--cui-${a.value}-solid, var(--cui-${a.value}))`,
+        "--_rb-focus-ring": `var(--cui-${a.value}-focus-ring)`,
+        height: s.value.height,
+        paddingLeft: s.value.px,
+        paddingRight: s.value.px,
+        fontSize: s.value.fontSize
+      }),
+      disabled: r.value,
+      role: "radio",
+      "aria-checked": o.value,
+      onClick: m
+    }, [
+      d("input", {
+        type: "radio",
+        name: k.value,
+        value: String(i.value),
+        checked: o.value,
+        disabled: r.value,
+        tabindex: "-1",
+        "aria-hidden": "true",
+        class: "cui-radio__input",
+        onClick: v[0] || (v[0] = C(() => {
+        }, ["stop", "prevent"]))
+      }, null, 8, A),
+      h(l.$slots, "default", {}, () => [
+        _(p(i.label), 1)
+      ], !0)
+    ], 14, j)), [
+      [B, !i.hidden]
+    ]) : $((b(), f("label", {
+      key: 1,
+      ref_key: "elRef",
+      ref: c,
+      class: S(["cui-radio", {
+        "cui-radio--checked": o.value,
+        "cui-radio--disabled": r.value,
+        "cui-radio--readonly": n.value
+      }]),
+      style: y({ "--_radio-focus-ring": `var(--cui-${a.value}-focus-ring)` }),
+      role: "radio",
+      "aria-checked": o.value,
+      "aria-disabled": r.value || n.value || void 0,
+      tabindex: r.value ? -1 : 0,
+      onClick: m,
+      onKeydown: E
+    }, [
+      d("input", {
+        type: "radio",
+        name: k.value,
+        value: String(i.value),
+        checked: o.value,
+        disabled: r.value,
+        readonly: n.value,
+        tabindex: "-1",
+        "aria-hidden": "true",
+        class: "cui-radio__input",
+        onClick: v[1] || (v[1] = C(() => {
+        }, ["stop", "prevent"]))
+      }, null, 8, I),
+      d("span", {
+        class: "cui-radio__indicator",
+        style: y({
+          "--_radio-color": `var(--cui-${a.value})`,
+          "--_radio-border": o.value ? `var(--cui-${a.value}-border)` : "var(--cui-border-strong)",
+          "--_radio-bg": o.value ? `var(--cui-${a.value}-bg)` : "transparent"
+        })
+      }, [
+        o.value ? (b(), f("span", M)) : V("", !0)
+      ], 4),
+      d("span", O, [
+        d("span", U, [
+          h(l.$slots, "default", {}, () => [
+            _(p(i.label), 1)
+          ], !0)
+        ]),
+        i.description || l.$slots.description ? (b(), f("span", Z, [
+          h(l.$slots, "description", {}, () => [
+            _(p(i.description), 1)
+          ], !0)
+        ])) : V("", !0)
+      ])
+    ], 46, G)), [
+      [B, !i.hidden]
+    ]);
+  }
+});
+export {
+  J as default
+};

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

@@ -1,21 +1,14 @@
-import type { ButtonColor, ButtonSize } from "./CuiButton.vue";
+import type { CuiAutoOrientation, HideableProps, ColorableProps, SizeableProps, DisableableProps } from "../types/common";
 import { type RadioGroupVariant } from "./radio-context";
-export type RadioDirection = "horizontal" | "vertical" | "auto";
-export interface CuiRadioGroupProps {
+export interface CuiRadioGroupProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
     /** Selected value */
     modelValue?: string | number | boolean;
     /** Shared name attribute for all radios */
     name?: string;
-    /** Color role (inherited by children) */
-    color?: ButtonColor;
-    /** Layout direction — auto: horizontal for ≤2 options, vertical for 3+ */
-    direction?: RadioDirection;
+    /** Layout orientation — auto: horizontal for ≤2 options, vertical for 3+ */
+    orientation?: CuiAutoOrientation;
     /** Visual variant — "default" for classic radios, "buttons" for button group */
     variant?: RadioGroupVariant;
-    /** Button size when variant="buttons" */
-    size?: ButtonSize;
-    /** Disable all radios */
-    disabled?: boolean;
     /** Make all radios readonly */
     readonly?: boolean;
     /** Show error state */
@@ -24,8 +17,6 @@ export interface CuiRadioGroupProps {
     errorMessage?: string;
     /** Accessible label for the group */
     label?: string;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_4: {}, __VLS_6: {};
 type __VLS_Slots = {} & {
@@ -38,14 +29,14 @@ declare const __VLS_component: import("vue").DefineComponent<CuiRadioGroupProps,
 }, string, import("vue").PublicProps, Readonly<CuiRadioGroupProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
 }>, {
-    size: ButtonSize;
-    color: ButtonColor;
-    hidden: boolean;
     error: boolean;
+    readonly: boolean;
+    hidden: boolean;
+    size: import("..").CuiSize;
+    color: import("..").CuiColor;
     variant: RadioGroupVariant;
     disabled: boolean;
-    direction: RadioDirection;
-    readonly: boolean;
+    orientation: CuiAutoOrientation;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRadioGroup.vue"],"names":[],"mappings":"AA2LA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE/D,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,kBAAkB;IACjC,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,gFAAgF;IAChF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,yCAAyC;IACzC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,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;IACf,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAoJD,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;;;;;UA5LZ,UAAU;WANT,WAAW;YAkBV,OAAO;WANR,OAAO;aARL,iBAAiB;cAIhB,OAAO;eANN,cAAc;cAQf,OAAO;6EAgMlB,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":"CuiRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRadioGroup.vue"],"names":[],"mappings":"AAgLA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAE1H,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAExE,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACxG,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,gFAAgF;IAChF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+BAA+B;IAC/B,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;AAyJD,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;;;;;WAzLX,OAAO;cAFJ,OAAO;;;;aAFR,iBAAiB;;iBAFb,kBAAkB;6EAuMhC,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/CuiRadioGroup.vue.js

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

package/dist/components/CuiRadioGroup.vue2.js

@@ -0,0 +1,78 @@
+import { defineComponent as S, computed as s, useSlots as w, provide as B, toRef as i, withDirectives as C, openBlock as c, createElementBlock as f, normalizeClass as V, createElementVNode as z, createBlock as A, withCtx as D, renderSlot as m, toDisplayString as x, createCommentVNode as M, vShow as N } from "vue";
+import R from "./CuiButtonGroup.vue.js";
+import { RadioGroupKey as $ } from "./radio-context.js";
+const E = ["aria-label", "aria-invalid"], G = { class: "cui-radio-group__options" }, I = {
+  key: 0,
+  class: "cui-radio-group__error"
+}, T = /* @__PURE__ */ S({
+  __name: "CuiRadioGroup",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    name: {},
+    orientation: { default: "auto" },
+    variant: { default: "default" },
+    readonly: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    errorMessage: {},
+    label: {},
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: v }) {
+    const e = r, y = v, b = s(() => e.name ?? `cui-radio-${Math.random().toString(36).slice(2, 8)}`), d = w(), g = s(() => {
+      var n;
+      const t = (n = d.default) == null ? void 0 : n.call(d);
+      return t ? t.reduce((u, o) => {
+        var a;
+        return o.type === Symbol.for("v-fgm") || o.type === Symbol.for("v-fgt") ? u + (((a = o.children) == null ? void 0 : a.length) ?? 0) : u + 1;
+      }, 0) : 0;
+    }), p = s(() => e.variant === "buttons" ? "horizontal" : e.orientation !== "auto" ? e.orientation : g.value <= 2 ? "horizontal" : "vertical");
+    B($, {
+      modelValue: i(e, "modelValue"),
+      name: b.value,
+      color: i(e, "color"),
+      disabled: i(e, "disabled"),
+      readonly: i(e, "readonly"),
+      variant: i(e, "variant"),
+      size: i(e, "size"),
+      select(t) {
+        e.disabled || e.readonly || y("update:modelValue", t);
+      }
+    });
+    function h(t) {
+      if (e.disabled || e.readonly) return;
+      const n = t.currentTarget, u = e.variant === "buttons" ? "button.cui-radio-button:not(:disabled)" : '[role="radio"]:not([aria-disabled="true"])', o = Array.from(n.querySelectorAll(u)), a = o.findIndex((k) => k === document.activeElement);
+      let l = -1;
+      t.key === "ArrowDown" || t.key === "ArrowRight" ? (t.preventDefault(), l = a < o.length - 1 ? a + 1 : 0) : (t.key === "ArrowUp" || t.key === "ArrowLeft") && (t.preventDefault(), l = a > 0 ? a - 1 : o.length - 1), l >= 0 && (o[l].focus(), o[l].click());
+    }
+    return (t, n) => C((c(), f("div", {
+      role: "radiogroup",
+      "aria-label": r.label,
+      "aria-invalid": r.error || void 0,
+      class: V(["cui-radio-group", [
+        r.variant !== "buttons" ? `cui-radio-group--${p.value}` : "",
+        { "cui-radio-group--error": r.error },
+        { "cui-radio-group--buttons": r.variant === "buttons" }
+      ]]),
+      onKeydown: h
+    }, [
+      z("div", G, [
+        r.variant === "buttons" ? (c(), A(R, { key: 0 }, {
+          default: D(() => [
+            m(t.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        })) : m(t.$slots, "default", { key: 1 }, void 0, !0)
+      ]),
+      r.error && r.errorMessage ? (c(), f("div", I, x(r.errorMessage), 1)) : M("", !0)
+    ], 42, E)), [
+      [N, !r.hidden]
+    ]);
+  }
+});
+export {
+  T as default
+};

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

@@ -1,44 +1,41 @@
-import type { ButtonColor } from "./CuiButton.vue";
-export type RatingSize = "sm" | "md" | "lg" | "xl";
-export interface CuiRatingProps {
+import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps, DisableableProps } from "../types/common";
+export interface CuiRatingProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
     /** Current value */
     modelValue?: number;
     /** Maximum rating */
     max?: number;
     /** Allow half-star values */
     half?: boolean;
-    /** Size */
-    size?: RatingSize;
-    /** Color role */
-    color?: ButtonColor;
     /** Icon name */
     icon?: string;
     /** Icon for half state (only used when half=true) */
     halfIcon?: string;
     /** Readonly (display only, no interaction) */
     readonly?: boolean;
-    /** Disabled */
-    disabled?: boolean;
     /** Show the numeric value */
     showValue?: boolean;
     /** Label */
     label?: string;
     /** Allow clearing to 0 by clicking current value */
     clearable?: boolean;
-    /** Hidden */
-    hidden?: boolean;
 }
-declare const _default: import("vue").DefineComponent<CuiRatingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function focus(opts?: FocusOptions): void;
+declare function blur(): void;
+declare const _default: import("vue").DefineComponent<CuiRatingProps, {
+    el: Readonly<import("vue").ShallowRef<HTMLElement | null>>;
+    focus: typeof focus;
+    blur: typeof blur;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<CuiRatingProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-    size: RatingSize;
-    color: ButtonColor;
+    readonly: boolean;
     hidden: boolean;
+    size: CuiSize;
+    color: CuiColor;
     disabled: boolean;
     modelValue: number;
-    readonly: boolean;
     clearable: boolean;
     icon: string;
     max: number;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiRating.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRating.vue"],"names":[],"mappings":"AA8LA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW;IACX,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iBAAiB;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;;;;;;UAnBQ,UAAU;WAET,WAAW;YAgBV,OAAO;cARL,OAAO;gBAhBL,MAAM;cAcR,OAAO;eAQN,OAAO;UAZZ,MAAM;SARP,MAAM;eAgBA,OAAO;UAdZ,OAAO;cAQH,MAAM;;AAuOnB,wBAQG"}
+{"version":3,"file":"CuiRating.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRating.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIzH,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACpG,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4GD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;;cAzHY,OAAO;;;;;gBAVL,MAAM;eAgBP,OAAO;UAVZ,MAAM;SAJP,MAAM;eAUA,OAAO;UARZ,OAAO;cAIH,MAAM;;AAuPnB,wBASG"}