@wikicasa-dev/components 2.3.1-alpha.2 → 2.3.1-alpha.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/dist/Swiper/autoplay.js +1 -1
  2. package/dist/Swiper/controller.js +1 -1
  3. package/dist/Swiper/keyboard.js +1 -1
  4. package/dist/Swiper/thumbs.js +1 -1
  5. package/dist/UIKit/Accordion/AccordionContentPrimitive.d.ts +19 -0
  6. package/dist/UIKit/Accordion/AccordionContentPrimitive.js +4 -0
  7. package/dist/UIKit/Accordion/AccordionHeaderPrimitive.d.ts +11 -0
  8. package/dist/UIKit/Accordion/AccordionHeaderPrimitive.js +4 -0
  9. package/dist/UIKit/Accordion/AccordionItemPrimitive.d.ts +13 -0
  10. package/dist/UIKit/Accordion/AccordionItemPrimitive.js +4 -0
  11. package/dist/UIKit/Accordion/AccordionTriggerPrimitive.d.ts +13 -0
  12. package/dist/UIKit/Accordion/AccordionTriggerPrimitive.js +4 -0
  13. package/dist/UIKit/Accordion/BaseAccordion.d.ts +15 -18
  14. package/dist/UIKit/Accordion/BaseAccordionItem.d.ts +12 -21
  15. package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts +1 -1
  16. package/dist/UIKit/BaseAutocomplete.d.ts +1 -1
  17. package/dist/UIKit/BaseButton.d.ts +2 -2
  18. package/dist/UIKit/BaseDropDown.d.ts +1 -1
  19. package/dist/UIKit/BaseSnackbar.d.ts +3 -1
  20. package/dist/UIKit/BaseToggle.d.ts +3 -2
  21. package/dist/UIKit/Checkbox/CheckboxBtn.d.ts +1 -1
  22. package/dist/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.d.ts +26 -0
  23. package/dist/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.js +4 -0
  24. package/dist/UIKit/Checkbox/v2/CheckboxGroupPrimitive.d.ts +21 -0
  25. package/dist/UIKit/Checkbox/v2/CheckboxGroupPrimitive.js +4 -0
  26. package/dist/UIKit/Radio/v2/RadioGroupItemPrimitive.d.ts +11 -3
  27. package/dist/UIKit/Tab/v2/BaseTabs.d.ts +24 -0
  28. package/dist/UIKit/Tab/v2/BaseTabs.js +5 -0
  29. package/dist/UIKit/Tab/v2/BaseTabsContent.d.ts +13 -0
  30. package/dist/UIKit/Tab/v2/BaseTabsContent.js +4 -0
  31. package/dist/UIKit/Tab/v2/BaseTabsIndicator.d.ts +66 -0
  32. package/dist/UIKit/Tab/v2/BaseTabsIndicator.js +5 -0
  33. package/dist/UIKit/Tab/v2/BaseTabsList.d.ts +13 -0
  34. package/dist/UIKit/Tab/v2/BaseTabsList.js +4 -0
  35. package/dist/UIKit/Tab/v2/BaseTabsTrigger.d.ts +20 -0
  36. package/dist/UIKit/Tab/v2/BaseTabsTrigger.js +4 -0
  37. package/dist/assets/BaseAccordionItem.css +1 -1
  38. package/dist/assets/BaseBadge.css +1 -1
  39. package/dist/assets/BaseCard.css +1 -1
  40. package/dist/assets/BaseComplexToggle.css +1 -1
  41. package/dist/assets/BaseModal.css +1 -1
  42. package/dist/assets/BaseSnackbar.css +1 -1
  43. package/dist/assets/BaseTabs.css +1 -0
  44. package/dist/assets/BaseTabsIndicator.css +1 -0
  45. package/dist/assets/tailwind.css +1 -1
  46. package/dist/index.d.ts +11 -2
  47. package/dist/index.js +111 -91
  48. package/dist/packages/components/lib/UIKit/Accordion/AccordionContentPrimitive.vue.js +22 -0
  49. package/dist/packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js +21 -0
  50. package/dist/packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js +24 -0
  51. package/dist/packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js +22 -0
  52. package/dist/packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js +22 -14
  53. package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js +36 -36
  54. package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js +17 -17
  55. package/dist/packages/components/lib/UIKit/BaseSlider.vue.js +1 -3
  56. package/dist/packages/components/lib/UIKit/BaseSnackbar.vue.js +54 -52
  57. package/dist/packages/components/lib/UIKit/BaseToggle.vue.js +16 -15
  58. package/dist/packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js +33 -0
  59. package/dist/packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js +35 -0
  60. package/dist/packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js +14 -10
  61. package/dist/packages/components/lib/UIKit/Tab/BaseTabView.vue.js +45 -46
  62. package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabs.vue.js +39 -0
  63. package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsContent.vue.js +24 -0
  64. package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsIndicator.vue.js +34 -0
  65. package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsList.vue.js +23 -0
  66. package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsTrigger.vue.js +31 -0
  67. package/dist/types/index.d.ts +13 -1
  68. package/package.json +15 -15
  69. package/dist/UIKit/Accordion/BaseAccordionBtn.d.ts +0 -34
  70. package/dist/UIKit/Accordion/BaseAccordionBtn.js +0 -4
  71. package/dist/UIKit/Accordion/BaseAccordionContent.d.ts +0 -30
  72. package/dist/UIKit/Accordion/BaseAccordionContent.js +0 -4
  73. package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js +0 -59
  74. package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js +0 -34
  75. /package/dist/assets/{swiper-controller.css → swiper-thumbs.css} +0 -0
@@ -1,6 +1,6 @@
1
- import { defineComponent as r, createBlock as a, openBlock as n, unref as p, normalizeProps as i, guardReactiveProps as d, withCtx as l, renderSlot as s } from "vue";
2
- import { RadioGroupItem as m } from "reka-ui";
3
- const _ = /* @__PURE__ */ r({
1
+ 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";
2
+ import { RadioGroupItem as P } from "reka-ui";
3
+ const v = /* @__PURE__ */ n({
4
4
  __name: "RadioGroupItemPrimitive",
5
5
  props: {
6
6
  dataCy: {},
@@ -12,16 +12,20 @@ const _ = /* @__PURE__ */ r({
12
12
  name: {},
13
13
  required: { type: Boolean }
14
14
  },
15
- setup(e) {
16
- const o = e;
17
- return (t, u) => (n(), a(p(m), i(d(o)), {
18
- default: l(() => [
19
- s(t.$slots, "default")
15
+ emits: ["select"],
16
+ setup(t, { emit: a }) {
17
+ const r = d(t, ["dataCy"]), s = a;
18
+ return (i, o) => (p(), l(m(P), c(r, {
19
+ "data-cy": t.dataCy,
20
+ onSelect: o[0] || (o[0] = (e) => s("select", e))
21
+ }), {
22
+ default: u((e) => [
23
+ y(i.$slots, "default", f(C(e)))
20
24
  ]),
21
25
  _: 3
22
- }, 16));
26
+ }, 16, ["data-cy"]));
23
27
  }
24
28
  });
25
29
  export {
26
- _ as default
30
+ v as default
27
31
  };
@@ -1,10 +1,10 @@
1
- import { defineComponent as z, mergeModels as k, useModel as j, ref as v, useId as q, useSlots as G, computed as H, provide as f, watch as x, createElementBlock as m, openBlock as i, normalizeClass as I, createElementVNode as J, createBlock as o, createCommentVNode as u, unref as y, toDisplayString as K, Fragment as g, renderList as O, withCtx as Q, resolveDynamicComponent as R } from "vue";
2
- import U from "./BaseTabPanel.vue.js";
1
+ import { defineComponent as S, mergeModels as T, useModel as z, ref as x, useId as j, useSlots as q, computed as G, provide as v, watch as k, createElementBlock as f, openBlock as l, normalizeClass as I, createElementVNode as H, createBlock as o, createCommentVNode as u, unref as m, toDisplayString as J, Fragment as g, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
2
+ import R from "./BaseTabPanel.vue.js";
3
3
  import P from "./BaseTabList.vue.js";
4
- const W = ["data-cy"], X = ["id"], te = /* @__PURE__ */ z({
4
+ const U = ["data-cy"], W = ["id"], ae = /* @__PURE__ */ S({
5
5
  inheritAttrs: !1,
6
6
  __name: "BaseTabView",
7
- props: /* @__PURE__ */ k({
7
+ props: /* @__PURE__ */ T({
8
8
  tabsPosition: { default: "top" },
9
9
  tabViewDescription: {},
10
10
  tabListClasses: {},
@@ -13,95 +13,94 @@ const W = ["data-cy"], X = ["id"], te = /* @__PURE__ */ z({
13
13
  activeIdx: { default: 0 },
14
14
  activeIdxModifiers: {}
15
15
  }),
16
- emits: /* @__PURE__ */ k(["tabClicked"], ["update:activeIdx"]),
16
+ emits: /* @__PURE__ */ T(["tabClicked"], ["update:activeIdx"]),
17
17
  setup(s, { emit: $ }) {
18
- const B = $, c = j(s, "activeIdx"), A = v(""), b = v(null), F = v(null), d = q(), h = G(), r = (e) => e.props ?? null, p = (e) => e.type.__name === "BaseTab", C = (e, a) => ({
18
+ const B = $, c = z(s, "activeIdx"), A = x(""), b = x(null), d = j(), y = q(), r = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", p = (e, a) => ({
19
19
  renderFn: e,
20
- tabId: T(a),
20
+ tabId: C(a),
21
21
  "active-tab-panel-idx": r(e)?.["active-tab-panel-idx"] ?? a,
22
22
  "header-title": r(e)?.["header-title"] || "",
23
23
  class: r(e)?.class || "",
24
24
  "tab-panel-classes": r(e)?.["tab-panel-classes"] || "",
25
25
  "data-cy": r(e)?.["data-cy"] || ""
26
- }), l = H(() => h.default ? h.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
27
- p(t) && e.push(C(t, e.length));
28
- }) : p(a) && e.push(C(a, e.length)), e), []) : []);
29
- f("tabs", l), f("isTabActive", (e) => c.value === e);
30
- const V = (e = -1) => b.value === e, T = (e) => `base-tab-${e}-${d}`, w = (e = -1) => `base-tab-panel-${e}-${d}`, D = (e = -1) => {
31
- const a = l.value.reduce(
32
- (t, n, S) => (n["active-tab-panel-idx"] !== e || t.push({ tab: n, idx: S }), t),
26
+ }), i = G(() => y.default ? y.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
27
+ h(t) && e.push(p(t, e.length));
28
+ }) : h(a) && e.push(p(a, e.length)), e), []) : []);
29
+ v("tabs", i), v("isTabActive", (e) => c.value === e);
30
+ const F = (e = -1) => b.value === e, C = (e) => `base-tab-${e}-${d}`, V = (e = -1) => `base-tab-panel-${e}-${d}`, w = (e = -1) => {
31
+ const a = i.value.reduce(
32
+ (t, n, N) => (n["active-tab-panel-idx"] !== e || t.push({ tab: n, idx: N }), t),
33
33
  []
34
34
  );
35
35
  return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === c.value)?.tab.tabId;
36
+ }, D = (e) => {
37
+ A.value = C(e);
36
38
  }, L = (e) => {
37
- A.value = T(e);
38
- }, E = (e) => {
39
- const a = l.value.at(e ?? -1);
39
+ const a = i.value.at(e ?? -1);
40
40
  b.value = a?.["active-tab-panel-idx"] ?? null;
41
41
  };
42
- f("handleClick", (e, a) => {
43
- L(e), c.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
44
- }), x(
42
+ v("handleClick", (e, a) => {
43
+ D(e), c.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
44
+ }), k(
45
45
  c,
46
46
  (e) => {
47
- E(e ?? -1);
47
+ L(e ?? -1);
48
48
  },
49
49
  {
50
50
  immediate: !0
51
51
  }
52
52
  );
53
- const M = (e, a) => {
53
+ const E = (e, a) => {
54
54
  for (let t = 0; t < e.length; t++)
55
55
  if (e[t] !== a[t]) return t;
56
56
  return null;
57
- }, N = (e = -1) => l.value.find((a) => a["active-tab-panel-idx"] === e);
58
- return x(
59
- () => l.value.map((e) => e["active-tab-panel-idx"]),
57
+ }, M = (e = -1) => i.value.find((a) => a["active-tab-panel-idx"] === e);
58
+ return k(
59
+ () => i.value.map((e) => e["active-tab-panel-idx"]),
60
60
  (e, a) => {
61
- const t = M(e, a);
61
+ const t = E(e, a);
62
62
  if (t === null) return;
63
- const n = l.value[t]["active-tab-panel-idx"];
63
+ const n = i.value[t]["active-tab-panel-idx"];
64
64
  c.value !== t || n === void 0 || (b.value = n);
65
65
  }
66
- ), (e, a) => (i(), m("div", {
67
- ref_key: "root",
68
- ref: F,
66
+ ), (e, a) => (l(), f("div", {
67
+ ref: "root",
69
68
  class: I(e.$attrs.class),
70
69
  "data-cy": s.dataCy
71
70
  }, [
72
- J("span", {
73
- id: `tablist-${y(d)}`,
71
+ H("span", {
72
+ id: `tablist-${m(d)}`,
74
73
  class: "uikit-sr-only"
75
- }, K(s.tabViewDescription), 9, X),
76
- s.tabsPosition === "top" ? (i(), o(P, {
74
+ }, J(s.tabViewDescription), 9, W),
75
+ s.tabsPosition === "top" ? (l(), o(P, {
77
76
  key: 0,
78
- uid: y(d),
77
+ uid: m(d),
79
78
  "tab-list-classes": s.tabListClasses,
80
79
  "data-cy": s.dataCy ? `${s.dataCy}-tab-list` : ""
81
80
  }, null, 8, ["uid", "tab-list-classes", "data-cy"])) : u("", !0),
82
- (i(!0), m(g, null, O(l.value, (t, n) => (i(), m(g, { key: n }, [
83
- N(n) ? (i(), o(U, {
81
+ (l(!0), f(g, null, K(i.value, (t, n) => (l(), f(g, { key: n }, [
82
+ M(n) ? (l(), o(R, {
84
83
  key: 0,
85
- id: w(t["active-tab-panel-idx"]),
86
- "labelled-by": D(n) ?? "",
87
- active: V(n),
84
+ id: V(t["active-tab-panel-idx"]),
85
+ "labelled-by": w(n) ?? "",
86
+ active: F(n),
88
87
  class: I(t["tab-panel-classes"])
89
88
  }, {
90
- default: Q(() => [
91
- t.renderFn.children && t.renderFn.children.default ? (i(), o(R(t.renderFn.children.default), { key: 0 })) : u("", !0)
89
+ default: O(() => [
90
+ t.renderFn.children && t.renderFn.children.default ? (l(), o(Q(t.renderFn.children.default), { key: 0 })) : u("", !0)
92
91
  ]),
93
92
  _: 2
94
93
  }, 1032, ["id", "labelled-by", "active", "class"])) : u("", !0)
95
94
  ], 64))), 128)),
96
- s.tabsPosition === "bottom" ? (i(), o(P, {
95
+ s.tabsPosition === "bottom" ? (l(), o(P, {
97
96
  key: 1,
98
- uid: y(d),
97
+ uid: m(d),
99
98
  "tab-list-classes": s.tabListClasses,
100
99
  "data-cy": s.dataCy ? `${s.dataCy}-tab-list` : ""
101
100
  }, null, 8, ["uid", "tab-list-classes", "data-cy"])) : u("", !0)
102
- ], 10, W));
101
+ ], 10, U));
103
102
  }
104
103
  });
105
104
  export {
106
- te as default
105
+ ae as default
107
106
  };
@@ -0,0 +1,39 @@
1
+ import { defineComponent as l, createPropsRestProxy as i, shallowRef as m, provide as d, onMounted as p, createBlock as c, openBlock as f, unref as y, mergeProps as C, withCtx as B, renderSlot as M } from "vue";
2
+ import { TabsRoot as V } from "reka-ui";
3
+ const v = /* @__PURE__ */ l({
4
+ __name: "BaseTabs",
5
+ props: {
6
+ dataCy: {},
7
+ defaultValue: {},
8
+ orientation: {},
9
+ dir: {},
10
+ activationMode: {},
11
+ modelValue: {},
12
+ unmountOnHide: { type: Boolean },
13
+ asChild: { type: Boolean },
14
+ as: {}
15
+ },
16
+ emits: ["update:modelValue", "mounted"],
17
+ setup(t, { emit: s }) {
18
+ const r = i(t, ["dataCy"]), o = s, a = m(!1);
19
+ return d("indicatorMounted", a), d("setIndicatorMounted", () => {
20
+ a.value = !0;
21
+ }), p(() => {
22
+ o("mounted");
23
+ }), (u, n) => (f(), c(y(V), C(r, {
24
+ "data-cy": t.dataCy,
25
+ class: "uikit-base-tabs",
26
+ "onUpdate:modelValue": n[0] || (n[0] = (e) => o("update:modelValue", e))
27
+ }), {
28
+ default: B(({ modelValue: e }) => [
29
+ M(u.$slots, "default", {
30
+ modelValue: e
31
+ })
32
+ ]),
33
+ _: 3
34
+ }, 16, ["data-cy"]));
35
+ }
36
+ });
37
+ export {
38
+ v as default
39
+ };
@@ -0,0 +1,24 @@
1
+ import { defineComponent as o, createPropsRestProxy as r, createBlock as n, openBlock as s, unref as c, mergeProps as p, withCtx as d, renderSlot as l } from "vue";
2
+ import { TabsContent as f } from "reka-ui";
3
+ const C = /* @__PURE__ */ o({
4
+ __name: "BaseTabsContent",
5
+ props: {
6
+ dataCy: {},
7
+ value: {},
8
+ forceMount: { type: Boolean },
9
+ asChild: { type: Boolean },
10
+ as: {}
11
+ },
12
+ setup(e) {
13
+ const t = r(e, ["dataCy"]);
14
+ return (a, u) => (s(), n(c(f), p({ "data-cy": e.dataCy }, t), {
15
+ default: d(() => [
16
+ l(a.$slots, "default")
17
+ ]),
18
+ _: 3
19
+ }, 16, ["data-cy"]));
20
+ }
21
+ });
22
+ export {
23
+ C as default
24
+ };
@@ -0,0 +1,34 @@
1
+ import { defineComponent as s, createPropsRestProxy as d, inject as u, useTemplateRef as l, onMounted as c, createBlock as p, openBlock as k, unref as f, mergeProps as m, withCtx as b, renderSlot as y, createElementVNode as I } from "vue";
2
+ import { TabsIndicator as x } from "reka-ui";
3
+ const w = /* @__PURE__ */ s({
4
+ __name: "BaseTabsIndicator",
5
+ props: {
6
+ dataCy: {},
7
+ asChild: { type: Boolean },
8
+ as: {}
9
+ },
10
+ setup(t, { expose: e }) {
11
+ const i = d(t, ["dataCy"]), o = u(
12
+ "setIndicatorMounted",
13
+ void 0
14
+ ), n = l("tabIndicatorRef");
15
+ return c(() => {
16
+ o?.();
17
+ }), e({
18
+ updateIndicatorStyle: () => n.value?.updateIndicatorStyle?.()
19
+ }), (r, a) => (k(), p(f(x), m({ ref: "tabIndicatorRef" }, i, {
20
+ "data-cy": t.dataCy,
21
+ class: "uikit-base-tabs-indicator uikit-absolute uikit-bottom-0 uikit-left-0 uikit-z-[1] uikit-h-[2px] uikit-w-[--reka-tabs-indicator-size] uikit-translate-x-[--reka-tabs-indicator-position] uikit-translate-y-[1px] uikit-transition-[width,transform] uikit-duration-300"
22
+ }), {
23
+ default: b(() => [
24
+ y(r.$slots, "default", {}, () => [
25
+ a[0] || (a[0] = I("div", { class: "uikit-base-tabs-indicator-element uikit-h-full uikit-w-full" }, null, -1))
26
+ ])
27
+ ]),
28
+ _: 3
29
+ }, 16, ["data-cy"]));
30
+ }
31
+ });
32
+ export {
33
+ w as default
34
+ };
@@ -0,0 +1,23 @@
1
+ import { defineComponent as o, createPropsRestProxy as r, createBlock as s, openBlock as n, unref as l, mergeProps as p, withCtx as c, renderSlot as d } from "vue";
2
+ import { TabsList as i } from "reka-ui";
3
+ const y = /* @__PURE__ */ o({
4
+ __name: "BaseTabsList",
5
+ props: {
6
+ dataCy: {},
7
+ loop: { type: Boolean },
8
+ asChild: { type: Boolean },
9
+ as: {}
10
+ },
11
+ setup(e) {
12
+ const t = r(e, ["dataCy"]);
13
+ return (a, f) => (n(), s(l(i), p({ "data-cy": e.dataCy }, t, { class: "uikit-relative" }), {
14
+ default: c(() => [
15
+ d(a.$slots, "default")
16
+ ]),
17
+ _: 3
18
+ }, 16, ["data-cy"]));
19
+ }
20
+ });
21
+ export {
22
+ y as default
23
+ };
@@ -0,0 +1,31 @@
1
+ import { defineComponent as o, createPropsRestProxy as d, inject as s, createBlock as c, openBlock as u, unref as a, mergeProps as n, withCtx as f, renderSlot as l } from "vue";
2
+ import { TabsTrigger as k } from "reka-ui";
3
+ const m = /* @__PURE__ */ o({
4
+ __name: "BaseTabsTrigger",
5
+ props: {
6
+ dataCy: {},
7
+ value: {},
8
+ disabled: { type: Boolean },
9
+ asChild: { type: Boolean },
10
+ as: {}
11
+ },
12
+ setup(t) {
13
+ const e = d(t, ["dataCy"]), i = s(
14
+ "indicatorMounted",
15
+ void 0
16
+ );
17
+ return (r, p) => (u(), c(a(k), n({ "data-cy": t.dataCy }, e, {
18
+ class: ["uikit-relative uikit-bg-white uikit-p-[4px] uikit-text-16 data-[state=active]:uikit-font-semibold", {
19
+ "data-[state=active]:after:uikit-absolute data-[state=active]:after:uikit-bottom-0 data-[state=active]:after:uikit-left-0 data-[state=active]:after:uikit-z-[1] data-[state=active]:after:uikit-block data-[state=active]:after:uikit-h-[2px] data-[state=active]:after:uikit-w-full data-[state=active]:after:uikit-translate-y-[1px] data-[state=active]:after:uikit-rounded-b-[var(--indicator-border-radius-bottom)] data-[state=active]:after:uikit-rounded-t-[var(--indicator-border-radius-top)] data-[state=active]:after:uikit-bg-w-primary data-[state=active]:after:uikit-content-['']": !a(i)
20
+ }]
21
+ }), {
22
+ default: f(() => [
23
+ l(r.$slots, "default")
24
+ ]),
25
+ _: 3
26
+ }, 16, ["data-cy", "class"]));
27
+ }
28
+ });
29
+ export {
30
+ m as default
31
+ };
@@ -1,5 +1,4 @@
1
1
  export * from '../UIKit/types';
2
- export type { AccordionItemDecorated, AccordionItem, } from '../UIKit/Accordion/BaseAccordion';
3
2
  export type { CheckboxGroupProps, CheckboxButtonType, } from '../UIKit/Checkbox/CheckboxGroup';
4
3
  export type { BaseTabProps } from '../UIKit/Tab/BaseTabView';
5
4
  export type { RadioButtonType } from '../UIKit/Radio/RadioGroup';
@@ -12,3 +11,16 @@ export type { RadioButtonGroupProps } from '../UIKit/Radio/v2/RadioButtonGroup';
12
11
  export type { RadioButtonItemProps } from '../UIKit/Radio/v2/RadioButtonItem';
13
12
  export type { RadioGroupItemPrimitiveProps } from '../UIKit/Radio/v2/RadioGroupItemPrimitive';
14
13
  export type { CheckboxButtonGroupProps, CheckboxButtonItem, } from '../UIKit/Checkbox/v2/CheckboxButtonGroup';
14
+ export type { CheckboxGroupPrimitiveProps } from '../UIKit/Checkbox/v2/CheckboxGroupPrimitive';
15
+ export type { CheckboxGroupItemPrimitiveProps } from '../UIKit/Checkbox/v2/CheckboxGroupItemPrimitive';
16
+ export type { BaseAccordionProps } from '../UIKit/Accordion/BaseAccordion';
17
+ export type { BaseAccordionItemProps } from '../UIKit/Accordion/BaseAccordionItem';
18
+ export type { AccordionContentPrimitiveProps } from '../UIKit/Accordion/AccordionContentPrimitive';
19
+ export type { AccordionHeaderPrimitiveProps } from '../UIKit/Accordion/AccordionHeaderPrimitive';
20
+ export type { AccordionItemPrimitiveProps } from '../UIKit/Accordion/AccordionItemPrimitive';
21
+ export type { AccordionTriggerPrimitiveProps } from '../UIKit/Accordion/AccordionTriggerPrimitive';
22
+ export type { BaseTabsProps } from '../UIKit/Tab/v2/BaseTabs';
23
+ export type { BaseTabsContentProps } from '../UIKit/Tab/v2/BaseTabsContent';
24
+ export type { BaseTabsIndicatorProps } from '../UIKit/Tab/v2/BaseTabsIndicator';
25
+ export type { BaseTabsListProps } from '../UIKit/Tab/v2/BaseTabsList';
26
+ export type { BaseTabsTriggerProps } from '../UIKit/Tab/v2/BaseTabsTrigger';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.3.1-alpha.2",
3
+ "version": "2.3.1-alpha.21",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -52,41 +52,41 @@
52
52
  "dependencies": {
53
53
  "chart.js": "4.5.1",
54
54
  "chartjs-adapter-date-fns": "3.0.0",
55
- "reka-ui": "^2.6.1",
55
+ "reka-ui": "^2.7.0",
56
56
  "swiper": "^12.0.3",
57
- "vue": "^3.5.25",
57
+ "vue": "^3.5.27",
58
58
  "vue-chartjs": "5.3.3"
59
59
  },
60
60
  "devDependencies": {
61
- "@babel/eslint-parser": "^7.28.5",
62
- "@histoire/plugin-vue": "^1.0.0-alpha.5",
63
- "@types/node": "^24.10.1",
64
- "@vitejs/plugin-vue": "^6.0.2",
61
+ "@babel/eslint-parser": "^7.28.6",
62
+ "@histoire/plugin-vue": "^1.0.0-beta.1",
63
+ "@types/node": "^25.0.9",
64
+ "@vitejs/plugin-vue": "^6.0.3",
65
65
  "@vue/eslint-config-prettier": "^10.2.0",
66
66
  "@vue/eslint-config-typescript": "^14.6.0",
67
67
  "@wikicasa-dev/svg-icons": "1.3.0",
68
68
  "@wikicasa-dev/vue-composables": "0.1.0",
69
69
  "@wikicasa-dev/tailwind-plugins": "^0.0.3",
70
- "@wikicasa-dev/types": "2.5.0",
70
+ "@wikicasa-dev/types": "2.5.1",
71
71
  "@wikicasa-dev/utilities": "1.2.0",
72
- "autoprefixer": "^10.4.22",
72
+ "autoprefixer": "^10.4.23",
73
73
  "date-fns": "4.1.0",
74
74
  "eslint": "^9.39",
75
- "eslint-plugin-vue": "^10.6.2",
75
+ "eslint-plugin-vue": "^10.7.0",
76
76
  "jiti": "^2.6.1",
77
77
  "glob": "^13.0.0",
78
- "histoire": "^1.0.0-alpha.5",
78
+ "histoire": "^1.0.0-beta.1",
79
79
  "postcss": "^8.5.6",
80
- "prettier": "^3.7.4",
80
+ "prettier": "^3.8.0",
81
81
  "prettier-plugin-tailwindcss": "^0.7.2",
82
82
  "rollup-plugin-visualizer": "^6.0.5",
83
83
  "tailwindcss": "3.4.15",
84
84
  "typescript": "^5.9.3",
85
- "vite": "7.2.6",
85
+ "vite": "7.3.1",
86
86
  "vite-plugin-dts": "^4.5.4",
87
87
  "vite-plugin-lib-inject-css": "^2.2.2",
88
- "vue-router": "^4.6.3",
89
- "vue-tsc": "3.1.5"
88
+ "vue-router": "^4.6.4",
89
+ "vue-tsc": "3.2.2"
90
90
  },
91
91
  "readme": "ERROR: No README data found!",
92
92
  "scripts": {
@@ -1,34 +0,0 @@
1
- type __VLS_Props = {
2
- id: string | number;
3
- arrowWidth?: number;
4
- arrowColor?: `#${string}`;
5
- onContainerClickExpand?: boolean;
6
- accordionOpen?: boolean;
7
- toggleAccordion: () => void;
8
- };
9
- declare function __VLS_template(): {
10
- attrs: Partial<{}>;
11
- slots: {
12
- 'custom-content'?(_: {}): any;
13
- custom_btn?(_: {
14
- btnId: string;
15
- isOpen: boolean;
16
- toggleAccordion: () => void;
17
- }): any;
18
- };
19
- refs: {};
20
- rootEl: any;
21
- };
22
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
23
- declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
24
- click: () => any;
25
- }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
26
- onClick?: (() => any) | undefined;
27
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
28
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
29
- export default _default;
30
- type __VLS_WithTemplateSlots<T, S> = T & {
31
- new (): {
32
- $slots: S;
33
- };
34
- };
@@ -1,4 +0,0 @@
1
- import f from "../../packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
2
- export {
3
- f as default
4
- };
@@ -1,30 +0,0 @@
1
- import { ClassTypeProp } from '../types';
2
- type __VLS_Props = {
3
- id: string | number;
4
- accordionOpen: boolean;
5
- accordionOpenClasses?: ClassTypeProp;
6
- accordionClosedClasses?: ClassTypeProp;
7
- accordionContentClasses?: ClassTypeProp;
8
- };
9
- declare function __VLS_template(): {
10
- attrs: Partial<{}>;
11
- slots: {
12
- 'custom-accordion-content'?(_: {
13
- isOpen: boolean;
14
- }): any;
15
- default?(_: {
16
- isOpen: boolean;
17
- }): any;
18
- };
19
- refs: {};
20
- rootEl: HTMLDivElement;
21
- };
22
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
23
- 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>;
24
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
25
- export default _default;
26
- type __VLS_WithTemplateSlots<T, S> = T & {
27
- new (): {
28
- $slots: S;
29
- };
30
- };
@@ -1,4 +0,0 @@
1
- import f from "../../packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
2
- export {
3
- f as default
4
- };
@@ -1,59 +0,0 @@
1
- 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";
2
- import { ArrowIcon as g } from "@wikicasa-dev/svg-icons";
3
- const C = ["id"], w = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ l({
4
- inheritAttrs: !1,
5
- __name: "BaseAccordionBtn",
6
- props: {
7
- id: {},
8
- arrowWidth: { default: 12 },
9
- arrowColor: {},
10
- onContainerClickExpand: { type: Boolean, default: !1 },
11
- accordionOpen: { type: Boolean, default: !1 },
12
- toggleAccordion: { type: Function }
13
- },
14
- emits: ["click"],
15
- setup(t, { emit: r }) {
16
- const a = r;
17
- return (o, e) => (d(), s("div", {
18
- id: `${t.id}`,
19
- class: n(["uikit-flex uikit-items-center uikit-justify-around", [
20
- o.$attrs["btn-wrapper-classes"],
21
- t.onContainerClickExpand ? "uikit-cursor-pointer" : ""
22
- ]]),
23
- onClick: e[1] || (e[1] = (c) => t.onContainerClickExpand && t.toggleAccordion())
24
- }, [
25
- i(o.$slots, "custom-content"),
26
- i(o.$slots, "custom_btn", {
27
- btnId: `btn-${t.id}`,
28
- isOpen: t.accordionOpen,
29
- toggleAccordion: t.toggleAccordion
30
- }, () => [
31
- u("button", {
32
- type: "button",
33
- class: n(["uikit-border-0 uikit-bg-transparent", o.$attrs["btn-classes"]]),
34
- "aria-expanded": t.accordionOpen,
35
- "aria-controls": `accordion-text-${t.id}`,
36
- onClick: e[0] || (e[0] = k((c) => {
37
- t.toggleAccordion(), a("click");
38
- }, ["prevent", "stop"]))
39
- }, [
40
- m(f(g), {
41
- class: n([
42
- "uikit-transition-transform motion-reduce:uikit-transition-none",
43
- [
44
- t.accordionOpen ? "uikit-rotate-180" : "",
45
- o.$attrs["arrow-classes"]
46
- ]
47
- ]),
48
- "stroke-color": t.arrowColor ?? "#222",
49
- width: t.arrowWidth,
50
- height: t.arrowWidth
51
- }, null, 8, ["stroke-color", "class", "width", "height"])
52
- ], 10, w)
53
- ])
54
- ], 10, C));
55
- }
56
- });
57
- export {
58
- b as default
59
- };
@@ -1,34 +0,0 @@
1
- import { defineComponent as n, createElementBlock as a, openBlock as c, normalizeClass as o, renderSlot as t, createElementVNode as d } from "vue";
2
- const s = ["id", "aria-labelledby"], u = /* @__PURE__ */ n({
3
- __name: "BaseAccordionContent",
4
- props: {
5
- id: {},
6
- accordionOpen: { type: Boolean },
7
- accordionOpenClasses: {},
8
- accordionClosedClasses: {},
9
- accordionContentClasses: {}
10
- },
11
- setup(i) {
12
- return (e, r) => (c(), a("div", {
13
- id: `accordion-text-${i.id}`,
14
- role: "region",
15
- "aria-labelledby": `accordion-title-${i.id}`,
16
- 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", [
17
- i.accordionOpen ? i.accordionOpenClasses : i.accordionClosedClasses,
18
- i.accordionOpen ? "uikit-grid-rows-[1fr] uikit-opacity-100" : "uikit-grid-rows-[0fr] uikit-opacity-0",
19
- e.$attrs["accordion-classes"]
20
- ]])
21
- }, [
22
- t(e.$slots, "custom-accordion-content", { isOpen: i.accordionOpen }, () => [
23
- d("div", {
24
- class: o(["uikit-overflow-hidden", i.accordionContentClasses])
25
- }, [
26
- t(e.$slots, "default", { isOpen: i.accordionOpen })
27
- ], 2)
28
- ])
29
- ], 10, s));
30
- }
31
- });
32
- export {
33
- u as default
34
- };