fina-react-ds 0.0.1 → 1.0.1
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 +5 -15
- package/dist/components/alert.js +30 -27
- package/dist/components/avatar.js +19 -19
- package/dist/components/badge.js +19 -19
- package/dist/components/button.js +51 -51
- package/dist/components/calendar.d.ts +8 -0
- package/dist/components/calendar.js +206 -0
- package/dist/components/card.js +43 -43
- package/dist/components/checkbox.js +17 -17
- package/dist/components/date-picker.d.ts +6 -0
- package/dist/components/date-picker.js +61 -0
- package/dist/components/dialog.js +43 -46
- package/dist/components/dropdown-menu.js +29 -29
- package/dist/components/input.js +15 -13
- package/dist/components/label.js +17 -17
- package/dist/components/pagination.js +25 -25
- package/dist/components/popover.js +9 -9
- package/dist/components/select.js +38 -33
- package/dist/components/separator.js +29 -0
- package/dist/components/sheet.d.ts +15 -0
- package/dist/components/sheet.js +158 -0
- package/dist/components/sidebar.d.ts +69 -0
- package/dist/components/sidebar.js +620 -0
- package/dist/components/simple-tooltip.d.ts +4 -0
- package/dist/components/simple-tooltip.js +17 -0
- package/dist/components/skeleton.d.ts +2 -0
- package/dist/components/skeleton.js +18 -0
- package/dist/components/sonner.d.ts +3 -0
- package/dist/components/sonner.js +24 -0
- package/dist/components/switch.d.ts +4 -0
- package/dist/components/switch.js +34 -0
- package/dist/components/table.d.ts +10 -0
- package/dist/components/table.js +124 -0
- package/dist/components/tabs.js +27 -27
- package/dist/components/textarea.d.ts +3 -0
- package/dist/components/textarea.js +23 -0
- package/dist/components/tooltip.d.ts +7 -0
- package/dist/components/tooltip.js +61 -0
- package/dist/hooks/use-mobile.js +17 -0
- package/dist/index.d.ts +14 -2
- package/dist/index.js +138 -73
- package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildFormatLongFn.js +12 -0
- package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildLocalizeFn.js +21 -0
- package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildMatchFn.js +36 -0
- package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js +18 -0
- package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr/_lib/formatDistance.js +72 -0
- package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr/_lib/formatLong.js +33 -0
- package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr/_lib/formatRelative.js +13 -0
- package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr/_lib/localize.js +123 -0
- package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr/_lib/match.js +112 -0
- package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr.js +21 -0
- package/dist/node_modules/@radix-ui/react-separator/dist/index.js +27 -0
- package/dist/node_modules/@radix-ui/react-slot/dist/index.js +47 -40
- package/dist/node_modules/@radix-ui/react-switch/dist/index.js +136 -0
- package/dist/node_modules/@radix-ui/react-tooltip/dist/index.js +348 -0
- package/dist/node_modules/@radix-ui/react-visually-hidden/dist/index.js +32 -0
- package/dist/themes/base.css +1679 -585
- package/package.json +4 -19
- package/dist/themes/pro.css +0 -188
- package/dist/themes/puulse-colors.css +0 -388
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
var a = Object.defineProperty;
|
|
2
|
+
var t = (c, e) => a(c, "name", { value: e, configurable: !0 });
|
|
3
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
4
|
+
import { Root as n, Thumb as i } from "../node_modules/@radix-ui/react-switch/dist/index.js";
|
|
5
|
+
import { cn as f } from "../lib/utils.js";
|
|
6
|
+
function u({
|
|
7
|
+
className: c,
|
|
8
|
+
...e
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ r(
|
|
11
|
+
n,
|
|
12
|
+
{
|
|
13
|
+
"data-slot": "switch",
|
|
14
|
+
className: f(
|
|
15
|
+
"fc:peer fc:data-[state=checked]:bg-primary fc:data-[state=unchecked]:bg-input-border fc:focus-visible:border-ring fc:focus-visible:ring-ring/50 fc:inline-flex fc:h-[1.15rem] fc:w-8 fc:shrink-0 fc:items-center fc:rounded-full fc:border fc:border-transparent fc:shadow-xs fc:transition-all fc:outline-none fc:focus-visible:ring-[3px] fc:disabled:cursor-not-allowed fc:disabled:opacity-50",
|
|
16
|
+
c
|
|
17
|
+
),
|
|
18
|
+
...e,
|
|
19
|
+
children: /* @__PURE__ */ r(
|
|
20
|
+
i,
|
|
21
|
+
{
|
|
22
|
+
"data-slot": "switch-thumb",
|
|
23
|
+
className: f(
|
|
24
|
+
"fc:bg-input fc:dark:bg-foreground fc:pointer-events-none fc:block fc:size-4 fc:rounded-full fc:ring-0 fc:transition-transform fc:data-[state=checked]:translate-x-[calc(100%-2px)] fc:data-[state=unchecked]:translate-x-0"
|
|
25
|
+
)
|
|
26
|
+
}
|
|
27
|
+
)
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
}
|
|
31
|
+
t(u, "Switch");
|
|
32
|
+
export {
|
|
33
|
+
u as Switch
|
|
34
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
var l = Object.defineProperty;
|
|
2
|
+
var a = (t, e) => l(t, "name", { value: e, configurable: !0 });
|
|
3
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
4
|
+
import { cn as o } from "../lib/utils.js";
|
|
5
|
+
function s({ className: t, ...e }) {
|
|
6
|
+
return /* @__PURE__ */ c(
|
|
7
|
+
"div",
|
|
8
|
+
{
|
|
9
|
+
"data-slot": "table-container",
|
|
10
|
+
className: "fc:relative fc:w-full fc:overflow-x-auto",
|
|
11
|
+
children: /* @__PURE__ */ c(
|
|
12
|
+
"table",
|
|
13
|
+
{
|
|
14
|
+
"data-slot": "table",
|
|
15
|
+
className: o("fc:w-full fc:caption-bottom fc:text-sm", t),
|
|
16
|
+
...e
|
|
17
|
+
}
|
|
18
|
+
)
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
a(s, "Table");
|
|
23
|
+
function b({ className: t, ...e }) {
|
|
24
|
+
return /* @__PURE__ */ c(
|
|
25
|
+
"thead",
|
|
26
|
+
{
|
|
27
|
+
"data-slot": "table-header",
|
|
28
|
+
className: o("fc:[&_tr]:border-b", t),
|
|
29
|
+
...e
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
a(b, "TableHeader");
|
|
34
|
+
function d({ className: t, ...e }) {
|
|
35
|
+
return /* @__PURE__ */ c(
|
|
36
|
+
"tbody",
|
|
37
|
+
{
|
|
38
|
+
"data-slot": "table-body",
|
|
39
|
+
className: o("fc:[&_tr:last-child]:border-0", t),
|
|
40
|
+
...e
|
|
41
|
+
}
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
a(d, "TableBody");
|
|
45
|
+
function i({ className: t, ...e }) {
|
|
46
|
+
return /* @__PURE__ */ c(
|
|
47
|
+
"tfoot",
|
|
48
|
+
{
|
|
49
|
+
"data-slot": "table-footer",
|
|
50
|
+
className: o(
|
|
51
|
+
"fc:bg-accent/50 fc:border-t fc:font-medium fc:[&>tr]:last:border-b-0",
|
|
52
|
+
t
|
|
53
|
+
),
|
|
54
|
+
...e
|
|
55
|
+
}
|
|
56
|
+
);
|
|
57
|
+
}
|
|
58
|
+
a(i, "TableFooter");
|
|
59
|
+
function m({ className: t, ...e }) {
|
|
60
|
+
return /* @__PURE__ */ c(
|
|
61
|
+
"tr",
|
|
62
|
+
{
|
|
63
|
+
"data-slot": "table-row",
|
|
64
|
+
className: o(
|
|
65
|
+
"fc:hover:bg-accent/50 fc:data-[state=selected]:bg-accent fc:border-b fc:transition-colors",
|
|
66
|
+
t
|
|
67
|
+
),
|
|
68
|
+
...e
|
|
69
|
+
}
|
|
70
|
+
);
|
|
71
|
+
}
|
|
72
|
+
a(m, "TableRow");
|
|
73
|
+
function u({ className: t, ...e }) {
|
|
74
|
+
return /* @__PURE__ */ c(
|
|
75
|
+
"th",
|
|
76
|
+
{
|
|
77
|
+
"data-slot": "table-head",
|
|
78
|
+
className: o(
|
|
79
|
+
"fc:text-foreground fc:h-10 fc:px-2 fc:text-left fc:align-middle fc:font-medium fc:whitespace-nowrap fc:[&:has([role=checkbox])]:pr-0 fc:[&>[role=checkbox]]:translate-y-[2px]",
|
|
80
|
+
t
|
|
81
|
+
),
|
|
82
|
+
...e
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
}
|
|
86
|
+
a(u, "TableHead");
|
|
87
|
+
function p({ className: t, ...e }) {
|
|
88
|
+
return /* @__PURE__ */ c(
|
|
89
|
+
"td",
|
|
90
|
+
{
|
|
91
|
+
"data-slot": "table-cell",
|
|
92
|
+
className: o(
|
|
93
|
+
"fc:p-2 fc:align-middle fc:whitespace-nowrap fc:[&:has([role=checkbox])]:pr-0 fc:[&>[role=checkbox]]:translate-y-[2px]",
|
|
94
|
+
t
|
|
95
|
+
),
|
|
96
|
+
...e
|
|
97
|
+
}
|
|
98
|
+
);
|
|
99
|
+
}
|
|
100
|
+
a(p, "TableCell");
|
|
101
|
+
function h({
|
|
102
|
+
className: t,
|
|
103
|
+
...e
|
|
104
|
+
}) {
|
|
105
|
+
return /* @__PURE__ */ c(
|
|
106
|
+
"caption",
|
|
107
|
+
{
|
|
108
|
+
"data-slot": "table-caption",
|
|
109
|
+
className: o("fc:text-muted fc:mt-4 fc:text-sm", t),
|
|
110
|
+
...e
|
|
111
|
+
}
|
|
112
|
+
);
|
|
113
|
+
}
|
|
114
|
+
a(h, "TableCaption");
|
|
115
|
+
export {
|
|
116
|
+
s as Table,
|
|
117
|
+
d as TableBody,
|
|
118
|
+
h as TableCaption,
|
|
119
|
+
p as TableCell,
|
|
120
|
+
i as TableFooter,
|
|
121
|
+
u as TableHead,
|
|
122
|
+
b as TableHeader,
|
|
123
|
+
m as TableRow
|
|
124
|
+
};
|
package/dist/components/tabs.js
CHANGED
|
@@ -1,73 +1,73 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
import { jsx as
|
|
4
|
-
import { Root as
|
|
5
|
-
import { cn as
|
|
1
|
+
var r = Object.defineProperty;
|
|
2
|
+
var c = (t, e) => r(t, "name", { value: e, configurable: !0 });
|
|
3
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
4
|
+
import { Root as a, List as i, Trigger as n, Content as o } from "../node_modules/@radix-ui/react-tabs/dist/index.js";
|
|
5
|
+
import { cn as s } from "../lib/utils.js";
|
|
6
6
|
function p({
|
|
7
7
|
className: t,
|
|
8
8
|
...e
|
|
9
9
|
}) {
|
|
10
|
-
return /* @__PURE__ */
|
|
11
|
-
|
|
10
|
+
return /* @__PURE__ */ f(
|
|
11
|
+
a,
|
|
12
12
|
{
|
|
13
13
|
"data-slot": "tabs",
|
|
14
|
-
className:
|
|
14
|
+
className: s("fc:flex fc:flex-col fc:gap-2", t),
|
|
15
15
|
...e
|
|
16
16
|
}
|
|
17
17
|
);
|
|
18
18
|
}
|
|
19
|
-
|
|
20
|
-
function
|
|
19
|
+
c(p, "Tabs");
|
|
20
|
+
function m({
|
|
21
21
|
className: t,
|
|
22
22
|
...e
|
|
23
23
|
}) {
|
|
24
|
-
return /* @__PURE__ */
|
|
25
|
-
|
|
24
|
+
return /* @__PURE__ */ f(
|
|
25
|
+
i,
|
|
26
26
|
{
|
|
27
27
|
"data-slot": "tabs-list",
|
|
28
|
-
className:
|
|
29
|
-
"bg-tabs text-muted
|
|
28
|
+
className: s(
|
|
29
|
+
"fc:bg-tabs fc:text-muted fc:inline-flex fc:h-9 fc:w-fit fc:items-center fc:justify-center fc:rounded-lg fc:p-[3px]",
|
|
30
30
|
t
|
|
31
31
|
),
|
|
32
32
|
...e
|
|
33
33
|
}
|
|
34
34
|
);
|
|
35
35
|
}
|
|
36
|
-
|
|
37
|
-
function
|
|
36
|
+
c(m, "TabsList");
|
|
37
|
+
function g({
|
|
38
38
|
className: t,
|
|
39
39
|
...e
|
|
40
40
|
}) {
|
|
41
|
-
return /* @__PURE__ */
|
|
42
|
-
|
|
41
|
+
return /* @__PURE__ */ f(
|
|
42
|
+
n,
|
|
43
43
|
{
|
|
44
44
|
"data-slot": "tabs-trigger",
|
|
45
|
-
className:
|
|
46
|
-
"cursor-pointer data-[state=active]:bg-primary data-[state=active]:text-primary-foreground focus-visible:border-ring focus-visible:ring-primary/50 focus-visible:outline-ring dark:data-[state=active]:border-input text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
45
|
+
className: s(
|
|
46
|
+
"fc:cursor-pointer fc:data-[state=active]:bg-primary fc:data-[state=active]:text-primary-foreground fc:focus-visible:border-ring fc:focus-visible:ring-primary/50 fc:focus-visible:outline-ring fc:dark:data-[state=active]:border-input fc:text-foreground fc:inline-flex fc:h-[calc(100%-1px)] fc:flex-1 fc:items-center fc:justify-center fc:gap-1.5 fc:rounded-md fc:border fc:border-transparent fc:px-2 fc:py-1 fc:text-sm fc:font-medium fc:whitespace-nowrap fc:transition-[color,box-shadow] fc:focus-visible:ring-[3px] fc:focus-visible:outline-1 fc:disabled:pointer-events-none fc:disabled:opacity-50 fc:data-[state=active]:shadow-sm fc:[&_svg]:pointer-events-none fc:[&_svg]:shrink-0 fc:[&_svg:not([class*='size-'])]:size-4",
|
|
47
47
|
t
|
|
48
48
|
),
|
|
49
49
|
...e
|
|
50
50
|
}
|
|
51
51
|
);
|
|
52
52
|
}
|
|
53
|
-
|
|
53
|
+
c(g, "TabsTrigger");
|
|
54
54
|
function x({
|
|
55
55
|
className: t,
|
|
56
56
|
...e
|
|
57
57
|
}) {
|
|
58
|
-
return /* @__PURE__ */
|
|
59
|
-
|
|
58
|
+
return /* @__PURE__ */ f(
|
|
59
|
+
o,
|
|
60
60
|
{
|
|
61
61
|
"data-slot": "tabs-content",
|
|
62
|
-
className:
|
|
62
|
+
className: s("fc:flex-1 fc:outline-none", t),
|
|
63
63
|
...e
|
|
64
64
|
}
|
|
65
65
|
);
|
|
66
66
|
}
|
|
67
|
-
|
|
67
|
+
c(x, "TabsContent");
|
|
68
68
|
export {
|
|
69
69
|
p as Tabs,
|
|
70
70
|
x as TabsContent,
|
|
71
|
-
|
|
72
|
-
|
|
71
|
+
m as TabsList,
|
|
72
|
+
g as TabsTrigger
|
|
73
73
|
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
var c = Object.defineProperty;
|
|
2
|
+
var i = (e, r) => c(e, "name", { value: r, configurable: !0 });
|
|
3
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
4
|
+
import { cn as f } from "../lib/utils.js";
|
|
5
|
+
function n({ className: e, ...r }) {
|
|
6
|
+
return /* @__PURE__ */ t(
|
|
7
|
+
"textarea",
|
|
8
|
+
{
|
|
9
|
+
"data-slot": "textarea",
|
|
10
|
+
className: f(
|
|
11
|
+
"fc:bg-input fc:border-input-border placeholder:text-placeholder fc:flex fc:field-sizing-content fc:min-h-16 fc:w-full fc:rounded-md fc:border fc:px-3 fc:py-2 fc:text-base fc:shadow-xs fc:transition-[color,box-shadow] fc:outline-none fc:disabled:cursor-not-allowed fc:disabled:opacity-50 fc:md:text-sm",
|
|
12
|
+
"fc:focus-visible:border-ring fc:focus-visible:ring-ring/50 fc:focus-visible:ring-[3px]",
|
|
13
|
+
"fc:aria-invalid:ring-destructive/20 fc:dark:aria-invalid:ring-destructive/40 fc:aria-invalid:border-destructive",
|
|
14
|
+
e
|
|
15
|
+
),
|
|
16
|
+
...r
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
i(n, "Textarea");
|
|
21
|
+
export {
|
|
22
|
+
n as Textarea
|
|
23
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
3
|
+
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
var f = Object.defineProperty;
|
|
2
|
+
var i = (t, r) => f(t, "name", { value: r, configurable: !0 });
|
|
3
|
+
import { jsx as o, jsxs as c } from "react/jsx-runtime";
|
|
4
|
+
import { Root as n, Trigger as d, Portal as l, Content as s, Arrow as m, Provider as p } from "../node_modules/@radix-ui/react-tooltip/dist/index.js";
|
|
5
|
+
import { cn as u } from "../lib/utils.js";
|
|
6
|
+
function g({
|
|
7
|
+
delayDuration: t = 0,
|
|
8
|
+
...r
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ o(
|
|
11
|
+
p,
|
|
12
|
+
{
|
|
13
|
+
"data-slot": "tooltip-provider",
|
|
14
|
+
delayDuration: t,
|
|
15
|
+
...r
|
|
16
|
+
}
|
|
17
|
+
);
|
|
18
|
+
}
|
|
19
|
+
i(g, "TooltipProvider");
|
|
20
|
+
function z({
|
|
21
|
+
...t
|
|
22
|
+
}) {
|
|
23
|
+
return /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(n, { "data-slot": "tooltip", ...t }) });
|
|
24
|
+
}
|
|
25
|
+
i(z, "Tooltip");
|
|
26
|
+
function k({
|
|
27
|
+
...t
|
|
28
|
+
}) {
|
|
29
|
+
return /* @__PURE__ */ o(d, { "data-slot": "tooltip-trigger", ...t });
|
|
30
|
+
}
|
|
31
|
+
i(k, "TooltipTrigger");
|
|
32
|
+
function v({
|
|
33
|
+
className: t,
|
|
34
|
+
sideOffset: r = 0,
|
|
35
|
+
children: a,
|
|
36
|
+
...e
|
|
37
|
+
}) {
|
|
38
|
+
return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ c(
|
|
39
|
+
s,
|
|
40
|
+
{
|
|
41
|
+
"data-slot": "tooltip-content",
|
|
42
|
+
sideOffset: r,
|
|
43
|
+
className: u(
|
|
44
|
+
"fc:bg-dark fc:text-dark-foreground fc:animate-in fc:fade-in-0 fc:zoom-in-95 fc:data-[state=closed]:animate-out fc:data-[state=closed]:fade-out-0 fc:data-[state=closed]:zoom-out-95 fc:data-[side=bottom]:slide-in-from-top-2 fc:data-[side=left]:slide-in-from-right-2 fc:data-[side=right]:slide-in-from-left-2 fc:data-[side=top]:slide-in-from-bottom-2 fc:z-50 fc:w-fit fc:origin-(--radix-tooltip-content-transform-origin) fc:rounded-md fc:px-3 fc:py-1.5 fc:text-xs fc:text-balance",
|
|
45
|
+
t
|
|
46
|
+
),
|
|
47
|
+
...e,
|
|
48
|
+
children: [
|
|
49
|
+
a,
|
|
50
|
+
/* @__PURE__ */ o(m, { className: "fc:bg-dark fc:fill-dark fc:z-50 fc:size-2.5 fc:translate-y-[calc(-50%_-_2px)] fc:rotate-45 fc:rounded-[2px]" })
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
) });
|
|
54
|
+
}
|
|
55
|
+
i(v, "TooltipContent");
|
|
56
|
+
export {
|
|
57
|
+
z as Tooltip,
|
|
58
|
+
v as TooltipContent,
|
|
59
|
+
g as TooltipProvider,
|
|
60
|
+
k as TooltipTrigger
|
|
61
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
var a = Object.defineProperty;
|
|
2
|
+
var t = (n, e) => a(n, "name", { value: e, configurable: !0 });
|
|
3
|
+
import * as r from "react";
|
|
4
|
+
const i = 768;
|
|
5
|
+
function d() {
|
|
6
|
+
const [n, e] = r.useState(void 0);
|
|
7
|
+
return r.useEffect(() => {
|
|
8
|
+
const o = window.matchMedia(`(max-width: ${i - 1}px)`), s = /* @__PURE__ */ t(() => {
|
|
9
|
+
e(window.innerWidth < i);
|
|
10
|
+
}, "onChange");
|
|
11
|
+
return o.addEventListener("change", s), e(window.innerWidth < i), () => o.removeEventListener("change", s);
|
|
12
|
+
}, []), !!n;
|
|
13
|
+
}
|
|
14
|
+
t(d, "useIsMobile");
|
|
15
|
+
export {
|
|
16
|
+
d as useIsMobile
|
|
17
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -3,14 +3,26 @@ export { Alert, AlertTitle, AlertDescription } from "./components/alert";
|
|
|
3
3
|
export { Badge } from "./components/badge";
|
|
4
4
|
export { Button, buttonVariants } from "./components/button";
|
|
5
5
|
export { Avatar, AvatarImage, AvatarFallback } from "./components/avatar";
|
|
6
|
+
export { Calendar } from "./components/calendar";
|
|
6
7
|
export { Card, CardHeader, CardAction, CardTitle, CardDescription, CardContent, CardFooter } from "./components/card";
|
|
7
8
|
export { Checkbox } from "./components/checkbox";
|
|
9
|
+
export { DatePicker } from "./components/date-picker";
|
|
8
10
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/dialog";
|
|
9
11
|
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from "./components/dropdown-menu";
|
|
10
|
-
export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/tabs";
|
|
11
12
|
export { Input } from "./components/input";
|
|
12
13
|
export { Label } from "./components/label";
|
|
13
14
|
export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./components/pagination";
|
|
14
|
-
export { SimplePagination } from "./components/simple-pagination";
|
|
15
15
|
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, } from "./components/popover";
|
|
16
16
|
export { Select } from "./components/select";
|
|
17
|
+
export { Separator } from "./components/separator";
|
|
18
|
+
export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetBody, SheetFooter, SheetTitle, SheetDescription, } from "./components/sheet";
|
|
19
|
+
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, } from "./components/sidebar";
|
|
20
|
+
export { SimplePagination } from "./components/simple-pagination";
|
|
21
|
+
export { SimpleTooltip } from "./components/simple-tooltip";
|
|
22
|
+
export { Skeleton } from "./components/skeleton";
|
|
23
|
+
export { Switch } from "./components/switch";
|
|
24
|
+
export { Toaster } from "./components/sonner";
|
|
25
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from "./components/table";
|
|
26
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/tabs";
|
|
27
|
+
export { Textarea } from "./components/textarea";
|
|
28
|
+
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, } from "./components/tooltip";
|
package/dist/index.js
CHANGED
|
@@ -1,80 +1,145 @@
|
|
|
1
|
-
import { cn as
|
|
2
|
-
import { Alert as
|
|
3
|
-
import { Badge as
|
|
4
|
-
import { Button as
|
|
5
|
-
import { Avatar as
|
|
6
|
-
import {
|
|
1
|
+
import { cn as r } from "./lib/utils.js";
|
|
2
|
+
import { Alert as a, AlertDescription as n, AlertTitle as i } from "./components/alert.js";
|
|
3
|
+
import { Badge as d } from "./components/badge.js";
|
|
4
|
+
import { Button as b, buttonVariants as S } from "./components/button.js";
|
|
5
|
+
import { Avatar as g, AvatarFallback as m, AvatarImage as x } from "./components/avatar.js";
|
|
6
|
+
import { Calendar as D } from "./components/calendar.js";
|
|
7
|
+
import { Card as C, CardAction as M, CardContent as s, CardDescription as P, CardFooter as w, CardHeader as c, CardTitle as h } from "./components/card.js";
|
|
7
8
|
import { Checkbox as A } from "./components/checkbox.js";
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import { Input as
|
|
12
|
-
import { Label as
|
|
13
|
-
import { Pagination as
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
9
|
+
import { DatePicker as k } from "./components/date-picker.js";
|
|
10
|
+
import { Dialog as F, DialogClose as G, DialogContent as H, DialogDescription as L, DialogFooter as R, DialogHeader as y, DialogOverlay as E, DialogPortal as N, DialogTitle as O, DialogTrigger as V } from "./components/dialog.js";
|
|
11
|
+
import { DropdownMenu as q, DropdownMenuCheckboxItem as z, DropdownMenuContent as J, DropdownMenuGroup as K, DropdownMenuItem as Q, DropdownMenuLabel as U, DropdownMenuPortal as W, DropdownMenuRadioGroup as X, DropdownMenuRadioItem as Y, DropdownMenuSeparator as Z, DropdownMenuShortcut as _, DropdownMenuSub as $, DropdownMenuSubContent as ee, DropdownMenuSubTrigger as oe, DropdownMenuTrigger as re } from "./components/dropdown-menu.js";
|
|
12
|
+
import { Input as ae } from "./components/input.js";
|
|
13
|
+
import { Label as ie } from "./components/label.js";
|
|
14
|
+
import { Pagination as de, PaginationContent as le, PaginationEllipsis as be, PaginationItem as Se, PaginationLink as ue, PaginationNext as ge, PaginationPrevious as me } from "./components/pagination.js";
|
|
15
|
+
import { Popover as Te, PopoverAnchor as De, PopoverContent as fe, PopoverTrigger as Ce } from "./components/popover.js";
|
|
16
|
+
import { Select as se } from "./components/select.js";
|
|
17
|
+
import { Separator as we } from "./components/separator.js";
|
|
18
|
+
import { Sheet as he, SheetBody as ve, SheetClose as Ae, SheetContent as Ie, SheetDescription as ke, SheetFooter as Be, SheetHeader as Fe, SheetTitle as Ge, SheetTrigger as He } from "./components/sheet.js";
|
|
19
|
+
import { Sidebar as Re, SidebarContent as ye, SidebarFooter as Ee, SidebarGroup as Ne, SidebarGroupAction as Oe, SidebarGroupContent as Ve, SidebarGroupLabel as je, SidebarHeader as qe, SidebarInput as ze, SidebarInset as Je, SidebarMenu as Ke, SidebarMenuAction as Qe, SidebarMenuBadge as Ue, SidebarMenuButton as We, SidebarMenuItem as Xe, SidebarMenuSkeleton as Ye, SidebarMenuSub as Ze, SidebarMenuSubButton as _e, SidebarMenuSubItem as $e, SidebarProvider as eo, SidebarRail as oo, SidebarSeparator as ro, SidebarTrigger as to, useSidebar as ao } from "./components/sidebar.js";
|
|
20
|
+
import { SimplePagination as io } from "./components/simple-pagination.js";
|
|
21
|
+
import { SimpleTooltip as lo } from "./components/simple-tooltip.js";
|
|
22
|
+
import { Skeleton as So } from "./components/skeleton.js";
|
|
23
|
+
import { Switch as go } from "./components/switch.js";
|
|
24
|
+
import { Toaster as xo } from "./components/sonner.js";
|
|
25
|
+
import { Table as Do, TableBody as fo, TableCaption as Co, TableCell as Mo, TableFooter as so, TableHead as Po, TableHeader as wo, TableRow as co } from "./components/table.js";
|
|
26
|
+
import { Tabs as vo, TabsContent as Ao, TabsList as Io, TabsTrigger as ko } from "./components/tabs.js";
|
|
27
|
+
import { Textarea as Fo } from "./components/textarea.js";
|
|
28
|
+
import { Tooltip as Ho, TooltipContent as Lo, TooltipProvider as Ro, TooltipTrigger as yo } from "./components/tooltip.js";
|
|
17
29
|
export {
|
|
18
|
-
|
|
19
|
-
|
|
30
|
+
a as Alert,
|
|
31
|
+
n as AlertDescription,
|
|
20
32
|
i as AlertTitle,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
33
|
+
g as Avatar,
|
|
34
|
+
m as AvatarFallback,
|
|
35
|
+
x as AvatarImage,
|
|
36
|
+
d as Badge,
|
|
37
|
+
b as Button,
|
|
38
|
+
D as Calendar,
|
|
39
|
+
C as Card,
|
|
27
40
|
M as CardAction,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
41
|
+
s as CardContent,
|
|
42
|
+
P as CardDescription,
|
|
43
|
+
w as CardFooter,
|
|
44
|
+
c as CardHeader,
|
|
45
|
+
h as CardTitle,
|
|
33
46
|
A as Checkbox,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
47
|
+
k as DatePicker,
|
|
48
|
+
F as Dialog,
|
|
49
|
+
G as DialogClose,
|
|
50
|
+
H as DialogContent,
|
|
37
51
|
L as DialogDescription,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
52
|
+
R as DialogFooter,
|
|
53
|
+
y as DialogHeader,
|
|
54
|
+
E as DialogOverlay,
|
|
55
|
+
N as DialogPortal,
|
|
56
|
+
O as DialogTitle,
|
|
57
|
+
V as DialogTrigger,
|
|
58
|
+
q as DropdownMenu,
|
|
59
|
+
z as DropdownMenuCheckboxItem,
|
|
60
|
+
J as DropdownMenuContent,
|
|
61
|
+
K as DropdownMenuGroup,
|
|
62
|
+
Q as DropdownMenuItem,
|
|
63
|
+
U as DropdownMenuLabel,
|
|
64
|
+
W as DropdownMenuPortal,
|
|
65
|
+
X as DropdownMenuRadioGroup,
|
|
66
|
+
Y as DropdownMenuRadioItem,
|
|
67
|
+
Z as DropdownMenuSeparator,
|
|
68
|
+
_ as DropdownMenuShortcut,
|
|
69
|
+
$ as DropdownMenuSub,
|
|
70
|
+
ee as DropdownMenuSubContent,
|
|
71
|
+
oe as DropdownMenuSubTrigger,
|
|
72
|
+
re as DropdownMenuTrigger,
|
|
73
|
+
ae as Input,
|
|
74
|
+
ie as Label,
|
|
75
|
+
de as Pagination,
|
|
76
|
+
le as PaginationContent,
|
|
77
|
+
be as PaginationEllipsis,
|
|
78
|
+
Se as PaginationItem,
|
|
79
|
+
ue as PaginationLink,
|
|
80
|
+
ge as PaginationNext,
|
|
81
|
+
me as PaginationPrevious,
|
|
82
|
+
Te as Popover,
|
|
83
|
+
De as PopoverAnchor,
|
|
84
|
+
fe as PopoverContent,
|
|
85
|
+
Ce as PopoverTrigger,
|
|
86
|
+
se as Select,
|
|
87
|
+
we as Separator,
|
|
88
|
+
he as Sheet,
|
|
89
|
+
ve as SheetBody,
|
|
90
|
+
Ae as SheetClose,
|
|
91
|
+
Ie as SheetContent,
|
|
92
|
+
ke as SheetDescription,
|
|
93
|
+
Be as SheetFooter,
|
|
94
|
+
Fe as SheetHeader,
|
|
95
|
+
Ge as SheetTitle,
|
|
96
|
+
He as SheetTrigger,
|
|
97
|
+
Re as Sidebar,
|
|
98
|
+
ye as SidebarContent,
|
|
99
|
+
Ee as SidebarFooter,
|
|
100
|
+
Ne as SidebarGroup,
|
|
101
|
+
Oe as SidebarGroupAction,
|
|
102
|
+
Ve as SidebarGroupContent,
|
|
103
|
+
je as SidebarGroupLabel,
|
|
104
|
+
qe as SidebarHeader,
|
|
105
|
+
ze as SidebarInput,
|
|
106
|
+
Je as SidebarInset,
|
|
107
|
+
Ke as SidebarMenu,
|
|
108
|
+
Qe as SidebarMenuAction,
|
|
109
|
+
Ue as SidebarMenuBadge,
|
|
110
|
+
We as SidebarMenuButton,
|
|
111
|
+
Xe as SidebarMenuItem,
|
|
112
|
+
Ye as SidebarMenuSkeleton,
|
|
113
|
+
Ze as SidebarMenuSub,
|
|
114
|
+
_e as SidebarMenuSubButton,
|
|
115
|
+
$e as SidebarMenuSubItem,
|
|
116
|
+
eo as SidebarProvider,
|
|
117
|
+
oo as SidebarRail,
|
|
118
|
+
ro as SidebarSeparator,
|
|
119
|
+
to as SidebarTrigger,
|
|
120
|
+
io as SimplePagination,
|
|
121
|
+
lo as SimpleTooltip,
|
|
122
|
+
So as Skeleton,
|
|
123
|
+
go as Switch,
|
|
124
|
+
Do as Table,
|
|
125
|
+
fo as TableBody,
|
|
126
|
+
Co as TableCaption,
|
|
127
|
+
Mo as TableCell,
|
|
128
|
+
so as TableFooter,
|
|
129
|
+
Po as TableHead,
|
|
130
|
+
wo as TableHeader,
|
|
131
|
+
co as TableRow,
|
|
132
|
+
vo as Tabs,
|
|
133
|
+
Ao as TabsContent,
|
|
134
|
+
Io as TabsList,
|
|
135
|
+
ko as TabsTrigger,
|
|
136
|
+
Fo as Textarea,
|
|
137
|
+
xo as Toaster,
|
|
138
|
+
Ho as Tooltip,
|
|
139
|
+
Lo as TooltipContent,
|
|
140
|
+
Ro as TooltipProvider,
|
|
141
|
+
yo as TooltipTrigger,
|
|
142
|
+
S as buttonVariants,
|
|
143
|
+
r as cn,
|
|
144
|
+
ao as useSidebar
|
|
80
145
|
};
|