@itguy614/clean-ui 0.9.0 → 1.0.0

package/dist/components/CuiPagination.vue2.js

@@ -0,0 +1,136 @@
+import { defineComponent as F, computed as n, withDirectives as L, openBlock as r, createElementBlock as u, normalizeClass as p, toDisplayString as x, unref as T, createCommentVNode as $, createElementVNode as v, createVNode as k, Fragment as B, renderList as U, normalizeStyle as R, vShow as W } from "vue";
+import N from "./CuiIcon.vue.js";
+import Z from "./CuiSelect.vue.js";
+import { clampSize as j } from "../utils/sizing.js";
+import { useMessages as q } from "../composables/useMessages.js";
+const G = {
+  key: 0,
+  class: "cui-pagination__info"
+}, H = { class: "cui-pagination__controls" }, J = {
+  key: 0,
+  class: "cui-pagination__per-page"
+}, K = {
+  class: "cui-pagination__nav",
+  "aria-label": "Pagination"
+}, Q = ["disabled"], X = {
+  key: 0,
+  class: "cui-pagination__ellipsis"
+}, Y = ["aria-label", "aria-current", "onClick"], ee = ["disabled"], le = /* @__PURE__ */ F({
+  __name: "CuiPagination",
+  props: {
+    meta: {},
+    currentPage: {},
+    totalPages: {},
+    perPage: {},
+    total: {},
+    perPageOptions: { default: () => [10, 15, 25, 50, 100] },
+    hidePerPage: { type: Boolean, default: !1 },
+    hideInfo: { type: Boolean, default: !1 },
+    maxButtons: { default: 5 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "md" }
+  },
+  emits: ["update:currentPage", "update:perPage"],
+  setup(s, { emit: I }) {
+    const a = s, f = I, M = ["sm", "md"], m = n(() => j(a.size, M)), i = n(() => {
+      var e;
+      return a.currentPage ?? ((e = a.meta) == null ? void 0 : e.current_page) ?? 1;
+    }), _ = n(() => {
+      var e;
+      return a.totalPages ?? ((e = a.meta) == null ? void 0 : e.last_page) ?? 1;
+    }), b = n(() => {
+      var e;
+      return a.perPage ?? ((e = a.meta) == null ? void 0 : e.per_page) ?? 15;
+    }), d = n(() => {
+      var e;
+      return a.total ?? ((e = a.meta) == null ? void 0 : e.total) ?? 0;
+    }), E = n(() => {
+      var e;
+      return ((e = a.meta) == null ? void 0 : e.from) != null ? a.meta.from : d.value === 0 ? 0 : (i.value - 1) * b.value + 1;
+    }), O = n(() => {
+      var e;
+      return ((e = a.meta) == null ? void 0 : e.to) != null ? a.meta.to : Math.min(i.value * b.value, d.value);
+    }), z = n(() => i.value <= 1), C = n(() => i.value >= _.value), V = n(() => {
+      const e = _.value, o = i.value, t = a.maxButtons;
+      if (e <= t + 2)
+        return Array.from({ length: e }, (g, w) => w + 1);
+      const l = [], c = Math.floor(t / 2);
+      let h = Math.max(2, o - c), y = Math.min(e - 1, o + c);
+      o <= c + 1 && (y = t), o >= e - c && (h = e - t + 1), l.push(1), h > 2 && l.push("ellipsis");
+      for (let g = h; g <= y; g++)
+        l.push(g);
+      return y < e - 1 && l.push("ellipsis"), e > 1 && l.push(e), l;
+    });
+    function P(e) {
+      e < 1 || e > _.value || e === i.value || f("update:currentPage", e);
+    }
+    function A(e) {
+      e != null && !Array.isArray(e) && (f("update:perPage", Number(e)), f("update:currentPage", 1));
+    }
+    const S = q(), D = n(
+      () => a.perPageOptions.map((e) => ({ value: e, label: S.value.pagination.perPage(e) }))
+    );
+    return (e, o) => L((r(), u("div", {
+      class: p(["cui-pagination", `cui-pagination--${m.value}`])
+    }, [
+      !s.hideInfo && d.value > 0 ? (r(), u("div", G, x(T(S).pagination.summary({ from: E.value, to: O.value, total: d.value })), 1)) : $("", !0),
+      v("div", H, [
+        s.hidePerPage ? $("", !0) : (r(), u("div", J, [
+          k(Z, {
+            "model-value": b.value,
+            options: D.value,
+            size: m.value === "sm" ? "xs" : "sm",
+            "onUpdate:modelValue": A
+          }, null, 8, ["model-value", "options", "size"])
+        ])),
+        v("nav", K, [
+          v("button", {
+            class: p(["cui-pagination__btn cui-pagination__btn--nav", { "cui-pagination__btn--disabled": z.value }]),
+            disabled: z.value,
+            "aria-label": "Previous page",
+            onClick: o[0] || (o[0] = (t) => P(i.value - 1))
+          }, [
+            k(N, {
+              name: "caret-left",
+              size: m.value === "sm" ? "0.75rem" : "1rem"
+            }, null, 8, ["size"])
+          ], 10, Q),
+          (r(!0), u(B, null, U(V.value, (t, l) => (r(), u(B, { key: l }, [
+            t === "ellipsis" ? (r(), u("span", X, "...")) : (r(), u("button", {
+              key: 1,
+              class: p(["cui-pagination__btn", {
+                "cui-pagination__btn--active": t === i.value
+              }]),
+              style: R(t === i.value ? {
+                background: `var(--cui-${s.color}-bg)`,
+                color: `var(--cui-${s.color})`,
+                borderColor: `var(--cui-${s.color}-border)`,
+                fontWeight: "600"
+              } : {}),
+              "aria-label": `Page ${t}`,
+              "aria-current": t === i.value ? "page" : void 0,
+              onClick: (c) => P(t)
+            }, x(t), 15, Y))
+          ], 64))), 128)),
+          v("button", {
+            class: p(["cui-pagination__btn cui-pagination__btn--nav", { "cui-pagination__btn--disabled": C.value }]),
+            disabled: C.value,
+            "aria-label": "Next page",
+            onClick: o[1] || (o[1] = (t) => P(i.value + 1))
+          }, [
+            k(N, {
+              name: "caret-right",
+              size: m.value === "sm" ? "0.75rem" : "1rem"
+            }, null, 8, ["size"])
+          ], 10, ee)
+        ])
+      ])
+    ], 2)), [
+      [W, !s.hidden]
+    ]);
+  }
+});
+export {
+  le as default
+};

package/dist/components/CuiPopover.vue.js

@@ -0,0 +1,227 @@
+import { defineComponent as K, useSlots as U, ref as S, watch as M, computed as l, onUnmounted as q, withDirectives as G, openBlock as a, createElementBlock as s, createElementVNode as y, renderSlot as f, createBlock as J, Teleport as Q, normalizeStyle as p, unref as g, toDisplayString as X, withModifiers as Y, createVNode as Z, createCommentVNode as u, vShow as ee } from "vue";
+import { usePopover as te } from "../composables/usePopover.js";
+import { useClickOutside as oe } from "../composables/useClickOutside.js";
+import re from "./CuiIcon.vue.js";
+import { useMessages as ie } from "../composables/useMessages.js";
+const le = ["aria-labelledby"], ae = {
+  key: 0,
+  style: {
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "space-between",
+    gap: "calc(0.5rem * var(--cui-density-scale, 1))",
+    padding: "calc(0.75rem * var(--cui-density-scale, 1)) calc(0.875rem * var(--cui-density-scale, 1)) calc(0.25rem * var(--cui-density-scale, 1))"
+  }
+}, ne = ["id"], se = ["aria-label"], ce = {
+  key: 1,
+  style: {
+    padding: "0 calc(0.875rem * var(--cui-density-scale, 1)) calc(0.75rem * var(--cui-density-scale, 1))"
+  }
+}, pe = /* @__PURE__ */ K({
+  __name: "CuiPopover",
+  props: {
+    title: {},
+    placement: { default: "bottom" },
+    trigger: { default: "click" },
+    showDelay: { default: 0 },
+    hideDelay: { default: 100 },
+    noArrow: { type: Boolean, default: !1 },
+    offset: {},
+    width: {},
+    visible: { type: Boolean },
+    closable: { type: Boolean, default: !0 },
+    rounded: { default: "lg" },
+    hidden: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:visible"],
+  setup(c, { emit: R }) {
+    const e = c, T = {
+      none: "0",
+      sm: "0.25rem",
+      md: "var(--cui-button-radius, 0.375rem)",
+      lg: "0.5rem",
+      full: "9999px"
+    }, d = R, h = U(), o = S(!1);
+    let n = null, r = null;
+    M(
+      () => e.visible,
+      (t) => {
+        t !== void 0 && (o.value = t);
+      }
+    );
+    const { referenceRef: C, floatingRef: b, arrowRef: E, floatingStyles: D, arrowStyle: B, currentSide: _ } = te({
+      placement: l(() => e.placement),
+      offsetDistance: l(() => e.offset ?? 10),
+      arrow: !e.noArrow
+    }), w = S(null);
+    oe(
+      () => [w.value, b.value],
+      () => {
+        o.value && e.trigger === "click" && i();
+      }
+    ), M(o, (t) => {
+      typeof document > "u" || (t ? document.addEventListener("keydown", m) : document.removeEventListener("keydown", m));
+    });
+    function v() {
+      e.disabled || (r && (clearTimeout(r), r = null), e.showDelay > 0 ? n = setTimeout(() => {
+        o.value = !0, d("update:visible", !0);
+      }, e.showDelay) : (o.value = !0, d("update:visible", !0)));
+    }
+    function i() {
+      n && (clearTimeout(n), n = null), e.hideDelay > 0 ? r = setTimeout(() => {
+        o.value = !1, d("update:visible", !1);
+      }, e.hideDelay) : (o.value = !1, d("update:visible", !1));
+    }
+    function I() {
+      o.value ? i() : v();
+    }
+    function P() {
+      (e.trigger === "hover" || e.trigger === "hover-focus") && v();
+    }
+    function z() {
+      (e.trigger === "hover" || e.trigger === "hover-focus") && i();
+    }
+    function F() {
+      (e.trigger === "focus" || e.trigger === "hover-focus") && v();
+    }
+    function L() {
+      (e.trigger === "focus" || e.trigger === "hover-focus") && i();
+    }
+    function V() {
+      e.trigger === "click" && I();
+    }
+    function m(t) {
+      t.key === "Escape" && o.value && i();
+    }
+    function $() {
+      (e.trigger === "hover" || e.trigger === "hover-focus") && r && (clearTimeout(r), r = null);
+    }
+    function A() {
+      (e.trigger === "hover" || e.trigger === "hover-focus") && i();
+    }
+    q(() => {
+      n && clearTimeout(n), r && clearTimeout(r), typeof document < "u" && document.removeEventListener("keydown", m);
+    });
+    const k = l(() => e.title || h.header), H = l(() => !!h.footer), x = l(() => e.title ? "cui-popover-title" : void 0), N = l(() => {
+      const t = {
+        zIndex: "9998",
+        background: "var(--cui-surface-base)",
+        border: "1px solid var(--cui-border)",
+        borderRadius: T[e.rounded],
+        boxShadow: "0 8px 24px -4px rgba(0, 0, 0, 0.12), 0 2px 8px -2px rgba(0, 0, 0, 0.08)",
+        minWidth: "12rem",
+        maxWidth: "24rem",
+        pointerEvents: "auto",
+        animation: "cui-scale-in 0.15s ease",
+        overflow: "hidden"
+      };
+      return e.width && (t.width = e.width), t;
+    }), W = l(() => ({
+      width: "8px",
+      height: "8px",
+      background: "var(--cui-surface-base)",
+      border: "1px solid var(--cui-border)",
+      transform: "rotate(45deg)",
+      position: "absolute",
+      ...B.value
+    })), j = {
+      top: "polygon(0% 0%, 100% 0%, 100% 100%)",
+      bottom: "polygon(0% 0%, 0% 100%, 100% 100%)",
+      left: "polygon(0% 0%, 100% 0%, 100% 100%)",
+      right: "polygon(0% 0%, 0% 100%, 100% 100%)"
+    }, O = ie();
+    return (t, ue) => G((a(), s("div", {
+      ref_key: "wrapperRef",
+      ref: w,
+      style: { display: "inline-flex" },
+      onMouseenter: P,
+      onMouseleave: z,
+      onFocusin: F,
+      onFocusout: L,
+      onClick: V
+    }, [
+      y("div", {
+        ref_key: "referenceRef",
+        ref: C,
+        style: { display: "inline-flex" }
+      }, [
+        f(t.$slots, "default")
+      ], 512),
+      (a(), J(Q, { to: "body" }, [
+        o.value ? (a(), s("div", {
+          key: 0,
+          ref_key: "floatingRef",
+          ref: b,
+          style: p({ ...g(D), ...N.value }),
+          role: "dialog",
+          "aria-labelledby": x.value,
+          onMouseenter: $,
+          onMouseleave: A
+        }, [
+          k.value ? (a(), s("div", ae, [
+            f(t.$slots, "header", {}, () => [
+              y("span", {
+                id: x.value,
+                style: { fontSize: "0.875rem", fontWeight: "600", color: "var(--cui-text-body)" }
+              }, X(c.title), 9, ne)
+            ]),
+            c.closable ? (a(), s("button", {
+              key: 0,
+              type: "button",
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: "1.375rem",
+                height: "1.375rem",
+                border: "none",
+                background: "none",
+                borderRadius: "0.25rem",
+                color: "var(--cui-text-tertiary)",
+                cursor: "pointer",
+                flexShrink: "0",
+                marginTop: "calc(-0.0625rem * var(--cui-density-scale, 1))",
+                marginRight: "calc(-0.125rem * var(--cui-density-scale, 1))"
+              },
+              "aria-label": g(O).close,
+              onClick: Y(i, ["stop"])
+            }, [
+              Z(re, {
+                name: "x",
+                size: "0.8125rem"
+              })
+            ], 8, se)) : u("", !0)
+          ])) : u("", !0),
+          y("div", {
+            style: p({
+              padding: k.value ? "calc(0.25rem * var(--cui-density-scale, 1)) calc(0.875rem * var(--cui-density-scale, 1)) calc(0.75rem * var(--cui-density-scale, 1))" : "calc(0.75rem * var(--cui-density-scale, 1)) calc(0.875rem * var(--cui-density-scale, 1))",
+              fontSize: "0.875rem",
+              lineHeight: "1.55",
+              color: "var(--cui-text-secondary)"
+            })
+          }, [
+            f(t.$slots, "content")
+          ], 4),
+          H.value ? (a(), s("div", ce, [
+            f(t.$slots, "footer")
+          ])) : u("", !0),
+          c.noArrow ? u("", !0) : (a(), s("div", {
+            key: 2,
+            ref_key: "arrowRef",
+            ref: E,
+            style: p({
+              ...W.value,
+              clipPath: j[g(_)] || void 0
+            })
+          }, null, 4))
+        ], 44, le)) : u("", !0)
+      ]))
+    ], 544)), [
+      [ee, !c.hidden]
+    ]);
+  }
+});
+export {
+  pe as default
+};

package/dist/components/CuiPopover.vue2.js

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

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.map

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