@codefast/ui 0.0.4 → 0.0.5
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/dist/accordion.js +52 -1
- package/dist/accordion.js.map +1 -1
- package/dist/accordion.mjs +52 -1
- package/dist/accordion.mjs.map +1 -1
- package/dist/alert-dialog.d.mts +1 -3
- package/dist/alert-dialog.d.ts +1 -3
- package/dist/alert-dialog.js +106 -1
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert-dialog.mjs +106 -1
- package/dist/alert-dialog.mjs.map +1 -1
- package/dist/alert.js +54 -1
- package/dist/alert.js.map +1 -1
- package/dist/alert.mjs +54 -1
- package/dist/alert.mjs.map +1 -1
- package/dist/aspect-ratio.js +8 -1
- package/dist/aspect-ratio.js.map +1 -1
- package/dist/aspect-ratio.mjs +8 -1
- package/dist/aspect-ratio.mjs.map +1 -1
- package/dist/avatar.js +47 -1
- package/dist/avatar.js.map +1 -1
- package/dist/avatar.mjs +47 -1
- package/dist/avatar.mjs.map +1 -1
- package/dist/badge.js +30 -1
- package/dist/badge.js.map +1 -1
- package/dist/badge.mjs +30 -1
- package/dist/badge.mjs.map +1 -1
- package/dist/breadcrumb.js +99 -1
- package/dist/breadcrumb.js.map +1 -1
- package/dist/breadcrumb.mjs +99 -1
- package/dist/breadcrumb.mjs.map +1 -1
- package/dist/button.d.mts +2 -2
- package/dist/button.d.ts +2 -2
- package/dist/button.js +9 -1
- package/dist/button.mjs +9 -1
- package/dist/calendar.js +82 -1
- package/dist/calendar.js.map +1 -1
- package/dist/calendar.mjs +82 -1
- package/dist/calendar.mjs.map +1 -1
- package/dist/card.js +66 -1
- package/dist/card.js.map +1 -1
- package/dist/card.mjs +66 -1
- package/dist/card.mjs.map +1 -1
- package/dist/carousel.js +193 -1
- package/dist/carousel.js.map +1 -1
- package/dist/carousel.mjs +193 -1
- package/dist/carousel.mjs.map +1 -1
- package/dist/checkbox.js +26 -1
- package/dist/checkbox.js.map +1 -1
- package/dist/checkbox.mjs +26 -1
- package/dist/checkbox.mjs.map +1 -1
- package/dist/chunk-4K26QLS2.js +52 -0
- package/dist/chunk-4K26QLS2.js.map +1 -0
- package/dist/chunk-5GHZ6EXI.js +41 -0
- package/dist/chunk-5GHZ6EXI.js.map +1 -0
- package/dist/chunk-EIHWTXQ4.mjs +112 -0
- package/dist/chunk-EIHWTXQ4.mjs.map +1 -0
- package/dist/chunk-G3NP7M2N.js +19 -0
- package/dist/chunk-G3NP7M2N.js.map +1 -0
- package/dist/chunk-LDYBRDAY.js +112 -0
- package/dist/chunk-LDYBRDAY.js.map +1 -0
- package/dist/chunk-PTD4AMHI.mjs +25 -0
- package/dist/{chunk-76AASLTX.mjs.map → chunk-PTD4AMHI.mjs.map} +1 -1
- package/dist/chunk-RTKEO347.js +25 -0
- package/dist/chunk-RTKEO347.js.map +1 -0
- package/dist/chunk-T52N6ZBP.mjs +41 -0
- package/dist/chunk-T52N6ZBP.mjs.map +1 -0
- package/dist/chunk-UG3URV2Z.mjs +19 -0
- package/dist/chunk-UG3URV2Z.mjs.map +1 -0
- package/dist/chunk-Z524G4RY.mjs +52 -0
- package/dist/chunk-Z524G4RY.mjs.map +1 -0
- package/dist/collapsible.js +12 -1
- package/dist/collapsible.js.map +1 -1
- package/dist/collapsible.mjs +12 -1
- package/dist/collapsible.mjs.map +1 -1
- package/dist/command.d.mts +8 -8
- package/dist/command.d.ts +8 -8
- package/dist/command.js +131 -1
- package/dist/command.js.map +1 -1
- package/dist/command.mjs +131 -1
- package/dist/command.mjs.map +1 -1
- package/dist/context-menu.d.mts +2 -2
- package/dist/context-menu.d.ts +2 -2
- package/dist/context-menu.js +169 -1
- package/dist/context-menu.js.map +1 -1
- package/dist/context-menu.mjs +169 -1
- package/dist/context-menu.mjs.map +1 -1
- package/dist/dialog.d.mts +1 -3
- package/dist/dialog.d.ts +1 -3
- package/dist/dialog.js +22 -1
- package/dist/dialog.mjs +22 -1
- package/dist/drawer.d.mts +1 -3
- package/dist/drawer.d.ts +1 -3
- package/dist/drawer.js +97 -1
- package/dist/drawer.js.map +1 -1
- package/dist/drawer.mjs +97 -1
- package/dist/drawer.mjs.map +1 -1
- package/dist/dropdown-menu.d.mts +1 -2
- package/dist/dropdown-menu.d.ts +1 -2
- package/dist/dropdown-menu.js +157 -1
- package/dist/dropdown-menu.js.map +1 -1
- package/dist/dropdown-menu.mjs +157 -1
- package/dist/dropdown-menu.mjs.map +1 -1
- package/dist/form.js +117 -1
- package/dist/form.js.map +1 -1
- package/dist/form.mjs +117 -1
- package/dist/form.mjs.map +1 -1
- package/dist/hover-card.js +30 -1
- package/dist/hover-card.js.map +1 -1
- package/dist/hover-card.mjs +30 -1
- package/dist/hover-card.mjs.map +1 -1
- package/dist/input-otp.d.mts +2 -2
- package/dist/input-otp.d.ts +2 -2
- package/dist/input-otp.js +59 -1
- package/dist/input-otp.js.map +1 -1
- package/dist/input-otp.mjs +59 -1
- package/dist/input-otp.mjs.map +1 -1
- package/dist/input.js +25 -1
- package/dist/input.js.map +1 -1
- package/dist/input.mjs +25 -1
- package/dist/input.mjs.map +1 -1
- package/dist/label.js +8 -1
- package/dist/label.mjs +8 -1
- package/dist/menubar.d.mts +1 -2
- package/dist/menubar.d.ts +1 -2
- package/dist/menubar.js +188 -1
- package/dist/menubar.js.map +1 -1
- package/dist/menubar.mjs +188 -1
- package/dist/menubar.mjs.map +1 -1
- package/dist/navigation-menu.js +124 -1
- package/dist/navigation-menu.js.map +1 -1
- package/dist/navigation-menu.mjs +124 -1
- package/dist/navigation-menu.mjs.map +1 -1
- package/dist/pagination.js +123 -1
- package/dist/pagination.js.map +1 -1
- package/dist/pagination.mjs +123 -1
- package/dist/pagination.mjs.map +1 -1
- package/dist/popover.d.mts +2 -1
- package/dist/popover.d.ts +2 -1
- package/dist/popover.js +42 -1
- package/dist/popover.js.map +1 -1
- package/dist/popover.mjs +42 -1
- package/dist/popover.mjs.map +1 -1
- package/dist/progress.js +33 -1
- package/dist/progress.js.map +1 -1
- package/dist/progress.mjs +33 -1
- package/dist/progress.mjs.map +1 -1
- package/dist/radio-group.js +46 -1
- package/dist/radio-group.js.map +1 -1
- package/dist/radio-group.mjs +46 -1
- package/dist/radio-group.mjs.map +1 -1
- package/dist/resizable.js +47 -1
- package/dist/resizable.js.map +1 -1
- package/dist/resizable.mjs +47 -1
- package/dist/resizable.mjs.map +1 -1
- package/dist/scroll-area.js +44 -1
- package/dist/scroll-area.js.map +1 -1
- package/dist/scroll-area.mjs +44 -1
- package/dist/scroll-area.mjs.map +1 -1
- package/dist/select.js +134 -1
- package/dist/select.js.map +1 -1
- package/dist/select.mjs +134 -1
- package/dist/select.mjs.map +1 -1
- package/dist/separator.js +29 -1
- package/dist/separator.js.map +1 -1
- package/dist/separator.mjs +29 -1
- package/dist/separator.mjs.map +1 -1
- package/dist/sheet.d.mts +1 -3
- package/dist/sheet.d.ts +1 -3
- package/dist/sheet.js +121 -1
- package/dist/sheet.js.map +1 -1
- package/dist/sheet.mjs +121 -1
- package/dist/sheet.mjs.map +1 -1
- package/dist/skeleton.js +21 -1
- package/dist/skeleton.js.map +1 -1
- package/dist/skeleton.mjs +21 -1
- package/dist/skeleton.mjs.map +1 -1
- package/dist/slider.js +28 -1
- package/dist/slider.js.map +1 -1
- package/dist/slider.mjs +28 -1
- package/dist/slider.mjs.map +1 -1
- package/dist/sonner.js +34 -1
- package/dist/sonner.js.map +1 -1
- package/dist/sonner.mjs +34 -1
- package/dist/sonner.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/switch.js +25 -1
- package/dist/switch.js.map +1 -1
- package/dist/switch.mjs +25 -1
- package/dist/switch.mjs.map +1 -1
- package/dist/table.js +94 -1
- package/dist/table.js.map +1 -1
- package/dist/table.mjs +94 -1
- package/dist/table.mjs.map +1 -1
- package/dist/tabs.js +52 -1
- package/dist/tabs.js.map +1 -1
- package/dist/tabs.mjs +52 -1
- package/dist/tabs.mjs.map +1 -1
- package/dist/textarea.js +24 -1
- package/dist/textarea.js.map +1 -1
- package/dist/textarea.mjs +24 -1
- package/dist/textarea.mjs.map +1 -1
- package/dist/toggle-group.js +49 -1
- package/dist/toggle-group.js.map +1 -1
- package/dist/toggle-group.mjs +49 -1
- package/dist/toggle-group.mjs.map +1 -1
- package/dist/toggle.d.mts +1 -1
- package/dist/toggle.d.ts +1 -1
- package/dist/toggle.js +10 -1
- package/dist/toggle.mjs +10 -1
- package/dist/tooltip.d.mts +2 -3
- package/dist/tooltip.d.ts +2 -3
- package/dist/tooltip.js +41 -1
- package/dist/tooltip.js.map +1 -1
- package/dist/tooltip.mjs +41 -1
- package/dist/tooltip.mjs.map +1 -1
- package/dist/utils.js +10 -1
- package/dist/utils.mjs +10 -1
- package/package.json +3 -3
- package/src/accordion.tsx +2 -6
- package/src/alert-dialog.tsx +4 -35
- package/src/alert.tsx +1 -1
- package/src/avatar.tsx +1 -1
- package/src/badge.tsx +1 -1
- package/src/breadcrumb.tsx +1 -1
- package/src/button.tsx +5 -5
- package/src/calendar.tsx +6 -7
- package/src/card.tsx +1 -1
- package/src/checkbox.tsx +1 -2
- package/src/command.tsx +6 -17
- package/src/context-menu.tsx +32 -44
- package/src/dialog.tsx +9 -37
- package/src/drawer.tsx +3 -27
- package/src/dropdown-menu.tsx +15 -44
- package/src/form.tsx +0 -1
- package/src/hover-card.tsx +12 -20
- package/src/input-otp.tsx +2 -2
- package/src/input.tsx +1 -1
- package/src/menubar.tsx +17 -42
- package/src/navigation-menu.tsx +6 -19
- package/src/pagination.tsx +2 -4
- package/src/popover.tsx +18 -12
- package/src/progress.tsx +3 -1
- package/src/radio-group.tsx +6 -4
- package/src/resizable.tsx +2 -5
- package/src/select.tsx +13 -22
- package/src/sheet.tsx +15 -59
- package/src/slider.tsx +1 -1
- package/src/sonner.tsx +4 -2
- package/src/switch.tsx +2 -8
- package/src/table.tsx +2 -2
- package/src/tabs.tsx +3 -4
- package/src/textarea.tsx +1 -1
- package/src/toggle.tsx +4 -7
- package/src/tooltip.tsx +23 -34
- package/dist/chunk-4ZL55G6C.js +0 -2
- package/dist/chunk-4ZL55G6C.js.map +0 -1
- package/dist/chunk-76AASLTX.mjs +0 -2
- package/dist/chunk-7UVSBFQU.js +0 -2
- package/dist/chunk-7UVSBFQU.js.map +0 -1
- package/dist/chunk-BP7PEVLB.js +0 -2
- package/dist/chunk-BP7PEVLB.js.map +0 -1
- package/dist/chunk-BPCLLQ62.mjs +0 -2
- package/dist/chunk-BPCLLQ62.mjs.map +0 -1
- package/dist/chunk-CAGY2ZSE.js +0 -2
- package/dist/chunk-CAGY2ZSE.js.map +0 -1
- package/dist/chunk-JTI7KCLO.mjs +0 -2
- package/dist/chunk-JTI7KCLO.mjs.map +0 -1
- package/dist/chunk-QZCQ42BP.js +0 -2
- package/dist/chunk-QZCQ42BP.js.map +0 -1
- package/dist/chunk-WZ4XIF6U.mjs +0 -2
- package/dist/chunk-WZ4XIF6U.mjs.map +0 -1
- package/dist/chunk-YQJHVJVX.mjs +0 -2
- package/dist/chunk-YQJHVJVX.mjs.map +0 -1
package/dist/select.mjs
CHANGED
|
@@ -1,2 +1,135 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
cn
|
|
4
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
5
|
+
|
|
6
|
+
// src/select.tsx
|
|
7
|
+
import * as React from "react";
|
|
8
|
+
import {
|
|
9
|
+
CaretSortIcon,
|
|
10
|
+
CheckIcon,
|
|
11
|
+
ChevronDownIcon,
|
|
12
|
+
ChevronUpIcon
|
|
13
|
+
} from "@radix-ui/react-icons";
|
|
14
|
+
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
15
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
+
var Select = SelectPrimitive.Root;
|
|
17
|
+
var SelectGroup = SelectPrimitive.Group;
|
|
18
|
+
var SelectValue = SelectPrimitive.Value;
|
|
19
|
+
var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
20
|
+
SelectPrimitive.Trigger,
|
|
21
|
+
{
|
|
22
|
+
ref,
|
|
23
|
+
className: cn(
|
|
24
|
+
"border-input placeholder:text-muted-foreground focus:ring-offset-background focus:ring-ring flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
|
|
25
|
+
className
|
|
26
|
+
),
|
|
27
|
+
...props,
|
|
28
|
+
children: [
|
|
29
|
+
children,
|
|
30
|
+
/* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(CaretSortIcon, { className: "size-4 opacity-50" }) })
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
));
|
|
34
|
+
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
35
|
+
var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
36
|
+
SelectPrimitive.ScrollUpButton,
|
|
37
|
+
{
|
|
38
|
+
ref,
|
|
39
|
+
className: cn(
|
|
40
|
+
"flex cursor-default items-center justify-center py-1",
|
|
41
|
+
className
|
|
42
|
+
),
|
|
43
|
+
...props,
|
|
44
|
+
children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
|
|
45
|
+
}
|
|
46
|
+
));
|
|
47
|
+
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
48
|
+
var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
49
|
+
SelectPrimitive.ScrollDownButton,
|
|
50
|
+
{
|
|
51
|
+
ref,
|
|
52
|
+
className: cn(
|
|
53
|
+
"flex cursor-default items-center justify-center py-1",
|
|
54
|
+
className
|
|
55
|
+
),
|
|
56
|
+
...props,
|
|
57
|
+
children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
|
|
58
|
+
}
|
|
59
|
+
));
|
|
60
|
+
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
61
|
+
var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
|
|
62
|
+
SelectPrimitive.Content,
|
|
63
|
+
{
|
|
64
|
+
ref,
|
|
65
|
+
className: cn(
|
|
66
|
+
"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-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
|
|
67
|
+
position === "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",
|
|
68
|
+
className
|
|
69
|
+
),
|
|
70
|
+
position,
|
|
71
|
+
...props,
|
|
72
|
+
children: [
|
|
73
|
+
/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
|
|
74
|
+
/* @__PURE__ */ jsx(
|
|
75
|
+
SelectPrimitive.Viewport,
|
|
76
|
+
{
|
|
77
|
+
className: cn(
|
|
78
|
+
"p-1",
|
|
79
|
+
position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
|
|
80
|
+
),
|
|
81
|
+
children
|
|
82
|
+
}
|
|
83
|
+
),
|
|
84
|
+
/* @__PURE__ */ jsx(SelectScrollDownButton, {})
|
|
85
|
+
]
|
|
86
|
+
}
|
|
87
|
+
) }));
|
|
88
|
+
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
89
|
+
var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
90
|
+
SelectPrimitive.Label,
|
|
91
|
+
{
|
|
92
|
+
ref,
|
|
93
|
+
className: cn("px-2 py-1.5 text-sm font-semibold", className),
|
|
94
|
+
...props
|
|
95
|
+
}
|
|
96
|
+
));
|
|
97
|
+
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
98
|
+
var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
99
|
+
SelectPrimitive.Item,
|
|
100
|
+
{
|
|
101
|
+
ref,
|
|
102
|
+
className: cn(
|
|
103
|
+
"focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
104
|
+
className
|
|
105
|
+
),
|
|
106
|
+
...props,
|
|
107
|
+
children: [
|
|
108
|
+
/* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
|
|
109
|
+
/* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
));
|
|
113
|
+
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
114
|
+
var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
115
|
+
SelectPrimitive.Separator,
|
|
116
|
+
{
|
|
117
|
+
ref,
|
|
118
|
+
className: cn("bg-muted -mx-1 my-1 h-px", className),
|
|
119
|
+
...props
|
|
120
|
+
}
|
|
121
|
+
));
|
|
122
|
+
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
123
|
+
export {
|
|
124
|
+
Select,
|
|
125
|
+
SelectContent,
|
|
126
|
+
SelectGroup,
|
|
127
|
+
SelectItem,
|
|
128
|
+
SelectLabel,
|
|
129
|
+
SelectScrollDownButton,
|
|
130
|
+
SelectScrollUpButton,
|
|
131
|
+
SelectSeparator,
|
|
132
|
+
SelectTrigger,
|
|
133
|
+
SelectValue
|
|
134
|
+
};
|
|
2
135
|
//# sourceMappingURL=select.mjs.map
|
package/dist/select.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n CaretSortIcon,\n CheckIcon,\n ChevronDownIcon,\n ChevronUpIcon,\n} from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Select\n * -------------------------------------------------------------------------- */\n\nconst Select = SelectPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectGroup\n * -------------------------------------------------------------------------- */\n\nconst SelectGroup = SelectPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectValue\n * -------------------------------------------------------------------------- */\n\nconst SelectValue = SelectPrimitive.Value;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectTrigger\n * -------------------------------------------------------------------------- */\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n SelectPrimitive.SelectTriggerProps\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"border-input ring-offset-background placeholder:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <CaretSortIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollUpButton\n * -------------------------------------------------------------------------- */\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n SelectPrimitive.SelectScrollUpButtonProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronUpIcon />\n </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollDownButton\n * -------------------------------------------------------------------------- */\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n SelectPrimitive.SelectScrollDownButtonProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronDownIcon />\n </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName =\n SelectPrimitive.ScrollDownButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectContent\n * -------------------------------------------------------------------------- */\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n SelectPrimitive.SelectContentProps\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground relative z-50 max-h-[var(--radix-select-content-available-height)] min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n \"data-[state=open]:data-[side=top]:slide-in-from-bottom-2\",\n \"data-[state=open]:data-[side=right]:slide-in-from-left-2\",\n \"data-[state=open]:data-[side=bottom]:slide-in-from-top-2\",\n \"data-[state=open]:data-[side=left]:slide-in-from-right-2\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n \"data-[state=closed]:data-[side=top]:slide-out-to-bottom-2\",\n \"data-[state=closed]:data-[side=left]:slide-out-to-right-2\",\n \"data-[state=closed]:data-[side=bottom]:slide-out-to-top-2\",\n \"data-[state=closed]:data-[side=right]:slide-out-to-left-2\",\n position === \"popper\" && [\n \"data-[side=top]:-translate-y-1\",\n \"data-[side=right]:translate-x-1\",\n \"data-[side=bottom]:translate-y-1\",\n \"data-[side=left]:-translate-x-1\",\n ],\n className,\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport className=\"p-1\">\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectLabel\n * -------------------------------------------------------------------------- */\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n SelectPrimitive.SelectLabelProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n {...props}\n />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectItem\n * -------------------------------------------------------------------------- */\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n SelectPrimitive.SelectItemProps\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none\",\n \"aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectSeparator\n * -------------------------------------------------------------------------- */\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n SelectPrimitive.SelectSeparatorProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"bg-muted -mx-1 my-1 h-px\", className)}\n {...props}\n />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n};\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,OACE,iBAAAC,EACA,aAAAC,EACA,mBAAAC,EACA,iBAAAC,MACK,wBACP,UAAYC,MAAqB,yBA6B/B,OAUI,OAAAC,EAVJ,QAAAC,MAAA,oBAtBF,IAAMC,EAAyB,OAMzBC,EAA8B,QAM9BC,EAA8B,QAM9BC,EAAsB,aAG1B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACpCR,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,0TACAJ,CACF,EACC,GAAGE,EAEH,UAAAD,EACDP,EAAiB,OAAhB,CAAqB,QAAO,GAC3B,SAAAA,EAACW,EAAA,CAAc,UAAU,oBAAoB,EAC/C,GACF,CACD,EACDN,EAAc,YAA8B,UAAQ,YAMpD,IAAMO,EAA6B,aAGjC,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,iBAAhB,CACC,IAAKS,EACL,UAAWC,EACT,uDACAJ,CACF,EACC,GAAGE,EAEJ,SAAAR,EAACa,EAAA,EAAc,EACjB,CACD,EACDD,EAAqB,YAA8B,iBAAe,YAMlE,IAAME,EAA+B,aAGnC,CAAC,CAAE,UAAAR,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,mBAAhB,CACC,IAAKS,EACL,UAAWC,EACT,uDACAJ,CACF,EACC,GAAGE,EAEJ,SAAAR,EAACe,EAAA,EAAgB,EACnB,CACD,EACDD,EAAuB,YACL,mBAAiB,YAMnC,IAAME,EAAsB,aAG1B,CAAC,CAAE,UAAAV,EAAW,SAAAC,EAAU,SAAAU,EAAW,SAAU,GAAGT,CAAM,EAAGC,IACzDT,EAAiB,SAAhB,CACC,SAAAC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,iKACA,wFACA,2DACA,2DACA,2DACA,2DACA,iGACA,4DACA,4DACA,4DACA,4DACAO,IAAa,UAAY,CACvB,iCACA,kCACA,mCACA,iCACF,EACAX,CACF,EACA,SAAUW,EACT,GAAGT,EAEJ,UAAAR,EAACY,EAAA,EAAqB,EACtBZ,EAAiB,WAAhB,CAAyB,UAAU,MACjC,SAAAO,EACH,EACAP,EAACc,EAAA,EAAuB,GAC1B,EACF,CACD,EACDE,EAAc,YAA8B,UAAQ,YAMpD,IAAME,EAAoB,aAGxB,CAAC,CAAE,UAAAZ,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,QAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,oCAAqCJ,CAAS,EAC3D,GAAGE,EACN,CACD,EACDU,EAAY,YAA8B,QAAM,YAMhD,IAAMC,EAAmB,aAGvB,CAAC,CAAE,UAAAb,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACpCR,EAAiB,OAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,6JACA,6DACAJ,CACF,EACC,GAAGE,EAEJ,UAAAR,EAAC,QAAK,UAAU,gEACd,SAAAA,EAAiB,gBAAhB,CACC,SAAAA,EAACoB,EAAA,CAAU,UAAU,SAAS,EAChC,EACF,EACApB,EAAiB,WAAhB,CAA0B,SAAAO,EAAS,GACtC,CACD,EACDY,EAAW,YAA8B,OAAK,YAM9C,IAAME,EAAwB,aAG5B,CAAC,CAAE,UAAAf,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,YAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,2BAA4BJ,CAAS,EAClD,GAAGE,EACN,CACD,EACDa,EAAgB,YAA8B,YAAU","names":["React","CaretSortIcon","CheckIcon","ChevronDownIcon","ChevronUpIcon","SelectPrimitive","jsx","jsxs","Select","SelectGroup","SelectValue","SelectTrigger","className","children","props","ref","cn","CaretSortIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"]}
|
|
1
|
+
{"version":3,"sources":["../src/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n CaretSortIcon,\n CheckIcon,\n ChevronDownIcon,\n ChevronUpIcon,\n} from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Select\n * -------------------------------------------------------------------------- */\n\nconst Select = SelectPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectGroup\n * -------------------------------------------------------------------------- */\n\nconst SelectGroup = SelectPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectValue\n * -------------------------------------------------------------------------- */\n\nconst SelectValue = SelectPrimitive.Value;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectTrigger\n * -------------------------------------------------------------------------- */\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n SelectPrimitive.SelectTriggerProps\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"border-input placeholder:text-muted-foreground focus:ring-offset-background focus:ring-ring flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <CaretSortIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollUpButton\n * -------------------------------------------------------------------------- */\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n SelectPrimitive.SelectScrollUpButtonProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronUpIcon />\n </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollDownButton\n * -------------------------------------------------------------------------- */\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n SelectPrimitive.SelectScrollDownButtonProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronDownIcon />\n </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName =\n SelectPrimitive.ScrollDownButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectContent\n * -------------------------------------------------------------------------- */\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n SelectPrimitive.SelectContentProps\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"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-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className,\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectLabel\n * -------------------------------------------------------------------------- */\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n SelectPrimitive.SelectLabelProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n {...props}\n />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectItem\n * -------------------------------------------------------------------------- */\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n SelectPrimitive.SelectItemProps\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectSeparator\n * -------------------------------------------------------------------------- */\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n SelectPrimitive.SelectSeparatorProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"bg-muted -mx-1 my-1 h-px\", className)}\n {...props}\n />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,YAAY,qBAAqB;AA6B/B,SAUI,KAVJ;AAtBF,IAAM,SAAyB;AAM/B,IAAM,cAA8B;AAMpC,IAAM,cAA8B;AAMpC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AAAA,MACD,oBAAiB,sBAAhB,EAAqB,SAAO,MAC3B,8BAAC,iBAAc,WAAU,qBAAoB,GAC/C;AAAA;AAAA;AACF,CACD;AACD,cAAc,cAA8B,wBAAQ;AAMpD,IAAM,uBAA6B,iBAGjC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC,iBAAc;AAAA;AACjB,CACD;AACD,qBAAqB,cAA8B,+BAAe;AAMlE,IAAM,yBAA+B,iBAGnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC,mBAAgB;AAAA;AACnB,CACD;AACD,uBAAuB,cACL,iCAAiB;AAMnC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,MAAM,GAAG,QACzD,oBAAiB,wBAAhB,EACC;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,aAAa,YACX;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,wBAAqB;AAAA,MACtB;AAAA,QAAiB;AAAA,QAAhB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,aAAa,YACX;AAAA,UACJ;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MACA,oBAAC,0BAAuB;AAAA;AAAA;AAC1B,GACF,CACD;AACD,cAAc,cAA8B,wBAAQ;AAMpD,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,qCAAqC,SAAS;AAAA,IAC3D,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA8B,sBAAM;AAMhD,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,WAAU,8DACd,8BAAiB,+BAAhB,EACC,8BAAC,aAAU,WAAU,UAAS,GAChC,GACF;AAAA,MACA,oBAAiB,0BAAhB,EAA0B,UAAS;AAAA;AAAA;AACtC,CACD;AACD,WAAW,cAA8B,qBAAK;AAM9C,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA;AACN,CACD;AACD,gBAAgB,cAA8B,0BAAU;","names":[]}
|
package/dist/separator.js
CHANGED
|
@@ -1,2 +1,30 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
5
|
+
|
|
6
|
+
// src/separator.tsx
|
|
7
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
8
|
+
var _reactseparator = require('@radix-ui/react-separator'); var SeparatorPrimitive = _interopRequireWildcard(_reactseparator);
|
|
9
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
10
|
+
var Separator = React.forwardRef(
|
|
11
|
+
({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
12
|
+
SeparatorPrimitive.Root,
|
|
13
|
+
{
|
|
14
|
+
ref,
|
|
15
|
+
decorative,
|
|
16
|
+
orientation,
|
|
17
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
18
|
+
"bg-border shrink-0",
|
|
19
|
+
orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
|
|
20
|
+
className
|
|
21
|
+
),
|
|
22
|
+
...props
|
|
23
|
+
}
|
|
24
|
+
)
|
|
25
|
+
);
|
|
26
|
+
Separator.displayName = SeparatorPrimitive.Root.displayName;
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
exports.Separator = Separator;
|
|
2
30
|
//# sourceMappingURL=separator.js.map
|
package/dist/separator.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/separator.tsx"],"names":[
|
|
1
|
+
{"version":3,"sources":["../src/separator.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAehC;AARJ,IAAM,YAAkB;AAAA,EAItB,CACE,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GACrE,QAEA;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,gBAAgB;AAAA,QAC/C;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAiC,wBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n SeparatorPrimitive.SeparatorProps\n>(\n (\n { className, orientation = \"horizontal\", decorative = true, ...props },\n ref,\n ) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0\",\n orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n className,\n )}\n {...props}\n />\n ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator };\n"]}
|
package/dist/separator.mjs
CHANGED
|
@@ -1,2 +1,30 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
cn
|
|
4
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
5
|
+
|
|
6
|
+
// src/separator.tsx
|
|
7
|
+
import * as React from "react";
|
|
8
|
+
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
var Separator = React.forwardRef(
|
|
11
|
+
({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
12
|
+
SeparatorPrimitive.Root,
|
|
13
|
+
{
|
|
14
|
+
ref,
|
|
15
|
+
decorative,
|
|
16
|
+
orientation,
|
|
17
|
+
className: cn(
|
|
18
|
+
"bg-border shrink-0",
|
|
19
|
+
orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
|
|
20
|
+
className
|
|
21
|
+
),
|
|
22
|
+
...props
|
|
23
|
+
}
|
|
24
|
+
)
|
|
25
|
+
);
|
|
26
|
+
Separator.displayName = SeparatorPrimitive.Root.displayName;
|
|
27
|
+
export {
|
|
28
|
+
Separator
|
|
29
|
+
};
|
|
2
30
|
//# sourceMappingURL=separator.mjs.map
|
package/dist/separator.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n SeparatorPrimitive.SeparatorProps\n>(\n (\n { className, orientation = \"horizontal\", decorative = true, ...props },\n ref,\n ) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0\",\n orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n className,\n )}\n {...props}\n />\n ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator };\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n SeparatorPrimitive.SeparatorProps\n>(\n (\n { className, orientation = \"horizontal\", decorative = true, ...props },\n ref,\n ) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0\",\n orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n className,\n )}\n {...props}\n />\n ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAehC;AARJ,IAAM,YAAkB;AAAA,EAItB,CACE,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GACrE,QAEA;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,gBAAgB;AAAA,QAC/C;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAiC,wBAAK;","names":[]}
|
package/dist/sheet.d.mts
CHANGED
|
@@ -5,8 +5,6 @@ import { VariantProps } from 'cva';
|
|
|
5
5
|
declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
|
|
6
6
|
declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
7
|
declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
-
declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
9
|
-
declare const SheetOverlay: React.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
8
|
declare const SheetContent: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & VariantProps<(props?: ({
|
|
11
9
|
side?: "left" | "right" | "top" | "bottom" | undefined;
|
|
12
10
|
} & ({
|
|
@@ -72,4 +70,4 @@ declare namespace SheetFooter {
|
|
|
72
70
|
declare const SheetTitle: React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
73
71
|
declare const SheetDescription: React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
74
72
|
|
|
75
|
-
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader,
|
|
73
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
|
package/dist/sheet.d.ts
CHANGED
|
@@ -5,8 +5,6 @@ import { VariantProps } from 'cva';
|
|
|
5
5
|
declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
|
|
6
6
|
declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
7
|
declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
-
declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
9
|
-
declare const SheetOverlay: React.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
8
|
declare const SheetContent: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & VariantProps<(props?: ({
|
|
11
9
|
side?: "left" | "right" | "top" | "bottom" | undefined;
|
|
12
10
|
} & ({
|
|
@@ -72,4 +70,4 @@ declare namespace SheetFooter {
|
|
|
72
70
|
declare const SheetTitle: React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
73
71
|
declare const SheetDescription: React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
74
72
|
|
|
75
|
-
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader,
|
|
73
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
|
package/dist/sheet.js
CHANGED
|
@@ -1,2 +1,122 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
6
|
+
|
|
7
|
+
// src/sheet.tsx
|
|
8
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
9
|
+
var _reactdialog = require('@radix-ui/react-dialog'); var SheetPrimitive = _interopRequireWildcard(_reactdialog);
|
|
10
|
+
var _reacticons = require('@radix-ui/react-icons');
|
|
11
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
12
|
+
var sheetVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
|
|
13
|
+
base: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
|
|
14
|
+
variants: {
|
|
15
|
+
side: {
|
|
16
|
+
top: "data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b",
|
|
17
|
+
bottom: "data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t",
|
|
18
|
+
left: "data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
|
|
19
|
+
right: "data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
side: "right"
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
var Sheet = SheetPrimitive.Root;
|
|
27
|
+
var SheetTrigger = SheetPrimitive.Trigger;
|
|
28
|
+
var SheetClose = SheetPrimitive.Close;
|
|
29
|
+
var SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPrimitive.Portal, { children: [
|
|
30
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31
|
+
SheetPrimitive.Overlay,
|
|
32
|
+
{
|
|
33
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
34
|
+
"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"
|
|
35
|
+
)
|
|
36
|
+
}
|
|
37
|
+
),
|
|
38
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
39
|
+
SheetPrimitive.Content,
|
|
40
|
+
{
|
|
41
|
+
ref,
|
|
42
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0, sheetVariants({ side }), className),
|
|
43
|
+
...props,
|
|
44
|
+
children: [
|
|
45
|
+
children,
|
|
46
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
47
|
+
SheetPrimitive.Close,
|
|
48
|
+
{
|
|
49
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
50
|
+
"focus:ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
|
|
51
|
+
),
|
|
52
|
+
children: [
|
|
53
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon, { className: "size-4" }),
|
|
54
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
)
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
] }));
|
|
62
|
+
SheetContent.displayName = SheetPrimitive.Content.displayName;
|
|
63
|
+
function SheetHeader({
|
|
64
|
+
className,
|
|
65
|
+
...props
|
|
66
|
+
}) {
|
|
67
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
68
|
+
"div",
|
|
69
|
+
{
|
|
70
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
71
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
|
72
|
+
className
|
|
73
|
+
),
|
|
74
|
+
...props
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
function SheetFooter({
|
|
79
|
+
className,
|
|
80
|
+
...props
|
|
81
|
+
}) {
|
|
82
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
83
|
+
"div",
|
|
84
|
+
{
|
|
85
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
86
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
87
|
+
className
|
|
88
|
+
),
|
|
89
|
+
...props
|
|
90
|
+
}
|
|
91
|
+
);
|
|
92
|
+
}
|
|
93
|
+
SheetFooter.displayName = "SheetFooter";
|
|
94
|
+
var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
95
|
+
SheetPrimitive.Title,
|
|
96
|
+
{
|
|
97
|
+
ref,
|
|
98
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0, "text-foreground text-lg font-semibold", className),
|
|
99
|
+
...props
|
|
100
|
+
}
|
|
101
|
+
));
|
|
102
|
+
SheetTitle.displayName = SheetPrimitive.Title.displayName;
|
|
103
|
+
var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
104
|
+
SheetPrimitive.Description,
|
|
105
|
+
{
|
|
106
|
+
ref,
|
|
107
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground text-sm", className),
|
|
108
|
+
...props
|
|
109
|
+
}
|
|
110
|
+
));
|
|
111
|
+
SheetDescription.displayName = SheetPrimitive.Description.displayName;
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
exports.Sheet = Sheet; exports.SheetClose = SheetClose; exports.SheetContent = SheetContent; exports.SheetDescription = SheetDescription; exports.SheetFooter = SheetFooter; exports.SheetHeader = SheetHeader; exports.SheetTitle = SheetTitle; exports.SheetTrigger = SheetTrigger;
|
|
2
122
|
//# sourceMappingURL=sheet.js.map
|
package/dist/sheet.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/sheet.tsx"],"names":[
|
|
1
|
+
{"version":3,"sources":["../src/sheet.tsx"],"names":[],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,kBAAkB;AAoDvB,cAWE,YAXF;AA5CJ,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,QACE;AAAA,MACF,MAAM;AAAA,MACN,OACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAMD,IAAM,QAAuB;AAM7B,IAAM,eAA8B;AAMpC,IAAM,aAA4B;AAMlC,IAAM,eAAqB,iBAGzB,CAAC,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,QACpD,qBAAgB,uBAAf,EACC;AAAA;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC,WAAW;AAAA,QACT;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EACA;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC;AAAA,MACA,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MAC/C,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAgB;AAAA,UAAf;AAAA,YACC,WAAW;AAAA,cACT;AAAA,YACF;AAAA,YAEA;AAAA,kCAAC,cAAW,WAAU,UAAS;AAAA,cAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,QACjC;AAAA;AAAA;AAAA,EACF;AAAA,GACF,CACD;AACD,aAAa,cAA6B,uBAAQ;AAMlD,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,YAAY,cAAc;AAM1B,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,IAC/D,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAA6B,qBAAM;AAM9C,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAA6B,2BAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Sheet\n * -------------------------------------------------------------------------- */\n\nconst sheetVariants = cva({\n base: \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n variants: {\n side: {\n top: \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b\",\n bottom:\n \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t\",\n left: \"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n right:\n \"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n },\n },\n defaultVariants: {\n side: \"right\",\n },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst SheetContent = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Content>,\n SheetPrimitive.DialogContentProps & VariantProps<typeof sheetVariants>\n>(({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay\n className={cn(\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\",\n )}\n />\n <SheetPrimitive.Content\n ref={ref}\n className={cn(sheetVariants({ side }), className)}\n {...props}\n >\n {children}\n <SheetPrimitive.Close\n className={cn(\n \"focus:ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\",\n )}\n >\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n));\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\nfunction SheetHeader({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col space-y-2 text-center sm:text-left\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\nfunction SheetFooter({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className,\n )}\n {...props}\n />\n );\n}\nSheetFooter.displayName = \"SheetFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\nconst SheetTitle = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Title>,\n SheetPrimitive.DialogTitleProps\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title\n ref={ref}\n className={cn(\"text-foreground text-lg font-semibold\", className)}\n {...props}\n />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\nconst SheetDescription = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Description>,\n SheetPrimitive.DialogDescriptionProps\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Description\n ref={ref}\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n};\n"]}
|
package/dist/sheet.mjs
CHANGED
|
@@ -1,2 +1,122 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
cn,
|
|
4
|
+
cva
|
|
5
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
6
|
+
|
|
7
|
+
// src/sheet.tsx
|
|
8
|
+
import * as React from "react";
|
|
9
|
+
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
10
|
+
import { Cross2Icon } from "@radix-ui/react-icons";
|
|
11
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
|
+
var sheetVariants = cva({
|
|
13
|
+
base: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
|
|
14
|
+
variants: {
|
|
15
|
+
side: {
|
|
16
|
+
top: "data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b",
|
|
17
|
+
bottom: "data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t",
|
|
18
|
+
left: "data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
|
|
19
|
+
right: "data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
side: "right"
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
var Sheet = SheetPrimitive.Root;
|
|
27
|
+
var SheetTrigger = SheetPrimitive.Trigger;
|
|
28
|
+
var SheetClose = SheetPrimitive.Close;
|
|
29
|
+
var SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPrimitive.Portal, { children: [
|
|
30
|
+
/* @__PURE__ */ jsx(
|
|
31
|
+
SheetPrimitive.Overlay,
|
|
32
|
+
{
|
|
33
|
+
className: cn(
|
|
34
|
+
"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"
|
|
35
|
+
)
|
|
36
|
+
}
|
|
37
|
+
),
|
|
38
|
+
/* @__PURE__ */ jsxs(
|
|
39
|
+
SheetPrimitive.Content,
|
|
40
|
+
{
|
|
41
|
+
ref,
|
|
42
|
+
className: cn(sheetVariants({ side }), className),
|
|
43
|
+
...props,
|
|
44
|
+
children: [
|
|
45
|
+
children,
|
|
46
|
+
/* @__PURE__ */ jsxs(
|
|
47
|
+
SheetPrimitive.Close,
|
|
48
|
+
{
|
|
49
|
+
className: cn(
|
|
50
|
+
"focus:ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
|
|
51
|
+
),
|
|
52
|
+
children: [
|
|
53
|
+
/* @__PURE__ */ jsx(Cross2Icon, { className: "size-4" }),
|
|
54
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
)
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
] }));
|
|
62
|
+
SheetContent.displayName = SheetPrimitive.Content.displayName;
|
|
63
|
+
function SheetHeader({
|
|
64
|
+
className,
|
|
65
|
+
...props
|
|
66
|
+
}) {
|
|
67
|
+
return /* @__PURE__ */ jsx(
|
|
68
|
+
"div",
|
|
69
|
+
{
|
|
70
|
+
className: cn(
|
|
71
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
|
72
|
+
className
|
|
73
|
+
),
|
|
74
|
+
...props
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
function SheetFooter({
|
|
79
|
+
className,
|
|
80
|
+
...props
|
|
81
|
+
}) {
|
|
82
|
+
return /* @__PURE__ */ jsx(
|
|
83
|
+
"div",
|
|
84
|
+
{
|
|
85
|
+
className: cn(
|
|
86
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
87
|
+
className
|
|
88
|
+
),
|
|
89
|
+
...props
|
|
90
|
+
}
|
|
91
|
+
);
|
|
92
|
+
}
|
|
93
|
+
SheetFooter.displayName = "SheetFooter";
|
|
94
|
+
var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
95
|
+
SheetPrimitive.Title,
|
|
96
|
+
{
|
|
97
|
+
ref,
|
|
98
|
+
className: cn("text-foreground text-lg font-semibold", className),
|
|
99
|
+
...props
|
|
100
|
+
}
|
|
101
|
+
));
|
|
102
|
+
SheetTitle.displayName = SheetPrimitive.Title.displayName;
|
|
103
|
+
var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
104
|
+
SheetPrimitive.Description,
|
|
105
|
+
{
|
|
106
|
+
ref,
|
|
107
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
108
|
+
...props
|
|
109
|
+
}
|
|
110
|
+
));
|
|
111
|
+
SheetDescription.displayName = SheetPrimitive.Description.displayName;
|
|
112
|
+
export {
|
|
113
|
+
Sheet,
|
|
114
|
+
SheetClose,
|
|
115
|
+
SheetContent,
|
|
116
|
+
SheetDescription,
|
|
117
|
+
SheetFooter,
|
|
118
|
+
SheetHeader,
|
|
119
|
+
SheetTitle,
|
|
120
|
+
SheetTrigger
|
|
121
|
+
};
|
|
2
122
|
//# sourceMappingURL=sheet.mjs.map
|