@wikicasa-dev/components 2.3.1-alpha.1 → 2.3.1-alpha.11

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js

@@ -1,7 +1,10 @@
-import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as l, createTextVNode as f, toDisplayString as k } from "vue";
-import { AccordionItem as h, AccordionHeader as m, AccordionTrigger as g, AccordionContent as w } from "reka-ui";
-import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
-const b = /* @__PURE__ */ n({
+import { defineComponent as o, createBlock as l, openBlock as n, withCtx as i, createVNode as a, normalizeClass as s, renderSlot as r, createTextVNode as u, toDisplayString as c, unref as d } from "vue";
+import f from "./AccordionContentPrimitive.vue.js";
+import m from "./AccordionTriggerPrimitive.vue.js";
+import k from "./AccordionHeaderPrimitive.vue.js";
+import h from "./AccordionItemPrimitive.vue.js";
+import { ArrowIcon as w } from "@wikicasa-dev/svg-icons";
+const B = /* @__PURE__ */ o({
   __name: "BaseAccordionItem",
   props: {
     title: {},
@@ -15,39 +18,36 @@ const b = /* @__PURE__ */ n({
     arrowClasses: {},
     headerTag: { default: "h3" }
   },
-  setup(e) {
-    const o = c("isActive");
-    return (i, v) => (d(), u(t(h), { value: e.value }, {
-      default: a(() => [
-        s(t(m), {
-          as: e.headerTag,
-          class: r([
-            e.headerClasses,
+  setup(t) {
+    return (e, g) => (n(), l(h, { value: t.value }, {
+      default: i(() => [
+        a(k, {
+          as: t.headerTag,
+          class: s([
+            t.headerClasses,
             "uikit-flex uikit-items-center uikit-justify-between"
           ])
         }, {
-          default: a(() => [
-            l(i.$slots, "header-content"),
-            s(t(g), {
-              "data-cy": e.dataCy,
-              class: r([
-                e.triggerClasses,
+          default: i(() => [
+            r(e.$slots, "header-content"),
+            a(m, {
+              "data-cy": t.dataCy,
+              class: s([
+                t.triggerClasses,
                 {
-                  "uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-transparent uikit-px-[16px] uikit-py-[16px] uikit-text-left uikit-font-semibold": !i.$slots.trigger,
-                  "uikit-w-full": !i.$slots["header-content"]
+                  "uikit-base-accordion-trigger uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-transparent uikit-px-[16px] uikit-py-[16px] uikit-text-left uikit-font-semibold": !e.$slots.trigger,
+                  "uikit-w-full": !e.$slots["header-content"]
                 }
               ])
             }, {
-              default: a(() => [
-                l(i.$slots, "trigger", {
-                  active: t(o)(e.value)
-                }, () => [
-                  f(k(e.title) + " ", 1),
-                  s(t(C), {
-                    class: r(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(o)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
-                    "arrow-classes": e.arrowClasses,
-                    width: e.arrowWidth,
-                    height: e.arrowWidth
+              default: i(() => [
+                r(e.$slots, "trigger", {}, () => [
+                  u(c(t.title) + " ", 1),
+                  a(d(w), {
+                    class: s(["uikit-base-accordion-item-arrow uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", t.arrowClasses]),
+                    "arrow-classes": t.arrowClasses,
+                    width: t.arrowWidth,
+                    height: t.arrowWidth
                   }, null, 8, ["class", "arrow-classes", "width", "height"])
                 ])
               ]),
@@ -56,14 +56,14 @@ const b = /* @__PURE__ */ n({
           ]),
           _: 3
         }, 8, ["as", "class"]),
-        s(t(w), {
-          class: r([
-            e.contentClasses,
+        a(f, {
+          class: s([
+            t.contentClasses,
             "uikit-base-accordion-item-content uikit-px-[16px]"
           ])
         }, {
-          default: a(() => [
-            l(i.$slots, "default")
+          default: i(() => [
+            r(e.$slots, "default")
           ]),
           _: 3
         }, 8, ["class"])
@@ -73,5 +73,5 @@ const b = /* @__PURE__ */ n({
   }
 });
 export {
-  b as default
+  B as default
 };

package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as j, mergeModels as U, useModel as S, useId as q, useTemplateRef as d, shallowRef as c, onBeforeMount as G, onMounted as J, onUnmounted as Q, watch as E, nextTick as Y, createBlock as z, openBlock as M, withCtx as W, createElementBlock as Z, Fragment as _, renderList as ee, renderSlot as m, createElementVNode as u, normalizeClass as f, withDirectives as I, unref as te, vModelText as le, toDisplayString as ne, withModifiers as oe, normalizeStyle as ae, createTextVNode as ie, vShow as ue } from "vue";
+import { defineComponent as j, mergeModels as U, useModel as S, useId as q, useTemplateRef as d, shallowRef as c, onBeforeMount as G, onMounted as J, onUnmounted as Q, watch as E, nextTick as Y, createBlock as z, openBlock as x, withCtx as M, createElementBlock as Z, Fragment as _, renderList as ee, renderSlot as b, createElementVNode as u, normalizeClass as f, withDirectives as I, unref as te, vModelText as le, toDisplayString as ne, withModifiers as oe, normalizeStyle as ae, createTextVNode as ie, vShow as ue } from "vue";
 import se from "../BaseDropDown.vue.js";
 import '../../../../../assets/BaseDropDown.css';/* empty css                   */
 import re from "../BaseSelect/SelectItem.vue.js";
@@ -31,14 +31,14 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
   }),
   emits: /* @__PURE__ */ U(["input", "click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
   setup(t, { expose: L, emit: D }) {
-    const s = S(t, "open"), p = S(t, "modelValue"), o = S(t, "inputValue"), v = D, K = q(), C = d("inputRef"), k = c(0), y = c(!1), r = c(!1), x = c(null), a = c([]), O = d("dropdownRef"), h = d("hiddenSpan"), w = d("inputWrapperRef"), R = d("clearButtonRef"), N = () => {
+    const s = S(t, "open"), p = S(t, "modelValue"), o = S(t, "inputValue"), v = D, K = q(), C = d("inputRef"), k = c(0), y = c(!1), r = c(!1), W = c(null), a = c([]), O = d("dropdownRef"), h = d("hiddenSpan"), w = d("inputWrapperRef"), R = d("clearButtonRef"), N = () => {
       o.value = "", p.value = null, r.value = !1;
     }, A = async (l) => {
       if (!l) {
         a.value = [], s.value = !1;
         return;
       }
-      t.disableCb || (a.value = await x.value?.(l) || [], y.value = !0, s.value = !!a.value.length);
+      t.disableCb || (a.value = await W.value?.(l) || [], y.value = !0, s.value = !!a.value.length);
     }, F = (l = -1) => {
       const e = a.value[l];
       !e || e.id === p.value?.id || (t.onOptionSelectedCb?.(e), o.value = e.label, s.value = !1, p.value = e, r.value = !0, a.value = []);
@@ -51,11 +51,11 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
     const $ = () => {
       const l = h.value, e = w.value, n = R.value;
       if (!l || !e) return;
-      const T = l.offsetWidth, b = e.offsetWidth, i = t.clearButton?.offset || 0, g = t.clearButton?.width || n?.offsetWidth || 0, X = b - i - g, V = Math.min(T, X);
+      const T = l.offsetWidth, m = e.offsetWidth, i = t.clearButton?.offset || 0, g = t.clearButton?.width || n?.offsetWidth || 0, X = m - i - g, V = Math.min(T, X);
       V !== k.value && (k.value = V);
     };
     return G(() => {
-      x.value = de({ delay: 300 }, t.onInputChangeCb);
+      W.value = de({ delay: 300 }, t.onInputChangeCb);
     }), J(() => {
       w.value && (B = new ResizeObserver(() => {
         $();
@@ -82,7 +82,7 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
       getRootElement: () => O.value?.getRootElement(),
       select: P,
       focus: H
-    }), (l, e) => (M(), z(se, {
+    }), (l, e) => (x(), z(se, {
       ref: "dropdownRef",
       class: "uikit-clearable-autocomplete",
       "data-cy": t.dataCy,
@@ -95,12 +95,12 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
       open: s.value,
       "onUpdate:open": e[6] || (e[6] = (n) => s.value = n)
     }, {
-      btn_slot: W(() => [
+      btn_slot: M(() => [
         u("div", {
           class: f(["uikit-text-16", t.triggerWrapperClasses]),
           onClick: e[4] || (e[4] = (n) => v("click", n))
         }, [
-          m(l.$slots, "left-icon"),
+          b(l.$slots, "left-icon"),
           u("div", {
             ref: "inputWrapperRef",
             class: f(["uikit-relative", t.inputWrapperClasses])
@@ -134,7 +134,7 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
             u("span", {
               ref_key: "hiddenSpan",
               ref: h,
-              class: f(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre", t.hiddenTextClasses]),
+              class: f(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-max-w-full uikit-overflow-hidden uikit-whitespace-pre", t.hiddenTextClasses]),
               style: {
                 font: "inherit",
                 fontSize: "inherit"
@@ -152,31 +152,31 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
               }),
               onClick: oe(N, ["stop"])
             }, [
-              m(l.$slots, "clear-icon", {}, () => [
+              b(l.$slots, "clear-icon", {}, () => [
                 e[7] || (e[7] = ie("X", -1))
               ])
             ], 6), [
               [ue, r.value && k.value]
             ])
           ], 2),
-          m(l.$slots, "right-icon")
+          b(l.$slots, "right-icon")
         ], 2)
       ]),
-      default: W(({ activeIdx: n, setActiveIdx: T }) => [
-        (M(!0), Z(_, null, ee(a.value, (b, i) => (M(), z(re, {
+      default: M(({ activeIdx: n, setActiveIdx: T }) => [
+        (x(!0), Z(_, null, ee(a.value, (m, i) => (x(), z(re, {
           key: i,
           active: n === i,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
           onClick: (g) => F(i),
           onMouseover: (g) => T(i)
         }, {
-          default: W(() => [
-            m(l.$slots, "option-content", {
-              option: b,
+          default: M(() => [
+            b(l.$slots, "option-content", {
+              option: m,
               idx: i
             }, () => [
               u("span", {
-                innerHTML: b.label
+                innerHTML: m.label
               }, null, 8, fe)
             ])
           ]),

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

@@ -1,13 +1,13 @@
-import { defineComponent as x, mergeModels as I, useModel as w, ref as b, watch as y, nextTick as $, createBlock as s, openBlock as r, unref as i, withCtx as a, renderSlot as f, createVNode as n, normalizeClass as m, createCommentVNode as p, normalizeStyle as B } from "vue";
+import { defineComponent as x, mergeModels as b, useModel as w, ref as I, watch as y, nextTick as $, createBlock as s, openBlock as r, unref as i, withCtx as a, renderSlot as f, createVNode as n, normalizeClass as m, createCommentVNode as p, normalizeStyle as B } from "vue";
 import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
 import { ToastProvider as D, ToastRoot as M, ToastTitle as P, ToastDescription as z, ToastClose as S, ToastAction as A, ProgressRoot as N, ProgressIndicator as R, ToastPortal as U, ToastViewport as h } from "reka-ui";
 const q = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "BaseSnackbar",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ b({
     alertClass: { default: "primary" },
     duration: { default: 3e3 },
-    swipeDirection: { default: "right" },
+    swipeDirection: { default: "left" },
     to: { type: [String, Boolean], default: "body" },
     dataCy: { default: "" },
     withCloseIcon: { type: Boolean, default: !0 },
@@ -21,26 +21,26 @@ const q = /* @__PURE__ */ x({
   }),
   emits: ["update:open", "update:refresh"],
   setup(t) {
-    const l = w(t, "open"), v = w(t, "refresh"), o = b(0);
+    const l = w(t, "open"), v = w(t, "refresh"), o = I(0);
     let k, c;
-    const g = (e = 3e3) => {
+    const T = (e = 3e3) => {
       o.value = 0;
       const u = Date.now();
       c = setInterval(() => {
         const C = Date.now() - u;
         o.value = Math.min(100, C / e * 100), o.value >= 100 && clearInterval(c);
       }, 30);
-    }, T = () => {
+    }, g = () => {
       clearTimeout(k), k = setTimeout(() => {
         l.value = !1;
-      }, t.duration), g(t.duration);
+      }, t.duration), T(t.duration);
     };
     return y(
       l,
       (e) => {
         $(() => {
           if (e) {
-            T();
+            g();
             return;
           }
           clearInterval(c), clearTimeout(k), o.value = 0;
@@ -60,7 +60,7 @@ const q = /* @__PURE__ */ x({
           open: l.value,
           "onUpdate:open": u[1] || (u[1] = (d) => l.value = d),
           duration: t.duration,
-          class: m(["uikit-toast-root uikit-relative uikit-flex uikit-gap-[8px] uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${t.alertClass}`, e.$attrs.class]]),
+          class: m(["uikit-toast-root uikit-relative uikit-box-border uikit-flex uikit-gap-[8px] uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${t.alertClass}`, e.$attrs.class]]),
           "data-cy": t.dataCy,
           type: t.type
         }, {

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

@@ -1,38 +1,39 @@
-import { defineComponent as s, mergeModels as n, useModel as d, createElementBlock as k, openBlock as c, renderSlot as u, createVNode as a, createCommentVNode as m, unref as o, withCtx as f, createElementVNode as p } from "vue";
+import { defineComponent as d, mergeModels as s, useModel as n, createElementBlock as k, openBlock as c, renderSlot as a, createVNode as u, createCommentVNode as m, unref as o, withCtx as f, createElementVNode as p } from "vue";
 import { SwitchRoot as b, SwitchThumb as h } from "reka-ui";
-const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], y = /* @__PURE__ */ s({
-  inheritAttrs: !1,
+const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], V = /* @__PURE__ */ d({
   __name: "BaseToggle",
-  props: /* @__PURE__ */ n({
-    label: {}
+  props: /* @__PURE__ */ s({
+    label: {},
+    dataCy: {}
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const i = d(t, "modelValue");
-    return (e, l) => (c(), k("div", g, [
-      u(e.$slots, "leftLabel"),
-      a(o(b), {
+  setup(e) {
+    const i = n(e, "modelValue");
+    return (t, l) => (c(), k("div", g, [
+      a(t.$slots, "leftLabel"),
+      u(o(b), {
         modelValue: i.value,
         "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
+        "data-cy": e.dataCy,
         class: "uikit-flex uikit-h-[20px] uikit-w-[40px] uikit-cursor-pointer uikit-rounded-full uikit-p-0 uikit-transition-[background] uikit-will-change-[background] focus-visible:uikit-outline-w-primary data-[state=checked]:uikit-bg-w-primary data-[state=unchecked]:uikit-bg-w-cultured"
       }, {
         default: f(() => [
-          a(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
+          u(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
         ]),
         _: 1
-      }, 8, ["modelValue"]),
-      e.$slots.leftLabel ? m("", !0) : u(e.$slots, "rightLabel", { key: 0 }, () => [
+      }, 8, ["modelValue", "data-cy"]),
+      t.$slots.leftLabel ? m("", !0) : a(t.$slots, "rightLabel", { key: 0 }, () => [
         p("span", {
           class: "uikit-ml-[10px]",
-          innerHTML: t.label
+          innerHTML: e.label
         }, null, 8, w)
       ])
     ]));
   }
 });
 export {
-  y as default
+  V as default
 };

package/dist/packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as n, createPropsRestProxy as p, createBlock as u, openBlock as i, unref as m, mergeProps as s, withCtx as c, renderSlot as y, normalizeProps as f, guardReactiveProps as C } from "vue";
+import { CheckboxRoot as B } from "reka-ui";
+const V = /* @__PURE__ */ n({
+  __name: "CheckboxGroupItemPrimitive",
+  props: {
+    dataCy: {},
+    value: {},
+    defaultValue: { type: [Boolean, String] },
+    modelValue: { type: [Boolean, String, null] },
+    disabled: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    const r = p(t, ["dataCy"]), l = a;
+    return (d, o) => (i(), u(m(B), s(r, {
+      "data-cy": t.dataCy,
+      "onUpdate:modelValue": o[0] || (o[0] = (e) => l("update:modelValue", e))
+    }), {
+      default: c((e) => [
+        y(d.$slots, "default", f(C(e)))
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  V as default
+};

package/dist/packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as n, createPropsRestProxy as p, createBlock as u, openBlock as i, unref as s, mergeProps as m, withCtx as c, renderSlot as y } from "vue";
+import { CheckboxGroupRoot as f } from "reka-ui";
+const x = /* @__PURE__ */ n({
+  __name: "CheckboxGroupPrimitive",
+  props: {
+    dataCy: {},
+    defaultValue: {},
+    modelValue: {},
+    rovingFocus: { type: Boolean },
+    disabled: { type: Boolean },
+    as: {},
+    asChild: { type: Boolean },
+    dir: {},
+    orientation: {},
+    loop: { type: Boolean },
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const a = p(e, ["dataCy"]), r = t;
+    return (l, o) => (i(), u(s(f), m(a, {
+      "data-cy": e.dataCy,
+      "onUpdate:modelValue": o[0] || (o[0] = (d) => r("update:modelValue", d))
+    }), {
+      default: c(() => [
+        y(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  x as default
+};

package/dist/packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as n, createPropsRestProxy as d, createBlock as l, openBlock as p, unref as m, mergeProps as c, withCtx as u, renderSlot as y, normalizeProps as f, guardReactiveProps as C } from "vue";
+import { RadioGroupItem as P } from "reka-ui";
+const v = /* @__PURE__ */ n({
+  __name: "RadioGroupItemPrimitive",
+  props: {
+    dataCy: {},
+    id: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["select"],
+  setup(t, { emit: a }) {
+    const r = d(t, ["dataCy"]), s = a;
+    return (i, o) => (p(), l(m(P), c(r, {
+      "data-cy": t.dataCy,
+      onSelect: o[0] || (o[0] = (e) => s("select", e))
+    }), {
+      default: u((e) => [
+        y(i.$slots, "default", f(C(e)))
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  v as default
+};

package/dist/types/index.d.ts

@@ -1,5 +1,4 @@
 export * from '../UIKit/types';
-export type { AccordionItemDecorated, AccordionItem, } from '../UIKit/Accordion/BaseAccordion';
 export type { CheckboxGroupProps, CheckboxButtonType, } from '../UIKit/Checkbox/CheckboxGroup';
 export type { BaseTabProps } from '../UIKit/Tab/BaseTabView';
 export type { RadioButtonType } from '../UIKit/Radio/RadioGroup';
@@ -10,4 +9,13 @@ export type { ChartOptions, ChartData } from 'chart.js';
 export type { BaseAutocompleteThemes } from '../UIKit/BaseAutocomplete';
 export type { RadioButtonGroupProps } from '../UIKit/Radio/v2/RadioButtonGroup';
 export type { RadioButtonItemProps } from '../UIKit/Radio/v2/RadioButtonItem';
+export type { RadioGroupItemPrimitiveProps } from '../UIKit/Radio/v2/RadioGroupItemPrimitive';
 export type { CheckboxButtonGroupProps, CheckboxButtonItem, } from '../UIKit/Checkbox/v2/CheckboxButtonGroup';
+export type { CheckboxGroupPrimitiveProps } from '../UIKit/Checkbox/v2/CheckboxGroupPrimitive';
+export type { CheckboxGroupItemPrimitiveProps } from '../UIKit/Checkbox/v2/CheckboxGroupItemPrimitive';
+export type { BaseAccordionProps } from '../UIKit/Accordion/BaseAccordion';
+export type { BaseAccordionItemProps } from '../UIKit/Accordion/BaseAccordionItem';
+export type { AccordionContentPrimitiveProps } from '../UIKit/Accordion/AccordionContentPrimitive';
+export type { AccordionHeaderPrimitiveProps } from '../UIKit/Accordion/AccordionHeaderPrimitive';
+export type { AccordionItemPrimitiveProps } from '../UIKit/Accordion/AccordionItemPrimitive';
+export type { AccordionTriggerPrimitiveProps } from '../UIKit/Accordion/AccordionTriggerPrimitive';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.3.1-alpha.1",
+  "version": "2.3.1-alpha.11",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",

package/dist/UIKit/Accordion/BaseAccordionBtn.d.ts

@@ -1,34 +0,0 @@
-type __VLS_Props = {
-    id: string | number;
-    arrowWidth?: number;
-    arrowColor?: `#${string}`;
-    onContainerClickExpand?: boolean;
-    accordionOpen?: boolean;
-    toggleAccordion: () => void;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        'custom-content'?(_: {}): any;
-        custom_btn?(_: {
-            btnId: string;
-            isOpen: boolean;
-            toggleAccordion: () => void;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/UIKit/Accordion/BaseAccordionBtn.js

@@ -1,4 +0,0 @@
-import f from "../../packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
-export {
-  f as default
-};

package/dist/UIKit/Accordion/BaseAccordionContent.d.ts

@@ -1,30 +0,0 @@
-import { ClassTypeProp } from '../types';
-type __VLS_Props = {
-    id: string | number;
-    accordionOpen: boolean;
-    accordionOpenClasses?: ClassTypeProp;
-    accordionClosedClasses?: ClassTypeProp;
-    accordionContentClasses?: ClassTypeProp;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        'custom-accordion-content'?(_: {
-            isOpen: boolean;
-        }): any;
-        default?(_: {
-            isOpen: boolean;
-        }): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/UIKit/Accordion/BaseAccordionContent.js

@@ -1,4 +0,0 @@
-import f from "../../packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
-export {
-  f as default
-};

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js

@@ -1,59 +0,0 @@
-import { defineComponent as l, createElementBlock as s, openBlock as d, normalizeClass as n, renderSlot as i, createElementVNode as u, withModifiers as k, createVNode as m, unref as f } from "vue";
-import { ArrowIcon as g } from "@wikicasa-dev/svg-icons";
-const C = ["id"], w = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ l({
-  inheritAttrs: !1,
-  __name: "BaseAccordionBtn",
-  props: {
-    id: {},
-    arrowWidth: { default: 12 },
-    arrowColor: {},
-    onContainerClickExpand: { type: Boolean, default: !1 },
-    accordionOpen: { type: Boolean, default: !1 },
-    toggleAccordion: { type: Function }
-  },
-  emits: ["click"],
-  setup(t, { emit: r }) {
-    const a = r;
-    return (o, e) => (d(), s("div", {
-      id: `${t.id}`,
-      class: n(["uikit-flex uikit-items-center uikit-justify-around", [
-        o.$attrs["btn-wrapper-classes"],
-        t.onContainerClickExpand ? "uikit-cursor-pointer" : ""
-      ]]),
-      onClick: e[1] || (e[1] = (c) => t.onContainerClickExpand && t.toggleAccordion())
-    }, [
-      i(o.$slots, "custom-content"),
-      i(o.$slots, "custom_btn", {
-        btnId: `btn-${t.id}`,
-        isOpen: t.accordionOpen,
-        toggleAccordion: t.toggleAccordion
-      }, () => [
-        u("button", {
-          type: "button",
-          class: n(["uikit-border-0 uikit-bg-transparent", o.$attrs["btn-classes"]]),
-          "aria-expanded": t.accordionOpen,
-          "aria-controls": `accordion-text-${t.id}`,
-          onClick: e[0] || (e[0] = k((c) => {
-            t.toggleAccordion(), a("click");
-          }, ["prevent", "stop"]))
-        }, [
-          m(f(g), {
-            class: n([
-              "uikit-transition-transform motion-reduce:uikit-transition-none",
-              [
-                t.accordionOpen ? "uikit-rotate-180" : "",
-                o.$attrs["arrow-classes"]
-              ]
-            ]),
-            "stroke-color": t.arrowColor ?? "#222",
-            width: t.arrowWidth,
-            height: t.arrowWidth
-          }, null, 8, ["stroke-color", "class", "width", "height"])
-        ], 10, w)
-      ])
-    ], 10, C));
-  }
-});
-export {
-  b as default
-};

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js

@@ -1,34 +0,0 @@
-import { defineComponent as n, createElementBlock as a, openBlock as c, normalizeClass as o, renderSlot as t, createElementVNode as d } from "vue";
-const s = ["id", "aria-labelledby"], u = /* @__PURE__ */ n({
-  __name: "BaseAccordionContent",
-  props: {
-    id: {},
-    accordionOpen: { type: Boolean },
-    accordionOpenClasses: {},
-    accordionClosedClasses: {},
-    accordionContentClasses: {}
-  },
-  setup(i) {
-    return (e, r) => (c(), a("div", {
-      id: `accordion-text-${i.id}`,
-      role: "region",
-      "aria-labelledby": `accordion-title-${i.id}`,
-      class: o(["uikit-grid uikit-overflow-hidden uikit-px-5 uikit-text-sm uikit-text-w-black uikit-transition-[grid-template-rows,opacity,padding,margin] uikit-duration-300 uikit-ease-in-out", [
-        i.accordionOpen ? i.accordionOpenClasses : i.accordionClosedClasses,
-        i.accordionOpen ? "uikit-grid-rows-[1fr] uikit-opacity-100" : "uikit-grid-rows-[0fr] uikit-opacity-0",
-        e.$attrs["accordion-classes"]
-      ]])
-    }, [
-      t(e.$slots, "custom-accordion-content", { isOpen: i.accordionOpen }, () => [
-        d("div", {
-          class: o(["uikit-overflow-hidden", i.accordionContentClasses])
-        }, [
-          t(e.$slots, "default", { isOpen: i.accordionOpen })
-        ], 2)
-      ])
-    ], 10, s));
-  }
-});
-export {
-  u as default
-};