@fluid-app/ui-primitives 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +81 -68
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +82 -70
- package/dist/index.js.map +1 -1
- package/package.json +37 -37
- package/src/index.ts +2 -0
package/dist/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import * as React15 from 'react';
|
|
|
6
6
|
import { createContext, useContext } from 'react';
|
|
7
7
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
8
8
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
9
|
-
import { X, ChevronDown, ChevronRight, ChevronLeft, CalendarIcon, Check, Circle, ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon, CircleIcon, ChevronUp, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
|
|
9
|
+
import { X, ChevronDown, ChevronRight, ChevronLeft, CalendarIcon, Check, Circle, ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon, CircleIcon, ChevronUp, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, LoaderIcon } from 'lucide-react';
|
|
10
10
|
import { cva } from 'class-variance-authority';
|
|
11
11
|
import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Slot as Slot$1, RadioGroup } from 'radix-ui';
|
|
12
12
|
import { Slot } from '@radix-ui/react-slot';
|
|
@@ -111,7 +111,7 @@ function AccordionContent({
|
|
|
111
111
|
"div",
|
|
112
112
|
{
|
|
113
113
|
className: cn(
|
|
114
|
-
"cn-accordion-content-inner h-(--radix-accordion-content-height) [&_a]:underline [&_a]:underline-offset-3 [&
|
|
114
|
+
"cn-accordion-content-inner [&_a]:hover:text-foreground h-(--radix-accordion-content-height) [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4",
|
|
115
115
|
className
|
|
116
116
|
),
|
|
117
117
|
children
|
|
@@ -171,7 +171,7 @@ function AlertDescription({
|
|
|
171
171
|
{
|
|
172
172
|
"data-slot": "alert-description",
|
|
173
173
|
className: cn(
|
|
174
|
-
"col-start-2 grid justify-items-start gap-1 text-sm
|
|
174
|
+
"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
|
|
175
175
|
className
|
|
176
176
|
),
|
|
177
177
|
...props
|
|
@@ -179,13 +179,13 @@ function AlertDescription({
|
|
|
179
179
|
);
|
|
180
180
|
}
|
|
181
181
|
var buttonVariants = cva(
|
|
182
|
-
"inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:
|
|
182
|
+
"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
183
183
|
{
|
|
184
184
|
variants: {
|
|
185
185
|
variant: {
|
|
186
186
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
187
187
|
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
|
|
188
|
-
outline: "
|
|
188
|
+
outline: "bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border shadow-xs",
|
|
189
189
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
190
190
|
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
191
191
|
link: "text-primary underline-offset-4 hover:underline"
|
|
@@ -256,7 +256,7 @@ function AlertDialogOverlay({
|
|
|
256
256
|
{
|
|
257
257
|
"data-slot": "alert-dialog-overlay",
|
|
258
258
|
className: cn(
|
|
259
|
-
"
|
|
259
|
+
"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
|
|
260
260
|
className
|
|
261
261
|
),
|
|
262
262
|
...props
|
|
@@ -276,7 +276,7 @@ function AlertDialogContent({
|
|
|
276
276
|
"data-slot": "alert-dialog-content",
|
|
277
277
|
"data-size": size,
|
|
278
278
|
className: cn(
|
|
279
|
-
"group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border
|
|
279
|
+
"group/alert-dialog-content bg-background data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg",
|
|
280
280
|
className
|
|
281
281
|
),
|
|
282
282
|
...props
|
|
@@ -340,7 +340,7 @@ function AlertDialogDescription({
|
|
|
340
340
|
AlertDialog$1.Description,
|
|
341
341
|
{
|
|
342
342
|
"data-slot": "alert-dialog-description",
|
|
343
|
-
className: cn("text-
|
|
343
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
344
344
|
...props
|
|
345
345
|
}
|
|
346
346
|
);
|
|
@@ -354,7 +354,7 @@ function AlertDialogMedia({
|
|
|
354
354
|
{
|
|
355
355
|
"data-slot": "alert-dialog-media",
|
|
356
356
|
className: cn(
|
|
357
|
-
"mb-2 inline-flex size-16 items-center justify-center rounded-md
|
|
357
|
+
"bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
|
|
358
358
|
className
|
|
359
359
|
),
|
|
360
360
|
...props
|
|
@@ -431,7 +431,7 @@ function AvatarFallback({
|
|
|
431
431
|
{
|
|
432
432
|
"data-slot": "avatar-fallback",
|
|
433
433
|
className: cn(
|
|
434
|
-
"flex size-full items-center justify-center rounded-full
|
|
434
|
+
"bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
|
|
435
435
|
className
|
|
436
436
|
),
|
|
437
437
|
...props
|
|
@@ -444,7 +444,7 @@ function AvatarBadge({ className, ...props }) {
|
|
|
444
444
|
{
|
|
445
445
|
"data-slot": "avatar-badge",
|
|
446
446
|
className: cn(
|
|
447
|
-
"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full
|
|
447
|
+
"bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 select-none",
|
|
448
448
|
"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
|
|
449
449
|
"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
|
|
450
450
|
"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
|
|
@@ -460,7 +460,7 @@ function AvatarGroup({ className, ...props }) {
|
|
|
460
460
|
{
|
|
461
461
|
"data-slot": "avatar-group",
|
|
462
462
|
className: cn(
|
|
463
|
-
"group/avatar-group
|
|
463
|
+
"group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2",
|
|
464
464
|
className
|
|
465
465
|
),
|
|
466
466
|
...props
|
|
@@ -476,7 +476,7 @@ function AvatarGroupCount({
|
|
|
476
476
|
{
|
|
477
477
|
"data-slot": "avatar-group-count",
|
|
478
478
|
className: cn(
|
|
479
|
-
"relative flex size-8 shrink-0 items-center justify-center rounded-full
|
|
479
|
+
"bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
|
|
480
480
|
className
|
|
481
481
|
),
|
|
482
482
|
...props
|
|
@@ -484,13 +484,13 @@ function AvatarGroupCount({
|
|
|
484
484
|
);
|
|
485
485
|
}
|
|
486
486
|
var badgeVariants = cva(
|
|
487
|
-
"inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:
|
|
487
|
+
"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3",
|
|
488
488
|
{
|
|
489
489
|
variants: {
|
|
490
490
|
variant: {
|
|
491
491
|
default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
492
492
|
secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
493
|
-
destructive: "bg-destructive
|
|
493
|
+
destructive: "bg-destructive focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90 text-white",
|
|
494
494
|
outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
|
|
495
495
|
ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
|
|
496
496
|
link: "text-primary underline-offset-4 [a&]:hover:underline"
|
|
@@ -586,7 +586,7 @@ function Card({ className, ...props }) {
|
|
|
586
586
|
{
|
|
587
587
|
"data-slot": "card",
|
|
588
588
|
className: cn(
|
|
589
|
-
"flex h-full flex-col gap-6 rounded-xl border
|
|
589
|
+
"bg-card text-card-foreground flex h-full flex-col gap-6 rounded-xl border py-6 shadow-sm",
|
|
590
590
|
className
|
|
591
591
|
),
|
|
592
592
|
...props
|
|
@@ -621,7 +621,7 @@ function CardDescription({ className, ...props }) {
|
|
|
621
621
|
"div",
|
|
622
622
|
{
|
|
623
623
|
"data-slot": "card-description",
|
|
624
|
-
className: cn("text-
|
|
624
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
625
625
|
...props
|
|
626
626
|
}
|
|
627
627
|
);
|
|
@@ -683,7 +683,7 @@ function ChartContainer({
|
|
|
683
683
|
"data-slot": "chart",
|
|
684
684
|
"data-chart": chartId,
|
|
685
685
|
className: cn(
|
|
686
|
-
"
|
|
686
|
+
"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
|
|
687
687
|
className
|
|
688
688
|
),
|
|
689
689
|
...props,
|
|
@@ -768,7 +768,7 @@ function ChartTooltipContent({
|
|
|
768
768
|
"div",
|
|
769
769
|
{
|
|
770
770
|
className: cn(
|
|
771
|
-
"grid min-w-[8rem] items-start gap-1.5 rounded-lg border
|
|
771
|
+
"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
|
|
772
772
|
className
|
|
773
773
|
),
|
|
774
774
|
children: [
|
|
@@ -781,7 +781,7 @@ function ChartTooltipContent({
|
|
|
781
781
|
"div",
|
|
782
782
|
{
|
|
783
783
|
className: cn(
|
|
784
|
-
"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5
|
|
784
|
+
"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
|
|
785
785
|
indicator === "dot" && "items-center"
|
|
786
786
|
),
|
|
787
787
|
children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -815,7 +815,7 @@ function ChartTooltipContent({
|
|
|
815
815
|
nestLabel ? tooltipLabel : null,
|
|
816
816
|
/* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
|
|
817
817
|
] }),
|
|
818
|
-
item.value && /* @__PURE__ */ jsx("span", { className: "font-mono font-medium
|
|
818
|
+
item.value && /* @__PURE__ */ jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
|
|
819
819
|
]
|
|
820
820
|
}
|
|
821
821
|
)
|
|
@@ -855,7 +855,7 @@ function ChartLegendContent({
|
|
|
855
855
|
"div",
|
|
856
856
|
{
|
|
857
857
|
className: cn(
|
|
858
|
-
"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3
|
|
858
|
+
"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
|
|
859
859
|
),
|
|
860
860
|
children: [
|
|
861
861
|
itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
|
|
@@ -1068,7 +1068,7 @@ function DialogOverlay({
|
|
|
1068
1068
|
{
|
|
1069
1069
|
"data-slot": "dialog-overlay",
|
|
1070
1070
|
className: cn(
|
|
1071
|
-
"
|
|
1071
|
+
"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/70 backdrop-blur-sm",
|
|
1072
1072
|
className
|
|
1073
1073
|
),
|
|
1074
1074
|
...props
|
|
@@ -1089,7 +1089,7 @@ function DialogContent({
|
|
|
1089
1089
|
{
|
|
1090
1090
|
"data-slot": "dialog-content",
|
|
1091
1091
|
className: cn(
|
|
1092
|
-
"
|
|
1092
|
+
"bg-background data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-6 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
|
|
1093
1093
|
className
|
|
1094
1094
|
),
|
|
1095
1095
|
...props,
|
|
@@ -1099,7 +1099,7 @@ function DialogContent({
|
|
|
1099
1099
|
SheetPrimitive.Close,
|
|
1100
1100
|
{
|
|
1101
1101
|
"data-slot": "dialog-close",
|
|
1102
|
-
className: "absolute top-4 right-4 rounded-xs opacity-70
|
|
1102
|
+
className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1103
1103
|
children: [
|
|
1104
1104
|
/* @__PURE__ */ jsx(X, {}),
|
|
1105
1105
|
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
|
|
@@ -1155,7 +1155,7 @@ function DialogDescription({
|
|
|
1155
1155
|
SheetPrimitive.Description,
|
|
1156
1156
|
{
|
|
1157
1157
|
"data-slot": "dialog-description",
|
|
1158
|
-
className: cn("text-
|
|
1158
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
1159
1159
|
...props
|
|
1160
1160
|
}
|
|
1161
1161
|
);
|
|
@@ -1193,7 +1193,7 @@ function DropdownMenuContent({
|
|
|
1193
1193
|
"data-slot": "dropdown-menu-content",
|
|
1194
1194
|
sideOffset,
|
|
1195
1195
|
className: cn(
|
|
1196
|
-
"
|
|
1196
|
+
"bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
|
|
1197
1197
|
className
|
|
1198
1198
|
),
|
|
1199
1199
|
...props
|
|
@@ -1218,7 +1218,7 @@ function DropdownMenuItem({
|
|
|
1218
1218
|
"data-inset": inset,
|
|
1219
1219
|
"data-variant": variant,
|
|
1220
1220
|
className: cn(
|
|
1221
|
-
"
|
|
1221
|
+
"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1222
1222
|
className
|
|
1223
1223
|
),
|
|
1224
1224
|
...props
|
|
@@ -1235,7 +1235,7 @@ function DropdownMenuCheckboxItem({
|
|
|
1235
1235
|
{
|
|
1236
1236
|
"data-slot": "dropdown-menu-checkbox-item",
|
|
1237
1237
|
className: cn(
|
|
1238
|
-
"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none
|
|
1238
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1239
1239
|
className
|
|
1240
1240
|
),
|
|
1241
1241
|
...props,
|
|
@@ -1267,7 +1267,7 @@ function DropdownMenuRadioItem({
|
|
|
1267
1267
|
{
|
|
1268
1268
|
"data-slot": "dropdown-menu-radio-item",
|
|
1269
1269
|
className: cn(
|
|
1270
|
-
"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none
|
|
1270
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1271
1271
|
className
|
|
1272
1272
|
),
|
|
1273
1273
|
...props,
|
|
@@ -1304,7 +1304,7 @@ function DropdownMenuSeparator({
|
|
|
1304
1304
|
DropdownMenuPrimitive.Separator,
|
|
1305
1305
|
{
|
|
1306
1306
|
"data-slot": "dropdown-menu-separator",
|
|
1307
|
-
className: cn("-mx-1 my-1 h-px
|
|
1307
|
+
className: cn("bg-border -mx-1 my-1 h-px", className),
|
|
1308
1308
|
...props
|
|
1309
1309
|
}
|
|
1310
1310
|
);
|
|
@@ -1318,7 +1318,7 @@ function DropdownMenuShortcut({
|
|
|
1318
1318
|
{
|
|
1319
1319
|
"data-slot": "dropdown-menu-shortcut",
|
|
1320
1320
|
className: cn(
|
|
1321
|
-
"ml-auto text-xs tracking-widest
|
|
1321
|
+
"text-muted-foreground ml-auto text-xs tracking-widest",
|
|
1322
1322
|
className
|
|
1323
1323
|
),
|
|
1324
1324
|
...props
|
|
@@ -1342,7 +1342,7 @@ function DropdownMenuSubTrigger({
|
|
|
1342
1342
|
"data-slot": "dropdown-menu-sub-trigger",
|
|
1343
1343
|
"data-inset": inset,
|
|
1344
1344
|
className: cn(
|
|
1345
|
-
"flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none
|
|
1345
|
+
"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1346
1346
|
className
|
|
1347
1347
|
),
|
|
1348
1348
|
...props,
|
|
@@ -1362,7 +1362,7 @@ function DropdownMenuSubContent({
|
|
|
1362
1362
|
{
|
|
1363
1363
|
"data-slot": "dropdown-menu-sub-content",
|
|
1364
1364
|
className: cn(
|
|
1365
|
-
"
|
|
1365
|
+
"bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
|
|
1366
1366
|
className
|
|
1367
1367
|
),
|
|
1368
1368
|
...props
|
|
@@ -1466,7 +1466,7 @@ function FormDescription({ className, ...props }) {
|
|
|
1466
1466
|
{
|
|
1467
1467
|
"data-slot": "form-description",
|
|
1468
1468
|
id: formDescriptionId,
|
|
1469
|
-
className: cn("text-
|
|
1469
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
1470
1470
|
...props
|
|
1471
1471
|
}
|
|
1472
1472
|
);
|
|
@@ -1482,7 +1482,7 @@ function FormMessage({ className, ...props }) {
|
|
|
1482
1482
|
{
|
|
1483
1483
|
"data-slot": "form-message",
|
|
1484
1484
|
id: formMessageId,
|
|
1485
|
-
className: cn("text-
|
|
1485
|
+
className: cn("text-destructive text-sm", className),
|
|
1486
1486
|
...props,
|
|
1487
1487
|
children: body
|
|
1488
1488
|
}
|
|
@@ -1509,13 +1509,13 @@ function IconButton({
|
|
|
1509
1509
|
);
|
|
1510
1510
|
}
|
|
1511
1511
|
var toggleVariants = cva(
|
|
1512
|
-
"
|
|
1512
|
+
"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1513
1513
|
{
|
|
1514
1514
|
variants: {
|
|
1515
1515
|
variant: {
|
|
1516
1516
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
1517
|
-
destructive: "bg-destructive
|
|
1518
|
-
outline: "
|
|
1517
|
+
destructive: "bg-destructive hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 text-white",
|
|
1518
|
+
outline: "bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border shadow-xs",
|
|
1519
1519
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
1520
1520
|
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
1521
1521
|
link: "text-primary underline-offset-4 hover:underline"
|
|
@@ -1566,8 +1566,8 @@ function Input({ className, type, ...props }) {
|
|
|
1566
1566
|
type,
|
|
1567
1567
|
"data-slot": "input",
|
|
1568
1568
|
className: cn(
|
|
1569
|
-
"h-9 w-full min-w-0 rounded-md border
|
|
1570
|
-
"focus-visible:border-ring focus-visible:ring-
|
|
1569
|
+
"border-input selection:bg-primary selection:text-primary-foreground file:text-foreground placeholder:text-muted-foreground dark:bg-input/30 h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
1570
|
+
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
|
1571
1571
|
"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
|
|
1572
1572
|
className
|
|
1573
1573
|
),
|
|
@@ -1701,7 +1701,7 @@ function RadioGroupItem({
|
|
|
1701
1701
|
{
|
|
1702
1702
|
"data-slot": "radio-group-item",
|
|
1703
1703
|
className: cn(
|
|
1704
|
-
"
|
|
1704
|
+
"border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
|
|
1705
1705
|
className
|
|
1706
1706
|
),
|
|
1707
1707
|
...props,
|
|
@@ -1710,7 +1710,7 @@ function RadioGroupItem({
|
|
|
1710
1710
|
{
|
|
1711
1711
|
"data-slot": "radio-group-indicator",
|
|
1712
1712
|
className: "relative flex items-center justify-center",
|
|
1713
|
-
children: /* @__PURE__ */ jsx(CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2
|
|
1713
|
+
children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
|
|
1714
1714
|
}
|
|
1715
1715
|
)
|
|
1716
1716
|
}
|
|
@@ -1743,7 +1743,7 @@ function SelectTrigger({
|
|
|
1743
1743
|
"data-slot": "select-trigger",
|
|
1744
1744
|
"data-size": size,
|
|
1745
1745
|
className: cn(
|
|
1746
|
-
"flex w-fit items-center justify-between gap-2 rounded-md border
|
|
1746
|
+
"border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1747
1747
|
className
|
|
1748
1748
|
),
|
|
1749
1749
|
...props,
|
|
@@ -1767,7 +1767,7 @@ function SelectContent({
|
|
|
1767
1767
|
{
|
|
1768
1768
|
"data-slot": "select-content",
|
|
1769
1769
|
className: cn(
|
|
1770
|
-
"
|
|
1770
|
+
"bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
|
|
1771
1771
|
position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
1772
1772
|
className
|
|
1773
1773
|
),
|
|
@@ -1799,7 +1799,7 @@ function SelectLabel({
|
|
|
1799
1799
|
SelectPrimitive.Label,
|
|
1800
1800
|
{
|
|
1801
1801
|
"data-slot": "select-label",
|
|
1802
|
-
className: cn("px-2 py-1.5 text-xs
|
|
1802
|
+
className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
|
|
1803
1803
|
...props
|
|
1804
1804
|
}
|
|
1805
1805
|
);
|
|
@@ -1814,7 +1814,7 @@ function SelectItem({
|
|
|
1814
1814
|
{
|
|
1815
1815
|
"data-slot": "select-item",
|
|
1816
1816
|
className: cn(
|
|
1817
|
-
"relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none
|
|
1817
|
+
"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
|
|
1818
1818
|
className
|
|
1819
1819
|
),
|
|
1820
1820
|
...props,
|
|
@@ -1833,7 +1833,7 @@ function SelectSeparator({
|
|
|
1833
1833
|
SelectPrimitive.Separator,
|
|
1834
1834
|
{
|
|
1835
1835
|
"data-slot": "select-separator",
|
|
1836
|
-
className: cn("pointer-events-none -mx-1 my-1 h-px
|
|
1836
|
+
className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
|
|
1837
1837
|
...props
|
|
1838
1838
|
}
|
|
1839
1839
|
);
|
|
@@ -1900,7 +1900,7 @@ var SheetOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
1900
1900
|
SheetPrimitive.Overlay,
|
|
1901
1901
|
{
|
|
1902
1902
|
className: cn(
|
|
1903
|
-
"
|
|
1903
|
+
"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed inset-0 z-[1040] bg-black/80",
|
|
1904
1904
|
className
|
|
1905
1905
|
),
|
|
1906
1906
|
...props,
|
|
@@ -1909,14 +1909,14 @@ var SheetOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
1909
1909
|
));
|
|
1910
1910
|
SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
|
|
1911
1911
|
var sheetVariants = cva(
|
|
1912
|
-
"fixed z-[1050] gap-4
|
|
1912
|
+
"bg-background data-[state=closed]:animate-out data-[state=open]:animate-in fixed z-[1050] gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
|
|
1913
1913
|
{
|
|
1914
1914
|
variants: {
|
|
1915
1915
|
side: {
|
|
1916
|
-
top: "
|
|
1917
|
-
bottom: "
|
|
1918
|
-
left: "
|
|
1919
|
-
right: "
|
|
1916
|
+
top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b",
|
|
1917
|
+
bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t",
|
|
1918
|
+
left: "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-full border-r sm:max-w-sm",
|
|
1919
|
+
right: "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"
|
|
1920
1920
|
}
|
|
1921
1921
|
},
|
|
1922
1922
|
defaultVariants: {
|
|
@@ -1933,7 +1933,7 @@ var SheetContent = React15.forwardRef(({ side = "right", className, children, ..
|
|
|
1933
1933
|
className: cn(sheetVariants({ side }), className),
|
|
1934
1934
|
...props,
|
|
1935
1935
|
children: [
|
|
1936
|
-
/* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-sm opacity-70
|
|
1936
|
+
/* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
|
|
1937
1937
|
/* @__PURE__ */ jsx(X, {}),
|
|
1938
1938
|
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
|
|
1939
1939
|
] }),
|
|
@@ -1971,7 +1971,7 @@ var SheetTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
1971
1971
|
SheetPrimitive.Title,
|
|
1972
1972
|
{
|
|
1973
1973
|
ref,
|
|
1974
|
-
className: cn("text-lg font-semibold
|
|
1974
|
+
className: cn("text-foreground text-lg font-semibold", className),
|
|
1975
1975
|
...props
|
|
1976
1976
|
}
|
|
1977
1977
|
));
|
|
@@ -1980,7 +1980,7 @@ var SheetDescription = React15.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
1980
1980
|
SheetPrimitive.Description,
|
|
1981
1981
|
{
|
|
1982
1982
|
ref,
|
|
1983
|
-
className: cn("text-
|
|
1983
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
1984
1984
|
...props
|
|
1985
1985
|
}
|
|
1986
1986
|
));
|
|
@@ -1992,7 +1992,7 @@ function Skeleton({
|
|
|
1992
1992
|
return /* @__PURE__ */ jsx(
|
|
1993
1993
|
"div",
|
|
1994
1994
|
{
|
|
1995
|
-
className: cn("animate-pulse rounded-md
|
|
1995
|
+
className: cn("bg-muted animate-pulse rounded-md", className),
|
|
1996
1996
|
...props
|
|
1997
1997
|
}
|
|
1998
1998
|
);
|
|
@@ -2007,8 +2007,8 @@ var Slider = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
|
|
|
2007
2007
|
),
|
|
2008
2008
|
...props,
|
|
2009
2009
|
children: [
|
|
2010
|
-
/* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full
|
|
2011
|
-
/* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2
|
|
2010
|
+
/* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "bg-primary absolute h-full" }) }),
|
|
2011
|
+
/* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "border-primary bg-background ring-offset-background focus-visible:ring-ring block h-5 w-5 rounded-full border-2 transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50" })
|
|
2012
2012
|
]
|
|
2013
2013
|
}
|
|
2014
2014
|
));
|
|
@@ -2048,6 +2048,18 @@ function Toaster({ theme = "system", ...props }) {
|
|
|
2048
2048
|
}
|
|
2049
2049
|
);
|
|
2050
2050
|
}
|
|
2051
|
+
function Spinner({ className, ...props }) {
|
|
2052
|
+
return /* @__PURE__ */ jsx(
|
|
2053
|
+
LoaderIcon,
|
|
2054
|
+
{
|
|
2055
|
+
"data-slot": "spinner",
|
|
2056
|
+
role: "status",
|
|
2057
|
+
"aria-label": "Loading",
|
|
2058
|
+
className: cn("size-4 animate-spin", className),
|
|
2059
|
+
...props
|
|
2060
|
+
}
|
|
2061
|
+
);
|
|
2062
|
+
}
|
|
2051
2063
|
function SpinnerWithText({
|
|
2052
2064
|
text = "Loading...",
|
|
2053
2065
|
variant = "inline",
|
|
@@ -2104,7 +2116,7 @@ var Switch = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
|
|
|
2104
2116
|
SwitchPrimitive.Root,
|
|
2105
2117
|
{
|
|
2106
2118
|
className: cn(
|
|
2107
|
-
"peer relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-
|
|
2119
|
+
"peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-gray-200",
|
|
2108
2120
|
className
|
|
2109
2121
|
),
|
|
2110
2122
|
...props,
|
|
@@ -2163,7 +2175,7 @@ function TableFooter({ className, ...props }) {
|
|
|
2163
2175
|
{
|
|
2164
2176
|
"data-slot": "table-footer",
|
|
2165
2177
|
className: cn(
|
|
2166
|
-
"
|
|
2178
|
+
"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
|
|
2167
2179
|
className
|
|
2168
2180
|
),
|
|
2169
2181
|
...props
|
|
@@ -2176,7 +2188,7 @@ function TableRow({ className, ...props }) {
|
|
|
2176
2188
|
{
|
|
2177
2189
|
"data-slot": "table-row",
|
|
2178
2190
|
className: cn(
|
|
2179
|
-
"
|
|
2191
|
+
"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
|
|
2180
2192
|
className
|
|
2181
2193
|
),
|
|
2182
2194
|
...props
|
|
@@ -2189,7 +2201,7 @@ function TableHead({ className, ...props }) {
|
|
|
2189
2201
|
{
|
|
2190
2202
|
"data-slot": "table-head",
|
|
2191
2203
|
className: cn(
|
|
2192
|
-
"h-10 px-2 text-left align-middle font-medium whitespace-nowrap
|
|
2204
|
+
"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
2193
2205
|
className
|
|
2194
2206
|
),
|
|
2195
2207
|
...props
|
|
@@ -2217,7 +2229,7 @@ function TableCaption({
|
|
|
2217
2229
|
"caption",
|
|
2218
2230
|
{
|
|
2219
2231
|
"data-slot": "table-caption",
|
|
2220
|
-
className: cn("mt-4 text-sm
|
|
2232
|
+
className: cn("text-muted-foreground mt-4 text-sm", className),
|
|
2221
2233
|
...props
|
|
2222
2234
|
}
|
|
2223
2235
|
);
|
|
@@ -2244,7 +2256,7 @@ function TabsList({
|
|
|
2244
2256
|
{
|
|
2245
2257
|
"data-slot": "tabs-list",
|
|
2246
2258
|
className: cn(
|
|
2247
|
-
"inline-flex h-9 w-fit items-center justify-center rounded-lg
|
|
2259
|
+
"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
|
|
2248
2260
|
className
|
|
2249
2261
|
),
|
|
2250
2262
|
...props
|
|
@@ -2260,7 +2272,7 @@ function TabsTrigger({
|
|
|
2260
2272
|
{
|
|
2261
2273
|
"data-slot": "tabs-trigger",
|
|
2262
2274
|
className: cn(
|
|
2263
|
-
"inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap
|
|
2275
|
+
"text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring data-[state=active]:bg-background dark:text-muted-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
2264
2276
|
className
|
|
2265
2277
|
),
|
|
2266
2278
|
...props
|
|
@@ -2286,7 +2298,7 @@ function Textarea({ className, ...props }) {
|
|
|
2286
2298
|
{
|
|
2287
2299
|
"data-slot": "textarea",
|
|
2288
2300
|
className: cn(
|
|
2289
|
-
"flex field-sizing-content min-h-16 w-full rounded-md border
|
|
2301
|
+
"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
2290
2302
|
className
|
|
2291
2303
|
),
|
|
2292
2304
|
...props
|
|
@@ -2376,7 +2388,7 @@ function TooltipContent({
|
|
|
2376
2388
|
{
|
|
2377
2389
|
sideOffset,
|
|
2378
2390
|
className: cn(
|
|
2379
|
-
"
|
|
2391
|
+
"animate-in bg-popover text-popover-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md",
|
|
2380
2392
|
className
|
|
2381
2393
|
),
|
|
2382
2394
|
...props
|
|
@@ -2384,6 +2396,6 @@ function TooltipContent({
|
|
|
2384
2396
|
) });
|
|
2385
2397
|
}
|
|
2386
2398
|
|
|
2387
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, IconButton, IconToggle, Input, Label2 as Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PortalContainerProvider, RadioGroup2 as RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SpinnerWithText, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, toggleVariants, useFormField, useZodForm };
|
|
2399
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, IconButton, IconToggle, Input, Label2 as Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PortalContainerProvider, RadioGroup2 as RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, SpinnerWithText, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, toggleVariants, useFormField, useZodForm };
|
|
2388
2400
|
//# sourceMappingURL=index.js.map
|
|
2389
2401
|
//# sourceMappingURL=index.js.map
|