@ichaingo/ui 1.1.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/.babelrc +12 -0
- package/README.md +103 -0
- package/components.json +21 -0
- package/dist/accordion.d.ts +13 -0
- package/dist/accordion.mjs +64 -0
- package/dist/alert-dialog.d.ts +27 -0
- package/dist/alert-dialog.mjs +146 -0
- package/dist/alert.d.ts +16 -0
- package/dist/alert.mjs +66 -0
- package/dist/aspect-ratio.d.ts +6 -0
- package/dist/aspect-ratio.mjs +10 -0
- package/dist/avatar.d.ts +11 -0
- package/dist/avatar.mjs +53 -0
- package/dist/badge.d.ts +14 -0
- package/dist/badge.mjs +39 -0
- package/dist/breadcrumb.d.ts +20 -0
- package/dist/breadcrumb.mjs +102 -0
- package/dist/button.d.ts +15 -0
- package/dist/button.mjs +49 -0
- package/dist/calendar.d.ts +23 -0
- package/dist/calendar.mjs +173 -0
- package/dist/card.d.ts +18 -0
- package/dist/card.mjs +90 -0
- package/dist/carousel.d.ts +42 -0
- package/dist/carousel.mjs +177 -0
- package/dist/checkbox.d.ts +7 -0
- package/dist/checkbox.mjs +31 -0
- package/dist/collapsible.d.ts +10 -0
- package/dist/collapsible.mjs +34 -0
- package/dist/command.d.ts +31 -0
- package/dist/command.mjs +170 -0
- package/dist/context-menu.d.ts +42 -0
- package/dist/context-menu.mjs +223 -0
- package/dist/dialog.d.ts +27 -0
- package/dist/dialog.mjs +136 -0
- package/dist/dropdown-menu.d.ts +42 -0
- package/dist/dropdown-menu.mjs +231 -0
- package/dist/form.d.ts +38 -0
- package/dist/form.mjs +101 -0
- package/dist/hover-card.d.ts +11 -0
- package/dist/hover-card.mjs +38 -0
- package/dist/input.d.ts +6 -0
- package/dist/input.mjs +21 -0
- package/dist/label.d.ts +7 -0
- package/dist/label.mjs +23 -0
- package/dist/menubar.d.ts +44 -0
- package/dist/menubar.mjs +251 -0
- package/dist/navigation-menu.d.ts +26 -0
- package/dist/navigation-menu.mjs +170 -0
- package/dist/pagination.d.ts +33 -0
- package/dist/pagination.mjs +116 -0
- package/dist/popover.d.ts +13 -0
- package/dist/popover.mjs +44 -0
- package/dist/progress.d.ts +7 -0
- package/dist/progress.mjs +31 -0
- package/dist/radio-group.d.ts +9 -0
- package/dist/radio-group.mjs +45 -0
- package/dist/resizable.d.ts +13 -0
- package/dist/resizable.mjs +48 -0
- package/dist/scroll-area.d.ts +9 -0
- package/dist/scroll-area.mjs +60 -0
- package/dist/select.d.ts +27 -0
- package/dist/select.mjs +169 -0
- package/dist/separator.d.ts +7 -0
- package/dist/separator.mjs +26 -0
- package/dist/sheet.d.ts +23 -0
- package/dist/sheet.mjs +126 -0
- package/dist/skeleton.d.ts +5 -0
- package/dist/skeleton.mjs +15 -0
- package/dist/slider.d.ts +7 -0
- package/dist/slider.mjs +63 -0
- package/dist/sonner.d.ts +6 -0
- package/dist/sonner.mjs +22 -0
- package/dist/switch.d.ts +7 -0
- package/dist/switch.mjs +31 -0
- package/dist/table.d.ts +20 -0
- package/dist/table.mjs +114 -0
- package/dist/tabs.d.ts +13 -0
- package/dist/tabs.mjs +67 -0
- package/dist/textarea.d.ts +6 -0
- package/dist/textarea.mjs +18 -0
- package/dist/toggle-group.d.ts +16 -0
- package/dist/toggle-group.mjs +62 -0
- package/dist/toggle.d.ts +14 -0
- package/dist/toggle.mjs +43 -0
- package/dist/tooltip.d.ts +13 -0
- package/dist/tooltip.mjs +55 -0
- package/dist/utils-B7J70Nno.js +8 -0
- package/eslint.config.mjs +12 -0
- package/package.json +273 -0
- package/postcss.config.js +6 -0
- package/src/components/ui/accordion.tsx +64 -0
- package/src/components/ui/alert-dialog.tsx +155 -0
- package/src/components/ui/alert.tsx +66 -0
- package/src/components/ui/aspect-ratio.tsx +9 -0
- package/src/components/ui/avatar.tsx +51 -0
- package/src/components/ui/badge.tsx +46 -0
- package/src/components/ui/breadcrumb.tsx +109 -0
- package/src/components/ui/button.tsx +59 -0
- package/src/components/ui/calendar.tsx +211 -0
- package/src/components/ui/card.tsx +92 -0
- package/src/components/ui/carousel.tsx +239 -0
- package/src/components/ui/checkbox.tsx +30 -0
- package/src/components/ui/collapsible.tsx +31 -0
- package/src/components/ui/command.tsx +182 -0
- package/src/components/ui/context-menu.tsx +250 -0
- package/src/components/ui/dialog.tsx +141 -0
- package/src/components/ui/dropdown-menu.tsx +255 -0
- package/src/components/ui/form.tsx +165 -0
- package/src/components/ui/hover-card.tsx +42 -0
- package/src/components/ui/input.tsx +21 -0
- package/src/components/ui/label.tsx +24 -0
- package/src/components/ui/menubar.tsx +274 -0
- package/src/components/ui/navigation-menu.tsx +168 -0
- package/src/components/ui/pagination.tsx +125 -0
- package/src/components/ui/popover.tsx +46 -0
- package/src/components/ui/progress.tsx +29 -0
- package/src/components/ui/radio-group.tsx +43 -0
- package/src/components/ui/resizable.tsx +54 -0
- package/src/components/ui/scroll-area.tsx +56 -0
- package/src/components/ui/select.tsx +183 -0
- package/src/components/ui/separator.tsx +26 -0
- package/src/components/ui/sheet.tsx +137 -0
- package/src/components/ui/skeleton.tsx +13 -0
- package/src/components/ui/slider.tsx +61 -0
- package/src/components/ui/sonner.tsx +23 -0
- package/src/components/ui/switch.tsx +29 -0
- package/src/components/ui/table.tsx +114 -0
- package/src/components/ui/tabs.tsx +64 -0
- package/src/components/ui/textarea.tsx +18 -0
- package/src/components/ui/toggle-group.tsx +71 -0
- package/src/components/ui/toggle.tsx +45 -0
- package/src/components/ui/tooltip.tsx +59 -0
- package/src/index.ts +46 -0
- package/src/lib/utils.ts +6 -0
- package/src/style.css +0 -0
- package/tailwind.config.js +52 -0
- package/tsconfig.json +19 -0
- package/tsconfig.lib.json +54 -0
- package/tsconfig.spec.json +32 -0
- package/vite.config.ts +136 -0
package/dist/popover.mjs
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import * as e from "@radix-ui/react-popover";
|
|
3
|
+
import { c as i } from "./utils-B7J70Nno.js";
|
|
4
|
+
function s({
|
|
5
|
+
...o
|
|
6
|
+
}) {
|
|
7
|
+
return /* @__PURE__ */ t(e.Root, { "data-slot": "popover", ...o });
|
|
8
|
+
}
|
|
9
|
+
function m({
|
|
10
|
+
...o
|
|
11
|
+
}) {
|
|
12
|
+
return /* @__PURE__ */ t(e.Trigger, { "data-slot": "popover-trigger", ...o });
|
|
13
|
+
}
|
|
14
|
+
function c({
|
|
15
|
+
className: o,
|
|
16
|
+
align: r = "center",
|
|
17
|
+
sideOffset: a = 4,
|
|
18
|
+
...n
|
|
19
|
+
}) {
|
|
20
|
+
return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(
|
|
21
|
+
e.Content,
|
|
22
|
+
{
|
|
23
|
+
"data-slot": "popover-content",
|
|
24
|
+
align: r,
|
|
25
|
+
sideOffset: a,
|
|
26
|
+
className: i(
|
|
27
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
|
|
28
|
+
o
|
|
29
|
+
),
|
|
30
|
+
...n
|
|
31
|
+
}
|
|
32
|
+
) });
|
|
33
|
+
}
|
|
34
|
+
function f({
|
|
35
|
+
...o
|
|
36
|
+
}) {
|
|
37
|
+
return /* @__PURE__ */ t(e.Anchor, { "data-slot": "popover-anchor", ...o });
|
|
38
|
+
}
|
|
39
|
+
export {
|
|
40
|
+
s as Popover,
|
|
41
|
+
f as PopoverAnchor,
|
|
42
|
+
c as PopoverContent,
|
|
43
|
+
m as PopoverTrigger
|
|
44
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
3
|
+
import * as React_2 from 'react';
|
|
4
|
+
|
|
5
|
+
export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element;
|
|
6
|
+
|
|
7
|
+
export { }
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import * as o from "@radix-ui/react-progress";
|
|
3
|
+
import { c as l } from "./utils-B7J70Nno.js";
|
|
4
|
+
function n({
|
|
5
|
+
className: s,
|
|
6
|
+
value: t,
|
|
7
|
+
...a
|
|
8
|
+
}) {
|
|
9
|
+
return /* @__PURE__ */ r(
|
|
10
|
+
o.Root,
|
|
11
|
+
{
|
|
12
|
+
"data-slot": "progress",
|
|
13
|
+
className: l(
|
|
14
|
+
"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
|
|
15
|
+
s
|
|
16
|
+
),
|
|
17
|
+
...a,
|
|
18
|
+
children: /* @__PURE__ */ r(
|
|
19
|
+
o.Indicator,
|
|
20
|
+
{
|
|
21
|
+
"data-slot": "progress-indicator",
|
|
22
|
+
className: "bg-primary h-full w-full flex-1 transition-all",
|
|
23
|
+
style: { transform: `translateX(-${100 - (t || 0)}%)` }
|
|
24
|
+
}
|
|
25
|
+
)
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
export {
|
|
30
|
+
n as Progress
|
|
31
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
3
|
+
import * as React_2 from 'react';
|
|
4
|
+
|
|
5
|
+
export declare function RadioGroup({ className, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Root>): JSX.Element;
|
|
6
|
+
|
|
7
|
+
export declare function RadioGroupItem({ className, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element;
|
|
8
|
+
|
|
9
|
+
export { }
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import * as o from "@radix-ui/react-radio-group";
|
|
3
|
+
import { CircleIcon as t } from "lucide-react";
|
|
4
|
+
import { c as e } from "./utils-B7J70Nno.js";
|
|
5
|
+
function l({
|
|
6
|
+
className: i,
|
|
7
|
+
...a
|
|
8
|
+
}) {
|
|
9
|
+
return /* @__PURE__ */ r(
|
|
10
|
+
o.Root,
|
|
11
|
+
{
|
|
12
|
+
"data-slot": "radio-group",
|
|
13
|
+
className: e("grid gap-3", i),
|
|
14
|
+
...a
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
}
|
|
18
|
+
function c({
|
|
19
|
+
className: i,
|
|
20
|
+
...a
|
|
21
|
+
}) {
|
|
22
|
+
return /* @__PURE__ */ r(
|
|
23
|
+
o.Item,
|
|
24
|
+
{
|
|
25
|
+
"data-slot": "radio-group-item",
|
|
26
|
+
className: e(
|
|
27
|
+
"border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
|
|
28
|
+
i
|
|
29
|
+
),
|
|
30
|
+
...a,
|
|
31
|
+
children: /* @__PURE__ */ r(
|
|
32
|
+
o.Indicator,
|
|
33
|
+
{
|
|
34
|
+
"data-slot": "radio-group-indicator",
|
|
35
|
+
className: "relative flex items-center justify-center",
|
|
36
|
+
children: /* @__PURE__ */ r(t, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
|
|
37
|
+
}
|
|
38
|
+
)
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
export {
|
|
43
|
+
l as RadioGroup,
|
|
44
|
+
c as RadioGroupItem
|
|
45
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import * as React_2 from 'react';
|
|
3
|
+
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
4
|
+
|
|
5
|
+
export declare function ResizableHandle({ withHandle, className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
6
|
+
withHandle?: boolean;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
|
|
9
|
+
export declare function ResizablePanel({ ...props }: React_2.ComponentProps<typeof ResizablePrimitive.Panel>): JSX.Element;
|
|
10
|
+
|
|
11
|
+
export declare function ResizablePanelGroup({ className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { }
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { GripVerticalIcon as n } from "lucide-react";
|
|
3
|
+
import * as t from "react-resizable-panels";
|
|
4
|
+
import { c as i } from "./utils-B7J70Nno.js";
|
|
5
|
+
function d({
|
|
6
|
+
className: e,
|
|
7
|
+
...r
|
|
8
|
+
}) {
|
|
9
|
+
return /* @__PURE__ */ a(
|
|
10
|
+
t.PanelGroup,
|
|
11
|
+
{
|
|
12
|
+
"data-slot": "resizable-panel-group",
|
|
13
|
+
className: i(
|
|
14
|
+
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
|
|
15
|
+
e
|
|
16
|
+
),
|
|
17
|
+
...r
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
function f({
|
|
22
|
+
...e
|
|
23
|
+
}) {
|
|
24
|
+
return /* @__PURE__ */ a(t.Panel, { "data-slot": "resizable-panel", ...e });
|
|
25
|
+
}
|
|
26
|
+
function p({
|
|
27
|
+
withHandle: e,
|
|
28
|
+
className: r,
|
|
29
|
+
...l
|
|
30
|
+
}) {
|
|
31
|
+
return /* @__PURE__ */ a(
|
|
32
|
+
t.PanelResizeHandle,
|
|
33
|
+
{
|
|
34
|
+
"data-slot": "resizable-handle",
|
|
35
|
+
className: i(
|
|
36
|
+
"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
|
|
37
|
+
r
|
|
38
|
+
),
|
|
39
|
+
...l,
|
|
40
|
+
children: e && /* @__PURE__ */ a("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a(n, { className: "size-2.5" }) })
|
|
41
|
+
}
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
export {
|
|
45
|
+
p as ResizableHandle,
|
|
46
|
+
f as ResizablePanel,
|
|
47
|
+
d as ResizablePanelGroup
|
|
48
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import * as React_2 from 'react';
|
|
3
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
4
|
+
|
|
5
|
+
export declare function ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.Root>): JSX.Element;
|
|
6
|
+
|
|
7
|
+
export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;
|
|
8
|
+
|
|
9
|
+
export { }
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { jsxs as s, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import * as o from "@radix-ui/react-scroll-area";
|
|
3
|
+
import { c as t } from "./utils-B7J70Nno.js";
|
|
4
|
+
function u({
|
|
5
|
+
className: e,
|
|
6
|
+
children: r,
|
|
7
|
+
...a
|
|
8
|
+
}) {
|
|
9
|
+
return /* @__PURE__ */ s(
|
|
10
|
+
o.Root,
|
|
11
|
+
{
|
|
12
|
+
"data-slot": "scroll-area",
|
|
13
|
+
className: t("relative", e),
|
|
14
|
+
...a,
|
|
15
|
+
children: [
|
|
16
|
+
/* @__PURE__ */ l(
|
|
17
|
+
o.Viewport,
|
|
18
|
+
{
|
|
19
|
+
"data-slot": "scroll-area-viewport",
|
|
20
|
+
className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
|
|
21
|
+
children: r
|
|
22
|
+
}
|
|
23
|
+
),
|
|
24
|
+
/* @__PURE__ */ l(c, {}),
|
|
25
|
+
/* @__PURE__ */ l(o.Corner, {})
|
|
26
|
+
]
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
function c({
|
|
31
|
+
className: e,
|
|
32
|
+
orientation: r = "vertical",
|
|
33
|
+
...a
|
|
34
|
+
}) {
|
|
35
|
+
return /* @__PURE__ */ l(
|
|
36
|
+
o.ScrollAreaScrollbar,
|
|
37
|
+
{
|
|
38
|
+
"data-slot": "scroll-area-scrollbar",
|
|
39
|
+
orientation: r,
|
|
40
|
+
className: t(
|
|
41
|
+
"flex touch-none p-px transition-colors select-none",
|
|
42
|
+
r === "vertical" && "h-full w-2.5 border-l border-l-transparent",
|
|
43
|
+
r === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
|
|
44
|
+
e
|
|
45
|
+
),
|
|
46
|
+
...a,
|
|
47
|
+
children: /* @__PURE__ */ l(
|
|
48
|
+
o.ScrollAreaThumb,
|
|
49
|
+
{
|
|
50
|
+
"data-slot": "scroll-area-thumb",
|
|
51
|
+
className: "bg-border relative flex-1 rounded-full"
|
|
52
|
+
}
|
|
53
|
+
)
|
|
54
|
+
}
|
|
55
|
+
);
|
|
56
|
+
}
|
|
57
|
+
export {
|
|
58
|
+
u as ScrollArea,
|
|
59
|
+
c as ScrollBar
|
|
60
|
+
};
|
package/dist/select.d.ts
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import * as React_2 from 'react';
|
|
3
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
4
|
+
|
|
5
|
+
export declare function Select({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Root>): JSX.Element;
|
|
6
|
+
|
|
7
|
+
export declare function SelectContent({ className, children, position, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;
|
|
8
|
+
|
|
9
|
+
export declare function SelectGroup({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Group>): JSX.Element;
|
|
10
|
+
|
|
11
|
+
export declare function SelectItem({ className, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Item>): JSX.Element;
|
|
12
|
+
|
|
13
|
+
export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Label>): JSX.Element;
|
|
14
|
+
|
|
15
|
+
export declare function SelectScrollDownButton({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): JSX.Element;
|
|
16
|
+
|
|
17
|
+
export declare function SelectScrollUpButton({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): JSX.Element;
|
|
18
|
+
|
|
19
|
+
export declare function SelectSeparator({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element;
|
|
20
|
+
|
|
21
|
+
export declare function SelectTrigger({ className, size, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
22
|
+
size?: "sm" | "default";
|
|
23
|
+
}): JSX.Element;
|
|
24
|
+
|
|
25
|
+
export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Value>): JSX.Element;
|
|
26
|
+
|
|
27
|
+
export { }
|
package/dist/select.mjs
ADDED
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
import { jsx as t, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import * as a from "@radix-ui/react-select";
|
|
3
|
+
import { CheckIcon as d, ChevronDownIcon as i, ChevronUpIcon as c } from "lucide-react";
|
|
4
|
+
import { c as s } from "./utils-B7J70Nno.js";
|
|
5
|
+
function v({
|
|
6
|
+
...e
|
|
7
|
+
}) {
|
|
8
|
+
return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
|
|
9
|
+
}
|
|
10
|
+
function x({
|
|
11
|
+
...e
|
|
12
|
+
}) {
|
|
13
|
+
return /* @__PURE__ */ t(a.Group, { "data-slot": "select-group", ...e });
|
|
14
|
+
}
|
|
15
|
+
function h({
|
|
16
|
+
...e
|
|
17
|
+
}) {
|
|
18
|
+
return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
|
|
19
|
+
}
|
|
20
|
+
function b({
|
|
21
|
+
className: e,
|
|
22
|
+
size: r = "default",
|
|
23
|
+
children: o,
|
|
24
|
+
...n
|
|
25
|
+
}) {
|
|
26
|
+
return /* @__PURE__ */ l(
|
|
27
|
+
a.Trigger,
|
|
28
|
+
{
|
|
29
|
+
"data-slot": "select-trigger",
|
|
30
|
+
"data-size": r,
|
|
31
|
+
className: s(
|
|
32
|
+
"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
33
|
+
e
|
|
34
|
+
),
|
|
35
|
+
...n,
|
|
36
|
+
children: [
|
|
37
|
+
o,
|
|
38
|
+
/* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "size-4 opacity-50" }) })
|
|
39
|
+
]
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
function w({
|
|
44
|
+
className: e,
|
|
45
|
+
children: r,
|
|
46
|
+
position: o = "popper",
|
|
47
|
+
...n
|
|
48
|
+
}) {
|
|
49
|
+
return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ l(
|
|
50
|
+
a.Content,
|
|
51
|
+
{
|
|
52
|
+
"data-slot": "select-content",
|
|
53
|
+
className: s(
|
|
54
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
|
|
55
|
+
o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
56
|
+
e
|
|
57
|
+
),
|
|
58
|
+
position: o,
|
|
59
|
+
...n,
|
|
60
|
+
children: [
|
|
61
|
+
/* @__PURE__ */ t(u, {}),
|
|
62
|
+
/* @__PURE__ */ t(
|
|
63
|
+
a.Viewport,
|
|
64
|
+
{
|
|
65
|
+
className: s(
|
|
66
|
+
"p-1",
|
|
67
|
+
o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
|
|
68
|
+
),
|
|
69
|
+
children: r
|
|
70
|
+
}
|
|
71
|
+
),
|
|
72
|
+
/* @__PURE__ */ t(p, {})
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
) });
|
|
76
|
+
}
|
|
77
|
+
function y({
|
|
78
|
+
className: e,
|
|
79
|
+
...r
|
|
80
|
+
}) {
|
|
81
|
+
return /* @__PURE__ */ t(
|
|
82
|
+
a.Label,
|
|
83
|
+
{
|
|
84
|
+
"data-slot": "select-label",
|
|
85
|
+
className: s("text-muted-foreground px-2 py-1.5 text-xs", e),
|
|
86
|
+
...r
|
|
87
|
+
}
|
|
88
|
+
);
|
|
89
|
+
}
|
|
90
|
+
function S({
|
|
91
|
+
className: e,
|
|
92
|
+
children: r,
|
|
93
|
+
...o
|
|
94
|
+
}) {
|
|
95
|
+
return /* @__PURE__ */ l(
|
|
96
|
+
a.Item,
|
|
97
|
+
{
|
|
98
|
+
"data-slot": "select-item",
|
|
99
|
+
className: s(
|
|
100
|
+
"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
|
|
101
|
+
e
|
|
102
|
+
),
|
|
103
|
+
...o,
|
|
104
|
+
children: [
|
|
105
|
+
/* @__PURE__ */ t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(d, { className: "size-4" }) }) }),
|
|
106
|
+
/* @__PURE__ */ t(a.ItemText, { children: r })
|
|
107
|
+
]
|
|
108
|
+
}
|
|
109
|
+
);
|
|
110
|
+
}
|
|
111
|
+
function z({
|
|
112
|
+
className: e,
|
|
113
|
+
...r
|
|
114
|
+
}) {
|
|
115
|
+
return /* @__PURE__ */ t(
|
|
116
|
+
a.Separator,
|
|
117
|
+
{
|
|
118
|
+
"data-slot": "select-separator",
|
|
119
|
+
className: s("bg-border pointer-events-none -mx-1 my-1 h-px", e),
|
|
120
|
+
...r
|
|
121
|
+
}
|
|
122
|
+
);
|
|
123
|
+
}
|
|
124
|
+
function u({
|
|
125
|
+
className: e,
|
|
126
|
+
...r
|
|
127
|
+
}) {
|
|
128
|
+
return /* @__PURE__ */ t(
|
|
129
|
+
a.ScrollUpButton,
|
|
130
|
+
{
|
|
131
|
+
"data-slot": "select-scroll-up-button",
|
|
132
|
+
className: s(
|
|
133
|
+
"flex cursor-default items-center justify-center py-1",
|
|
134
|
+
e
|
|
135
|
+
),
|
|
136
|
+
...r,
|
|
137
|
+
children: /* @__PURE__ */ t(c, { className: "size-4" })
|
|
138
|
+
}
|
|
139
|
+
);
|
|
140
|
+
}
|
|
141
|
+
function p({
|
|
142
|
+
className: e,
|
|
143
|
+
...r
|
|
144
|
+
}) {
|
|
145
|
+
return /* @__PURE__ */ t(
|
|
146
|
+
a.ScrollDownButton,
|
|
147
|
+
{
|
|
148
|
+
"data-slot": "select-scroll-down-button",
|
|
149
|
+
className: s(
|
|
150
|
+
"flex cursor-default items-center justify-center py-1",
|
|
151
|
+
e
|
|
152
|
+
),
|
|
153
|
+
...r,
|
|
154
|
+
children: /* @__PURE__ */ t(i, { className: "size-4" })
|
|
155
|
+
}
|
|
156
|
+
);
|
|
157
|
+
}
|
|
158
|
+
export {
|
|
159
|
+
v as Select,
|
|
160
|
+
w as SelectContent,
|
|
161
|
+
x as SelectGroup,
|
|
162
|
+
S as SelectItem,
|
|
163
|
+
y as SelectLabel,
|
|
164
|
+
p as SelectScrollDownButton,
|
|
165
|
+
u as SelectScrollUpButton,
|
|
166
|
+
z as SelectSeparator,
|
|
167
|
+
b as SelectTrigger,
|
|
168
|
+
h as SelectValue
|
|
169
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import * as React_2 from 'react';
|
|
3
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
4
|
+
|
|
5
|
+
export declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof SeparatorPrimitive.Root>): JSX.Element;
|
|
6
|
+
|
|
7
|
+
export { }
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import * as n from "@radix-ui/react-separator";
|
|
3
|
+
import { c as e } from "./utils-B7J70Nno.js";
|
|
4
|
+
function m({
|
|
5
|
+
className: t,
|
|
6
|
+
orientation: a = "horizontal",
|
|
7
|
+
decorative: o = !0,
|
|
8
|
+
...r
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ i(
|
|
11
|
+
n.Root,
|
|
12
|
+
{
|
|
13
|
+
"data-slot": "separator",
|
|
14
|
+
decorative: o,
|
|
15
|
+
orientation: a,
|
|
16
|
+
className: e(
|
|
17
|
+
"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
|
|
18
|
+
t
|
|
19
|
+
),
|
|
20
|
+
...r
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
}
|
|
24
|
+
export {
|
|
25
|
+
m as Separator
|
|
26
|
+
};
|
package/dist/sheet.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import * as React_2 from 'react';
|
|
3
|
+
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
4
|
+
|
|
5
|
+
export declare function Sheet({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Root>): JSX.Element;
|
|
6
|
+
|
|
7
|
+
export declare function SheetClose({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Close>): JSX.Element;
|
|
8
|
+
|
|
9
|
+
export declare function SheetContent({ className, children, side, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
10
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
11
|
+
}): JSX.Element;
|
|
12
|
+
|
|
13
|
+
export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Description>): JSX.Element;
|
|
14
|
+
|
|
15
|
+
export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
16
|
+
|
|
17
|
+
export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
18
|
+
|
|
19
|
+
export declare function SheetTitle({ className, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Title>): JSX.Element;
|
|
20
|
+
|
|
21
|
+
export declare function SheetTrigger({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Trigger>): JSX.Element;
|
|
22
|
+
|
|
23
|
+
export { }
|
package/dist/sheet.mjs
ADDED
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { jsx as e, jsxs as r } from "react/jsx-runtime";
|
|
2
|
+
import * as a from "@radix-ui/react-dialog";
|
|
3
|
+
import { XIcon as l } from "lucide-react";
|
|
4
|
+
import { c as s } from "./utils-B7J70Nno.js";
|
|
5
|
+
function h({ ...t }) {
|
|
6
|
+
return /* @__PURE__ */ e(a.Root, { "data-slot": "sheet", ...t });
|
|
7
|
+
}
|
|
8
|
+
function p({
|
|
9
|
+
...t
|
|
10
|
+
}) {
|
|
11
|
+
return /* @__PURE__ */ e(a.Trigger, { "data-slot": "sheet-trigger", ...t });
|
|
12
|
+
}
|
|
13
|
+
function g({
|
|
14
|
+
...t
|
|
15
|
+
}) {
|
|
16
|
+
return /* @__PURE__ */ e(a.Close, { "data-slot": "sheet-close", ...t });
|
|
17
|
+
}
|
|
18
|
+
function d({
|
|
19
|
+
...t
|
|
20
|
+
}) {
|
|
21
|
+
return /* @__PURE__ */ e(a.Portal, { "data-slot": "sheet-portal", ...t });
|
|
22
|
+
}
|
|
23
|
+
function c({
|
|
24
|
+
className: t,
|
|
25
|
+
...o
|
|
26
|
+
}) {
|
|
27
|
+
return /* @__PURE__ */ e(
|
|
28
|
+
a.Overlay,
|
|
29
|
+
{
|
|
30
|
+
"data-slot": "sheet-overlay",
|
|
31
|
+
className: s(
|
|
32
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
|
|
33
|
+
t
|
|
34
|
+
),
|
|
35
|
+
...o
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
}
|
|
39
|
+
function x({
|
|
40
|
+
className: t,
|
|
41
|
+
children: o,
|
|
42
|
+
side: n = "right",
|
|
43
|
+
...i
|
|
44
|
+
}) {
|
|
45
|
+
return /* @__PURE__ */ r(d, { children: [
|
|
46
|
+
/* @__PURE__ */ e(c, {}),
|
|
47
|
+
/* @__PURE__ */ r(
|
|
48
|
+
a.Content,
|
|
49
|
+
{
|
|
50
|
+
"data-slot": "sheet-content",
|
|
51
|
+
className: s(
|
|
52
|
+
"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
|
|
53
|
+
n === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
|
|
54
|
+
n === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
|
|
55
|
+
n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
|
|
56
|
+
n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
|
|
57
|
+
t
|
|
58
|
+
),
|
|
59
|
+
...i,
|
|
60
|
+
children: [
|
|
61
|
+
o,
|
|
62
|
+
/* @__PURE__ */ r(a.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
|
|
63
|
+
/* @__PURE__ */ e(l, { className: "size-4" }),
|
|
64
|
+
/* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
|
|
65
|
+
] })
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
)
|
|
69
|
+
] });
|
|
70
|
+
}
|
|
71
|
+
function b({ className: t, ...o }) {
|
|
72
|
+
return /* @__PURE__ */ e(
|
|
73
|
+
"div",
|
|
74
|
+
{
|
|
75
|
+
"data-slot": "sheet-header",
|
|
76
|
+
className: s("flex flex-col gap-1.5 p-4", t),
|
|
77
|
+
...o
|
|
78
|
+
}
|
|
79
|
+
);
|
|
80
|
+
}
|
|
81
|
+
function y({ className: t, ...o }) {
|
|
82
|
+
return /* @__PURE__ */ e(
|
|
83
|
+
"div",
|
|
84
|
+
{
|
|
85
|
+
"data-slot": "sheet-footer",
|
|
86
|
+
className: s("mt-auto flex flex-col gap-2 p-4", t),
|
|
87
|
+
...o
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
}
|
|
91
|
+
function S({
|
|
92
|
+
className: t,
|
|
93
|
+
...o
|
|
94
|
+
}) {
|
|
95
|
+
return /* @__PURE__ */ e(
|
|
96
|
+
a.Title,
|
|
97
|
+
{
|
|
98
|
+
"data-slot": "sheet-title",
|
|
99
|
+
className: s("text-foreground font-semibold", t),
|
|
100
|
+
...o
|
|
101
|
+
}
|
|
102
|
+
);
|
|
103
|
+
}
|
|
104
|
+
function N({
|
|
105
|
+
className: t,
|
|
106
|
+
...o
|
|
107
|
+
}) {
|
|
108
|
+
return /* @__PURE__ */ e(
|
|
109
|
+
a.Description,
|
|
110
|
+
{
|
|
111
|
+
"data-slot": "sheet-description",
|
|
112
|
+
className: s("text-muted-foreground text-sm", t),
|
|
113
|
+
...o
|
|
114
|
+
}
|
|
115
|
+
);
|
|
116
|
+
}
|
|
117
|
+
export {
|
|
118
|
+
h as Sheet,
|
|
119
|
+
g as SheetClose,
|
|
120
|
+
x as SheetContent,
|
|
121
|
+
N as SheetDescription,
|
|
122
|
+
y as SheetFooter,
|
|
123
|
+
b as SheetHeader,
|
|
124
|
+
S as SheetTitle,
|
|
125
|
+
p as SheetTrigger
|
|
126
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { c as n } from "./utils-B7J70Nno.js";
|
|
3
|
+
function m({ className: e, ...t }) {
|
|
4
|
+
return /* @__PURE__ */ o(
|
|
5
|
+
"div",
|
|
6
|
+
{
|
|
7
|
+
"data-slot": "skeleton",
|
|
8
|
+
className: n("bg-accent animate-pulse rounded-md", e),
|
|
9
|
+
...t
|
|
10
|
+
}
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
export {
|
|
14
|
+
m as Skeleton
|
|
15
|
+
};
|