@codefast/ui 0.0.33 → 0.0.35
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/animate.plugin.ts +68 -42
- package/dist/accordion.js +1 -1
- package/dist/accordion.js.map +1 -1
- package/dist/accordion.mjs +1 -1
- package/dist/accordion.mjs.map +1 -1
- package/dist/alert-dialog.js +1 -1
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert-dialog.mjs +1 -1
- package/dist/alert-dialog.mjs.map +1 -1
- package/dist/alert.js +1 -1
- package/dist/alert.js.map +1 -1
- package/dist/alert.mjs +1 -1
- package/dist/alert.mjs.map +1 -1
- package/dist/animate.plugin.js +1 -1
- package/dist/animate.plugin.mjs +1 -1
- package/dist/button.js +1 -1
- package/dist/button.mjs +1 -1
- package/dist/calendar.js +1 -1
- package/dist/calendar.mjs +1 -1
- package/dist/card.js +1 -1
- package/dist/card.js.map +1 -1
- package/dist/card.mjs +1 -1
- package/dist/card.mjs.map +1 -1
- package/dist/carousel.js +1 -1
- package/dist/carousel.js.map +1 -1
- package/dist/carousel.mjs +1 -1
- package/dist/carousel.mjs.map +1 -1
- package/dist/checkbox-cards.js +1 -1
- package/dist/checkbox-cards.js.map +1 -1
- package/dist/checkbox-cards.mjs +1 -1
- package/dist/checkbox-cards.mjs.map +1 -1
- package/dist/{chunk-MZK6NKEQ.mjs → chunk-4UVLRXTB.mjs} +2 -2
- package/dist/chunk-55N7YRUU.js +2 -0
- package/dist/chunk-55N7YRUU.js.map +1 -0
- package/dist/chunk-5M27PLCC.js +2 -0
- package/dist/chunk-5M27PLCC.js.map +1 -0
- package/dist/chunk-7XGQAAYA.mjs +2 -0
- package/dist/chunk-7XGQAAYA.mjs.map +1 -0
- package/dist/chunk-AGQAQPG4.mjs +2 -0
- package/dist/chunk-AGQAQPG4.mjs.map +1 -0
- package/dist/chunk-F573R6SD.mjs +2 -0
- package/dist/chunk-F573R6SD.mjs.map +1 -0
- package/dist/chunk-FEHY6EXQ.js +2 -0
- package/dist/chunk-FEHY6EXQ.js.map +1 -0
- package/dist/chunk-FMUUVBVI.mjs +2 -0
- package/dist/chunk-FMUUVBVI.mjs.map +1 -0
- package/dist/chunk-ICHQEE5Q.js +2 -0
- package/dist/chunk-ICHQEE5Q.js.map +1 -0
- package/dist/chunk-KXTYKCZX.js +2 -0
- package/dist/chunk-KXTYKCZX.js.map +1 -0
- package/dist/{chunk-HL4LYB74.js → chunk-MUVQMEAI.js} +2 -2
- package/dist/chunk-YZ5BKYGH.mjs +2 -0
- package/dist/chunk-YZ5BKYGH.mjs.map +1 -0
- package/dist/collapsible.d.mts +1 -1
- package/dist/collapsible.d.ts +1 -1
- package/dist/collapsible.js +1 -1
- package/dist/collapsible.js.map +1 -1
- package/dist/collapsible.mjs +1 -1
- package/dist/collapsible.mjs.map +1 -1
- package/dist/command.js +1 -1
- package/dist/command.js.map +1 -1
- package/dist/command.mjs +1 -1
- package/dist/command.mjs.map +1 -1
- package/dist/context-menu.js +1 -1
- package/dist/context-menu.js.map +1 -1
- package/dist/context-menu.mjs +1 -1
- package/dist/context-menu.mjs.map +1 -1
- package/dist/data-table.js +1 -1
- package/dist/data-table.mjs +1 -1
- package/dist/dialog.js +1 -1
- package/dist/dialog.mjs +1 -1
- package/dist/drawer.js +1 -1
- package/dist/drawer.js.map +1 -1
- package/dist/drawer.mjs +1 -1
- package/dist/drawer.mjs.map +1 -1
- package/dist/dropdown-menu.js +1 -1
- package/dist/dropdown-menu.mjs +1 -1
- package/dist/form.js +1 -1
- package/dist/form.js.map +1 -1
- package/dist/form.mjs +1 -1
- package/dist/form.mjs.map +1 -1
- package/dist/hover-card.js +1 -1
- package/dist/hover-card.js.map +1 -1
- package/dist/hover-card.mjs +1 -1
- package/dist/hover-card.mjs.map +1 -1
- package/dist/input-otp.js +1 -1
- package/dist/input-otp.js.map +1 -1
- package/dist/input-otp.mjs +1 -1
- package/dist/input-otp.mjs.map +1 -1
- package/dist/menubar.js +1 -1
- package/dist/menubar.js.map +1 -1
- package/dist/menubar.mjs +1 -1
- package/dist/menubar.mjs.map +1 -1
- package/dist/navigation-menu.d.mts +1 -5
- package/dist/navigation-menu.d.ts +1 -5
- package/dist/navigation-menu.js +1 -1
- package/dist/navigation-menu.js.map +1 -1
- package/dist/navigation-menu.mjs +1 -1
- package/dist/navigation-menu.mjs.map +1 -1
- package/dist/pagination.js +1 -1
- package/dist/pagination.mjs +1 -1
- package/dist/popover.js +1 -1
- package/dist/popover.js.map +1 -1
- package/dist/popover.mjs +1 -1
- package/dist/popover.mjs.map +1 -1
- package/dist/radio-cards.js +1 -1
- package/dist/radio-cards.js.map +1 -1
- package/dist/radio-cards.mjs +1 -1
- package/dist/radio-cards.mjs.map +1 -1
- package/dist/scroll-area.js +1 -1
- package/dist/scroll-area.js.map +1 -1
- package/dist/scroll-area.mjs +1 -1
- package/dist/scroll-area.mjs.map +1 -1
- package/dist/select.js +1 -1
- package/dist/select.mjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/sheet.js.map +1 -1
- package/dist/sheet.mjs +1 -1
- package/dist/sheet.mjs.map +1 -1
- package/dist/skeleton.js +1 -1
- package/dist/skeleton.js.map +1 -1
- package/dist/skeleton.mjs +1 -1
- package/dist/skeleton.mjs.map +1 -1
- package/dist/spinner.js +1 -1
- package/dist/spinner.mjs +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/tailwind.config.js +1 -1
- package/dist/tailwind.config.js.map +1 -1
- package/dist/tailwind.config.mjs +1 -1
- package/dist/tailwind.config.mjs.map +1 -1
- package/dist/toggle-group.js +1 -1
- package/dist/toggle-group.js.map +1 -1
- package/dist/toggle-group.mjs +1 -1
- package/dist/toggle-group.mjs.map +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/tooltip.js.map +1 -1
- package/dist/tooltip.mjs +1 -1
- package/dist/tooltip.mjs.map +1 -1
- package/package.json +2 -2
- package/src/accordion.tsx +5 -8
- package/src/alert-dialog.tsx +2 -2
- package/src/alert.tsx +1 -1
- package/src/card.tsx +1 -1
- package/src/carousel.tsx +1 -1
- package/src/checkbox-cards.tsx +2 -7
- package/src/collapsible.tsx +18 -2
- package/src/command.tsx +1 -1
- package/src/context-menu.tsx +9 -9
- package/src/dialog.tsx +3 -3
- package/src/drawer.tsx +1 -1
- package/src/dropdown-menu.tsx +9 -9
- package/src/form.tsx +3 -5
- package/src/hover-card.tsx +1 -1
- package/src/input-otp.tsx +1 -1
- package/src/menubar.tsx +10 -10
- package/src/navigation-menu.tsx +12 -13
- package/src/popover.tsx +1 -1
- package/src/radio-cards.tsx +1 -1
- package/src/scroll-area.tsx +1 -1
- package/src/select.tsx +5 -5
- package/src/sheet.tsx +3 -3
- package/src/skeleton.tsx +1 -1
- package/src/spinner.tsx +2 -2
- package/src/toggle-group.tsx +2 -2
- package/src/tooltip.tsx +1 -1
- package/tailwind.config.ts +7 -7
- package/dist/chunk-2RQCRE7N.js +0 -2
- package/dist/chunk-2RQCRE7N.js.map +0 -1
- package/dist/chunk-3YUTUHD2.js +0 -2
- package/dist/chunk-3YUTUHD2.js.map +0 -1
- package/dist/chunk-6BC627N7.js +0 -2
- package/dist/chunk-6BC627N7.js.map +0 -1
- package/dist/chunk-HJ4U5JJA.mjs +0 -2
- package/dist/chunk-HJ4U5JJA.mjs.map +0 -1
- package/dist/chunk-JVGHOCS7.js +0 -2
- package/dist/chunk-JVGHOCS7.js.map +0 -1
- package/dist/chunk-QYFYTUH7.mjs +0 -2
- package/dist/chunk-QYFYTUH7.mjs.map +0 -1
- package/dist/chunk-TMXZMQRK.mjs +0 -2
- package/dist/chunk-TMXZMQRK.mjs.map +0 -1
- package/dist/chunk-UZE7GYXP.mjs +0 -2
- package/dist/chunk-UZE7GYXP.mjs.map +0 -1
- package/dist/chunk-Y3CNKB2A.js +0 -2
- package/dist/chunk-Y3CNKB2A.js.map +0 -1
- package/dist/chunk-Y4C6DTPN.mjs +0 -2
- package/dist/chunk-Y4C6DTPN.mjs.map +0 -1
- /package/dist/{chunk-MZK6NKEQ.mjs.map → chunk-4UVLRXTB.mjs.map} +0 -0
- /package/dist/{chunk-HL4LYB74.js.map → chunk-MUVQMEAI.js.map} +0 -0
package/src/navigation-menu.tsx
CHANGED
|
@@ -10,7 +10,7 @@ import { cn, cva } from "./utils";
|
|
|
10
10
|
* -------------------------------------------------------------------------- */
|
|
11
11
|
|
|
12
12
|
const navigationMenuTriggerVariants = cva({
|
|
13
|
-
base: "bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus:outline disabled:pointer-events-none disabled:opacity-50",
|
|
13
|
+
base: "bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus:outline focus:outline-2 disabled:pointer-events-none disabled:opacity-50",
|
|
14
14
|
});
|
|
15
15
|
|
|
16
16
|
/* -----------------------------------------------------------------------------
|
|
@@ -21,7 +21,7 @@ type NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Roo
|
|
|
21
21
|
type NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;
|
|
22
22
|
|
|
23
23
|
const NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(
|
|
24
|
-
({
|
|
24
|
+
({ children, className, ...props }, ref) => (
|
|
25
25
|
<NavigationMenuPrimitive.Root
|
|
26
26
|
ref={ref}
|
|
27
27
|
className={cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className)}
|
|
@@ -43,12 +43,15 @@ type NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive
|
|
|
43
43
|
type NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;
|
|
44
44
|
|
|
45
45
|
const NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(
|
|
46
|
-
({ className, ...props }, ref) => (
|
|
46
|
+
({ children, className, ...props }, ref) => (
|
|
47
47
|
<NavigationMenuPrimitive.List
|
|
48
48
|
ref={ref}
|
|
49
49
|
className={cn("group flex flex-1 list-none items-center justify-center space-x-1", className)}
|
|
50
50
|
{...props}
|
|
51
|
-
|
|
51
|
+
>
|
|
52
|
+
{children}
|
|
53
|
+
<NavigationMenuIndicator />
|
|
54
|
+
</NavigationMenuPrimitive.List>
|
|
52
55
|
),
|
|
53
56
|
);
|
|
54
57
|
|
|
@@ -70,7 +73,7 @@ type NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimit
|
|
|
70
73
|
type NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;
|
|
71
74
|
|
|
72
75
|
const NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(
|
|
73
|
-
({
|
|
76
|
+
({ children, className, ...props }, ref) => (
|
|
74
77
|
<NavigationMenuPrimitive.Trigger
|
|
75
78
|
ref={ref}
|
|
76
79
|
className={navigationMenuTriggerVariants({
|
|
@@ -80,7 +83,7 @@ const NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, Nav
|
|
|
80
83
|
>
|
|
81
84
|
{children}
|
|
82
85
|
<ChevronDownIcon
|
|
83
|
-
className="relative top-px ml-1 size-3 transition
|
|
86
|
+
className="relative top-px ml-1 size-3 transition group-data-[state=open]:rotate-180"
|
|
84
87
|
aria-hidden="true"
|
|
85
88
|
/>
|
|
86
89
|
</NavigationMenuPrimitive.Trigger>
|
|
@@ -131,7 +134,7 @@ const NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, N
|
|
|
131
134
|
<div className="perspective-[125rem] absolute left-0 top-full flex justify-center">
|
|
132
135
|
<NavigationMenuPrimitive.Viewport
|
|
133
136
|
className={cn(
|
|
134
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border
|
|
137
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border transition-[width,height] sm:w-[var(--radix-navigation-menu-viewport-width)]",
|
|
135
138
|
className,
|
|
136
139
|
)}
|
|
137
140
|
ref={ref}
|
|
@@ -155,12 +158,12 @@ const NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement,
|
|
|
155
158
|
<NavigationMenuPrimitive.Indicator
|
|
156
159
|
ref={ref}
|
|
157
160
|
className={cn(
|
|
158
|
-
"data-[state=visible]:animate-
|
|
161
|
+
"data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-1.5 items-center justify-center overflow-hidden transition",
|
|
159
162
|
className,
|
|
160
163
|
)}
|
|
161
164
|
{...props}
|
|
162
165
|
>
|
|
163
|
-
<div className="bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm
|
|
166
|
+
<div className="bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm" />
|
|
164
167
|
</NavigationMenuPrimitive.Indicator>
|
|
165
168
|
),
|
|
166
169
|
);
|
|
@@ -179,14 +182,10 @@ export {
|
|
|
179
182
|
NavigationMenuContent,
|
|
180
183
|
NavigationMenuTrigger,
|
|
181
184
|
NavigationMenuLink,
|
|
182
|
-
NavigationMenuIndicator,
|
|
183
|
-
NavigationMenuViewport,
|
|
184
185
|
type NavigationMenuProps,
|
|
185
186
|
type NavigationMenuListProps,
|
|
186
187
|
type NavigationMenuItemProps,
|
|
187
188
|
type NavigationMenuContentProps,
|
|
188
189
|
type NavigationMenuTriggerProps,
|
|
189
190
|
type NavigationMenuLinkProps,
|
|
190
|
-
type NavigationMenuIndicatorProps,
|
|
191
|
-
type NavigationMenuViewportProps,
|
|
192
191
|
};
|
package/src/popover.tsx
CHANGED
|
@@ -40,7 +40,7 @@ const PopoverContent = React.forwardRef<PopoverContentElement, PopoverContentPro
|
|
|
40
40
|
align={align}
|
|
41
41
|
sideOffset={sideOffset}
|
|
42
42
|
className={cn(
|
|
43
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in
|
|
43
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md",
|
|
44
44
|
className,
|
|
45
45
|
)}
|
|
46
46
|
{...props}
|
package/src/radio-cards.tsx
CHANGED
|
@@ -29,7 +29,7 @@ const RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemPro
|
|
|
29
29
|
<RadioGroupPrimitive.Item
|
|
30
30
|
ref={ref}
|
|
31
31
|
className={cn(
|
|
32
|
-
"
|
|
32
|
+
"text-compound-foreground focus-visible:bg-primary/10 group peer flex cursor-default items-center justify-center rounded-md border p-4 focus-visible:outline focus-visible:outline-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:outline aria-checked:outline-2",
|
|
33
33
|
className,
|
|
34
34
|
)}
|
|
35
35
|
{...props}
|
package/src/scroll-area.tsx
CHANGED
|
@@ -11,7 +11,7 @@ import { cn } from "./utils";
|
|
|
11
11
|
type ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Root>;
|
|
12
12
|
type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>;
|
|
13
13
|
|
|
14
|
-
const ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>(({
|
|
14
|
+
const ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>(({ children, className, ...props }, ref) => (
|
|
15
15
|
<ScrollAreaPrimitive.Root ref={ref} className={cn("relative overflow-hidden", className)} {...props}>
|
|
16
16
|
<ScrollAreaPrimitive.Viewport className="size-full rounded-[inherit]">{children}</ScrollAreaPrimitive.Viewport>
|
|
17
17
|
<ScrollAreaScrollbar orientation="vertical" />
|
package/src/select.tsx
CHANGED
|
@@ -34,7 +34,7 @@ type SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;
|
|
|
34
34
|
type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
|
|
35
35
|
|
|
36
36
|
const SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(
|
|
37
|
-
({
|
|
37
|
+
({ children, className, ...props }, ref) => (
|
|
38
38
|
<SelectPrimitive.Trigger
|
|
39
39
|
ref={ref}
|
|
40
40
|
className={cn(
|
|
@@ -103,12 +103,12 @@ type SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;
|
|
|
103
103
|
type SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;
|
|
104
104
|
|
|
105
105
|
const SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(
|
|
106
|
-
({
|
|
106
|
+
({ children, className, position = "popper", ...props }, ref) => (
|
|
107
107
|
<SelectPrimitive.Portal>
|
|
108
108
|
<SelectPrimitive.Content
|
|
109
109
|
ref={ref}
|
|
110
110
|
className={cn(
|
|
111
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out
|
|
111
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in 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-32 overflow-hidden rounded-md border shadow-md",
|
|
112
112
|
position === "popper" &&
|
|
113
113
|
"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
114
114
|
className,
|
|
@@ -154,11 +154,11 @@ SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
|
154
154
|
type SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;
|
|
155
155
|
type SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;
|
|
156
156
|
|
|
157
|
-
const SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(({
|
|
157
|
+
const SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(({ children, className, ...props }, ref) => (
|
|
158
158
|
<SelectPrimitive.Item
|
|
159
159
|
ref={ref}
|
|
160
160
|
className={cn(
|
|
161
|
-
"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 aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
161
|
+
"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 focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
162
162
|
className,
|
|
163
163
|
)}
|
|
164
164
|
{...props}
|
package/src/sheet.tsx
CHANGED
|
@@ -11,7 +11,7 @@ import { cn, cva } from "./utils";
|
|
|
11
11
|
* -------------------------------------------------------------------------- */
|
|
12
12
|
|
|
13
13
|
const sheetVariants = cva({
|
|
14
|
-
base: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out
|
|
14
|
+
base: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 gap-4 p-6 shadow-lg",
|
|
15
15
|
variants: {
|
|
16
16
|
side: {
|
|
17
17
|
top: "data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b",
|
|
@@ -58,9 +58,9 @@ type SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;
|
|
|
58
58
|
type SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetVariantsProps;
|
|
59
59
|
|
|
60
60
|
const SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(
|
|
61
|
-
({ side = "right", className,
|
|
61
|
+
({ children, side = "right", className, ...props }, ref) => (
|
|
62
62
|
<SheetPrimitive.Portal>
|
|
63
|
-
<SheetPrimitive.Overlay className="data-[state=
|
|
63
|
+
<SheetPrimitive.Overlay className="data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80" />
|
|
64
64
|
<SheetPrimitive.Content ref={ref} className={sheetVariants({ side, className })} {...props}>
|
|
65
65
|
{children}
|
|
66
66
|
<SheetPrimitive.Close className="data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none">
|
package/src/skeleton.tsx
CHANGED
|
@@ -8,7 +8,7 @@ import { cn } from "./utils";
|
|
|
8
8
|
type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;
|
|
9
9
|
|
|
10
10
|
function Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element {
|
|
11
|
-
return <div className={cn("bg-primary/10 animate-pulse rounded
|
|
11
|
+
return <div className={cn("bg-primary/10 animate-pulse rounded", className)} {...props} />;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
/* -----------------------------------------------------------------------------
|
package/src/spinner.tsx
CHANGED
|
@@ -15,7 +15,7 @@ interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
const Spinner = React.forwardRef<SpinnerElement, SpinnerProps>(
|
|
18
|
-
({ className, loading = true,
|
|
18
|
+
({ children, className, loading = true, ...props }, ref) => {
|
|
19
19
|
if (!loading) {
|
|
20
20
|
return children;
|
|
21
21
|
}
|
|
@@ -29,7 +29,7 @@ const Spinner = React.forwardRef<SpinnerElement, SpinnerProps>(
|
|
|
29
29
|
{Array.from({ length: spinnerCount }, (_, i) => (
|
|
30
30
|
<span
|
|
31
31
|
key={i}
|
|
32
|
-
className="before:fade-out-25 before:animate-out before:
|
|
32
|
+
className="before:fade-out-25 before:animate-out before:animate-repeat-infinite before:animate-delay-[var(--spinner-delay)] before:animate-duration-[var(--spinner-duration)] absolute h-full rotate-[var(--spinner-rotate)] before:block before:h-1/3 before:w-full before:rounded-full before:bg-current"
|
|
33
33
|
style={
|
|
34
34
|
{
|
|
35
35
|
width: `${(100 / spinnerCount).toString()}%`,
|
package/src/toggle-group.tsx
CHANGED
|
@@ -25,7 +25,7 @@ type ToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;
|
|
|
25
25
|
type ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & ToggleVariantsProps;
|
|
26
26
|
|
|
27
27
|
const ToggleGroup = React.forwardRef<ToggleGroupElement, ToggleGroupProps>(
|
|
28
|
-
({ __scopeToggleGroup, className, variant, size,
|
|
28
|
+
({ __scopeToggleGroup, children, className, variant, size, ...props }: ScopedProps<ToggleGroupProps>, ref) => {
|
|
29
29
|
const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
|
|
30
30
|
|
|
31
31
|
return (
|
|
@@ -55,7 +55,7 @@ type ToggleGroupItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>
|
|
|
55
55
|
type ToggleGroupItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;
|
|
56
56
|
|
|
57
57
|
const ToggleGroupItem = React.forwardRef<ToggleGroupItemElement, ToggleGroupItemProps>(
|
|
58
|
-
({ __scopeToggleGroup,
|
|
58
|
+
({ __scopeToggleGroup, children, className, ...props }: ScopedProps<ToggleGroupItemProps>, ref) => {
|
|
59
59
|
const context = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);
|
|
60
60
|
const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
|
|
61
61
|
|
package/src/tooltip.tsx
CHANGED
|
@@ -39,7 +39,7 @@ const TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentPro
|
|
|
39
39
|
ref={ref}
|
|
40
40
|
sideOffset={sideOffset}
|
|
41
41
|
className={cn(
|
|
42
|
-
"bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in
|
|
42
|
+
"bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs",
|
|
43
43
|
className,
|
|
44
44
|
)}
|
|
45
45
|
{...props}
|
package/tailwind.config.ts
CHANGED
|
@@ -11,9 +11,9 @@ const config: Config = {
|
|
|
11
11
|
theme: {
|
|
12
12
|
extend: {
|
|
13
13
|
animation: {
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"caret-blink": "caret-blink
|
|
14
|
+
"collapsible-open": "collapsible-open 200ms ease",
|
|
15
|
+
"collapsible-closed": "collapsible-closed 200ms ease",
|
|
16
|
+
"caret-blink": "caret-blink 1000ms ease infinite",
|
|
17
17
|
},
|
|
18
18
|
borderColor: {
|
|
19
19
|
DEFAULT: "hsl(var(--border))",
|
|
@@ -79,17 +79,17 @@ const config: Config = {
|
|
|
79
79
|
sans: `var(--font-sans, ${fontFamily.sans.join(", ")})`,
|
|
80
80
|
},
|
|
81
81
|
keyframes: {
|
|
82
|
-
"
|
|
82
|
+
"collapsible-open": {
|
|
83
83
|
from: {
|
|
84
84
|
height: "0",
|
|
85
85
|
},
|
|
86
86
|
to: {
|
|
87
|
-
height: "var(--radix-
|
|
87
|
+
height: "var(--radix-collapsible-content-height)",
|
|
88
88
|
},
|
|
89
89
|
},
|
|
90
|
-
"
|
|
90
|
+
"collapsible-closed": {
|
|
91
91
|
from: {
|
|
92
|
-
height: "var(--radix-
|
|
92
|
+
height: "var(--radix-collapsible-content-height)",
|
|
93
93
|
},
|
|
94
94
|
to: {
|
|
95
95
|
height: "0",
|
package/dist/chunk-2RQCRE7N.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _plugin = require('tailwindcss/plugin'); var _plugin2 = _interopRequireDefault(_plugin);var o=_plugin2.default.call(void 0, ({addUtilities:t,matchUtilities:e,theme:n})=>{t({"@keyframes enter":{from:{opacity:"var(--animate-enter-opacity, 1)",transform:["translate3d(var(--animate-enter-translate-x, 0), var(--animate-enter-translate-y, 0), 0)","scale3d(var(--animate-enter-scale, 1), var(--animate-enter-scale, 1), var(--animate-enter-scale, 1))","rotate(var(--animate-enter-rotate, 0))"].join(" ")}},"@keyframes exit":{to:{opacity:"var(--animate-exit-opacity, 1)",transform:["translate3d(var(--animate-exit-translate-x, 0), var(--animate-exit-translate-y, 0), 0)","scale3d(var(--animate-exit-scale, 1), var(--animate-exit-scale, 1), var(--animate-exit-scale, 1))","rotate(var(--animate-exit-rotate, 0))"].join(" ")}},".animate-in":{animationName:"enter",animationDuration:n("animationDuration.DEFAULT"),"--animate-enter-opacity":"initial","--animate-enter-scale":"initial","--animate-enter-rotate":"initial","--animate-enter-translate-x":"initial","--animate-enter-translate-y":"initial"},".animate-out":{animationName:"exit",animationDuration:n("animationDuration.DEFAULT"),"--animate-exit-opacity":"initial","--animate-exit-scale":"initial","--animate-exit-rotate":"initial","--animate-exit-translate-x":"initial","--animate-exit-translate-y":"initial"}}),t({".animation-running":{animationPlayState:"running"},".animation-paused":{animationPlayState:"paused"}}),e({"animation-delay":a=>({animationDelay:a})},{values:n("animationDelay")}),e({"animation-direction":a=>({animationDirection:a})},{values:n("animationDirection")}),e({"animation-duration":a=>({animationDuration:a})},{values:n("animationDuration")}),e({"animation-fill-mode":a=>({animationFillMode:a})},{values:n("animationFillMode")}),e({"fade-in":a=>({"--animate-enter-opacity":a}),"fade-out":a=>({"--animate-exit-opacity":a})},{values:n("animationOpacity")}),e({"animation-repeat":a=>({animationIterationCount:a})},{values:n("animationRepeat")}),e({"spin-in":a=>({"--animate-enter-rotate":a}),"spin-out":a=>({"--animate-exit-rotate":a})},{values:n("animationRotate")}),e({"zoom-in":a=>({"--animate-enter-scale":a}),"zoom-out":a=>({"--animate-exit-scale":a})},{values:n("animationScale")}),e({"animation-ease":a=>({animationTimingFunction:a})},{values:n("animationTimingFunction")}),e({"slide-in-from-top":a=>({"--animate-enter-translate-y":`-${a}`}),"slide-in-from-bottom":a=>({"--animate-enter-translate-y":a}),"slide-in-from-left":a=>({"--animate-enter-translate-x":`-${a}`}),"slide-in-from-right":a=>({"--animate-enter-translate-x":a}),"slide-out-to-top":a=>({"--animate-exit-translate-y":`-${a}`}),"slide-out-to-bottom":a=>({"--animate-exit-translate-y":a}),"slide-out-to-left":a=>({"--animate-exit-translate-x":`-${a}`}),"slide-out-to-right":a=>({"--animate-exit-translate-x":a})},{values:n("animationTranslate")})},{theme:{extend:{animationDelay:({theme:t})=>({...t("transitionDelay")}),animationDirection:{normal:"normal",reverse:"reverse",alternate:"alternate","alternate-reverse":"alternate-reverse"},animationDuration:({theme:t})=>({...t("transitionDuration")}),animationFillMode:{none:"none",forwards:"forwards",backwards:"backwards",both:"both"},animationOpacity:({theme:t})=>({DEFAULT:0,...t("opacity")}),animationRepeat:{0:"0",1:"1",infinite:"infinite"},animationRotate:({theme:t})=>({DEFAULT:"30deg",...t("rotate")}),animationScale:({theme:t})=>({DEFAULT:0,...t("scale")}),animationTimingFunction:({theme:t})=>({...t("transitionTimingFunction")}),animationTranslate:({theme:t})=>({DEFAULT:"100%",...t("translate")})}}}),m= exports.a =o;exports.a = m;
|
|
2
|
-
//# sourceMappingURL=chunk-2RQCRE7N.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../animate.plugin.ts"],"names":["plugin","animate","addUtilities","matchUtilities","theme","value","animate_plugin_default"],"mappings":"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","sourcesContent":["import plugin from \"tailwindcss/plugin\";\nimport { type Config } from \"tailwindcss/types/config\";\n\ntype Theme = <TDefaultValue = Config[\"theme\"]>(path?: string, defaultValue?: TDefaultValue) => TDefaultValue;\n\nconst animate = plugin(\n ({ addUtilities, matchUtilities, theme }) => {\n addUtilities({\n \"@keyframes enter\": {\n from: {\n opacity: \"var(--animate-enter-opacity, 1)\",\n transform: [\n \"translate3d(var(--animate-enter-translate-x, 0), var(--animate-enter-translate-y, 0), 0)\",\n \"scale3d(var(--animate-enter-scale, 1), var(--animate-enter-scale, 1), var(--animate-enter-scale, 1))\",\n \"rotate(var(--animate-enter-rotate, 0))\",\n ].join(\" \"),\n },\n },\n\n \"@keyframes exit\": {\n to: {\n opacity: \"var(--animate-exit-opacity, 1)\",\n transform: [\n \"translate3d(var(--animate-exit-translate-x, 0), var(--animate-exit-translate-y, 0), 0)\",\n \"scale3d(var(--animate-exit-scale, 1), var(--animate-exit-scale, 1), var(--animate-exit-scale, 1))\",\n \"rotate(var(--animate-exit-rotate, 0))\",\n ].join(\" \"),\n },\n },\n\n \".animate-in\": {\n animationName: \"enter\",\n animationDuration: theme(\"animationDuration.DEFAULT\"),\n \"--animate-enter-opacity\": \"initial\",\n \"--animate-enter-scale\": \"initial\",\n \"--animate-enter-rotate\": \"initial\",\n \"--animate-enter-translate-x\": \"initial\",\n \"--animate-enter-translate-y\": \"initial\",\n },\n\n \".animate-out\": {\n animationName: \"exit\",\n animationDuration: theme(\"animationDuration.DEFAULT\"),\n \"--animate-exit-opacity\": \"initial\",\n \"--animate-exit-scale\": \"initial\",\n \"--animate-exit-rotate\": \"initial\",\n \"--animate-exit-translate-x\": \"initial\",\n \"--animate-exit-translate-y\": \"initial\",\n },\n });\n\n addUtilities({\n \".animation-running\": {\n animationPlayState: \"running\",\n },\n \".animation-paused\": {\n animationPlayState: \"paused\",\n },\n });\n\n // Delay\n matchUtilities(\n {\n \"animation-delay\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationDelay: value,\n }),\n },\n {\n values: theme(\"animationDelay\"),\n },\n );\n\n // Direction\n matchUtilities(\n {\n \"animation-direction\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationDirection: value,\n }),\n },\n {\n values: theme(\"animationDirection\"),\n },\n );\n\n // Duration\n matchUtilities(\n {\n \"animation-duration\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationDuration: value,\n }),\n },\n {\n values: theme(\"animationDuration\"),\n },\n );\n\n // Fill mode\n matchUtilities(\n {\n \"animation-fill-mode\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationFillMode: value,\n }),\n },\n {\n values: theme(\"animationFillMode\"),\n },\n );\n\n // Opacity\n matchUtilities(\n {\n \"fade-in\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-enter-opacity\": value,\n }),\n \"fade-out\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-exit-opacity\": value,\n }),\n },\n {\n values: theme(\"animationOpacity\"),\n },\n );\n\n // Repeat\n matchUtilities(\n {\n \"animation-repeat\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationIterationCount: value,\n }),\n },\n {\n values: theme(\"animationRepeat\"),\n },\n );\n\n // Rotate\n matchUtilities(\n {\n \"spin-in\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-enter-rotate\": value,\n }),\n \"spin-out\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-exit-rotate\": value,\n }),\n },\n {\n values: theme(\"animationRotate\"),\n },\n );\n\n // Scale - Zoom\n matchUtilities(\n {\n \"zoom-in\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-enter-scale\": value,\n }),\n \"zoom-out\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-exit-scale\": value,\n }),\n },\n {\n values: theme(\"animationScale\"),\n },\n );\n\n // Timing function\n matchUtilities(\n {\n \"animation-ease\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationTimingFunction: value,\n }),\n },\n {\n values: theme(\"animationTimingFunction\"),\n },\n );\n\n // Translate - Slide\n matchUtilities(\n {\n \"slide-in-from-top\": (value) => ({\n \"--animate-enter-translate-y\": `-${value}`,\n }),\n\n \"slide-in-from-bottom\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-enter-translate-y\": value,\n }),\n\n \"slide-in-from-left\": (value) => ({\n \"--animate-enter-translate-x\": `-${value}`,\n }),\n\n \"slide-in-from-right\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-enter-translate-x\": value,\n }),\n\n \"slide-out-to-top\": (value) => ({\n \"--animate-exit-translate-y\": `-${value}`,\n }),\n\n \"slide-out-to-bottom\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-exit-translate-y\": value,\n }),\n\n \"slide-out-to-left\": (value) => ({\n \"--animate-exit-translate-x\": `-${value}`,\n }),\n\n \"slide-out-to-right\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-exit-translate-x\": value,\n }),\n },\n {\n values: theme(\"animationTranslate\"),\n },\n );\n },\n {\n theme: {\n extend: {\n animationDelay: ({ theme }: { theme: Theme }) => ({\n ...theme(\"transitionDelay\"),\n }),\n\n animationDirection: {\n normal: \"normal\",\n reverse: \"reverse\",\n alternate: \"alternate\",\n \"alternate-reverse\": \"alternate-reverse\",\n },\n\n animationDuration: ({ theme }: { theme: Theme }) => ({\n ...theme(\"transitionDuration\"),\n }),\n\n animationFillMode: {\n none: \"none\",\n forwards: \"forwards\",\n backwards: \"backwards\",\n both: \"both\",\n },\n\n animationOpacity: ({ theme }: { theme: Theme }) => ({\n DEFAULT: 0,\n ...theme(\"opacity\"),\n }),\n\n animationRepeat: {\n 0: \"0\",\n 1: \"1\",\n infinite: \"infinite\",\n },\n\n animationRotate: ({ theme }: { theme: Theme }) => ({\n DEFAULT: \"30deg\",\n ...theme(\"rotate\"),\n }),\n\n animationScale: ({ theme }: { theme: Theme }) => ({\n DEFAULT: 0,\n ...theme(\"scale\"),\n }),\n\n animationTimingFunction: ({ theme }: { theme: Theme }) => ({\n ...theme(\"transitionTimingFunction\"),\n }),\n\n animationTranslate: ({ theme }: { theme: Theme }) => ({\n DEFAULT: \"100%\",\n ...theme(\"translate\"),\n }),\n },\n },\n },\n);\n\nexport default animate;\n"]}
|
package/dist/chunk-3YUTUHD2.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
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; } }var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var p = _interopRequireWildcard(_react);var _reactdropdownmenu = require('@radix-ui/react-dropdown-menu'); var e = _interopRequireWildcard(_reactdropdownmenu);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var g=e.Root,C= exports.b =e.Trigger,I= exports.c =e.Group,h= exports.d =e.Sub,S= exports.e =e.RadioGroup,c= exports.f =p.forwardRef(({className:o,inset:t,children:n,...i},d)=>_jsxruntime.jsxs.call(void 0, e.SubTrigger,{ref:d,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm",t&&"pl-8",o),...i,children:[n,_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"ml-auto size-4"})]}));c.displayName=e.SubTrigger.displayName;var w=p.forwardRef(({className:o,...t},n)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.SubContent,{ref:n,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",o),...t})}));w.displayName=e.SubContent.displayName;var f=p.forwardRef(({className:o,sideOffset:t=6,...n},i)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.Content,{ref:i,sideOffset:t,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",o),...n})}));f.displayName=e.Content.displayName;var M=p.forwardRef(({className:o,inset:t,...n},i)=>_jsxruntime.jsx.call(void 0, e.Item,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",t&&"pl-8",o),...n}));M.displayName=e.Item.displayName;var D=p.forwardRef(({className:o,children:t,checked:n,...i},d)=>_jsxruntime.jsxs.call(void 0, e.CheckboxItem,{ref:d,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",o),checked:n,...i,children:[_jsxruntime.jsx.call(void 0, "span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:_jsxruntime.jsx.call(void 0, e.ItemIndicator,{children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-4"})})}),t]}));D.displayName=e.CheckboxItem.displayName;var P=p.forwardRef(({className:o,children:t,...n},i)=>_jsxruntime.jsxs.call(void 0, e.RadioItem,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",o),...n,children:[_jsxruntime.jsx.call(void 0, "span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:_jsxruntime.jsx.call(void 0, e.ItemIndicator,{children:_jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon,{className:"size-4 fill-current"})})}),t]}));P.displayName=e.RadioItem.displayName;var y=p.forwardRef(({className:o,inset:t,...n},i)=>_jsxruntime.jsx.call(void 0, e.Label,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "px-2 py-1.5 text-sm font-semibold",t&&"pl-8",o),...n}));y.displayName=e.Label.displayName;var R=p.forwardRef(({className:o,...t},n)=>_jsxruntime.jsx.call(void 0, e.Separator,{ref:n,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-muted -mx-1 my-1 h-px",o),...t}));R.displayName=e.Separator.displayName;function x({className:o,...t}){return _jsxruntime.jsx.call(void 0, "span",{className:_chunkQZCQ42BPjs.b.call(void 0, "ml-auto text-xs tracking-widest opacity-60",o),...t})}exports.a = g; exports.b = C; exports.c = I; exports.d = h; exports.e = S; exports.f = c; exports.g = w; exports.h = f; exports.i = M; exports.j = D; exports.k = P; exports.l = y; exports.m = R; exports.n = x;
|
|
2
|
-
//# sourceMappingURL=chunk-3YUTUHD2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/dropdown-menu.tsx"],"names":["React","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","DotFilledIcon","jsx","jsxs","DropdownMenu","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","className","inset","children","props","ref","cn","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","DropdownMenuRadioItem","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, DotFilledIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenu\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuProps = React.ComponentProps<typeof DropdownMenuPrimitive.Root>;\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuTrigger\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuTriggerProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>;\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuGroup\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuGroupProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group>;\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuSub\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuSubProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub>;\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuSubTrigger\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuRadioGroupProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioGroup>;\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuSubTrigger\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\n\ninterface DropdownMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> {\n inset?: boolean;\n}\n\nconst DropdownMenuSubTrigger = React.forwardRef<DropdownMenuSubTriggerElement, DropdownMenuSubTriggerProps>(\n ({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n ),\n);\n\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuSubContent\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuSubContentProps = DropdownMenuPrimitive.DropdownMenuSubContentProps;\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n DropdownMenuSubContentProps\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n));\n\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuContent\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ntype DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>;\n\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n ({ className, sideOffset = 6, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n ),\n);\n\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuItem\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\n\ninterface DropdownMenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {\n inset?: boolean;\n}\n\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n ({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n />\n ),\n);\n\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuCheckboxItem\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<DropdownMenuCheckboxItemElement, DropdownMenuCheckboxItemProps>(\n ({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n ),\n);\n\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuRadioItem\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>;\n\nconst DropdownMenuRadioItem = React.forwardRef<DropdownMenuRadioItemElement, DropdownMenuRadioItemProps>(\n ({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <DotFilledIcon className=\"size-4 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n ),\n);\n\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuLabel\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\n\ninterface DropdownMenuLabelProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {\n inset?: boolean;\n}\n\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n ({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n {...props}\n />\n ),\n);\n\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuSeparator\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ntype DropdownMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>;\n\nconst DropdownMenuSeparator = React.forwardRef<DropdownMenuSeparatorElement, DropdownMenuSeparatorProps>(\n ({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator ref={ref} className={cn(\"bg-muted -mx-1 my-1 h-px\", className)} {...props} />\n ),\n);\n\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DropdownMenuShortcut\n * -------------------------------------------------------------------------- */\n\ntype DropdownMenuShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): React.JSX.Element {\n return <span className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n type DropdownMenuProps,\n type DropdownMenuTriggerProps,\n type DropdownMenuContentProps,\n type DropdownMenuItemProps,\n type DropdownMenuCheckboxItemProps,\n type DropdownMenuRadioItemProps,\n type DropdownMenuLabelProps,\n type DropdownMenuSeparatorProps,\n type DropdownMenuShortcutProps,\n type DropdownMenuGroupProps,\n type DropdownMenuSubProps,\n type DropdownMenuSubContentProps,\n type DropdownMenuSubTriggerProps,\n type DropdownMenuRadioGroupProps,\n};\n"]}
|
package/dist/chunk-6BC627N7.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
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; } }var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _reactselect = require('@radix-ui/react-select'); var e = _interopRequireWildcard(_reactselect);var _jsxruntime = require('react/jsx-runtime');var h=e.Root,C= exports.b =e.Group,N= exports.c =e.Value,u= exports.d =a.forwardRef(({className:l,children:i,...o},c)=>_jsxruntime.jsxs.call(void 0, e.Trigger,{ref:c,className:_chunkQZCQ42BPjs.b.call(void 0, "border-input placeholder:text-muted-foreground flex h-10 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:truncate",l),...o,children:[i,_jsxruntime.jsx.call(void 0, e.Icon,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _reacticons.CaretSortIcon,{className:"size-4 opacity-50"})})]}));u.displayName=e.Trigger.displayName;var n=a.forwardRef(({className:l,...i},o)=>_jsxruntime.jsx.call(void 0, e.ScrollUpButton,{ref:o,className:_chunkQZCQ42BPjs.b.call(void 0, "flex cursor-default items-center justify-center py-1",l),...i,children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronUpIcon,{})}));n.displayName=e.ScrollUpButton.displayName;var s=a.forwardRef(({className:l,...i},o)=>_jsxruntime.jsx.call(void 0, e.ScrollDownButton,{ref:o,className:_chunkQZCQ42BPjs.b.call(void 0, "flex cursor-default items-center justify-center py-1",l),...i,children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon,{})}));s.displayName=e.ScrollDownButton.displayName;var y=a.forwardRef(({className:l,children:i,position:o="popper",...c},m)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsxs.call(void 0, e.Content,{ref:m,className:_chunkQZCQ42BPjs.b.call(void 0, "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",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",l),position:o,...c,children:[_jsxruntime.jsx.call(void 0, n,{}),_jsxruntime.jsx.call(void 0, e.Viewport,{className:_chunkQZCQ42BPjs.b.call(void 0, "p-1",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:i}),_jsxruntime.jsx.call(void 0, s,{})]})}));y.displayName=e.Content.displayName;var v=a.forwardRef(({className:l,...i},o)=>_jsxruntime.jsx.call(void 0, e.Label,{ref:o,className:_chunkQZCQ42BPjs.b.call(void 0, "px-2 py-1.5 text-sm font-semibold",l),...i}));v.displayName=e.Label.displayName;var R=a.forwardRef(({className:l,children:i,...o},c)=>_jsxruntime.jsxs.call(void 0, e.Item,{ref:c,className:_chunkQZCQ42BPjs.b.call(void 0, "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 aria-disabled:pointer-events-none aria-disabled:opacity-50",l),...o,children:[_jsxruntime.jsx.call(void 0, "span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:_jsxruntime.jsx.call(void 0, e.ItemIndicator,{children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-4"})})}),_jsxruntime.jsx.call(void 0, e.ItemText,{children:i})]}));R.displayName=e.Item.displayName;var g=a.forwardRef(({className:l,...i},o)=>_jsxruntime.jsx.call(void 0, e.Separator,{ref:o,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-muted -mx-1 my-1 h-px",l),...i}));g.displayName=e.Separator.displayName;exports.a = h; exports.b = C; exports.c = N; exports.d = u; exports.e = n; exports.f = s; exports.g = y; exports.h = v; exports.i = R; exports.j = g;
|
|
2
|
-
//# sourceMappingURL=chunk-6BC627N7.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/select.tsx"],"names":["React","CaretSortIcon","CheckIcon","ChevronDownIcon","ChevronUpIcon","SelectPrimitive","jsx","jsxs","Select","SelectGroup","SelectValue","SelectTrigger","className","children","props","ref","cn","SelectScrollUpButton","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","SelectSeparator"],"mappings":"wCAEA,UAAYA,MAAW,QACvB,OAAS,iBAAAC,EAAe,aAAAC,EAAW,mBAAAC,EAAiB,iBAAAC,MAAqB,wBACzE,UAAYC,MAAqB,yBAiC7B,OAUI,OAAAC,EAVJ,QAAAC,MAAA,oBAzBJ,IAAMC,EAAyB,OAOzBC,EAA8B,QAO9BC,EAA8B,QAS9BC,EAAsB,aAC1B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCR,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,oVACAJ,CACF,EACC,GAAGE,EAEH,UAAAD,EACDP,EAAiB,OAAhB,CAAqB,QAAO,GAC3B,SAAAA,EAACL,EAAA,CAAc,UAAU,oBAAoB,EAC/C,GACF,CAEJ,EAEAU,EAAc,YAA8B,UAAQ,YASpD,IAAMM,EAA6B,aACjC,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IACxBT,EAAiB,iBAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,uDAAwDJ,CAAS,EAC9E,GAAGE,EAEJ,SAAAR,EAACF,EAAA,EAAc,EACjB,CAEJ,EAEAa,EAAqB,YAA8B,iBAAe,YASlE,IAAMC,EAA+B,aACnC,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IACxBT,EAAiB,mBAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,uDAAwDJ,CAAS,EAC9E,GAAGE,EAEJ,SAAAR,EAACH,EAAA,EAAgB,EACnB,CAEJ,EAEAe,EAAuB,YAA8B,mBAAiB,YAStE,IAAMC,EAAsB,aAC1B,CAAC,CAAE,UAAAP,EAAW,SAAAC,EAAU,SAAAO,EAAW,SAAU,GAAGN,CAAM,EAAGC,IACvDT,EAAiB,SAAhB,CACC,SAAAC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,svBACAI,IAAa,UACX,kIACFR,CACF,EACA,SAAUQ,EACT,GAAGN,EAEJ,UAAAR,EAACW,EAAA,EAAqB,EACtBX,EAAiB,WAAhB,CACC,UAAWU,EACT,MACAI,IAAa,UACX,yFACJ,EAEC,SAAAP,EACH,EACAP,EAACY,EAAA,EAAuB,GAC1B,EACF,CAEJ,EAEAC,EAAc,YAA8B,UAAQ,YASpD,IAAME,EAAoB,aAAiD,CAAC,CAAE,UAAAT,EAAW,GAAGE,CAAM,EAAGC,IACnGT,EAAiB,QAAhB,CAAsB,IAAKS,EAAK,UAAWC,EAAG,oCAAqCJ,CAAS,EAAI,GAAGE,EAAO,CAC5G,EAEDO,EAAY,YAA8B,QAAM,YAShD,IAAMC,EAAmB,aAA+C,CAAC,CAAE,UAAAV,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAC1GR,EAAiB,OAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,yNACAJ,CACF,EACC,GAAGE,EAEJ,UAAAR,EAAC,QAAK,UAAU,6DACd,SAAAA,EAAiB,gBAAhB,CACC,SAAAA,EAACJ,EAAA,CAAU,UAAU,SAAS,EAChC,EACF,EACAI,EAAiB,WAAhB,CAA0B,SAAAO,EAAS,GACtC,CACD,EAEDS,EAAW,YAA8B,OAAK,YAS9C,IAAMC,EAAwB,aAC5B,CAAC,CAAE,UAAAX,EAAW,GAAGE,CAAM,EAAGC,IACxBT,EAAiB,YAAhB,CAA0B,IAAKS,EAAK,UAAWC,EAAG,2BAA4BJ,CAAS,EAAI,GAAGE,EAAO,CAE1G,EAEAS,EAAgB,YAA8B,YAAU","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Select\n * -------------------------------------------------------------------------- */\n\ntype SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;\nconst Select = SelectPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectGroup\n * -------------------------------------------------------------------------- */\n\ntype SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;\nconst SelectGroup = SelectPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectValue\n * -------------------------------------------------------------------------- */\n\ntype SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;\nconst SelectValue = SelectPrimitive.Value;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectTrigger\n * -------------------------------------------------------------------------- */\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;\n\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n ({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"border-input placeholder:text-muted-foreground flex h-10 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:truncate\",\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 ),\n);\n\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollUpButton\n * -------------------------------------------------------------------------- */\n\ntype SelectScrollUpButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollUpButton>;\ntype SelectScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;\n\nconst SelectScrollUpButton = React.forwardRef<SelectScrollUpButtonElement, SelectScrollUpButtonProps>(\n ({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n {...props}\n >\n <ChevronUpIcon />\n </SelectPrimitive.ScrollUpButton>\n ),\n);\n\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollDownButton\n * -------------------------------------------------------------------------- */\n\ntype SelectScrollDownButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollDownButton>;\ntype SelectScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;\n\nconst SelectScrollDownButton = React.forwardRef<SelectScrollDownButtonElement, SelectScrollDownButtonProps>(\n ({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n {...props}\n >\n <ChevronDownIcon />\n </SelectPrimitive.ScrollDownButton>\n ),\n);\n\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectContent\n * -------------------------------------------------------------------------- */\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;\n\nconst SelectContent = React.forwardRef<SelectContentElement, 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 ),\n);\n\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectLabel\n * -------------------------------------------------------------------------- */\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ntype SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;\n\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label ref={ref} className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)} {...props} />\n));\n\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectItem\n * -------------------------------------------------------------------------- */\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ntype SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;\n\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(({ 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 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));\n\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectSeparator\n * -------------------------------------------------------------------------- */\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ntype SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>;\n\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n ({ className, ...props }, ref) => (\n <SelectPrimitive.Separator ref={ref} className={cn(\"bg-muted -mx-1 my-1 h-px\", className)} {...props} />\n ),\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 type SelectProps,\n type SelectGroupProps,\n type SelectValueProps,\n type SelectTriggerProps,\n type SelectContentProps,\n type SelectLabelProps,\n type SelectItemProps,\n type SelectSeparatorProps,\n type SelectScrollUpButtonProps,\n type SelectScrollDownButtonProps,\n};\n"]}
|
package/dist/chunk-HJ4U5JJA.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import i from"tailwindcss/plugin";var o=i(({addUtilities:t,matchUtilities:e,theme:n})=>{t({"@keyframes enter":{from:{opacity:"var(--animate-enter-opacity, 1)",transform:["translate3d(var(--animate-enter-translate-x, 0), var(--animate-enter-translate-y, 0), 0)","scale3d(var(--animate-enter-scale, 1), var(--animate-enter-scale, 1), var(--animate-enter-scale, 1))","rotate(var(--animate-enter-rotate, 0))"].join(" ")}},"@keyframes exit":{to:{opacity:"var(--animate-exit-opacity, 1)",transform:["translate3d(var(--animate-exit-translate-x, 0), var(--animate-exit-translate-y, 0), 0)","scale3d(var(--animate-exit-scale, 1), var(--animate-exit-scale, 1), var(--animate-exit-scale, 1))","rotate(var(--animate-exit-rotate, 0))"].join(" ")}},".animate-in":{animationName:"enter",animationDuration:n("animationDuration.DEFAULT"),"--animate-enter-opacity":"initial","--animate-enter-scale":"initial","--animate-enter-rotate":"initial","--animate-enter-translate-x":"initial","--animate-enter-translate-y":"initial"},".animate-out":{animationName:"exit",animationDuration:n("animationDuration.DEFAULT"),"--animate-exit-opacity":"initial","--animate-exit-scale":"initial","--animate-exit-rotate":"initial","--animate-exit-translate-x":"initial","--animate-exit-translate-y":"initial"}}),t({".animation-running":{animationPlayState:"running"},".animation-paused":{animationPlayState:"paused"}}),e({"animation-delay":a=>({animationDelay:a})},{values:n("animationDelay")}),e({"animation-direction":a=>({animationDirection:a})},{values:n("animationDirection")}),e({"animation-duration":a=>({animationDuration:a})},{values:n("animationDuration")}),e({"animation-fill-mode":a=>({animationFillMode:a})},{values:n("animationFillMode")}),e({"fade-in":a=>({"--animate-enter-opacity":a}),"fade-out":a=>({"--animate-exit-opacity":a})},{values:n("animationOpacity")}),e({"animation-repeat":a=>({animationIterationCount:a})},{values:n("animationRepeat")}),e({"spin-in":a=>({"--animate-enter-rotate":a}),"spin-out":a=>({"--animate-exit-rotate":a})},{values:n("animationRotate")}),e({"zoom-in":a=>({"--animate-enter-scale":a}),"zoom-out":a=>({"--animate-exit-scale":a})},{values:n("animationScale")}),e({"animation-ease":a=>({animationTimingFunction:a})},{values:n("animationTimingFunction")}),e({"slide-in-from-top":a=>({"--animate-enter-translate-y":`-${a}`}),"slide-in-from-bottom":a=>({"--animate-enter-translate-y":a}),"slide-in-from-left":a=>({"--animate-enter-translate-x":`-${a}`}),"slide-in-from-right":a=>({"--animate-enter-translate-x":a}),"slide-out-to-top":a=>({"--animate-exit-translate-y":`-${a}`}),"slide-out-to-bottom":a=>({"--animate-exit-translate-y":a}),"slide-out-to-left":a=>({"--animate-exit-translate-x":`-${a}`}),"slide-out-to-right":a=>({"--animate-exit-translate-x":a})},{values:n("animationTranslate")})},{theme:{extend:{animationDelay:({theme:t})=>({...t("transitionDelay")}),animationDirection:{normal:"normal",reverse:"reverse",alternate:"alternate","alternate-reverse":"alternate-reverse"},animationDuration:({theme:t})=>({...t("transitionDuration")}),animationFillMode:{none:"none",forwards:"forwards",backwards:"backwards",both:"both"},animationOpacity:({theme:t})=>({DEFAULT:0,...t("opacity")}),animationRepeat:{0:"0",1:"1",infinite:"infinite"},animationRotate:({theme:t})=>({DEFAULT:"30deg",...t("rotate")}),animationScale:({theme:t})=>({DEFAULT:0,...t("scale")}),animationTimingFunction:({theme:t})=>({...t("transitionTimingFunction")}),animationTranslate:({theme:t})=>({DEFAULT:"100%",...t("translate")})}}}),m=o;export{m as a};
|
|
2
|
-
//# sourceMappingURL=chunk-HJ4U5JJA.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../animate.plugin.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin\";\nimport { type Config } from \"tailwindcss/types/config\";\n\ntype Theme = <TDefaultValue = Config[\"theme\"]>(path?: string, defaultValue?: TDefaultValue) => TDefaultValue;\n\nconst animate = plugin(\n ({ addUtilities, matchUtilities, theme }) => {\n addUtilities({\n \"@keyframes enter\": {\n from: {\n opacity: \"var(--animate-enter-opacity, 1)\",\n transform: [\n \"translate3d(var(--animate-enter-translate-x, 0), var(--animate-enter-translate-y, 0), 0)\",\n \"scale3d(var(--animate-enter-scale, 1), var(--animate-enter-scale, 1), var(--animate-enter-scale, 1))\",\n \"rotate(var(--animate-enter-rotate, 0))\",\n ].join(\" \"),\n },\n },\n\n \"@keyframes exit\": {\n to: {\n opacity: \"var(--animate-exit-opacity, 1)\",\n transform: [\n \"translate3d(var(--animate-exit-translate-x, 0), var(--animate-exit-translate-y, 0), 0)\",\n \"scale3d(var(--animate-exit-scale, 1), var(--animate-exit-scale, 1), var(--animate-exit-scale, 1))\",\n \"rotate(var(--animate-exit-rotate, 0))\",\n ].join(\" \"),\n },\n },\n\n \".animate-in\": {\n animationName: \"enter\",\n animationDuration: theme(\"animationDuration.DEFAULT\"),\n \"--animate-enter-opacity\": \"initial\",\n \"--animate-enter-scale\": \"initial\",\n \"--animate-enter-rotate\": \"initial\",\n \"--animate-enter-translate-x\": \"initial\",\n \"--animate-enter-translate-y\": \"initial\",\n },\n\n \".animate-out\": {\n animationName: \"exit\",\n animationDuration: theme(\"animationDuration.DEFAULT\"),\n \"--animate-exit-opacity\": \"initial\",\n \"--animate-exit-scale\": \"initial\",\n \"--animate-exit-rotate\": \"initial\",\n \"--animate-exit-translate-x\": \"initial\",\n \"--animate-exit-translate-y\": \"initial\",\n },\n });\n\n addUtilities({\n \".animation-running\": {\n animationPlayState: \"running\",\n },\n \".animation-paused\": {\n animationPlayState: \"paused\",\n },\n });\n\n // Delay\n matchUtilities(\n {\n \"animation-delay\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationDelay: value,\n }),\n },\n {\n values: theme(\"animationDelay\"),\n },\n );\n\n // Direction\n matchUtilities(\n {\n \"animation-direction\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationDirection: value,\n }),\n },\n {\n values: theme(\"animationDirection\"),\n },\n );\n\n // Duration\n matchUtilities(\n {\n \"animation-duration\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationDuration: value,\n }),\n },\n {\n values: theme(\"animationDuration\"),\n },\n );\n\n // Fill mode\n matchUtilities(\n {\n \"animation-fill-mode\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationFillMode: value,\n }),\n },\n {\n values: theme(\"animationFillMode\"),\n },\n );\n\n // Opacity\n matchUtilities(\n {\n \"fade-in\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-enter-opacity\": value,\n }),\n \"fade-out\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-exit-opacity\": value,\n }),\n },\n {\n values: theme(\"animationOpacity\"),\n },\n );\n\n // Repeat\n matchUtilities(\n {\n \"animation-repeat\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationIterationCount: value,\n }),\n },\n {\n values: theme(\"animationRepeat\"),\n },\n );\n\n // Rotate\n matchUtilities(\n {\n \"spin-in\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-enter-rotate\": value,\n }),\n \"spin-out\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-exit-rotate\": value,\n }),\n },\n {\n values: theme(\"animationRotate\"),\n },\n );\n\n // Scale - Zoom\n matchUtilities(\n {\n \"zoom-in\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-enter-scale\": value,\n }),\n \"zoom-out\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-exit-scale\": value,\n }),\n },\n {\n values: theme(\"animationScale\"),\n },\n );\n\n // Timing function\n matchUtilities(\n {\n \"animation-ease\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n animationTimingFunction: value,\n }),\n },\n {\n values: theme(\"animationTimingFunction\"),\n },\n );\n\n // Translate - Slide\n matchUtilities(\n {\n \"slide-in-from-top\": (value) => ({\n \"--animate-enter-translate-y\": `-${value}`,\n }),\n\n \"slide-in-from-bottom\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-enter-translate-y\": value,\n }),\n\n \"slide-in-from-left\": (value) => ({\n \"--animate-enter-translate-x\": `-${value}`,\n }),\n\n \"slide-in-from-right\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-enter-translate-x\": value,\n }),\n\n \"slide-out-to-top\": (value) => ({\n \"--animate-exit-translate-y\": `-${value}`,\n }),\n\n \"slide-out-to-bottom\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-exit-translate-y\": value,\n }),\n\n \"slide-out-to-left\": (value) => ({\n \"--animate-exit-translate-x\": `-${value}`,\n }),\n\n \"slide-out-to-right\": (value) => ({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe\n \"--animate-exit-translate-x\": value,\n }),\n },\n {\n values: theme(\"animationTranslate\"),\n },\n );\n },\n {\n theme: {\n extend: {\n animationDelay: ({ theme }: { theme: Theme }) => ({\n ...theme(\"transitionDelay\"),\n }),\n\n animationDirection: {\n normal: \"normal\",\n reverse: \"reverse\",\n alternate: \"alternate\",\n \"alternate-reverse\": \"alternate-reverse\",\n },\n\n animationDuration: ({ theme }: { theme: Theme }) => ({\n ...theme(\"transitionDuration\"),\n }),\n\n animationFillMode: {\n none: \"none\",\n forwards: \"forwards\",\n backwards: \"backwards\",\n both: \"both\",\n },\n\n animationOpacity: ({ theme }: { theme: Theme }) => ({\n DEFAULT: 0,\n ...theme(\"opacity\"),\n }),\n\n animationRepeat: {\n 0: \"0\",\n 1: \"1\",\n infinite: \"infinite\",\n },\n\n animationRotate: ({ theme }: { theme: Theme }) => ({\n DEFAULT: \"30deg\",\n ...theme(\"rotate\"),\n }),\n\n animationScale: ({ theme }: { theme: Theme }) => ({\n DEFAULT: 0,\n ...theme(\"scale\"),\n }),\n\n animationTimingFunction: ({ theme }: { theme: Theme }) => ({\n ...theme(\"transitionTimingFunction\"),\n }),\n\n animationTranslate: ({ theme }: { theme: Theme }) => ({\n DEFAULT: \"100%\",\n ...theme(\"translate\"),\n }),\n },\n },\n },\n);\n\nexport default animate;\n"],"mappings":"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","names":["plugin","animate","addUtilities","matchUtilities","theme","value","animate_plugin_default"]}
|
package/dist/chunk-JVGHOCS7.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
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; } }var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var s = _interopRequireWildcard(_react);var _reactvisuallyhidden = require('@radix-ui/react-visually-hidden');var _jsxruntime = require('react/jsx-runtime');var e=8,u= exports.a =s.forwardRef(({className:o,loading:p=!0,children:r,...l},f)=>{if(!p)return r;let a=_jsxruntime.jsx.call(void 0, "span",{ref:f,className:_chunkQZCQ42BPjs.b.call(void 0, "relative flex size-4 items-center justify-center opacity-60",o),...l,children:Array.from({length:e},(c,t)=>_jsxruntime.jsx.call(void 0, "span",{className:"before:fade-out-25 before:animate-out before:animation-repeat-infinite before:animation-delay-[var(--spinner-delay)] before:animation-duration-[var(--spinner-duration)] absolute h-full rotate-[var(--spinner-rotate)] before:block before:h-1/3 before:w-full before:rounded-full before:bg-current",style:{width:`${(100/e).toString()}%`,"--spinner-delay":`-${((e-t)*100).toString()}ms`,"--spinner-rotate":`${(360/e*t).toString()}deg`,"--spinner-duration":`${(e*100).toString()}ms`}},t))});return r===void 0?a:_jsxruntime.jsxs.call(void 0, "span",{className:"relative",children:[_jsxruntime.jsx.call(void 0, "span",{"aria-hidden":!0,className:"invisible contents",children:r}),_jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden,{children:r}),_jsxruntime.jsx.call(void 0, "span",{className:"absolute inset-0 flex items-center justify-center",children:a})]})});u.displayName="Spinner";exports.a = u;
|
|
2
|
-
//# sourceMappingURL=chunk-JVGHOCS7.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/spinner.tsx"],"names":["React","VisuallyHidden","jsx","jsxs","spinnerCount","Spinner","className","loading","children","props","ref","spinner","cn","_","i"],"mappings":"wCAAA,UAAYA,MAAW,QACvB,OAAS,kBAAAC,MAAsB,kCA4BrB,cAAAC,EAqBJ,QAAAC,MArBI,oBArBV,IAAMC,EAAe,EAQfC,EAAgB,aACpB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAU,GAAM,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAAQ,CAC1D,GAAI,CAACH,EACH,OAAOC,EAGT,IAAMG,EACJT,EAAC,QACC,IAAKQ,EACL,UAAWE,EAAG,8DAA+DN,CAAS,EACrF,GAAGG,EAEH,eAAM,KAAK,CAAE,OAAQL,CAAa,EAAG,CAACS,EAAGC,IACxCZ,EAAC,QAEC,UAAU,wSACV,MACE,CACE,MAAO,IAAI,IAAME,GAAc,SAAS,CAAC,IACzC,kBAAmB,MAAMA,EAAeU,GAAK,KAAK,SAAS,CAAC,KAC5D,mBAAoB,IAAK,IAAMV,EAAgBU,GAAG,SAAS,CAAC,MAC5D,qBAAsB,IAAIV,EAAe,KAAK,SAAS,CAAC,IAC1D,GARGU,CAUP,CACD,EACH,EAGF,OAAIN,IAAa,OACRG,EAIPR,EAAC,QAAK,UAAU,WACd,UAAAD,EAAC,QAAK,cAAW,GAAC,UAAU,qBACzB,SAAAM,EACH,EACAN,EAACD,EAAA,CAAgB,SAAAO,EAAS,EAC1BN,EAAC,QAAK,UAAU,oDAAqD,SAAAS,EAAQ,GAC/E,CAEJ,CACF,EAEAN,EAAQ,YAAc","sourcesContent":["import * as React from \"react\";\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Spinner\n * -------------------------------------------------------------------------- */\n\nconst spinnerCount = 8;\n\ntype SpinnerElement = HTMLSpanElement;\n\ninterface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n loading?: boolean;\n}\n\nconst Spinner = React.forwardRef<SpinnerElement, SpinnerProps>(\n ({ className, loading = true, children, ...props }, ref) => {\n if (!loading) {\n return children;\n }\n\n const spinner = (\n <span\n ref={ref}\n className={cn(\"relative flex size-4 items-center justify-center opacity-60\", className)}\n {...props}\n >\n {Array.from({ length: spinnerCount }, (_, i) => (\n <span\n key={i}\n className=\"before:fade-out-25 before:animate-out before:animation-repeat-infinite before:animation-delay-[var(--spinner-delay)] before:animation-duration-[var(--spinner-duration)] absolute h-full rotate-[var(--spinner-rotate)] before:block before:h-1/3 before:w-full before:rounded-full before:bg-current\"\n style={\n {\n width: `${(100 / spinnerCount).toString()}%`,\n \"--spinner-delay\": `-${((spinnerCount - i) * 100).toString()}ms`,\n \"--spinner-rotate\": `${((360 / spinnerCount) * i).toString()}deg`,\n \"--spinner-duration\": `${(spinnerCount * 100).toString()}ms`,\n } as React.CSSProperties\n }\n />\n ))}\n </span>\n );\n\n if (children === undefined) {\n return spinner;\n }\n\n return (\n <span className=\"relative\">\n <span aria-hidden className=\"invisible contents\">\n {children}\n </span>\n <VisuallyHidden>{children}</VisuallyHidden>\n <span className=\"absolute inset-0 flex items-center justify-center\">{spinner}</span>\n </span>\n );\n },\n);\n\nSpinner.displayName = \"Spinner\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Spinner, type SpinnerProps };\n"]}
|
package/dist/chunk-QYFYTUH7.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{b as r}from"./chunk-JTI7KCLO.mjs";import*as a from"react";import{CaretSortIcon as S,CheckIcon as d,ChevronDownIcon as f,ChevronUpIcon as P}from"@radix-ui/react-icons";import*as e from"@radix-ui/react-select";import{jsx as t,jsxs as p}from"react/jsx-runtime";var h=e.Root,C=e.Group,N=e.Value,u=a.forwardRef(({className:l,children:i,...o},c)=>p(e.Trigger,{ref:c,className:r("border-input placeholder:text-muted-foreground flex h-10 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:truncate",l),...o,children:[i,t(e.Icon,{asChild:!0,children:t(S,{className:"size-4 opacity-50"})})]}));u.displayName=e.Trigger.displayName;var n=a.forwardRef(({className:l,...i},o)=>t(e.ScrollUpButton,{ref:o,className:r("flex cursor-default items-center justify-center py-1",l),...i,children:t(P,{})}));n.displayName=e.ScrollUpButton.displayName;var s=a.forwardRef(({className:l,...i},o)=>t(e.ScrollDownButton,{ref:o,className:r("flex cursor-default items-center justify-center py-1",l),...i,children:t(f,{})}));s.displayName=e.ScrollDownButton.displayName;var y=a.forwardRef(({className:l,children:i,position:o="popper",...c},m)=>t(e.Portal,{children:p(e.Content,{ref:m,className:r("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",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",l),position:o,...c,children:[t(n,{}),t(e.Viewport,{className:r("p-1",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:i}),t(s,{})]})}));y.displayName=e.Content.displayName;var v=a.forwardRef(({className:l,...i},o)=>t(e.Label,{ref:o,className:r("px-2 py-1.5 text-sm font-semibold",l),...i}));v.displayName=e.Label.displayName;var R=a.forwardRef(({className:l,children:i,...o},c)=>p(e.Item,{ref:c,className:r("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 aria-disabled:pointer-events-none aria-disabled:opacity-50",l),...o,children:[t("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:t(e.ItemIndicator,{children:t(d,{className:"size-4"})})}),t(e.ItemText,{children:i})]}));R.displayName=e.Item.displayName;var g=a.forwardRef(({className:l,...i},o)=>t(e.Separator,{ref:o,className:r("bg-muted -mx-1 my-1 h-px",l),...i}));g.displayName=e.Separator.displayName;export{h as a,C as b,N as c,u as d,n as e,s as f,y as g,v as h,R as i,g as j};
|
|
2
|
-
//# sourceMappingURL=chunk-QYFYTUH7.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Select\n * -------------------------------------------------------------------------- */\n\ntype SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;\nconst Select = SelectPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectGroup\n * -------------------------------------------------------------------------- */\n\ntype SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;\nconst SelectGroup = SelectPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectValue\n * -------------------------------------------------------------------------- */\n\ntype SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;\nconst SelectValue = SelectPrimitive.Value;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectTrigger\n * -------------------------------------------------------------------------- */\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;\n\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n ({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"border-input placeholder:text-muted-foreground flex h-10 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:truncate\",\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 ),\n);\n\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollUpButton\n * -------------------------------------------------------------------------- */\n\ntype SelectScrollUpButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollUpButton>;\ntype SelectScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;\n\nconst SelectScrollUpButton = React.forwardRef<SelectScrollUpButtonElement, SelectScrollUpButtonProps>(\n ({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n {...props}\n >\n <ChevronUpIcon />\n </SelectPrimitive.ScrollUpButton>\n ),\n);\n\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollDownButton\n * -------------------------------------------------------------------------- */\n\ntype SelectScrollDownButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollDownButton>;\ntype SelectScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;\n\nconst SelectScrollDownButton = React.forwardRef<SelectScrollDownButtonElement, SelectScrollDownButtonProps>(\n ({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n {...props}\n >\n <ChevronDownIcon />\n </SelectPrimitive.ScrollDownButton>\n ),\n);\n\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectContent\n * -------------------------------------------------------------------------- */\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;\n\nconst SelectContent = React.forwardRef<SelectContentElement, 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 ),\n);\n\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectLabel\n * -------------------------------------------------------------------------- */\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ntype SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;\n\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label ref={ref} className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)} {...props} />\n));\n\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectItem\n * -------------------------------------------------------------------------- */\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ntype SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;\n\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(({ 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 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));\n\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectSeparator\n * -------------------------------------------------------------------------- */\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ntype SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>;\n\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n ({ className, ...props }, ref) => (\n <SelectPrimitive.Separator ref={ref} className={cn(\"bg-muted -mx-1 my-1 h-px\", className)} {...props} />\n ),\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 type SelectProps,\n type SelectGroupProps,\n type SelectValueProps,\n type SelectTriggerProps,\n type SelectContentProps,\n type SelectLabelProps,\n type SelectItemProps,\n type SelectSeparatorProps,\n type SelectScrollUpButtonProps,\n type SelectScrollDownButtonProps,\n};\n"],"mappings":"yCAEA,UAAYA,MAAW,QACvB,OAAS,iBAAAC,EAAe,aAAAC,EAAW,mBAAAC,EAAiB,iBAAAC,MAAqB,wBACzE,UAAYC,MAAqB,yBAiC7B,OAUI,OAAAC,EAVJ,QAAAC,MAAA,oBAzBJ,IAAMC,EAAyB,OAOzBC,EAA8B,QAO9BC,EAA8B,QAS9BC,EAAsB,aAC1B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCR,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,oVACAJ,CACF,EACC,GAAGE,EAEH,UAAAD,EACDP,EAAiB,OAAhB,CAAqB,QAAO,GAC3B,SAAAA,EAACW,EAAA,CAAc,UAAU,oBAAoB,EAC/C,GACF,CAEJ,EAEAN,EAAc,YAA8B,UAAQ,YASpD,IAAMO,EAA6B,aACjC,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IACxBT,EAAiB,iBAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,uDAAwDJ,CAAS,EAC9E,GAAGE,EAEJ,SAAAR,EAACa,EAAA,EAAc,EACjB,CAEJ,EAEAD,EAAqB,YAA8B,iBAAe,YASlE,IAAME,EAA+B,aACnC,CAAC,CAAE,UAAAR,EAAW,GAAGE,CAAM,EAAGC,IACxBT,EAAiB,mBAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,uDAAwDJ,CAAS,EAC9E,GAAGE,EAEJ,SAAAR,EAACe,EAAA,EAAgB,EACnB,CAEJ,EAEAD,EAAuB,YAA8B,mBAAiB,YAStE,IAAME,EAAsB,aAC1B,CAAC,CAAE,UAAAV,EAAW,SAAAC,EAAU,SAAAU,EAAW,SAAU,GAAGT,CAAM,EAAGC,IACvDT,EAAiB,SAAhB,CACC,SAAAC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,svBACAO,IAAa,UACX,kIACFX,CACF,EACA,SAAUW,EACT,GAAGT,EAEJ,UAAAR,EAACY,EAAA,EAAqB,EACtBZ,EAAiB,WAAhB,CACC,UAAWU,EACT,MACAO,IAAa,UACX,yFACJ,EAEC,SAAAV,EACH,EACAP,EAACc,EAAA,EAAuB,GAC1B,EACF,CAEJ,EAEAE,EAAc,YAA8B,UAAQ,YASpD,IAAME,EAAoB,aAAiD,CAAC,CAAE,UAAAZ,EAAW,GAAGE,CAAM,EAAGC,IACnGT,EAAiB,QAAhB,CAAsB,IAAKS,EAAK,UAAWC,EAAG,oCAAqCJ,CAAS,EAAI,GAAGE,EAAO,CAC5G,EAEDU,EAAY,YAA8B,QAAM,YAShD,IAAMC,EAAmB,aAA+C,CAAC,CAAE,UAAAb,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAC1GR,EAAiB,OAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,yNACAJ,CACF,EACC,GAAGE,EAEJ,UAAAR,EAAC,QAAK,UAAU,6DACd,SAAAA,EAAiB,gBAAhB,CACC,SAAAA,EAACoB,EAAA,CAAU,UAAU,SAAS,EAChC,EACF,EACApB,EAAiB,WAAhB,CAA0B,SAAAO,EAAS,GACtC,CACD,EAEDY,EAAW,YAA8B,OAAK,YAS9C,IAAME,EAAwB,aAC5B,CAAC,CAAE,UAAAf,EAAW,GAAGE,CAAM,EAAGC,IACxBT,EAAiB,YAAhB,CAA0B,IAAKS,EAAK,UAAWC,EAAG,2BAA4BJ,CAAS,EAAI,GAAGE,EAAO,CAE1G,EAEAa,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"]}
|
package/dist/chunk-TMXZMQRK.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{b as i}from"./chunk-JTI7KCLO.mjs";import*as s from"react";import{VisuallyHidden as m}from"@radix-ui/react-visually-hidden";import{jsx as n,jsxs as d}from"react/jsx-runtime";var e=8,u=s.forwardRef(({className:o,loading:p=!0,children:r,...l},f)=>{if(!p)return r;let a=n("span",{ref:f,className:i("relative flex size-4 items-center justify-center opacity-60",o),...l,children:Array.from({length:e},(c,t)=>n("span",{className:"before:fade-out-25 before:animate-out before:animation-repeat-infinite before:animation-delay-[var(--spinner-delay)] before:animation-duration-[var(--spinner-duration)] absolute h-full rotate-[var(--spinner-rotate)] before:block before:h-1/3 before:w-full before:rounded-full before:bg-current",style:{width:`${(100/e).toString()}%`,"--spinner-delay":`-${((e-t)*100).toString()}ms`,"--spinner-rotate":`${(360/e*t).toString()}deg`,"--spinner-duration":`${(e*100).toString()}ms`}},t))});return r===void 0?a:d("span",{className:"relative",children:[n("span",{"aria-hidden":!0,className:"invisible contents",children:r}),n(m,{children:r}),n("span",{className:"absolute inset-0 flex items-center justify-center",children:a})]})});u.displayName="Spinner";export{u as a};
|
|
2
|
-
//# sourceMappingURL=chunk-TMXZMQRK.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/spinner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Spinner\n * -------------------------------------------------------------------------- */\n\nconst spinnerCount = 8;\n\ntype SpinnerElement = HTMLSpanElement;\n\ninterface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n loading?: boolean;\n}\n\nconst Spinner = React.forwardRef<SpinnerElement, SpinnerProps>(\n ({ className, loading = true, children, ...props }, ref) => {\n if (!loading) {\n return children;\n }\n\n const spinner = (\n <span\n ref={ref}\n className={cn(\"relative flex size-4 items-center justify-center opacity-60\", className)}\n {...props}\n >\n {Array.from({ length: spinnerCount }, (_, i) => (\n <span\n key={i}\n className=\"before:fade-out-25 before:animate-out before:animation-repeat-infinite before:animation-delay-[var(--spinner-delay)] before:animation-duration-[var(--spinner-duration)] absolute h-full rotate-[var(--spinner-rotate)] before:block before:h-1/3 before:w-full before:rounded-full before:bg-current\"\n style={\n {\n width: `${(100 / spinnerCount).toString()}%`,\n \"--spinner-delay\": `-${((spinnerCount - i) * 100).toString()}ms`,\n \"--spinner-rotate\": `${((360 / spinnerCount) * i).toString()}deg`,\n \"--spinner-duration\": `${(spinnerCount * 100).toString()}ms`,\n } as React.CSSProperties\n }\n />\n ))}\n </span>\n );\n\n if (children === undefined) {\n return spinner;\n }\n\n return (\n <span className=\"relative\">\n <span aria-hidden className=\"invisible contents\">\n {children}\n </span>\n <VisuallyHidden>{children}</VisuallyHidden>\n <span className=\"absolute inset-0 flex items-center justify-center\">{spinner}</span>\n </span>\n );\n },\n);\n\nSpinner.displayName = \"Spinner\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Spinner, type SpinnerProps };\n"],"mappings":"yCAAA,UAAYA,MAAW,QACvB,OAAS,kBAAAC,MAAsB,kCA4BrB,cAAAC,EAqBJ,QAAAC,MArBI,oBArBV,IAAMC,EAAe,EAQfC,EAAgB,aACpB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAU,GAAM,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAAQ,CAC1D,GAAI,CAACH,EACH,OAAOC,EAGT,IAAMG,EACJT,EAAC,QACC,IAAKQ,EACL,UAAWE,EAAG,8DAA+DN,CAAS,EACrF,GAAGG,EAEH,eAAM,KAAK,CAAE,OAAQL,CAAa,EAAG,CAACS,EAAGC,IACxCZ,EAAC,QAEC,UAAU,wSACV,MACE,CACE,MAAO,IAAI,IAAME,GAAc,SAAS,CAAC,IACzC,kBAAmB,MAAMA,EAAeU,GAAK,KAAK,SAAS,CAAC,KAC5D,mBAAoB,IAAK,IAAMV,EAAgBU,GAAG,SAAS,CAAC,MAC5D,qBAAsB,IAAIV,EAAe,KAAK,SAAS,CAAC,IAC1D,GARGU,CAUP,CACD,EACH,EAGF,OAAIN,IAAa,OACRG,EAIPR,EAAC,QAAK,UAAU,WACd,UAAAD,EAAC,QAAK,cAAW,GAAC,UAAU,qBACzB,SAAAM,EACH,EACAN,EAACa,EAAA,CAAgB,SAAAP,EAAS,EAC1BN,EAAC,QAAK,UAAU,oDAAqD,SAAAS,EAAQ,GAC/E,CAEJ,CACF,EAEAN,EAAQ,YAAc","names":["React","VisuallyHidden","jsx","jsxs","spinnerCount","Spinner","className","loading","children","props","ref","spinner","cn","_","i","VisuallyHidden"]}
|
package/dist/chunk-UZE7GYXP.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{b as a}from"./chunk-JTI7KCLO.mjs";import*as p from"react";import*as e from"@radix-ui/react-dropdown-menu";import{CheckIcon as u,ChevronRightIcon as m,DotFilledIcon as l}from"@radix-ui/react-icons";import{jsx as r,jsxs as s}from"react/jsx-runtime";var g=e.Root,C=e.Trigger,I=e.Group,h=e.Sub,S=e.RadioGroup,c=p.forwardRef(({className:o,inset:t,children:n,...i},d)=>s(e.SubTrigger,{ref:d,className:a("focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm",t&&"pl-8",o),...i,children:[n,r(m,{className:"ml-auto size-4"})]}));c.displayName=e.SubTrigger.displayName;var w=p.forwardRef(({className:o,...t},n)=>r(e.Portal,{children:r(e.SubContent,{ref:n,className:a("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",o),...t})}));w.displayName=e.SubContent.displayName;var f=p.forwardRef(({className:o,sideOffset:t=6,...n},i)=>r(e.Portal,{children:r(e.Content,{ref:i,sideOffset:t,className:a("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",o),...n})}));f.displayName=e.Content.displayName;var M=p.forwardRef(({className:o,inset:t,...n},i)=>r(e.Item,{ref:i,className:a("focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",t&&"pl-8",o),...n}));M.displayName=e.Item.displayName;var D=p.forwardRef(({className:o,children:t,checked:n,...i},d)=>s(e.CheckboxItem,{ref:d,className:a("focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",o),checked:n,...i,children:[r("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:r(e.ItemIndicator,{children:r(u,{className:"size-4"})})}),t]}));D.displayName=e.CheckboxItem.displayName;var P=p.forwardRef(({className:o,children:t,...n},i)=>s(e.RadioItem,{ref:i,className:a("focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",o),...n,children:[r("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:r(e.ItemIndicator,{children:r(l,{className:"size-4 fill-current"})})}),t]}));P.displayName=e.RadioItem.displayName;var y=p.forwardRef(({className:o,inset:t,...n},i)=>r(e.Label,{ref:i,className:a("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",o),...n}));y.displayName=e.Label.displayName;var R=p.forwardRef(({className:o,...t},n)=>r(e.Separator,{ref:n,className:a("bg-muted -mx-1 my-1 h-px",o),...t}));R.displayName=e.Separator.displayName;function x({className:o,...t}){return r("span",{className:a("ml-auto text-xs tracking-widest opacity-60",o),...t})}export{g as a,C as b,I as c,h as d,S as e,c as f,w as g,f as h,M as i,D as j,P as k,y as l,R as m,x as n};
|
|
2
|
-
//# sourceMappingURL=chunk-UZE7GYXP.mjs.map
|