@equal-experts/kuat-vue 0.4.1 → 0.4.2

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 (57) hide show
  1. package/README.md +10 -27
  2. package/dist/AccordionTrigger-BRz5PzEd.js +105 -0
  3. package/dist/AlertDialogTrigger.vue_vue_type_script_setup_true_lang-CK1Um8CY.js +173 -0
  4. package/dist/_plugin-vue_export-helper-CHgC5LLL.js +9 -0
  5. package/dist/accordion.js +2 -2
  6. package/dist/alert-dialog.js +2 -2
  7. package/dist/badge.js +2 -2
  8. package/dist/button-group.js +2 -2
  9. package/dist/button.js +5 -6
  10. package/dist/components/ui/badge/Badge.vue.d.ts +9 -2
  11. package/dist/components/ui/badge/constants.d.ts +4 -0
  12. package/dist/components/ui/badge/index.d.ts +12 -5
  13. package/dist/components/ui/breadcrumb/Breadcrumb.vue.d.ts +34 -0
  14. package/dist/components/ui/breadcrumb/index.d.ts +2 -0
  15. package/dist/components/ui/breadcrumb/types.d.ts +8 -0
  16. package/dist/components/ui/button/Button.vue.d.ts +13 -3
  17. package/dist/components/ui/button/constants.d.ts +12 -0
  18. package/dist/components/ui/button/index.d.ts +10 -6
  19. package/dist/components/ui/button-group/ButtonGroup.vue.d.ts +20 -6
  20. package/dist/components/ui/button-group/ButtonGroupText.vue.d.ts +0 -2
  21. package/dist/components/ui/button-group/constants.d.ts +2 -0
  22. package/dist/components/ui/button-group/index.d.ts +10 -5
  23. package/dist/components/ui/content-card/ContentCard.vue.d.ts +62 -0
  24. package/dist/components/ui/content-card/index.d.ts +1 -0
  25. package/dist/components/ui/kuat-carousel/KuatCarousel.vue.d.ts +47 -0
  26. package/dist/components/ui/kuat-carousel/KuatCarouselContent.vue.d.ts +25 -0
  27. package/dist/components/ui/kuat-carousel/KuatCarouselItem.vue.d.ts +25 -0
  28. package/dist/components/ui/kuat-carousel/KuatCarouselNext.vue.d.ts +16 -0
  29. package/dist/components/ui/kuat-carousel/KuatCarouselPrevious.vue.d.ts +16 -0
  30. package/dist/components/ui/kuat-carousel/index.d.ts +6 -0
  31. package/dist/components/ui/kuat-header/EELogo.vue.d.ts +32 -0
  32. package/dist/components/ui/kuat-header/KuatHeader.vue.d.ts +55 -0
  33. package/dist/components/ui/kuat-header/constants.d.ts +4 -0
  34. package/dist/components/ui/kuat-header/index.d.ts +15 -0
  35. package/dist/components/ui/kuat-logo-lockup/EELogoIcon.vue.d.ts +18 -0
  36. package/dist/components/ui/kuat-logo-lockup/KuatLogoLockup.vue.d.ts +45 -0
  37. package/dist/components/ui/kuat-logo-lockup/constants.d.ts +4 -0
  38. package/dist/components/ui/kuat-logo-lockup/index.d.ts +4 -0
  39. package/dist/components/ui/kuat-radial-progress/KuatRadialProgress.vue.d.ts +52 -0
  40. package/dist/components/ui/kuat-radial-progress/constants.d.ts +4 -0
  41. package/dist/components/ui/kuat-radial-progress/index.d.ts +3 -0
  42. package/dist/index-C3VyxnTa.js +35 -0
  43. package/dist/index-CBmjn3iX.js +58 -0
  44. package/dist/index-iz_NZI-V.js +85 -0
  45. package/dist/index.d.ts +15 -22
  46. package/dist/index.js +2006 -29
  47. package/dist/style.css +1 -1
  48. package/dist/test/setup.d.ts +1 -0
  49. package/dist/{utils-qaFjX9_3.js → utils-DLUjLwnh.js} +0 -1
  50. package/package.json +17 -9
  51. package/dist/AccordionTrigger.vue_vue_type_script_setup_true_lang-CG4FNPK2.js +0 -107
  52. package/dist/AlertDialogTrigger.vue_vue_type_script_setup_true_lang-chev-oxU.js +0 -185
  53. package/dist/Button.vue_vue_type_script_setup_true_lang-CtAz6Sf_.js +0 -30
  54. package/dist/index-B9dF2hh8.js +0 -103
  55. package/dist/index-CMJyKNIG.js +0 -45
  56. package/dist/index-D3egriua.js +0 -33
  57. package/dist/index-DACAHwoB.js +0 -34
@@ -1,185 +0,0 @@
1
- import { defineComponent as l, createBlock as p, openBlock as r, unref as e, normalizeProps as A, guardReactiveProps as D, withCtx as c, renderSlot as n, mergeProps as u, createVNode as g, createElementBlock as h, normalizeClass as x } from "vue";
2
- import { useForwardPropsEmits as $, AlertDialogRoot as B, AlertDialogAction as C, AlertDialogCancel as P, AlertDialogPortal as b, AlertDialogOverlay as w, AlertDialogContent as v, AlertDialogDescription as O, AlertDialogTitle as z, AlertDialogTrigger as k } from "reka-ui";
3
- import { c as d } from "./utils-qaFjX9_3.js";
4
- import { b as y } from "./index-D3egriua.js";
5
- import { r as m } from "./index-A7umpmtg.js";
6
- const H = /* @__PURE__ */ l({
7
- __name: "AlertDialog",
8
- props: {
9
- open: { type: Boolean },
10
- defaultOpen: { type: Boolean }
11
- },
12
- emits: ["update:open"],
13
- setup(s, { emit: t }) {
14
- const i = $(s, t);
15
- return (f, _) => (r(), p(e(B), A(D(e(i))), {
16
- default: c(() => [
17
- n(f.$slots, "default")
18
- ]),
19
- _: 3
20
- }, 16));
21
- }
22
- }), K = /* @__PURE__ */ l({
23
- __name: "AlertDialogAction",
24
- props: {
25
- asChild: { type: Boolean },
26
- as: {},
27
- class: {}
28
- },
29
- setup(s) {
30
- const t = s, a = m(t, "class");
31
- return (o, i) => (r(), p(e(C), u(e(a), {
32
- class: e(d)(e(y)(), t.class)
33
- }), {
34
- default: c(() => [
35
- n(o.$slots, "default")
36
- ]),
37
- _: 3
38
- }, 16, ["class"]));
39
- }
40
- }), M = /* @__PURE__ */ l({
41
- __name: "AlertDialogCancel",
42
- props: {
43
- asChild: { type: Boolean },
44
- as: {},
45
- class: {}
46
- },
47
- setup(s) {
48
- const t = s, a = m(t, "class");
49
- return (o, i) => (r(), p(e(P), u(e(a), {
50
- class: e(d)(
51
- e(y)({ variant: "outline" }),
52
- "mt-2 sm:mt-0",
53
- t.class
54
- )
55
- }), {
56
- default: c(() => [
57
- n(o.$slots, "default")
58
- ]),
59
- _: 3
60
- }, 16, ["class"]));
61
- }
62
- }), N = /* @__PURE__ */ l({
63
- __name: "AlertDialogContent",
64
- props: {
65
- forceMount: { type: Boolean },
66
- disableOutsidePointerEvents: { type: Boolean },
67
- asChild: { type: Boolean },
68
- as: {},
69
- class: {}
70
- },
71
- emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
72
- setup(s, { emit: t }) {
73
- const a = s, o = t, i = m(a, "class"), f = $(i, o);
74
- return (_, F) => (r(), p(e(b), null, {
75
- default: c(() => [
76
- g(e(w), { class: "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
77
- g(e(v), u(e(f), {
78
- class: e(d)(
79
- "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
80
- a.class
81
- )
82
- }), {
83
- default: c(() => [
84
- n(_.$slots, "default")
85
- ]),
86
- _: 3
87
- }, 16, ["class"])
88
- ]),
89
- _: 3
90
- }));
91
- }
92
- }), S = /* @__PURE__ */ l({
93
- __name: "AlertDialogDescription",
94
- props: {
95
- asChild: { type: Boolean },
96
- as: {},
97
- class: {}
98
- },
99
- setup(s) {
100
- const t = s, a = m(t, "class");
101
- return (o, i) => (r(), p(e(O), u(e(a), {
102
- class: e(d)("text-sm text-muted-foreground", t.class)
103
- }), {
104
- default: c(() => [
105
- n(o.$slots, "default")
106
- ]),
107
- _: 3
108
- }, 16, ["class"]));
109
- }
110
- }), q = /* @__PURE__ */ l({
111
- __name: "AlertDialogFooter",
112
- props: {
113
- class: {}
114
- },
115
- setup(s) {
116
- const t = s;
117
- return (a, o) => (r(), h("div", {
118
- class: x(
119
- e(d)(
120
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2",
121
- t.class
122
- )
123
- )
124
- }, [
125
- n(a.$slots, "default")
126
- ], 2));
127
- }
128
- }), G = /* @__PURE__ */ l({
129
- __name: "AlertDialogHeader",
130
- props: {
131
- class: {}
132
- },
133
- setup(s) {
134
- const t = s;
135
- return (a, o) => (r(), h("div", {
136
- class: x(e(d)("flex flex-col gap-y-2 text-center sm:text-left", t.class))
137
- }, [
138
- n(a.$slots, "default")
139
- ], 2));
140
- }
141
- }), I = /* @__PURE__ */ l({
142
- __name: "AlertDialogTitle",
143
- props: {
144
- asChild: { type: Boolean },
145
- as: {},
146
- class: {}
147
- },
148
- setup(s) {
149
- const t = s, a = m(t, "class");
150
- return (o, i) => (r(), p(e(z), u(e(a), {
151
- class: e(d)("text-lg font-semibold", t.class)
152
- }), {
153
- default: c(() => [
154
- n(o.$slots, "default")
155
- ]),
156
- _: 3
157
- }, 16, ["class"]));
158
- }
159
- }), J = /* @__PURE__ */ l({
160
- __name: "AlertDialogTrigger",
161
- props: {
162
- asChild: { type: Boolean },
163
- as: {}
164
- },
165
- setup(s) {
166
- const t = s;
167
- return (a, o) => (r(), p(e(k), A(D(t)), {
168
- default: c(() => [
169
- n(a.$slots, "default")
170
- ]),
171
- _: 3
172
- }, 16));
173
- }
174
- });
175
- export {
176
- H as _,
177
- K as a,
178
- M as b,
179
- N as c,
180
- S as d,
181
- q as e,
182
- G as f,
183
- I as g,
184
- J as h
185
- };
@@ -1,30 +0,0 @@
1
- import { defineComponent as i, createBlock as n, openBlock as o, unref as t, normalizeClass as r, withCtx as l, renderSlot as c } from "vue";
2
- import { Primitive as m } from "reka-ui";
3
- import { c as f } from "./utils-qaFjX9_3.js";
4
- import { b as u } from "./index-D3egriua.js";
5
- const z = /* @__PURE__ */ i({
6
- __name: "Button",
7
- props: {
8
- variant: {},
9
- size: {},
10
- class: {},
11
- asChild: { type: Boolean },
12
- as: { default: "button" }
13
- },
14
- setup(a) {
15
- const s = a;
16
- return (e, d) => (o(), n(t(m), {
17
- as: a.as,
18
- "as-child": a.asChild,
19
- class: r(t(f)(t(u)({ variant: a.variant, size: a.size }), s.class))
20
- }, {
21
- default: l(() => [
22
- c(e.$slots, "default")
23
- ]),
24
- _: 3
25
- }, 8, ["as", "as-child", "class"]));
26
- }
27
- });
28
- export {
29
- z as _
30
- };
@@ -1,103 +0,0 @@
1
- import { defineComponent as r, createElementBlock as h, openBlock as n, normalizeClass as c, unref as o, renderSlot as d, createBlock as l, mergeProps as u, withCtx as m } from "vue";
2
- import { c as s } from "./utils-qaFjX9_3.js";
3
- import { c as _ } from "./index-DACAHwoB.js";
4
- import { Separator as g, Primitive as v } from "reka-ui";
5
- import { r as p } from "./index-A7umpmtg.js";
6
- const b = ["data-orientation"], k = /* @__PURE__ */ r({
7
- __name: "ButtonGroup",
8
- props: {
9
- class: {},
10
- orientation: {}
11
- },
12
- setup(a) {
13
- const t = a;
14
- return (e, i) => (n(), h("div", {
15
- role: "group",
16
- "data-slot": "button-group",
17
- "data-orientation": t.orientation,
18
- class: c(o(s)(o(B)({ orientation: t.orientation }), t.class))
19
- }, [
20
- d(e.$slots, "default")
21
- ], 10, b));
22
- }
23
- }), x = /* @__PURE__ */ r({
24
- __name: "Separator",
25
- props: {
26
- orientation: { default: "horizontal" },
27
- decorative: { type: Boolean, default: !0 },
28
- asChild: { type: Boolean },
29
- as: {},
30
- class: {}
31
- },
32
- setup(a) {
33
- const t = a, e = p(t, "class");
34
- return (i, f) => (n(), l(o(g), u({ "data-slot": "separator" }, o(e), {
35
- class: o(s)(
36
- "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
37
- t.class
38
- )
39
- }), null, 16, ["class"]));
40
- }
41
- }), G = /* @__PURE__ */ r({
42
- __name: "ButtonGroupSeparator",
43
- props: {
44
- orientation: { default: "vertical" },
45
- decorative: { type: Boolean },
46
- asChild: { type: Boolean },
47
- as: {},
48
- class: {}
49
- },
50
- setup(a) {
51
- const t = a, e = p(t, "class");
52
- return (i, f) => (n(), l(o(x), u({ "data-slot": "button-group-separator" }, o(e), {
53
- orientation: t.orientation,
54
- class: o(s)(
55
- "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
56
- t.class
57
- )
58
- }), null, 16, ["orientation", "class"]));
59
- }
60
- }), P = /* @__PURE__ */ r({
61
- __name: "ButtonGroupText",
62
- props: {
63
- class: {},
64
- orientation: {},
65
- asChild: { type: Boolean },
66
- as: { default: "div" }
67
- },
68
- setup(a) {
69
- const t = a;
70
- return (e, i) => (n(), l(o(v), {
71
- role: "group",
72
- "data-slot": "button-group",
73
- "data-orientation": t.orientation,
74
- as: a.as,
75
- "as-child": a.asChild,
76
- class: c(o(s)("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t.class))
77
- }, {
78
- default: m(() => [
79
- d(e.$slots, "default")
80
- ]),
81
- _: 3
82
- }, 8, ["data-orientation", "as", "as-child", "class"]));
83
- }
84
- }), B = _(
85
- "flex w-fit items-stretch [&>*:focus-visible]:z-10 [&>*:focus-visible]:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
86
- {
87
- variants: {
88
- orientation: {
89
- horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
90
- vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
91
- }
92
- },
93
- defaultVariants: {
94
- orientation: "horizontal"
95
- }
96
- }
97
- );
98
- export {
99
- k as _,
100
- G as a,
101
- P as b,
102
- B as c
103
- };
@@ -1,45 +0,0 @@
1
- import { defineComponent as n, createBlock as o, openBlock as s, unref as e, normalizeClass as i, withCtx as d, renderSlot as c } from "vue";
2
- import { Primitive as l } from "reka-ui";
3
- import { c as f } from "./utils-qaFjX9_3.js";
4
- import { c as u } from "./index-DACAHwoB.js";
5
- const y = /* @__PURE__ */ n({
6
- __name: "Badge",
7
- props: {
8
- variant: {},
9
- class: {},
10
- asChild: { type: Boolean },
11
- as: { default: "div" }
12
- },
13
- setup(r) {
14
- const t = r;
15
- return (a, p) => (s(), o(e(l), {
16
- as: r.as,
17
- "as-child": r.asChild,
18
- class: i(e(f)(e(m)({ variant: r.variant }), t.class))
19
- }, {
20
- default: d(() => [
21
- c(a.$slots, "default")
22
- ]),
23
- _: 3
24
- }, 8, ["as", "as-child", "class"]));
25
- }
26
- }), m = u(
27
- "inline-flex gap-1 items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
28
- {
29
- variants: {
30
- variant: {
31
- default: "border-transparent bg-primary text-primary-foreground",
32
- secondary: "border-transparent bg-secondary text-secondary-foreground",
33
- destructive: "border-transparent bg-destructive text-destructive-foreground",
34
- outline: "text-foreground"
35
- }
36
- },
37
- defaultVariants: {
38
- variant: "default"
39
- }
40
- }
41
- );
42
- export {
43
- y as _,
44
- m as b
45
- };
@@ -1,33 +0,0 @@
1
- import { c as e } from "./index-DACAHwoB.js";
2
- import "vue";
3
- import "reka-ui";
4
- const o = e(
5
- "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
6
- {
7
- variants: {
8
- variant: {
9
- default: "bg-primary text-primary-foreground hover:bg-primary/90",
10
- destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
11
- outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
12
- secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
13
- ghost: "hover:bg-accent hover:text-accent-foreground",
14
- link: "text-primary underline-offset-4 hover:underline"
15
- },
16
- size: {
17
- default: "h-10 px-4 py-2",
18
- sm: "h-9 rounded-md px-3",
19
- lg: "h-11 rounded-md px-8",
20
- icon: "h-10 w-10",
21
- "icon-sm": "size-9",
22
- "icon-lg": "size-11"
23
- }
24
- },
25
- defaultVariants: {
26
- variant: "default",
27
- size: "default"
28
- }
29
- }
30
- );
31
- export {
32
- o as b
33
- };
@@ -1,34 +0,0 @@
1
- import { a as O } from "./utils-qaFjX9_3.js";
2
- const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
3
- var u;
4
- if ((l == null ? void 0 : l.variants) == null) return y(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
5
- const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
6
- const a = n == null ? void 0 : n[t], s = d == null ? void 0 : d[t];
7
- if (a === null) return null;
8
- const i = m(a) || m(s);
9
- return r[t][i];
10
- }), v = n && Object.entries(n).reduce((t, a) => {
11
- let [s, i] = a;
12
- return i === void 0 || (t[s] = i), t;
13
- }, {}), N = l == null || (u = l.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((t, a) => {
14
- let { class: s, className: i, ...f } = a;
15
- return Object.entries(f).every((C) => {
16
- let [c, o] = C;
17
- return Array.isArray(o) ? o.includes({
18
- ...d,
19
- ...v
20
- }[c]) : {
21
- ...d,
22
- ...v
23
- }[c] === o;
24
- }) ? [
25
- ...t,
26
- s,
27
- i
28
- ] : t;
29
- }, []);
30
- return y(e, V, N, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
31
- };
32
- export {
33
- j as c
34
- };