@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.
- package/README.md +8 -19
- package/dist/chunks/dist-fahbq1psobj0ox6s.js +1327 -0
- package/dist/chunks/dist-fahbq1psobj0ox6s.js.map +1 -0
- package/dist/chunks/dist-o8x0ip0z71xkr2oh.js +37 -0
- package/dist/chunks/dist-o8x0ip0z71xkr2oh.js.map +1 -0
- package/dist/components/accordion.js +62 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/alert-dialog.js +108 -0
- package/dist/components/alert-dialog.js.map +1 -0
- package/dist/components/alert.js +49 -0
- package/dist/components/alert.js.map +1 -0
- package/dist/components/aspect-ratio.js +16 -0
- package/dist/components/aspect-ratio.js.map +1 -0
- package/dist/components/avatar.js +58 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/badge.js +33 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/box.js +16 -0
- package/dist/components/box.js.map +1 -0
- package/dist/components/breadcrumb.js +85 -0
- package/dist/components/breadcrumb.js.map +1 -0
- package/dist/components/button-group.js +47 -0
- package/dist/components/button-group.js.map +1 -0
- package/dist/components/button.js +48 -3
- package/dist/components/button.js.map +1 -0
- package/dist/components/calendar.js +3004 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/card.js +65 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/carousel.js +1198 -0
- package/dist/components/carousel.js.map +1 -0
- package/dist/components/chart.js +10596 -0
- package/dist/components/chart.js.map +1 -0
- package/dist/components/checkbox.js +23 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/collapsible.js +28 -0
- package/dist/components/collapsible.js.map +1 -0
- package/dist/components/combobox.js +192 -0
- package/dist/components/combobox.js.map +1 -0
- package/dist/components/command.js +663 -0
- package/dist/components/command.js.map +1 -0
- package/dist/components/context-menu.js +153 -0
- package/dist/components/context-menu.js.map +1 -0
- package/dist/components/dialog.js +104 -0
- package/dist/components/dialog.js.map +1 -0
- package/dist/components/direction.js +6 -0
- package/dist/components/drawer.js +1042 -0
- package/dist/components/drawer.js.map +1 -0
- package/dist/components/dropdown-menu.js +157 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/empty.js +67 -0
- package/dist/components/empty.js.map +1 -0
- package/dist/components/enya-logo.js +42 -42
- package/dist/components/enya-logo.js.map +1 -1
- package/dist/components/field.js +119 -0
- package/dist/components/field.js.map +1 -0
- package/dist/components/heading.js +39 -0
- package/dist/components/heading.js.map +1 -0
- package/dist/components/hover-card.js +40 -0
- package/dist/components/hover-card.js.map +1 -0
- package/dist/components/input-group.js +85 -0
- package/dist/components/input-group.js.map +1 -0
- package/dist/components/input-otp.js +417 -0
- package/dist/components/input-otp.js.map +1 -0
- package/dist/components/input.js +18 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/item.js +133 -0
- package/dist/components/item.js.map +1 -0
- package/dist/components/kbd.js +23 -0
- package/dist/components/kbd.js.map +1 -0
- package/dist/components/label.js +16 -0
- package/dist/components/label.js.map +1 -0
- package/dist/components/menubar.js +154 -0
- package/dist/components/menubar.js.map +1 -0
- package/dist/components/native-select.js +45 -0
- package/dist/components/native-select.js.map +1 -0
- package/dist/components/navigation-menu.js +95 -0
- package/dist/components/navigation-menu.js.map +1 -0
- package/dist/components/pagination.js +98 -0
- package/dist/components/pagination.js.map +1 -0
- package/dist/components/popover.js +62 -0
- package/dist/components/popover.js.map +1 -0
- package/dist/components/progress.js +50 -0
- package/dist/components/progress.js.map +1 -0
- package/dist/components/radio-group.js +30 -0
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/resizable.js +1562 -0
- package/dist/components/resizable.js.map +1 -0
- package/dist/components/scroll-area.js +40 -0
- package/dist/components/scroll-area.js.map +1 -0
- package/dist/components/select.js +116 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/separator.js +17 -0
- package/dist/components/separator.js.map +1 -0
- package/dist/components/sheet.js +99 -0
- package/dist/components/sheet.js.map +1 -0
- package/dist/components/sidebar.js +399 -0
- package/dist/components/sidebar.js.map +1 -0
- package/dist/components/skeleton.js +15 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/slider.js +36 -0
- package/dist/components/slider.js.map +1 -0
- package/dist/components/sonner.js +738 -0
- package/dist/components/sonner.js.map +1 -0
- package/dist/components/spinner.js +19 -0
- package/dist/components/spinner.js.map +1 -0
- package/dist/components/switch.js +21 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/table.js +76 -0
- package/dist/components/table.js.map +1 -0
- package/dist/components/tabs.js +51 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/text.js +47 -0
- package/dist/components/text.js.map +1 -0
- package/dist/components/textarea.js +16 -0
- package/dist/components/textarea.js.map +1 -0
- package/dist/components/toggle-group.js +55 -0
- package/dist/components/toggle-group.js.map +1 -0
- package/dist/components/toggle.js +39 -0
- package/dist/components/toggle.js.map +1 -0
- package/dist/components/tooltip.js +46 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/index.js +25 -23241
- package/dist/src/components/badge/badge.d.ts +1 -1
- package/dist/src/components/box/box.d.ts +7 -0
- package/dist/src/components/box/index.d.ts +1 -0
- package/dist/src/components/button/button.d.ts +1 -1
- package/dist/src/components/heading/heading.d.ts +15 -0
- package/dist/src/components/heading/index.d.ts +1 -0
- package/dist/src/components/item/item.d.ts +1 -1
- package/dist/src/components/spinner/spinner.d.ts +2 -1
- package/dist/src/components/tabs/tabs.d.ts +1 -1
- package/dist/src/components/text/index.d.ts +1 -0
- package/dist/src/components/text/text.d.ts +13 -0
- package/dist/src/index.d.ts +4 -53
- package/dist/styles/nova-binding.css +355 -255
- package/dist/styles/nova.css +205 -38
- package/dist/styles/typography.css +22 -130
- package/package.json +31 -10
- package/src/eslint/no-primitive-colors.js +2 -2
- package/src/eslint/no-primitive-colors.test.ts +97 -0
- package/dist/chunks/button-kvgr8g13fe959ju0.js +0 -81
- package/dist/chunks/button-kvgr8g13fe959ju0.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/styles/globals.css +0 -77
- 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"}
|