@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.
Files changed (63) hide show
  1. package/README.md +156 -3
  2. package/dist/AccordionTrigger.vue_vue_type_script_setup_true_lang-vy6KzwI7.js +107 -0
  3. package/dist/AlertDialogTrigger.vue_vue_type_script_setup_true_lang-DNFUKWlR.js +185 -0
  4. package/dist/Button.vue_vue_type_script_setup_true_lang-Xhp6qpI9.js +30 -0
  5. package/dist/accordion.d.ts +2 -0
  6. package/dist/accordion.js +9 -0
  7. package/dist/alert-dialog.d.ts +2 -0
  8. package/dist/alert-dialog.js +14 -0
  9. package/dist/badge.d.ts +3 -0
  10. package/dist/badge.js +7 -0
  11. package/dist/button-group.d.ts +3 -0
  12. package/dist/button-group.js +9 -0
  13. package/dist/button.d.ts +3 -0
  14. package/dist/button.js +8 -0
  15. package/dist/components/ui/accordion/Accordion.vue.d.ts +26 -0
  16. package/dist/components/ui/accordion/AccordionContent.vue.d.ts +27 -0
  17. package/dist/components/ui/accordion/AccordionItem.vue.d.ts +27 -0
  18. package/dist/components/ui/accordion/AccordionTrigger.vue.d.ts +28 -0
  19. package/dist/components/ui/accordion/index.d.ts +4 -0
  20. package/dist/components/ui/alert-dialog/AlertDialog.vue.d.ts +26 -0
  21. package/dist/components/ui/alert-dialog/AlertDialogAction.vue.d.ts +27 -0
  22. package/dist/components/ui/alert-dialog/AlertDialogCancel.vue.d.ts +27 -0
  23. package/dist/components/ui/alert-dialog/AlertDialogContent.vue.d.ts +41 -0
  24. package/dist/components/ui/alert-dialog/AlertDialogDescription.vue.d.ts +27 -0
  25. package/dist/components/ui/alert-dialog/AlertDialogFooter.vue.d.ts +26 -0
  26. package/dist/components/ui/alert-dialog/AlertDialogHeader.vue.d.ts +26 -0
  27. package/dist/components/ui/alert-dialog/AlertDialogTitle.vue.d.ts +27 -0
  28. package/dist/components/ui/alert-dialog/AlertDialogTrigger.vue.d.ts +22 -0
  29. package/dist/components/ui/alert-dialog/index.d.ts +9 -0
  30. package/dist/components/ui/badge/Badge.vue.d.ts +42 -0
  31. package/dist/components/ui/badge/index.d.ts +7 -0
  32. package/dist/components/ui/button/index.d.ts +1 -1
  33. package/dist/components/ui/button-group/ButtonGroup.vue.d.ts +29 -0
  34. package/dist/components/ui/button-group/ButtonGroupSeparator.vue.d.ts +32 -0
  35. package/dist/components/ui/button-group/ButtonGroupText.vue.d.ts +42 -0
  36. package/dist/components/ui/button-group/index.d.ts +9 -0
  37. package/dist/components/ui/separator/Separator.vue.d.ts +35 -0
  38. package/dist/components/ui/separator/index.d.ts +1 -0
  39. package/dist/index-A7umpmtg.js +37 -0
  40. package/dist/index-BS0sZM3b.js +45 -0
  41. package/dist/index-Cctx-joO.js +103 -0
  42. package/dist/index-D5fkjZ2l.js +34 -0
  43. package/dist/index-DCxse3sU.js +33 -0
  44. package/dist/index.d.ts +6 -0
  45. package/dist/index.js +29 -2357
  46. package/dist/style.css +1 -1
  47. package/dist/styles-qaFjX9_3.js +2278 -0
  48. package/docs/README.md +35 -0
  49. package/docs/components/guidelines.md +221 -0
  50. package/docs/content/README.md +297 -0
  51. package/docs/content/content-foundations.md +506 -0
  52. package/docs/content/content-marketing-sales.md +454 -0
  53. package/docs/content/content-product-ux.md +875 -0
  54. package/docs/design/borders.md +500 -0
  55. package/docs/design/colours.md +523 -0
  56. package/docs/design/design-system.md +148 -0
  57. package/docs/design/layouts.md +681 -0
  58. package/docs/design/logo.md +383 -0
  59. package/docs/design/spacing.md +477 -0
  60. package/docs/design/typography.md +451 -0
  61. package/package.json +31 -5
  62. package/scripts/copy-docs.js +88 -0
  63. 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';