@wikicasa-dev/components 2.1.2 → 2.1.4-alpha.1

package/dist/packages/components/lib/UIKit/DatePicker.vue.js

@@ -0,0 +1,143 @@
+import { defineComponent as N, ref as T, watch as V, computed as x, createBlock as A, openBlock as w, unref as m, withCtx as n, createElementBlock as M, createCommentVNode as S, renderSlot as E, createVNode as a, createTextVNode as O, toDisplayString as P, createElementVNode as r } from "vue";
+import { ArrowIcon as C } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import j from "@vuepic/vue-datepicker";
+import y from "./NativeSelect.vue.js";
+import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';import '../../../../assets/node_modules/.pnpm/@vuepic_vue-datepicker@11.0.2_vue@3.5.16_typescript@5.8.3_/node_modules/@vuepic/vue-datepicker/dist/main.css';import '../../../../assets/packages/components/lib/UIKit/NativeSelect.css';/* empty css                  */
+/* empty css                                                                                                                                          */
+import z from "./BaseButton.vue.js";
+import R from "./BaseInput.vue.js";
+/* empty css               */
+const q = { class: "uikit-flex uikit-w-full uikit-justify-between uikit-border-b uikit-border-solid uikit-border-w-lightgray uikit-px-sm uikit-py-md" }, F = ["onClick"], G = ["onClick"], H = {
+  key: 0,
+  class: "uikit-grow"
+}, oe = /* @__PURE__ */ N({
+  __name: "DatePicker",
+  props: {
+    btnLabel: {},
+    range: { type: Boolean, default: !1 },
+    locale: { default: "it-IT" },
+    position: { default: "left" },
+    rangeConfig: {},
+    modelValue: {},
+    inputLabel: {}
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: $ }) {
+    const B = $, o = T(null);
+    V(
+      () => u.modelValue,
+      (e) => {
+        Array.isArray(e) && !e.find((l) => l instanceof Date) || (o.value = e ?? null);
+      },
+      { immediate: !0 }
+    );
+    const c = x(() => u.range || !!u.rangeConfig), I = (e, l, t) => {
+      e(l, t, !1);
+    }, U = (e, l, t) => {
+      e(l, t, !1);
+    }, p = (e, l = []) => l.find((t) => t.value === e);
+    let s = [];
+    const f = (e = []) => (s.length || (s = e.map((l, t) => ({
+      id: `month-${t}`,
+      label: l.text,
+      value: l.value
+    }))), s);
+    let d = [];
+    const k = (e = []) => (d.length || (d = e.map((l, t) => ({
+      id: `year-${t}`,
+      label: l.text,
+      value: l.value
+    }))), d), D = (e) => {
+      !e || c.value || o.value.getTime() !== e.getTime() && (o.value = e);
+    }, L = (e) => {
+      e && (o.value = e);
+    };
+    return V(o, (e) => {
+      e && B("update:modelValue", e);
+    }), (e, l) => (w(), A(m(j), {
+      "model-value": o.value,
+      range: e.range,
+      "enable-time-picker": !1,
+      ui: { menu: e.range ? "dp__range-mode" : "dp__single_mode" },
+      locale: e.locale,
+      position: e.position,
+      onInternalModelChange: D,
+      "onUpdate:modelValue": L
+    }, {
+      "dp-input": n(({ value: t }) => [
+        a(R, {
+          "model-value": t,
+          "label-text": e.inputLabel
+        }, null, 8, ["model-value", "label-text"])
+      ]),
+      "month-year": n(({
+        month: t,
+        year: g,
+        months: v,
+        years: h,
+        updateMonthYear: b,
+        handleMonthYearChange: _
+      }) => [
+        r("div", q, [
+          r("span", {
+            class: "uikit-cursor-pointer",
+            onClick: (i) => _?.(!1)
+          }, [
+            a(m(C), {
+              class: "uikit-rotate-90",
+              width: 20,
+              height: 10,
+              "stroke-width": 1.5
+            })
+          ], 8, F),
+          r("div", null, [
+            a(y, {
+              "model-value": p(t, f(v)),
+              options: f(v),
+              border: !1,
+              "arrow-size": 12,
+              "onUpdate:modelValue": (i) => I(b, i?.value, g)
+            }, null, 8, ["model-value", "options", "onUpdate:modelValue"]),
+            a(y, {
+              "model-value": p(g, k(h)),
+              options: k(h),
+              border: !1,
+              "onUpdate:modelValue": (i) => U(b, t, i?.value)
+            }, null, 8, ["model-value", "options", "onUpdate:modelValue"])
+          ]),
+          r("span", {
+            class: "uikit-cursor-pointer",
+            onClick: (i) => _?.(!1)
+          }, [
+            a(m(C), {
+              class: "-uikit-rotate-90",
+              width: 20,
+              height: 10,
+              "stroke-width": 1.5
+            })
+          ], 8, G)
+        ])
+      ]),
+      "action-row": n(({ selectDate: t }) => [
+        c.value ? (w(), M("div", H, [
+          E(e.$slots, "submitBtn", {}, () => [
+            a(z, {
+              class: "uikit-w-full",
+              onClick: t
+            }, {
+              default: n(() => [
+                O(P(e.btnLabel), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClick"])
+          ])
+        ])) : S("", !0)
+      ]),
+      _: 3
+    }, 8, ["model-value", "range", "ui", "locale", "position"]));
+  }
+});
+export {
+  oe as default
+};

package/dist/packages/components/lib/UIKit/InputDropdown.vue.js

@@ -0,0 +1,152 @@
+import { defineComponent as E, mergeModels as C, useModel as O, ref as k, watch as y, createElementBlock as w, openBlock as r, createElementVNode as M, createVNode as p, withCtx as u, Fragment as h, renderList as D, createBlock as U, createTextVNode as x, toDisplayString as V, renderSlot as P } from "vue";
+import R from "./BaseButton.vue.js";
+import B from "./BaseInput.vue.js";
+import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
+import I from "./BaseDropDown.vue.js";
+import L from "./BaseSelect/SelectItem.vue.js";
+const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330px] uikit-flex-col uikit-justify-between uikit-rounded-2xs uikit-bg-white uikit-pt-md" }, z = { class: "uikit-relative uikit-flex uikit-gap-x-md uikit-border-b uikit-border-solid uikit-border-w-lightgray uikit-px-md uikit-pb-xs" }, F = { class: "uikit-z-10 uikit-h-[55px] uikit-bg-w-cultured uikit-px-md uikit-py-xs" }, Q = /* @__PURE__ */ E({
+  __name: "InputDropdown",
+  props: /* @__PURE__ */ C({
+    leftSelectOptions: { default: () => [] },
+    rightSelectOptions: { default: () => [] },
+    submitBtnLabel: {}
+  }, {
+    leftValue: { default: () => ({ id: -1, label: "" }) },
+    leftValueModifiers: {},
+    rightValue: { default: () => ({ id: -1, label: "" }) },
+    rightValueModifiers: {}
+  }),
+  emits: /* @__PURE__ */ C(["submit"], ["update:leftValue", "update:rightValue"]),
+  setup(f, { emit: K }) {
+    const a = O(
+      f,
+      "leftValue"
+    ), d = O(
+      f,
+      "rightValue"
+    ), v = k(!1), m = k(!1), g = k(!1), b = k(!1), $ = (i) => ({
+      id: -1,
+      label: i ? `${i}` : ""
+    }), S = (i, e = []) => {
+      if (!i) return null;
+      const t = e.find(
+        (o) => o.id === i.id || o.label === i.label
+      );
+      return t || null;
+    }, N = K;
+    return y(
+      a,
+      (i) => {
+        const e = S(i, f.leftSelectOptions);
+        e && (a.value = e);
+      },
+      { immediate: !0, deep: !0 }
+    ), y(
+      d,
+      (i) => {
+        const e = S(i, f.rightSelectOptions);
+        e && (d.value = e);
+      },
+      { immediate: !0, deep: !0 }
+    ), (i, e) => (r(), w("div", j, [
+      M("div", z, [
+        p(I, {
+          "toggle-dropdown": m.value,
+          "onUpdate:toggleDropdown": e[1] || (e[1] = (t) => m.value = t),
+          class: "!uikit-static",
+          "dropdown-classes": "!uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none",
+          "disable-space-handler": "",
+          "onUpdate:selectedIdx": e[2] || (e[2] = (t) => a.value = i.leftSelectOptions[t]),
+          "onUpdate:dropdownState": e[3] || (e[3] = (t) => v.value = t)
+        }, {
+          btn_slot: u(({ toggleDropdown: t, setActiveIdx: o }) => [
+            p(B, {
+              "model-value": a.value.label,
+              "label-text": "Min",
+              onClick: (l) => {
+                l.stopPropagation(), v.value || t(), g.value && (b.value = !0);
+              },
+              onKeyup: (l) => o(-1),
+              "onUpdate:modelValue": e[0] || (e[0] = (l) => {
+                a.value = $(l);
+              })
+            }, null, 8, ["model-value", "onClick", "onKeyup"])
+          ]),
+          default: u(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
+            (r(!0), w(h, null, D(i.leftSelectOptions, (s, n) => (r(), U(L, {
+              key: `left-option-${n}`,
+              class: "uikit-rounded-3xs uikit-p-xs uikit-text-16",
+              active: t === n,
+              onClick: (c) => {
+                a.value = s, o();
+              },
+              onMouseover: (c) => l(n)
+            }, {
+              default: u(() => [
+                x(V(s.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["active", "onClick", "onMouseover"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["toggle-dropdown"]),
+        p(I, {
+          "toggle-dropdown": b.value,
+          "onUpdate:toggleDropdown": e[5] || (e[5] = (t) => b.value = t),
+          "disable-space-handler": "",
+          class: "!uikit-static",
+          "dropdown-classes": "uikit-left-0 !uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none",
+          "onUpdate:selectedIdx": e[6] || (e[6] = (t) => d.value = i.rightSelectOptions[t]),
+          "onUpdate:dropdownState": e[7] || (e[7] = (t) => g.value = t)
+        }, {
+          btn_slot: u(({ toggleDropdown: t, setActiveIdx: o }) => [
+            p(B, {
+              "model-value": d.value.label,
+              "label-text": "Max",
+              onClick: (l) => {
+                l.stopPropagation(), g.value || t(), v.value && (m.value = !0);
+              },
+              onKeyup: (l) => o(-1),
+              "onUpdate:modelValue": e[4] || (e[4] = (l) => {
+                d.value = $(l);
+              })
+            }, null, 8, ["model-value", "onClick", "onKeyup"])
+          ]),
+          default: u(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
+            (r(!0), w(h, null, D(i.rightSelectOptions, (s, n) => (r(), U(L, {
+              key: `left-option-${n}`,
+              class: "uikit-rounded-3xs uikit-p-xs uikit-text-16",
+              active: t === n,
+              onClick: (c) => {
+                d.value = s, o();
+              },
+              onMouseover: (c) => l(n)
+            }, {
+              default: u(() => [
+                x(V(s.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["active", "onClick", "onMouseover"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["toggle-dropdown"])
+      ]),
+      M("div", F, [
+        P(i.$slots, "submitBtn", {}, () => [
+          p(R, {
+            class: "uikit-w-full",
+            onClick: e[8] || (e[8] = (t) => N("submit", t))
+          }, {
+            default: u(() => [
+              x(V(i.submitBtnLabel), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  Q as default
+};

package/dist/packages/components/lib/UIKit/NativeSelect.vue.js

@@ -0,0 +1,65 @@
+import { defineComponent as x, mergeModels as u, useCssVars as C, computed as v, useModel as w, useId as y, watch as S, createElementBlock as a, openBlock as d, createCommentVNode as V, createElementVNode as O, normalizeClass as c, unref as m, toDisplayString as p, Fragment as z, renderList as E } from "vue";
+const B = { class: "select-wrapper" }, D = ["for"], M = ["id"], N = ["data-idx", "selected"], I = /* @__PURE__ */ x({
+  __name: "NativeSelect",
+  props: /* @__PURE__ */ u({
+    labelText: { default: "" },
+    options: { default: () => [] },
+    border: { type: Boolean, default: !0 },
+    labelClasses: {},
+    arrowSize: { default: 16 }
+  }, {
+    modelValue: {
+      default: () => ({
+        id: -1,
+        label: ""
+      })
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ u(["change"], ["update:modelValue"]),
+  setup(o, { emit: f }) {
+    C((e) => ({
+      f3734614: k.value
+    }));
+    const s = w(o, "modelValue"), b = f, n = y(), k = v(() => `${o.arrowSize}px`), g = ({ target: e }) => {
+      const i = (e.selectedOptions?.[0]).dataset.idx;
+      if (i === void 0) return;
+      const h = o.options[i];
+      s.value = h;
+    }, r = (e, t) => e.id === t?.id || e.label === t?.label;
+    return S(
+      s,
+      (e) => {
+        const t = o.options.find(
+          (l) => r(l, e)
+        );
+        t && (s.value = t);
+      },
+      { immediate: !0 }
+    ), (e, t) => (d(), a("div", B, [
+      e.labelText ? (d(), a("label", {
+        key: 0,
+        for: m(n),
+        class: c(["uikit-block", e.labelClasses])
+      }, p(e.labelText), 11, D)) : V("", !0),
+      O("select", {
+        id: m(n),
+        class: c(["uikit-cursor-pointer uikit-bg-white uikit-pr-xl uikit-text-16 uikit-font-regular", {
+          "uikit-rounded-2xs uikit-border uikit-border-solid uikit-border-w-lightgray uikit-py-md uikit-pl-sm": e.border
+        }]),
+        onChange: t[0] || (t[0] = (l) => {
+          b("change", l), g(l);
+        })
+      }, [
+        (d(!0), a(z, null, E(e.options, (l, i) => (d(), a("option", {
+          key: `option-${i}`,
+          "data-idx": i,
+          selected: r(l, s.value)
+        }, p(l.label), 9, N))), 128))
+      ], 42, M)
+    ]));
+  }
+});
+export {
+  I as default
+};

package/dist/packages/components/lib/UIKit/Navigation/NavigationBar.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as a, createBlock as o, openBlock as n, unref as t, withCtx as i, createVNode as u, renderSlot as r } from "vue";
+import { NavigationMenuRoot as s, NavigationMenuList as l } from "reka-ui";
+const x = /* @__PURE__ */ a({
+  __name: "NavigationBar",
+  setup(f) {
+    return (e, k) => (n(), o(t(s), null, {
+      default: i(() => [
+        u(t(l), { class: "uikit-navigation-bar-shadow uikit-mx-2xs uikit-flex uikit-w-fit uikit-list-none uikit-gap-x-xs uikit-p-xs uikit-text" }, {
+          default: i(() => [
+            r(e.$slots, "default")
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  x as default
+};

package/dist/packages/components/lib/UIKit/Navigation/NavigationBarItem.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as l, createBlock as k, openBlock as p, unref as e, withCtx as a, createVNode as c, normalizeClass as o, renderSlot as u, withDirectives as m, createElementVNode as d, vShow as f } from "vue";
+import { NavigationMenuItem as v, NavigationMenuLink as b } from "reka-ui";
+const x = /* @__PURE__ */ l({
+  __name: "NavigationBarItem",
+  props: {
+    as: { type: [Object, Function, String], default: "a" },
+    activeBorderPosition: {},
+    active: { type: Boolean, default: !1 },
+    href: {},
+    value: {}
+  },
+  emits: ["select"],
+  setup(h, { emit: s }) {
+    const r = s;
+    return (t, i) => (p(), k(e(v), null, {
+      default: a(() => [
+        c(e(b), {
+          as: t.as,
+          class: o([
+            "uikit-relative uikit-flex uikit-min-w-[56px] uikit-flex-col uikit-items-center uikit-gap-y-2xs uikit-bg-transparent hover:uikit-cursor-pointer data-[active]:uikit-font-medium data-[active]:uikit-text-w-blue",
+            t.activeBorderPosition === "top" ? "uikit-pb-2xs uikit-pt-sm" : "uikit-pb-sm uikit-pt-2xs"
+          ]),
+          active: t.active,
+          href: t.href,
+          onSelect: i[0] || (i[0] = (n) => r("select", n))
+        }, {
+          default: a(() => [
+            u(t.$slots, "icon"),
+            u(t.$slots, "label"),
+            m(d("div", {
+              class: o([
+                "uikit-absolute uikit-left-1/2 uikit-h-2xs uikit-w-[56px] -uikit-translate-x-1/2 uikit-bg-w-blue",
+                t.activeBorderPosition === "top" ? "uikit-top-0 uikit-rounded-t-3xs" : "uikit-bottom-0 uikit-rounded-b-3xs"
+              ])
+            }, null, 2), [
+              [f, t.active]
+            ])
+          ]),
+          _: 3
+        }, 8, ["as", "class", "active", "href"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  x as default
+};

package/dist/{chunks/RadioButton.vue_vue_type_script_setup_true_lang.DRQnjRA7.js → packages/components/lib/UIKit/Radio/RadioButton.vue.js}

@@ -1,5 +1,5 @@
-import { defineComponent as k, useId as m, computed as c, createElementBlock as p, openBlock as b, withModifiers as l, createElementVNode as n, normalizeClass as u, createTextVNode as f, toDisplayString as h } from "vue";
-const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
+import { defineComponent as k, useId as m, computed as c, createElementBlock as b, openBlock as f, withModifiers as l, createElementVNode as n, normalizeClass as s, createTextVNode as p, toDisplayString as h } from "vue";
+const C = ["id", "name", "checked"], g = ["for"], v = /* @__PURE__ */ k({
   __name: "RadioButton",
   props: {
     id: {},
@@ -11,7 +11,7 @@ const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
   },
   emits: ["change", "update:modelValue"],
   setup(i, { emit: d }) {
-    const o = d, a = m(), s = c(() => `${i.id ?? a}`), r = () => {
+    const o = d, a = m(), u = c(() => `${i.id ?? a}`), r = () => {
       if (i.modelValue) return;
       const e = {
         id: i.id ?? a,
@@ -20,12 +20,12 @@ const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
       };
       o("change", e), o("update:modelValue", !i.modelValue);
     };
-    return (e, t) => (b(), p("div", {
+    return (e, t) => (f(), b("div", {
       class: "uikit-inline-block",
       onClick: l(r, ["stop"])
     }, [
       n("input", {
-        id: s.value,
+        id: u.value,
         ref: "checkbox",
         type: "radio",
         class: "uikit-pointer-events-none uikit-hidden",
@@ -37,22 +37,22 @@ const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
         }, ["prevent"]))
       }, null, 40, C),
       n("label", {
-        class: u([e.labelClasses, "uikit-flex uikit-cursor-pointer uikit-items-center uikit-text-sm"]),
-        for: s.value
+        class: s([e.labelClasses, "uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-gap-x-sm uikit-text-16"]),
+        for: u.value
       }, [
         n("span", {
-          class: u(["uikit-flex-no-shrink uikit-mr-2 uikit-inline-block uikit-h-4 uikit-w-4 uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-transition-colors uikit-duration-200", [
+          class: s(["uikit-flex-no-shrink uikit-inline-block uikit-size-[20px] uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-transition-colors uikit-duration-200", [
             {
-              "checked uikit-border-w-primary uikit-bg-w-primary uikit-shadow-[0_0_0_2px_white_inset]": e.modelValue
+              "checked uikit-border-w-blue uikit-bg-w-blue uikit-shadow-[0_0_0_3px_white_inset]": e.modelValue
             },
             e.inputClasses
           ]])
         }, null, 2),
-        f(" " + h(e.label), 1)
-      ], 10, V)
+        p(" " + h(e.label), 1)
+      ], 10, g)
     ]));
   }
 });
 export {
-  y as _
+  v as default
 };

package/dist/{chunks/RadioGroup.vue_vue_type_script_setup_true_lang.CpsMf2PN.js → packages/components/lib/UIKit/Radio/RadioGroup.vue.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, mergeModels as d, useModel as C, ref as h, watch as $, renderSlot as u, createElementVNode as V, normalizeClass as c, createElementBlock as k, openBlock as m, Fragment as R, renderList as g, createBlock as y } from "vue";
-import { _ } from "./RadioButton.vue_vue_type_script_setup_true_lang.DRQnjRA7.js";
-const b = ["data-cy"], w = /* @__PURE__ */ p({
+import b from "./RadioButton.vue.js";
+const B = ["data-cy"], w = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: /* @__PURE__ */ d({
@@ -28,7 +28,7 @@ const b = ["data-cy"], w = /* @__PURE__ */ p({
         }
     })(), $(n, (e) => {
       e && t();
-    }), (e, M) => u(e.$slots, "default", {
+    }), (e, _) => u(e.$slots, "default", {
       handleClick: l,
       activeValue: a.value,
       reset: t,
@@ -44,7 +44,7 @@ const b = ["data-cy"], w = /* @__PURE__ */ p({
           reset: t,
           isActive: r
         }, () => [
-          (m(!0), k(R, null, g(e.radioValues, (s, v) => (m(), y(_, {
+          (m(!0), k(R, null, g(e.radioValues, (s, v) => (m(), y(b, {
             id: s.id,
             key: v,
             class: c(e.radioContainerClasses),
@@ -53,10 +53,10 @@ const b = ["data-cy"], w = /* @__PURE__ */ p({
             onChange: l
           }, null, 8, ["id", "class", "label", "model-value"]))), 128))
         ])
-      ], 10, b)
+      ], 10, B)
     ]);
   }
 });
 export {
-  w as _
+  w as default
 };

package/dist/packages/components/lib/UIKit/SegmentedControl/SegmentedControl.vue.js

@@ -0,0 +1,93 @@
+import { defineComponent as g, mergeModels as c, useModel as k, createBlock as m, openBlock as a, unref as h, normalizeClass as y, withCtx as d, createElementBlock as p, Fragment as v, renderList as I, renderSlot as C, createTextVNode as M, toDisplayString as V } from "vue";
+import { ToggleGroupRoot as b } from "reka-ui";
+import S from "./SegmentedControlItem.vue.js";
+const E = /* @__PURE__ */ g({
+  __name: "SegmentedControl",
+  props: /* @__PURE__ */ c({
+    items: { default: () => [] },
+    type: { default: "single" }
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i) {
+    const o = k(i, "modelValue");
+    let u = null, r = null;
+    const s = (e = 0, l = 0) => {
+      u = e, r = l;
+      const t = [];
+      for (let n = e; n <= l; n++)
+        t.push(i.items[n]);
+      o.value = t;
+    }, f = (e = 0) => {
+      if (i.type === "single") {
+        o.value = i.items[e];
+        return;
+      }
+      if (i.items[e].single) {
+        u = null, r = null, o.value = [i.items[e]];
+        return;
+      }
+      if (u === null && r === null) {
+        s(e, i.items.length);
+        return;
+      }
+      const l = Math.min(u ?? 1 / 0, r ?? 1 / 0), t = Math.max(
+        u ?? -1 / 0,
+        r ?? -1 / 0
+      );
+      if (e < l) {
+        s(e, t);
+        return;
+      }
+      if (e > t) {
+        s(l, e);
+        return;
+      }
+      if (e === l || e === t) {
+        s(e, e);
+        return;
+      }
+      s(l, e);
+    };
+    return (e, l) => (a(), m(h(b), {
+      type: e.type,
+      class: y([
+        "uikit-rounded-2xs uikit-border uikit-border-solid uikit-border-w-lightgray uikit-text-16",
+        {
+          "uikit-grid uikit-grid-cols-2": e.items.length === 2
+        },
+        {
+          "uikit-grid uikit-grid-cols-3": e.items.length === 3
+        },
+        {
+          "uikit-flex *:uikit-px-md *:uikit-py-sm [&_>_*:first-child]:uikit-px-sm [&_>_*:last-child]:uikit-px-sm": e.items.length === 6
+        }
+      ]),
+      "model-value": o.value
+    }, {
+      default: d(() => [
+        (a(!0), p(v, null, I(e.items, (t, n) => (a(), m(S, {
+          key: `segmented-control-item-${n}`,
+          theme: e.items.length === 6 ? "square" : "rounded",
+          value: t,
+          onClick: ($) => f(n)
+        }, {
+          default: d(() => [
+            C(e.$slots, "item", {}, () => [
+              M(V(t.label), 1)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["theme", "value", "onClick"]))), 128))
+      ]),
+      _: 3
+    }, 8, ["type", "class", "model-value"]));
+  }
+});
+export {
+  E as default
+};

package/dist/packages/components/lib/UIKit/SegmentedControl/SegmentedControlItem.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as t, createBlock as i, openBlock as a, unref as u, normalizeClass as o, withCtx as r, renderSlot as s } from "vue";
+import { ToggleGroupItem as d } from "reka-ui";
+const m = /* @__PURE__ */ t({
+  __name: "SegmentedControlItem",
+  props: {
+    value: {},
+    as: {},
+    theme: { default: "rounded" }
+  },
+  setup(n) {
+    return (e, l) => (a(), i(u(d), {
+      value: e.value,
+      as: e.as,
+      class: o(["uikit-h-[46px] uikit-w-full uikit-appearance-none uikit-bg-transparent uikit-outline-none [font-size:inherit] focus-visible:uikit-shadow-[0_0_0_2px_#2b5dff] data-[active]:uikit-border data-[active]:uikit-border-solid data-[active]:uikit-border-w-blue data-[active]:uikit-bg-w-ghost data-[active]:uikit-font-medium data-[active]:uikit-text-w-blue", [
+        { "uikit-rounded-2xs": e.theme === "rounded" },
+        {
+          "first:uikit-rounded-l-2xs last:uikit-rounded-r-2xs": e.theme === "square"
+        }
+      ]])
+    }, {
+      default: r(() => [
+        s(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["value", "as", "class"]));
+  }
+});
+export {
+  m as default
+};

package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as i, createElementBlock as s, openBlock as l, normalizeStyle as r, normalizeClass as t, createElementVNode as a, renderSlot as o } from "vue";
+const d = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "BaseShimmerLoader",
+  props: {
+    shimmerClasses: { default: "" }
+  },
+  setup(u) {
+    return (e, m) => (l(), s("div", {
+      class: t(["uikit-shimmer-loader uikit-relative uikit-overflow-hidden uikit-rounded-3xs uikit-bg-w-cultured", e.$attrs.class]),
+      style: r(e.$attrs.style)
+    }, [
+      a("div", {
+        class: t(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full -uikit-translate-x-full", e.shimmerClasses])
+      }, null, 2),
+      o(e.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  d as default
+};