@enya-learning/nova 0.4.3 → 0.6.0

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 (146) hide show
  1. package/README.md +8 -19
  2. package/dist/chunks/dist-fahbq1psobj0ox6s.js +1327 -0
  3. package/dist/chunks/dist-fahbq1psobj0ox6s.js.map +1 -0
  4. package/dist/chunks/dist-o8x0ip0z71xkr2oh.js +37 -0
  5. package/dist/chunks/dist-o8x0ip0z71xkr2oh.js.map +1 -0
  6. package/dist/components/accordion.js +62 -0
  7. package/dist/components/accordion.js.map +1 -0
  8. package/dist/components/alert-dialog.js +108 -0
  9. package/dist/components/alert-dialog.js.map +1 -0
  10. package/dist/components/alert.js +49 -0
  11. package/dist/components/alert.js.map +1 -0
  12. package/dist/components/aspect-ratio.js +16 -0
  13. package/dist/components/aspect-ratio.js.map +1 -0
  14. package/dist/components/avatar.js +58 -0
  15. package/dist/components/avatar.js.map +1 -0
  16. package/dist/components/badge.js +33 -0
  17. package/dist/components/badge.js.map +1 -0
  18. package/dist/components/box.js +16 -0
  19. package/dist/components/box.js.map +1 -0
  20. package/dist/components/breadcrumb.js +85 -0
  21. package/dist/components/breadcrumb.js.map +1 -0
  22. package/dist/components/button-group.js +47 -0
  23. package/dist/components/button-group.js.map +1 -0
  24. package/dist/components/button.js +48 -3
  25. package/dist/components/button.js.map +1 -0
  26. package/dist/components/calendar.js +3004 -0
  27. package/dist/components/calendar.js.map +1 -0
  28. package/dist/components/card.js +65 -0
  29. package/dist/components/card.js.map +1 -0
  30. package/dist/components/carousel.js +1198 -0
  31. package/dist/components/carousel.js.map +1 -0
  32. package/dist/components/chart.js +10596 -0
  33. package/dist/components/chart.js.map +1 -0
  34. package/dist/components/checkbox.js +23 -0
  35. package/dist/components/checkbox.js.map +1 -0
  36. package/dist/components/collapsible.js +28 -0
  37. package/dist/components/collapsible.js.map +1 -0
  38. package/dist/components/combobox.js +192 -0
  39. package/dist/components/combobox.js.map +1 -0
  40. package/dist/components/command.js +663 -0
  41. package/dist/components/command.js.map +1 -0
  42. package/dist/components/context-menu.js +153 -0
  43. package/dist/components/context-menu.js.map +1 -0
  44. package/dist/components/dialog.js +104 -0
  45. package/dist/components/dialog.js.map +1 -0
  46. package/dist/components/direction.js +6 -0
  47. package/dist/components/drawer.js +1042 -0
  48. package/dist/components/drawer.js.map +1 -0
  49. package/dist/components/dropdown-menu.js +157 -0
  50. package/dist/components/dropdown-menu.js.map +1 -0
  51. package/dist/components/empty.js +67 -0
  52. package/dist/components/empty.js.map +1 -0
  53. package/dist/components/enya-logo.js +42 -42
  54. package/dist/components/enya-logo.js.map +1 -1
  55. package/dist/components/field.js +119 -0
  56. package/dist/components/field.js.map +1 -0
  57. package/dist/components/heading.js +39 -0
  58. package/dist/components/heading.js.map +1 -0
  59. package/dist/components/hover-card.js +40 -0
  60. package/dist/components/hover-card.js.map +1 -0
  61. package/dist/components/input-group.js +85 -0
  62. package/dist/components/input-group.js.map +1 -0
  63. package/dist/components/input-otp.js +417 -0
  64. package/dist/components/input-otp.js.map +1 -0
  65. package/dist/components/input.js +18 -0
  66. package/dist/components/input.js.map +1 -0
  67. package/dist/components/item.js +133 -0
  68. package/dist/components/item.js.map +1 -0
  69. package/dist/components/kbd.js +23 -0
  70. package/dist/components/kbd.js.map +1 -0
  71. package/dist/components/label.js +16 -0
  72. package/dist/components/label.js.map +1 -0
  73. package/dist/components/menubar.js +154 -0
  74. package/dist/components/menubar.js.map +1 -0
  75. package/dist/components/native-select.js +45 -0
  76. package/dist/components/native-select.js.map +1 -0
  77. package/dist/components/navigation-menu.js +95 -0
  78. package/dist/components/navigation-menu.js.map +1 -0
  79. package/dist/components/pagination.js +98 -0
  80. package/dist/components/pagination.js.map +1 -0
  81. package/dist/components/popover.js +62 -0
  82. package/dist/components/popover.js.map +1 -0
  83. package/dist/components/progress.js +50 -0
  84. package/dist/components/progress.js.map +1 -0
  85. package/dist/components/radio-group.js +30 -0
  86. package/dist/components/radio-group.js.map +1 -0
  87. package/dist/components/resizable.js +1562 -0
  88. package/dist/components/resizable.js.map +1 -0
  89. package/dist/components/scroll-area.js +40 -0
  90. package/dist/components/scroll-area.js.map +1 -0
  91. package/dist/components/select.js +116 -0
  92. package/dist/components/select.js.map +1 -0
  93. package/dist/components/separator.js +17 -0
  94. package/dist/components/separator.js.map +1 -0
  95. package/dist/components/sheet.js +99 -0
  96. package/dist/components/sheet.js.map +1 -0
  97. package/dist/components/sidebar.js +399 -0
  98. package/dist/components/sidebar.js.map +1 -0
  99. package/dist/components/skeleton.js +15 -0
  100. package/dist/components/skeleton.js.map +1 -0
  101. package/dist/components/slider.js +36 -0
  102. package/dist/components/slider.js.map +1 -0
  103. package/dist/components/sonner.js +738 -0
  104. package/dist/components/sonner.js.map +1 -0
  105. package/dist/components/spinner.js +19 -0
  106. package/dist/components/spinner.js.map +1 -0
  107. package/dist/components/switch.js +21 -0
  108. package/dist/components/switch.js.map +1 -0
  109. package/dist/components/table.js +76 -0
  110. package/dist/components/table.js.map +1 -0
  111. package/dist/components/tabs.js +51 -0
  112. package/dist/components/tabs.js.map +1 -0
  113. package/dist/components/text.js +47 -0
  114. package/dist/components/text.js.map +1 -0
  115. package/dist/components/textarea.js +16 -0
  116. package/dist/components/textarea.js.map +1 -0
  117. package/dist/components/toggle-group.js +55 -0
  118. package/dist/components/toggle-group.js.map +1 -0
  119. package/dist/components/toggle.js +39 -0
  120. package/dist/components/toggle.js.map +1 -0
  121. package/dist/components/tooltip.js +46 -0
  122. package/dist/components/tooltip.js.map +1 -0
  123. package/dist/index.js +25 -23241
  124. package/dist/src/components/badge/badge.d.ts +1 -1
  125. package/dist/src/components/box/box.d.ts +7 -0
  126. package/dist/src/components/box/index.d.ts +1 -0
  127. package/dist/src/components/button/button.d.ts +1 -1
  128. package/dist/src/components/heading/heading.d.ts +15 -0
  129. package/dist/src/components/heading/index.d.ts +1 -0
  130. package/dist/src/components/item/item.d.ts +1 -1
  131. package/dist/src/components/spinner/spinner.d.ts +2 -1
  132. package/dist/src/components/tabs/tabs.d.ts +1 -1
  133. package/dist/src/components/text/index.d.ts +1 -0
  134. package/dist/src/components/text/text.d.ts +13 -0
  135. package/dist/src/index.d.ts +4 -53
  136. package/dist/styles/nova-binding.css +355 -255
  137. package/dist/styles/nova.css +205 -38
  138. package/dist/styles/typography.css +22 -130
  139. package/package.json +31 -10
  140. package/src/eslint/no-primitive-colors.js +2 -2
  141. package/src/eslint/no-primitive-colors.test.ts +97 -0
  142. package/dist/chunks/button-kvgr8g13fe959ju0.js +0 -81
  143. package/dist/chunks/button-kvgr8g13fe959ju0.js.map +0 -1
  144. package/dist/index.js.map +0 -1
  145. package/dist/styles/globals.css +0 -77
  146. package/dist/styles/theme-nova.css +0 -201
@@ -0,0 +1,98 @@
1
+ "use client";
2
+ import { t as i } from "../chunks/utils-kyb5nny4y41y7hd8.js";
3
+ import { Button as c } from "./button.js";
4
+ import { jsx as t, jsxs as o } from "react/jsx-runtime";
5
+ import { HugeiconsIcon as r } from "@hugeicons/react";
6
+ import { ChevronLeftIcon as u, ChevronRightIcon as m, MoreHorizontalIcon as p } from "@hugeicons/core-free-icons";
7
+ import "react";
8
+ function x({ className: a, ...n }) {
9
+ return /* @__PURE__ */ t("nav", {
10
+ role: "navigation",
11
+ "aria-label": "pagination",
12
+ "data-slot": "pagination",
13
+ className: i("mx-auto flex w-full justify-center", a),
14
+ ...n
15
+ });
16
+ }
17
+ function P({ className: a, ...n }) {
18
+ return /* @__PURE__ */ t("ul", {
19
+ "data-slot": "pagination-content",
20
+ className: i("flex items-center gap-1", a),
21
+ ...n
22
+ });
23
+ }
24
+ function z({ ...a }) {
25
+ return /* @__PURE__ */ t("li", {
26
+ "data-slot": "pagination-item",
27
+ ...a
28
+ });
29
+ }
30
+ function s({ className: a, isActive: n, size: e = "icon", ...l }) {
31
+ return /* @__PURE__ */ t(c, {
32
+ variant: n ? "outline" : "ghost",
33
+ size: e,
34
+ className: i(a),
35
+ nativeButton: !1,
36
+ render: /* @__PURE__ */ t("a", {
37
+ "aria-current": n ? "page" : void 0,
38
+ "data-slot": "pagination-link",
39
+ "data-active": n,
40
+ ...l
41
+ })
42
+ });
43
+ }
44
+ function b({ className: a, text: n = "Previous", ...e }) {
45
+ return /* @__PURE__ */ o(s, {
46
+ "aria-label": "Go to previous page",
47
+ size: "default",
48
+ className: i("ps-2!", a),
49
+ ...e,
50
+ children: [/* @__PURE__ */ t(r, {
51
+ icon: u,
52
+ "data-icon": "inline-start",
53
+ className: "rtl:rotate-180"
54
+ }), /* @__PURE__ */ t("span", {
55
+ className: "hidden sm:block",
56
+ children: n
57
+ })]
58
+ });
59
+ }
60
+ function I({ className: a, text: n = "Next", ...e }) {
61
+ return /* @__PURE__ */ o(s, {
62
+ "aria-label": "Go to next page",
63
+ size: "default",
64
+ className: i("pe-2!", a),
65
+ ...e,
66
+ children: [/* @__PURE__ */ t("span", {
67
+ className: "hidden sm:block",
68
+ children: n
69
+ }), /* @__PURE__ */ t(r, {
70
+ icon: m,
71
+ "data-icon": "inline-end",
72
+ className: "rtl:rotate-180"
73
+ })]
74
+ });
75
+ }
76
+ function j({ className: a, ...n }) {
77
+ return /* @__PURE__ */ o("span", {
78
+ "aria-hidden": !0,
79
+ "data-slot": "pagination-ellipsis",
80
+ className: i("flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4", a),
81
+ ...n,
82
+ children: [/* @__PURE__ */ t(r, { icon: p }), /* @__PURE__ */ t("span", {
83
+ className: "sr-only",
84
+ children: "More pages"
85
+ })]
86
+ });
87
+ }
88
+ export {
89
+ x as Pagination,
90
+ P as PaginationContent,
91
+ j as PaginationEllipsis,
92
+ z as PaginationItem,
93
+ s as PaginationLink,
94
+ I as PaginationNext,
95
+ b as PaginationPrevious
96
+ };
97
+
98
+ //# sourceMappingURL=pagination.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination.js","names":[],"sources":["../../src/components/pagination/pagination.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"../button\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n MoreHorizontalIcon,\n} from \"@hugeicons/core-free-icons\"\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n )\n}\n\nfunction PaginationContent({\n className,\n ...props\n}: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\"flex items-center gap-1\", className)}\n {...props}\n />\n )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n ...props\n}: PaginationLinkProps) {\n return (\n <Button\n variant={isActive ? \"outline\" : \"ghost\"}\n size={size}\n className={cn(className)}\n nativeButton={false}\n render={\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n data-active={isActive}\n {...props}\n />\n }\n />\n )\n}\n\nfunction PaginationPrevious({\n className,\n text = \"Previous\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"ps-2!\", className)}\n {...props}\n >\n <HugeiconsIcon\n icon={ChevronLeftIcon}\n data-icon=\"inline-start\"\n className=\"rtl:rotate-180\"\n />\n <span className=\"hidden sm:block\">{text}</span>\n </PaginationLink>\n )\n}\n\nfunction PaginationNext({\n className,\n text = \"Next\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"pe-2!\", className)}\n {...props}\n >\n <span className=\"hidden sm:block\">{text}</span>\n <HugeiconsIcon\n icon={ChevronRightIcon}\n data-icon=\"inline-end\"\n className=\"rtl:rotate-180\"\n />\n </PaginationLink>\n )\n}\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\n \"flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <HugeiconsIcon icon={MoreHorizontalIcon} />\n <span className=\"sr-only\">More pages</span>\n </span>\n )\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n}\n"],"mappings":";;;;;;;AAWA,SAAS,EAAW,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACxE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,MAAK;AAAA,IACL,cAAW;AAAA,IACX,aAAU;AAAA,IACV,WAAW,EAAG,sCAAsC,CAAS;AAAA,IAC7D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,WAAA,GACA,GAAG,EAAA,GAC0B;AAC7B,SACE,gBAAA,EAAC,MAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,2BAA2B,CAAS;AAAA,IAClD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,GAAG,EAAA,GAAqC;AAChE,SAAO,gBAAA,EAAC,MAAD;AAAA,IAAI,aAAU;AAAA,IAAkB,GAAI;AAAA,EAAQ,CAAA;AACrD;AAOA,SAAS,EAAe,EACtB,WAAA,GACA,UAAA,GACA,MAAA,IAAO,QACP,GAAG,EAAA,GACmB;AACtB,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS,IAAW,YAAY;AAAA,IAC1B,MAAA;AAAA,IACN,WAAW,EAAG,CAAS;AAAA,IACvB,cAAc;AAAA,IACd,QACE,gBAAA,EAAC,KAAD;AAAA,MACE,gBAAc,IAAW,SAAS;AAAA,MAClC,aAAU;AAAA,MACV,eAAa;AAAA,MACb,GAAI;AAAA,IACL,CAAA;AAAA,EAEJ,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,MAAA,IAAO,YACP,GAAG,EAAA,GAC+D;AAClE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,EAAG,SAAS,CAAS;AAAA,IAChC,GAAI;AAAA,cAJN,CAME,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,aAAU;AAAA,MACV,WAAU;AAAA,IACX,CAAA,GACD,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBAAmB;AAAA,IAAW,CAAA,CAChC;AAAA;AAEpB;AAEA,SAAS,EAAe,EACtB,WAAA,GACA,MAAA,IAAO,QACP,GAAG,EAAA,GAC+D;AAClE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,EAAG,SAAS,CAAS;AAAA,IAChC,GAAI;AAAA,cAJN,CAME,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBAAmB;AAAA,IAAW,CAAA,GAC9C,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,aAAU;AAAA,MACV,WAAU;AAAA,IACX,CAAA,CACa;AAAA;AAEpB;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GAC4B;AAC/B,SACE,gBAAA,EAAC,QAAD;AAAA,IACE,eAAA;AAAA,IACA,aAAU;AAAA,IACV,WAAW,EACT,gFACA,CACF;AAAA,IACA,GAAI;AAAA,cAPN,CASE,gBAAA,EAAC,GAAD,EAAe,MAAM,EAAqB,CAAA,GAC1C,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBAAU;AAAA,IAAgB,CAAA,CACtC;AAAA;AAEV"}
@@ -0,0 +1,62 @@
1
+ "use client";
2
+ import { t as i } from "../chunks/utils-kyb5nny4y41y7hd8.js";
3
+ import { jsx as e } from "react/jsx-runtime";
4
+ import "react";
5
+ import { Popover as r } from "@base-ui/react/popover";
6
+ function c({ ...o }) {
7
+ return /* @__PURE__ */ e(r.Root, {
8
+ "data-slot": "popover",
9
+ ...o
10
+ });
11
+ }
12
+ function u({ ...o }) {
13
+ return /* @__PURE__ */ e(r.Trigger, {
14
+ "data-slot": "popover-trigger",
15
+ ...o
16
+ });
17
+ }
18
+ function g({ className: o, align: t = "center", alignOffset: a = 0, side: n = "bottom", sideOffset: d = 4, ...s }) {
19
+ return /* @__PURE__ */ e(r.Portal, { children: /* @__PURE__ */ e(r.Positioner, {
20
+ align: t,
21
+ alignOffset: a,
22
+ side: n,
23
+ sideOffset: d,
24
+ className: "isolate z-50",
25
+ children: /* @__PURE__ */ e(r.Popup, {
26
+ "data-slot": "popover-content",
27
+ className: i("z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-2xl bg-popover p-4 text-sm text-popover-foreground shadow-2xl ring-1 ring-foreground/5 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
28
+ ...s
29
+ })
30
+ }) });
31
+ }
32
+ function v({ className: o, ...t }) {
33
+ return /* @__PURE__ */ e("div", {
34
+ "data-slot": "popover-header",
35
+ className: i("flex flex-col gap-1 text-sm", o),
36
+ ...t
37
+ });
38
+ }
39
+ function x({ className: o, ...t }) {
40
+ return /* @__PURE__ */ e(r.Title, {
41
+ "data-slot": "popover-title",
42
+ className: i("text-base font-medium", o),
43
+ ...t
44
+ });
45
+ }
46
+ function P({ className: o, ...t }) {
47
+ return /* @__PURE__ */ e(r.Description, {
48
+ "data-slot": "popover-description",
49
+ className: i("text-muted-foreground", o),
50
+ ...t
51
+ });
52
+ }
53
+ export {
54
+ c as Popover,
55
+ g as PopoverContent,
56
+ P as PopoverDescription,
57
+ v as PopoverHeader,
58
+ x as PopoverTitle,
59
+ u as PopoverTrigger
60
+ };
61
+
62
+ //# sourceMappingURL=popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.js","names":[],"sources":["../../src/components/popover/popover.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n ...props\n}: PopoverPrimitive.Popup.Props &\n Pick<\n PopoverPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Positioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n className=\"isolate z-50\"\n >\n <PopoverPrimitive.Popup\n data-slot=\"popover-content\"\n className={cn(\n \"z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-2xl bg-popover p-4 text-sm text-popover-foreground shadow-2xl ring-1 ring-foreground/5 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Positioner>\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"popover-header\"\n className={cn(\"flex flex-col gap-1 text-sm\", className)}\n {...props}\n />\n )\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n return (\n <PopoverPrimitive.Title\n data-slot=\"popover-title\"\n className={cn(\"text-base font-medium\", className)}\n {...props}\n />\n )\n}\n\nfunction PopoverDescription({\n className,\n ...props\n}: PopoverPrimitive.Description.Props) {\n return (\n <PopoverPrimitive.Description\n data-slot=\"popover-description\"\n className={cn(\"text-muted-foreground\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Popover,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverTitle,\n PopoverTrigger,\n}\n"],"mappings":";;;;;AAKA,SAAS,EAAQ,EAAE,GAAG,EAAA,GAAsC;AAC1D,SAAO,gBAAA,EAAC,EAAiB,MAAlB;AAAA,IAAuB,aAAU;AAAA,IAAU,GAAI;AAAA,EAAQ,CAAA;AAChE;AAEA,SAAS,EAAe,EAAE,GAAG,EAAA,GAAyC;AACpE,SAAO,gBAAA,EAAC,EAAiB,SAAlB;AAAA,IAA0B,aAAU;AAAA,IAAkB,GAAI;AAAA,EAAQ,CAAA;AAC3E;AAEA,SAAS,EAAe,EACtB,WAAA,GACA,OAAA,IAAQ,UACR,aAAA,IAAc,GACd,MAAA,IAAO,UACP,YAAA,IAAa,GACb,GAAG,EAAA,GAKA;AACH,SACE,gBAAA,EAAC,EAAiB,QAAlB,EAAA,UACE,gBAAA,EAAC,EAAiB,YAAlB;AAAA,IACS,OAAA;AAAA,IACM,aAAA;AAAA,IACP,MAAA;AAAA,IACM,YAAA;AAAA,IACZ,WAAU;AAAA,cAEV,gBAAA,EAAC,EAAiB,OAAlB;AAAA,MACE,aAAU;AAAA,MACV,WAAW,EACT,mjBACA,CACF;AAAA,MACA,GAAI;AAAA,IACL,CAAA;AAAA,EAC0B,CAAA,EACN,CAAA;AAE7B;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AAC3E,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,+BAA+B,CAAS;AAAA,IACtD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAa,EAAE,WAAA,GAAW,GAAG,EAAA,GAAuC;AAC3E,SACE,gBAAA,EAAC,EAAiB,OAAlB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,yBAAyB,CAAS;AAAA,IAChD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACkC;AACrC,SACE,gBAAA,EAAC,EAAiB,aAAlB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,yBAAyB,CAAS;AAAA,IAChD,GAAI;AAAA,EACL,CAAA;AAEL"}
@@ -0,0 +1,50 @@
1
+ "use client";
2
+ import { t } from "../chunks/utils-kyb5nny4y41y7hd8.js";
3
+ import { jsx as s, jsxs as n } from "react/jsx-runtime";
4
+ import { Progress as a } from "@base-ui/react/progress";
5
+ function f({ className: r, children: e, value: o, ...l }) {
6
+ return /* @__PURE__ */ n(a.Root, {
7
+ value: o,
8
+ "data-slot": "progress",
9
+ className: t("flex flex-wrap gap-3", r),
10
+ ...l,
11
+ children: [e, /* @__PURE__ */ s(u, { children: /* @__PURE__ */ s(c, {}) })]
12
+ });
13
+ }
14
+ function u({ className: r, ...e }) {
15
+ return /* @__PURE__ */ s(a.Track, {
16
+ className: t("relative flex h-3 w-full items-center overflow-x-hidden rounded-4xl bg-surface-muted", r),
17
+ "data-slot": "progress-track",
18
+ ...e
19
+ });
20
+ }
21
+ function c({ className: r, ...e }) {
22
+ return /* @__PURE__ */ s(a.Indicator, {
23
+ "data-slot": "progress-indicator",
24
+ className: t("h-full bg-primary transition-all", r),
25
+ ...e
26
+ });
27
+ }
28
+ function g({ className: r, ...e }) {
29
+ return /* @__PURE__ */ s(a.Label, {
30
+ className: t("text-sm font-medium", r),
31
+ "data-slot": "progress-label",
32
+ ...e
33
+ });
34
+ }
35
+ function p({ className: r, ...e }) {
36
+ return /* @__PURE__ */ s(a.Value, {
37
+ className: t("ms-auto text-sm text-muted-foreground tabular-nums", r),
38
+ "data-slot": "progress-value",
39
+ ...e
40
+ });
41
+ }
42
+ export {
43
+ f as Progress,
44
+ c as ProgressIndicator,
45
+ g as ProgressLabel,
46
+ u as ProgressTrack,
47
+ p as ProgressValue
48
+ };
49
+
50
+ //# sourceMappingURL=progress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress.js","names":[],"sources":["../../src/components/progress/progress.tsx"],"sourcesContent":["\"use client\"\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Progress({\n className,\n children,\n value,\n ...props\n}: ProgressPrimitive.Root.Props) {\n return (\n <ProgressPrimitive.Root\n value={value}\n data-slot=\"progress\"\n className={cn(\"flex flex-wrap gap-3\", className)}\n {...props}\n >\n {children}\n <ProgressTrack>\n <ProgressIndicator />\n </ProgressTrack>\n </ProgressPrimitive.Root>\n )\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n return (\n <ProgressPrimitive.Track\n className={cn(\n \"relative flex h-3 w-full items-center overflow-x-hidden rounded-4xl bg-surface-muted\",\n className\n )}\n data-slot=\"progress-track\"\n {...props}\n />\n )\n}\n\nfunction ProgressIndicator({\n className,\n ...props\n}: ProgressPrimitive.Indicator.Props) {\n return (\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className={cn(\"h-full bg-primary transition-all\", className)}\n {...props}\n />\n )\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n return (\n <ProgressPrimitive.Label\n className={cn(\"text-sm font-medium\", className)}\n data-slot=\"progress-label\"\n {...props}\n />\n )\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n return (\n <ProgressPrimitive.Value\n className={cn(\n \"ms-auto text-sm text-muted-foreground tabular-nums\",\n className\n )}\n data-slot=\"progress-value\"\n {...props}\n />\n )\n}\n\nexport {\n Progress,\n ProgressTrack,\n ProgressIndicator,\n ProgressLabel,\n ProgressValue,\n}\n"],"mappings":";;;;AAMA,SAAS,EAAS,EAChB,WAAA,GACA,UAAA,GACA,OAAA,GACA,GAAG,EAAA,GAC4B;AAC/B,SACE,gBAAA,EAAC,EAAkB,MAAnB;AAAA,IACS,OAAA;AAAA,IACP,aAAU;AAAA,IACV,WAAW,EAAG,wBAAwB,CAAS;AAAA,IAC/C,GAAI;AAAA,cAJN,CAMG,GACD,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD,CAAoB,CAAA,EACP,CAAA,CACO;AAAA;AAE5B;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AAC7E,SACE,gBAAA,EAAC,EAAkB,OAAnB;AAAA,IACE,WAAW,EACT,wFACA,CACF;AAAA,IACA,aAAU;AAAA,IACV,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,WAAA,GACA,GAAG,EAAA,GACiC;AACpC,SACE,gBAAA,EAAC,EAAkB,WAAnB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,oCAAoC,CAAS;AAAA,IAC3D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AAC7E,SACE,gBAAA,EAAC,EAAkB,OAAnB;AAAA,IACE,WAAW,EAAG,uBAAuB,CAAS;AAAA,IAC9C,aAAU;AAAA,IACV,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AAC7E,SACE,gBAAA,EAAC,EAAkB,OAAnB;AAAA,IACE,WAAW,EACT,sDACA,CACF;AAAA,IACA,aAAU;AAAA,IACV,GAAI;AAAA,EACL,CAAA;AAEL"}
@@ -0,0 +1,30 @@
1
+ "use client";
2
+ import { t as o } from "../chunks/utils-kyb5nny4y41y7hd8.js";
3
+ import { jsx as r } from "react/jsx-runtime";
4
+ import { Radio as i } from "@base-ui/react/radio";
5
+ import { RadioGroup as t } from "@base-ui/react/radio-group";
6
+ function c({ className: a, ...e }) {
7
+ return /* @__PURE__ */ r(t, {
8
+ "data-slot": "radio-group",
9
+ className: o("grid w-full gap-3", a),
10
+ ...e
11
+ });
12
+ }
13
+ function u({ className: a, ...e }) {
14
+ return /* @__PURE__ */ r(i.Root, {
15
+ "data-slot": "radio-group-item",
16
+ className: o("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-border/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", a),
17
+ ...e,
18
+ children: /* @__PURE__ */ r(i.Indicator, {
19
+ "data-slot": "radio-group-indicator",
20
+ className: "flex size-4 items-center justify-center",
21
+ children: /* @__PURE__ */ r("span", { className: "absolute start-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground rtl:translate-x-1/2" })
22
+ })
23
+ });
24
+ }
25
+ export {
26
+ c as RadioGroup,
27
+ u as RadioGroupItem
28
+ };
29
+
30
+ //# sourceMappingURL=radio-group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.js","names":[],"sources":["../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from \"@base-ui/react/radio\"\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction RadioGroup({ className, ...props }: RadioGroupPrimitive.Props) {\n return (\n <RadioGroupPrimitive\n data-slot=\"radio-group\"\n className={cn(\"grid w-full gap-3\", className)}\n {...props}\n />\n )\n}\n\nfunction RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {\n return (\n <RadioPrimitive.Root\n data-slot=\"radio-group-item\"\n className={cn(\n \"group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-border/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n className\n )}\n {...props}\n >\n <RadioPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"flex size-4 items-center justify-center\"\n >\n <span className=\"absolute start-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground rtl:translate-x-1/2\" />\n </RadioPrimitive.Indicator>\n </RadioPrimitive.Root>\n )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";;;;;AAKA,SAAS,EAAW,EAAE,WAAA,GAAW,GAAG,EAAA,GAAoC;AACtE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,qBAAqB,CAAS;AAAA,IAC5C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,WAAA,GAAW,GAAG,EAAA,GAAoC;AAC1E,SACE,gBAAA,EAAC,EAAe,MAAhB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,ynBACA,CACF;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,EAAe,WAAhB;AAAA,MACE,aAAU;AAAA,MACV,WAAU;AAAA,gBAEV,gBAAA,EAAC,QAAD,EAAM,WAAU,6HAA8H,CAAA;AAAA,IACtH,CAAA;AAAA,EACP,CAAA;AAEzB"}