@equal-experts/kuat-vue 0.2.0 → 0.2.7
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.
- package/README.md +156 -3
- package/dist/AccordionTrigger.vue_vue_type_script_setup_true_lang-vy6KzwI7.js +107 -0
- package/dist/AlertDialogTrigger.vue_vue_type_script_setup_true_lang-DNFUKWlR.js +185 -0
- package/dist/Button.vue_vue_type_script_setup_true_lang-Xhp6qpI9.js +30 -0
- package/dist/accordion.d.ts +2 -0
- package/dist/accordion.js +9 -0
- package/dist/alert-dialog.d.ts +2 -0
- package/dist/alert-dialog.js +14 -0
- package/dist/badge.d.ts +3 -0
- package/dist/badge.js +7 -0
- package/dist/button-group.d.ts +3 -0
- package/dist/button-group.js +9 -0
- package/dist/button.d.ts +3 -0
- package/dist/button.js +8 -0
- package/dist/components/ui/accordion/Accordion.vue.d.ts +26 -0
- package/dist/components/ui/accordion/AccordionContent.vue.d.ts +27 -0
- package/dist/components/ui/accordion/AccordionItem.vue.d.ts +27 -0
- package/dist/components/ui/accordion/AccordionTrigger.vue.d.ts +28 -0
- package/dist/components/ui/accordion/index.d.ts +4 -0
- package/dist/components/ui/alert-dialog/AlertDialog.vue.d.ts +26 -0
- package/dist/components/ui/alert-dialog/AlertDialogAction.vue.d.ts +27 -0
- package/dist/components/ui/alert-dialog/AlertDialogCancel.vue.d.ts +27 -0
- package/dist/components/ui/alert-dialog/AlertDialogContent.vue.d.ts +41 -0
- package/dist/components/ui/alert-dialog/AlertDialogDescription.vue.d.ts +27 -0
- package/dist/components/ui/alert-dialog/AlertDialogFooter.vue.d.ts +26 -0
- package/dist/components/ui/alert-dialog/AlertDialogHeader.vue.d.ts +26 -0
- package/dist/components/ui/alert-dialog/AlertDialogTitle.vue.d.ts +27 -0
- package/dist/components/ui/alert-dialog/AlertDialogTrigger.vue.d.ts +22 -0
- package/dist/components/ui/alert-dialog/index.d.ts +9 -0
- package/dist/components/ui/badge/Badge.vue.d.ts +42 -0
- package/dist/components/ui/badge/index.d.ts +7 -0
- package/dist/components/ui/button/index.d.ts +1 -1
- package/dist/components/ui/button-group/ButtonGroup.vue.d.ts +29 -0
- package/dist/components/ui/button-group/ButtonGroupSeparator.vue.d.ts +32 -0
- package/dist/components/ui/button-group/ButtonGroupText.vue.d.ts +42 -0
- package/dist/components/ui/button-group/index.d.ts +9 -0
- package/dist/components/ui/separator/Separator.vue.d.ts +35 -0
- package/dist/components/ui/separator/index.d.ts +1 -0
- package/dist/index-A7umpmtg.js +37 -0
- package/dist/index-BS0sZM3b.js +45 -0
- package/dist/index-Cctx-joO.js +103 -0
- package/dist/index-D5fkjZ2l.js +34 -0
- package/dist/index-DCxse3sU.js +33 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +29 -2357
- package/dist/style.css +1 -1
- package/dist/styles-qaFjX9_3.js +2278 -0
- package/docs/README.md +35 -0
- package/docs/components/guidelines.md +221 -0
- package/docs/content/README.md +297 -0
- package/docs/content/content-foundations.md +506 -0
- package/docs/content/content-marketing-sales.md +454 -0
- package/docs/content/content-product-ux.md +875 -0
- package/docs/design/borders.md +500 -0
- package/docs/design/colours.md +523 -0
- package/docs/design/design-system.md +148 -0
- package/docs/design/layouts.md +681 -0
- package/docs/design/logo.md +383 -0
- package/docs/design/spacing.md +477 -0
- package/docs/design/typography.md +451 -0
- package/package.json +31 -5
- package/scripts/copy-docs.js +88 -0
- package/scripts/setup-docs.js +169 -0
|
@@ -0,0 +1,103 @@
|
|
|
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 "./styles-qaFjX9_3.js";
|
|
3
|
+
import { c as _ } from "./index-D5fkjZ2l.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
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { a as O } from "./styles-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
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { c as e } from "./index-D5fkjZ2l.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
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
export { cn } from './lib/utils';
|
|
2
2
|
export { Button, buttonVariants } from './components/ui/button';
|
|
3
3
|
export type { ButtonVariants } from './components/ui/button';
|
|
4
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './components/ui/accordion';
|
|
5
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from './components/ui/alert-dialog';
|
|
6
|
+
export { Badge, badgeVariants } from './components/ui/badge';
|
|
7
|
+
export type { BadgeVariants } from './components/ui/badge';
|
|
8
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } from './components/ui/button-group';
|
|
9
|
+
export type { ButtonGroupVariants } from './components/ui/button-group';
|