@fluid-app/ui-primitives 0.1.3 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +93 -73
- 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 +94 -75
- package/dist/index.js.map +1 -1
- package/package.json +37 -37
- package/src/index.ts +2 -0
package/dist/index.cjs
CHANGED
|
@@ -147,7 +147,7 @@ function AccordionContent({
|
|
|
147
147
|
"div",
|
|
148
148
|
{
|
|
149
149
|
className: cn(
|
|
150
|
-
"cn-accordion-content-inner h-(--radix-accordion-content-height) [&_a]:underline [&_a]:underline-offset-3 [&
|
|
150
|
+
"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",
|
|
151
151
|
className
|
|
152
152
|
),
|
|
153
153
|
children
|
|
@@ -207,7 +207,7 @@ function AlertDescription({
|
|
|
207
207
|
{
|
|
208
208
|
"data-slot": "alert-description",
|
|
209
209
|
className: cn(
|
|
210
|
-
"col-start-2 grid justify-items-start gap-1 text-sm
|
|
210
|
+
"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
|
|
211
211
|
className
|
|
212
212
|
),
|
|
213
213
|
...props
|
|
@@ -215,13 +215,13 @@ function AlertDescription({
|
|
|
215
215
|
);
|
|
216
216
|
}
|
|
217
217
|
var buttonVariants = classVarianceAuthority.cva(
|
|
218
|
-
"inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:
|
|
218
|
+
"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",
|
|
219
219
|
{
|
|
220
220
|
variants: {
|
|
221
221
|
variant: {
|
|
222
222
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
223
223
|
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",
|
|
224
|
-
outline: "
|
|
224
|
+
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",
|
|
225
225
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
226
226
|
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
227
227
|
link: "text-primary underline-offset-4 hover:underline"
|
|
@@ -292,7 +292,7 @@ function AlertDialogOverlay({
|
|
|
292
292
|
{
|
|
293
293
|
"data-slot": "alert-dialog-overlay",
|
|
294
294
|
className: cn(
|
|
295
|
-
"
|
|
295
|
+
"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",
|
|
296
296
|
className
|
|
297
297
|
),
|
|
298
298
|
...props
|
|
@@ -312,7 +312,7 @@ function AlertDialogContent({
|
|
|
312
312
|
"data-slot": "alert-dialog-content",
|
|
313
313
|
"data-size": size,
|
|
314
314
|
className: cn(
|
|
315
|
-
"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
|
|
315
|
+
"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",
|
|
316
316
|
className
|
|
317
317
|
),
|
|
318
318
|
...props
|
|
@@ -376,7 +376,7 @@ function AlertDialogDescription({
|
|
|
376
376
|
radixUi.AlertDialog.Description,
|
|
377
377
|
{
|
|
378
378
|
"data-slot": "alert-dialog-description",
|
|
379
|
-
className: cn("text-
|
|
379
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
380
380
|
...props
|
|
381
381
|
}
|
|
382
382
|
);
|
|
@@ -390,7 +390,7 @@ function AlertDialogMedia({
|
|
|
390
390
|
{
|
|
391
391
|
"data-slot": "alert-dialog-media",
|
|
392
392
|
className: cn(
|
|
393
|
-
"mb-2 inline-flex size-16 items-center justify-center rounded-md
|
|
393
|
+
"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",
|
|
394
394
|
className
|
|
395
395
|
),
|
|
396
396
|
...props
|
|
@@ -467,7 +467,7 @@ function AvatarFallback({
|
|
|
467
467
|
{
|
|
468
468
|
"data-slot": "avatar-fallback",
|
|
469
469
|
className: cn(
|
|
470
|
-
"flex size-full items-center justify-center rounded-full
|
|
470
|
+
"bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
|
|
471
471
|
className
|
|
472
472
|
),
|
|
473
473
|
...props
|
|
@@ -480,7 +480,7 @@ function AvatarBadge({ className, ...props }) {
|
|
|
480
480
|
{
|
|
481
481
|
"data-slot": "avatar-badge",
|
|
482
482
|
className: cn(
|
|
483
|
-
"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full
|
|
483
|
+
"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",
|
|
484
484
|
"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
|
|
485
485
|
"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
|
|
486
486
|
"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
|
|
@@ -496,7 +496,7 @@ function AvatarGroup({ className, ...props }) {
|
|
|
496
496
|
{
|
|
497
497
|
"data-slot": "avatar-group",
|
|
498
498
|
className: cn(
|
|
499
|
-
"group/avatar-group
|
|
499
|
+
"group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2",
|
|
500
500
|
className
|
|
501
501
|
),
|
|
502
502
|
...props
|
|
@@ -512,7 +512,7 @@ function AvatarGroupCount({
|
|
|
512
512
|
{
|
|
513
513
|
"data-slot": "avatar-group-count",
|
|
514
514
|
className: cn(
|
|
515
|
-
"relative flex size-8 shrink-0 items-center justify-center rounded-full
|
|
515
|
+
"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",
|
|
516
516
|
className
|
|
517
517
|
),
|
|
518
518
|
...props
|
|
@@ -520,13 +520,13 @@ function AvatarGroupCount({
|
|
|
520
520
|
);
|
|
521
521
|
}
|
|
522
522
|
var badgeVariants = classVarianceAuthority.cva(
|
|
523
|
-
"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:
|
|
523
|
+
"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",
|
|
524
524
|
{
|
|
525
525
|
variants: {
|
|
526
526
|
variant: {
|
|
527
527
|
default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
528
528
|
secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
529
|
-
destructive: "bg-destructive
|
|
529
|
+
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",
|
|
530
530
|
outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
|
|
531
531
|
ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
|
|
532
532
|
link: "text-primary underline-offset-4 [a&]:hover:underline"
|
|
@@ -622,7 +622,7 @@ function Card({ className, ...props }) {
|
|
|
622
622
|
{
|
|
623
623
|
"data-slot": "card",
|
|
624
624
|
className: cn(
|
|
625
|
-
"flex h-full flex-col gap-6 rounded-xl border
|
|
625
|
+
"bg-card text-card-foreground flex h-full flex-col gap-6 rounded-xl border py-6 shadow-sm",
|
|
626
626
|
className
|
|
627
627
|
),
|
|
628
628
|
...props
|
|
@@ -657,7 +657,7 @@ function CardDescription({ className, ...props }) {
|
|
|
657
657
|
"div",
|
|
658
658
|
{
|
|
659
659
|
"data-slot": "card-description",
|
|
660
|
-
className: cn("text-
|
|
660
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
661
661
|
...props
|
|
662
662
|
}
|
|
663
663
|
);
|
|
@@ -719,7 +719,7 @@ function ChartContainer({
|
|
|
719
719
|
"data-slot": "chart",
|
|
720
720
|
"data-chart": chartId,
|
|
721
721
|
className: cn(
|
|
722
|
-
"
|
|
722
|
+
"[&_.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",
|
|
723
723
|
className
|
|
724
724
|
),
|
|
725
725
|
...props,
|
|
@@ -804,7 +804,7 @@ function ChartTooltipContent({
|
|
|
804
804
|
"div",
|
|
805
805
|
{
|
|
806
806
|
className: cn(
|
|
807
|
-
"grid min-w-[8rem] items-start gap-1.5 rounded-lg border
|
|
807
|
+
"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",
|
|
808
808
|
className
|
|
809
809
|
),
|
|
810
810
|
children: [
|
|
@@ -817,7 +817,7 @@ function ChartTooltipContent({
|
|
|
817
817
|
"div",
|
|
818
818
|
{
|
|
819
819
|
className: cn(
|
|
820
|
-
"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5
|
|
820
|
+
"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
|
|
821
821
|
indicator === "dot" && "items-center"
|
|
822
822
|
),
|
|
823
823
|
children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -851,7 +851,7 @@ function ChartTooltipContent({
|
|
|
851
851
|
nestLabel ? tooltipLabel : null,
|
|
852
852
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
|
|
853
853
|
] }),
|
|
854
|
-
item.value && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium
|
|
854
|
+
item.value && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
|
|
855
855
|
]
|
|
856
856
|
}
|
|
857
857
|
)
|
|
@@ -891,7 +891,7 @@ function ChartLegendContent({
|
|
|
891
891
|
"div",
|
|
892
892
|
{
|
|
893
893
|
className: cn(
|
|
894
|
-
"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3
|
|
894
|
+
"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
|
|
895
895
|
),
|
|
896
896
|
children: [
|
|
897
897
|
itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1104,7 +1104,7 @@ function DialogOverlay({
|
|
|
1104
1104
|
{
|
|
1105
1105
|
"data-slot": "dialog-overlay",
|
|
1106
1106
|
className: cn(
|
|
1107
|
-
"
|
|
1107
|
+
"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",
|
|
1108
1108
|
className
|
|
1109
1109
|
),
|
|
1110
1110
|
...props
|
|
@@ -1125,7 +1125,7 @@ function DialogContent({
|
|
|
1125
1125
|
{
|
|
1126
1126
|
"data-slot": "dialog-content",
|
|
1127
1127
|
className: cn(
|
|
1128
|
-
"
|
|
1128
|
+
"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",
|
|
1129
1129
|
className
|
|
1130
1130
|
),
|
|
1131
1131
|
...props,
|
|
@@ -1135,7 +1135,7 @@ function DialogContent({
|
|
|
1135
1135
|
SheetPrimitive__namespace.Close,
|
|
1136
1136
|
{
|
|
1137
1137
|
"data-slot": "dialog-close",
|
|
1138
|
-
className: "absolute top-4 right-4 rounded-xs opacity-70
|
|
1138
|
+
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",
|
|
1139
1139
|
children: [
|
|
1140
1140
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}),
|
|
1141
1141
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
@@ -1191,7 +1191,7 @@ function DialogDescription({
|
|
|
1191
1191
|
SheetPrimitive__namespace.Description,
|
|
1192
1192
|
{
|
|
1193
1193
|
"data-slot": "dialog-description",
|
|
1194
|
-
className: cn("text-
|
|
1194
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
1195
1195
|
...props
|
|
1196
1196
|
}
|
|
1197
1197
|
);
|
|
@@ -1229,7 +1229,7 @@ function DropdownMenuContent({
|
|
|
1229
1229
|
"data-slot": "dropdown-menu-content",
|
|
1230
1230
|
sideOffset,
|
|
1231
1231
|
className: cn(
|
|
1232
|
-
"
|
|
1232
|
+
"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",
|
|
1233
1233
|
className
|
|
1234
1234
|
),
|
|
1235
1235
|
...props
|
|
@@ -1254,7 +1254,7 @@ function DropdownMenuItem({
|
|
|
1254
1254
|
"data-inset": inset,
|
|
1255
1255
|
"data-variant": variant,
|
|
1256
1256
|
className: cn(
|
|
1257
|
-
"
|
|
1257
|
+
"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",
|
|
1258
1258
|
className
|
|
1259
1259
|
),
|
|
1260
1260
|
...props
|
|
@@ -1271,7 +1271,7 @@ function DropdownMenuCheckboxItem({
|
|
|
1271
1271
|
{
|
|
1272
1272
|
"data-slot": "dropdown-menu-checkbox-item",
|
|
1273
1273
|
className: cn(
|
|
1274
|
-
"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none
|
|
1274
|
+
"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",
|
|
1275
1275
|
className
|
|
1276
1276
|
),
|
|
1277
1277
|
...props,
|
|
@@ -1303,7 +1303,7 @@ function DropdownMenuRadioItem({
|
|
|
1303
1303
|
{
|
|
1304
1304
|
"data-slot": "dropdown-menu-radio-item",
|
|
1305
1305
|
className: cn(
|
|
1306
|
-
"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none
|
|
1306
|
+
"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",
|
|
1307
1307
|
className
|
|
1308
1308
|
),
|
|
1309
1309
|
...props,
|
|
@@ -1340,7 +1340,7 @@ function DropdownMenuSeparator({
|
|
|
1340
1340
|
DropdownMenuPrimitive__namespace.Separator,
|
|
1341
1341
|
{
|
|
1342
1342
|
"data-slot": "dropdown-menu-separator",
|
|
1343
|
-
className: cn("-mx-1 my-1 h-px
|
|
1343
|
+
className: cn("bg-border -mx-1 my-1 h-px", className),
|
|
1344
1344
|
...props
|
|
1345
1345
|
}
|
|
1346
1346
|
);
|
|
@@ -1354,7 +1354,7 @@ function DropdownMenuShortcut({
|
|
|
1354
1354
|
{
|
|
1355
1355
|
"data-slot": "dropdown-menu-shortcut",
|
|
1356
1356
|
className: cn(
|
|
1357
|
-
"ml-auto text-xs tracking-widest
|
|
1357
|
+
"text-muted-foreground ml-auto text-xs tracking-widest",
|
|
1358
1358
|
className
|
|
1359
1359
|
),
|
|
1360
1360
|
...props
|
|
@@ -1378,7 +1378,7 @@ function DropdownMenuSubTrigger({
|
|
|
1378
1378
|
"data-slot": "dropdown-menu-sub-trigger",
|
|
1379
1379
|
"data-inset": inset,
|
|
1380
1380
|
className: cn(
|
|
1381
|
-
"flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none
|
|
1381
|
+
"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",
|
|
1382
1382
|
className
|
|
1383
1383
|
),
|
|
1384
1384
|
...props,
|
|
@@ -1398,7 +1398,7 @@ function DropdownMenuSubContent({
|
|
|
1398
1398
|
{
|
|
1399
1399
|
"data-slot": "dropdown-menu-sub-content",
|
|
1400
1400
|
className: cn(
|
|
1401
|
-
"
|
|
1401
|
+
"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",
|
|
1402
1402
|
className
|
|
1403
1403
|
),
|
|
1404
1404
|
...props
|
|
@@ -1502,7 +1502,7 @@ function FormDescription({ className, ...props }) {
|
|
|
1502
1502
|
{
|
|
1503
1503
|
"data-slot": "form-description",
|
|
1504
1504
|
id: formDescriptionId,
|
|
1505
|
-
className: cn("text-
|
|
1505
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
1506
1506
|
...props
|
|
1507
1507
|
}
|
|
1508
1508
|
);
|
|
@@ -1518,7 +1518,7 @@ function FormMessage({ className, ...props }) {
|
|
|
1518
1518
|
{
|
|
1519
1519
|
"data-slot": "form-message",
|
|
1520
1520
|
id: formMessageId,
|
|
1521
|
-
className: cn("text-
|
|
1521
|
+
className: cn("text-destructive text-sm", className),
|
|
1522
1522
|
...props,
|
|
1523
1523
|
children: body
|
|
1524
1524
|
}
|
|
@@ -1545,13 +1545,13 @@ function IconButton({
|
|
|
1545
1545
|
);
|
|
1546
1546
|
}
|
|
1547
1547
|
var toggleVariants = classVarianceAuthority.cva(
|
|
1548
|
-
"
|
|
1548
|
+
"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",
|
|
1549
1549
|
{
|
|
1550
1550
|
variants: {
|
|
1551
1551
|
variant: {
|
|
1552
1552
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
1553
|
-
destructive: "bg-destructive
|
|
1554
|
-
outline: "
|
|
1553
|
+
destructive: "bg-destructive hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 text-white",
|
|
1554
|
+
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",
|
|
1555
1555
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
1556
1556
|
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
1557
1557
|
link: "text-primary underline-offset-4 hover:underline"
|
|
@@ -1602,8 +1602,8 @@ function Input({ className, type, ...props }) {
|
|
|
1602
1602
|
type,
|
|
1603
1603
|
"data-slot": "input",
|
|
1604
1604
|
className: cn(
|
|
1605
|
-
"h-9 w-full min-w-0 rounded-md border
|
|
1606
|
-
"focus-visible:border-ring focus-visible:ring-
|
|
1605
|
+
"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",
|
|
1606
|
+
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
|
1607
1607
|
"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
|
|
1608
1608
|
className
|
|
1609
1609
|
),
|
|
@@ -1737,7 +1737,7 @@ function RadioGroupItem({
|
|
|
1737
1737
|
{
|
|
1738
1738
|
"data-slot": "radio-group-item",
|
|
1739
1739
|
className: cn(
|
|
1740
|
-
"
|
|
1740
|
+
"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",
|
|
1741
1741
|
className
|
|
1742
1742
|
),
|
|
1743
1743
|
...props,
|
|
@@ -1746,7 +1746,7 @@ function RadioGroupItem({
|
|
|
1746
1746
|
{
|
|
1747
1747
|
"data-slot": "radio-group-indicator",
|
|
1748
1748
|
className: "relative flex items-center justify-center",
|
|
1749
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2
|
|
1749
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
|
|
1750
1750
|
}
|
|
1751
1751
|
)
|
|
1752
1752
|
}
|
|
@@ -1779,13 +1779,13 @@ function SelectTrigger({
|
|
|
1779
1779
|
"data-slot": "select-trigger",
|
|
1780
1780
|
"data-size": size,
|
|
1781
1781
|
className: cn(
|
|
1782
|
-
"flex w-fit items-center justify-between gap-2 rounded-md border
|
|
1782
|
+
"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",
|
|
1783
1783
|
className
|
|
1784
1784
|
),
|
|
1785
1785
|
...props,
|
|
1786
1786
|
children: [
|
|
1787
1787
|
children,
|
|
1788
|
-
/* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.
|
|
1788
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4 opacity-50" }) })
|
|
1789
1789
|
]
|
|
1790
1790
|
}
|
|
1791
1791
|
);
|
|
@@ -1793,7 +1793,7 @@ function SelectTrigger({
|
|
|
1793
1793
|
function SelectContent({
|
|
1794
1794
|
className,
|
|
1795
1795
|
children,
|
|
1796
|
-
position = "
|
|
1796
|
+
position = "item-aligned",
|
|
1797
1797
|
align = "center",
|
|
1798
1798
|
...props
|
|
1799
1799
|
}) {
|
|
@@ -1803,7 +1803,7 @@ function SelectContent({
|
|
|
1803
1803
|
{
|
|
1804
1804
|
"data-slot": "select-content",
|
|
1805
1805
|
className: cn(
|
|
1806
|
-
"
|
|
1806
|
+
"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",
|
|
1807
1807
|
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",
|
|
1808
1808
|
className
|
|
1809
1809
|
),
|
|
@@ -1835,7 +1835,7 @@ function SelectLabel({
|
|
|
1835
1835
|
SelectPrimitive__namespace.Label,
|
|
1836
1836
|
{
|
|
1837
1837
|
"data-slot": "select-label",
|
|
1838
|
-
className: cn("px-2 py-1.5 text-xs
|
|
1838
|
+
className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
|
|
1839
1839
|
...props
|
|
1840
1840
|
}
|
|
1841
1841
|
);
|
|
@@ -1850,12 +1850,19 @@ function SelectItem({
|
|
|
1850
1850
|
{
|
|
1851
1851
|
"data-slot": "select-item",
|
|
1852
1852
|
className: cn(
|
|
1853
|
-
"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
|
|
1853
|
+
"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",
|
|
1854
1854
|
className
|
|
1855
1855
|
),
|
|
1856
1856
|
...props,
|
|
1857
1857
|
children: [
|
|
1858
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1858
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1859
|
+
"span",
|
|
1860
|
+
{
|
|
1861
|
+
"data-slot": "select-item-indicator",
|
|
1862
|
+
className: "absolute right-2 flex size-3.5 items-center justify-center",
|
|
1863
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) })
|
|
1864
|
+
}
|
|
1865
|
+
),
|
|
1859
1866
|
/* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
|
|
1860
1867
|
]
|
|
1861
1868
|
}
|
|
@@ -1869,7 +1876,7 @@ function SelectSeparator({
|
|
|
1869
1876
|
SelectPrimitive__namespace.Separator,
|
|
1870
1877
|
{
|
|
1871
1878
|
"data-slot": "select-separator",
|
|
1872
|
-
className: cn("pointer-events-none -mx-1 my-1 h-px
|
|
1879
|
+
className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
|
|
1873
1880
|
...props
|
|
1874
1881
|
}
|
|
1875
1882
|
);
|
|
@@ -1887,7 +1894,7 @@ function SelectScrollUpButton({
|
|
|
1887
1894
|
className
|
|
1888
1895
|
),
|
|
1889
1896
|
...props,
|
|
1890
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.
|
|
1897
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
|
|
1891
1898
|
}
|
|
1892
1899
|
);
|
|
1893
1900
|
}
|
|
@@ -1904,7 +1911,7 @@ function SelectScrollDownButton({
|
|
|
1904
1911
|
className
|
|
1905
1912
|
),
|
|
1906
1913
|
...props,
|
|
1907
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.
|
|
1914
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
|
|
1908
1915
|
}
|
|
1909
1916
|
);
|
|
1910
1917
|
}
|
|
@@ -1936,7 +1943,7 @@ var SheetOverlay = React15__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1936
1943
|
SheetPrimitive__namespace.Overlay,
|
|
1937
1944
|
{
|
|
1938
1945
|
className: cn(
|
|
1939
|
-
"
|
|
1946
|
+
"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",
|
|
1940
1947
|
className
|
|
1941
1948
|
),
|
|
1942
1949
|
...props,
|
|
@@ -1945,14 +1952,14 @@ var SheetOverlay = React15__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1945
1952
|
));
|
|
1946
1953
|
SheetOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
|
|
1947
1954
|
var sheetVariants = classVarianceAuthority.cva(
|
|
1948
|
-
"fixed z-[1050] gap-4
|
|
1955
|
+
"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",
|
|
1949
1956
|
{
|
|
1950
1957
|
variants: {
|
|
1951
1958
|
side: {
|
|
1952
|
-
top: "
|
|
1953
|
-
bottom: "
|
|
1954
|
-
left: "
|
|
1955
|
-
right: "
|
|
1959
|
+
top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b",
|
|
1960
|
+
bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t",
|
|
1961
|
+
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",
|
|
1962
|
+
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"
|
|
1956
1963
|
}
|
|
1957
1964
|
},
|
|
1958
1965
|
defaultVariants: {
|
|
@@ -1969,7 +1976,7 @@ var SheetContent = React15__namespace.forwardRef(({ side = "right", className, c
|
|
|
1969
1976
|
className: cn(sheetVariants({ side }), className),
|
|
1970
1977
|
...props,
|
|
1971
1978
|
children: [
|
|
1972
|
-
/* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute top-4 right-4 rounded-sm opacity-70
|
|
1979
|
+
/* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.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: [
|
|
1973
1980
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}),
|
|
1974
1981
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
1975
1982
|
] }),
|
|
@@ -2007,7 +2014,7 @@ var SheetTitle = React15__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
2007
2014
|
SheetPrimitive__namespace.Title,
|
|
2008
2015
|
{
|
|
2009
2016
|
ref,
|
|
2010
|
-
className: cn("text-lg font-semibold
|
|
2017
|
+
className: cn("text-foreground text-lg font-semibold", className),
|
|
2011
2018
|
...props
|
|
2012
2019
|
}
|
|
2013
2020
|
));
|
|
@@ -2016,7 +2023,7 @@ var SheetDescription = React15__namespace.forwardRef(({ className, ...props }, r
|
|
|
2016
2023
|
SheetPrimitive__namespace.Description,
|
|
2017
2024
|
{
|
|
2018
2025
|
ref,
|
|
2019
|
-
className: cn("text-
|
|
2026
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
2020
2027
|
...props
|
|
2021
2028
|
}
|
|
2022
2029
|
));
|
|
@@ -2028,7 +2035,7 @@ function Skeleton({
|
|
|
2028
2035
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2029
2036
|
"div",
|
|
2030
2037
|
{
|
|
2031
|
-
className: cn("animate-pulse rounded-md
|
|
2038
|
+
className: cn("bg-muted animate-pulse rounded-md", className),
|
|
2032
2039
|
...props
|
|
2033
2040
|
}
|
|
2034
2041
|
);
|
|
@@ -2043,8 +2050,8 @@ var Slider = React15__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
2043
2050
|
),
|
|
2044
2051
|
...props,
|
|
2045
2052
|
children: [
|
|
2046
|
-
/* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: "absolute h-full
|
|
2047
|
-
/* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Thumb, { className: "block h-5 w-5 rounded-full border-2
|
|
2053
|
+
/* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: "bg-primary absolute h-full" }) }),
|
|
2054
|
+
/* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.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" })
|
|
2048
2055
|
]
|
|
2049
2056
|
}
|
|
2050
2057
|
));
|
|
@@ -2084,6 +2091,18 @@ function Toaster({ theme = "system", ...props }) {
|
|
|
2084
2091
|
}
|
|
2085
2092
|
);
|
|
2086
2093
|
}
|
|
2094
|
+
function Spinner({ className, ...props }) {
|
|
2095
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2096
|
+
lucideReact.LoaderIcon,
|
|
2097
|
+
{
|
|
2098
|
+
"data-slot": "spinner",
|
|
2099
|
+
role: "status",
|
|
2100
|
+
"aria-label": "Loading",
|
|
2101
|
+
className: cn("size-4 animate-spin", className),
|
|
2102
|
+
...props
|
|
2103
|
+
}
|
|
2104
|
+
);
|
|
2105
|
+
}
|
|
2087
2106
|
function SpinnerWithText({
|
|
2088
2107
|
text = "Loading...",
|
|
2089
2108
|
variant = "inline",
|
|
@@ -2140,7 +2159,7 @@ var Switch = React15__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
2140
2159
|
SwitchPrimitive__namespace.Root,
|
|
2141
2160
|
{
|
|
2142
2161
|
className: cn(
|
|
2143
|
-
"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-
|
|
2162
|
+
"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",
|
|
2144
2163
|
className
|
|
2145
2164
|
),
|
|
2146
2165
|
...props,
|
|
@@ -2199,7 +2218,7 @@ function TableFooter({ className, ...props }) {
|
|
|
2199
2218
|
{
|
|
2200
2219
|
"data-slot": "table-footer",
|
|
2201
2220
|
className: cn(
|
|
2202
|
-
"
|
|
2221
|
+
"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
|
|
2203
2222
|
className
|
|
2204
2223
|
),
|
|
2205
2224
|
...props
|
|
@@ -2212,7 +2231,7 @@ function TableRow({ className, ...props }) {
|
|
|
2212
2231
|
{
|
|
2213
2232
|
"data-slot": "table-row",
|
|
2214
2233
|
className: cn(
|
|
2215
|
-
"
|
|
2234
|
+
"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
|
|
2216
2235
|
className
|
|
2217
2236
|
),
|
|
2218
2237
|
...props
|
|
@@ -2225,7 +2244,7 @@ function TableHead({ className, ...props }) {
|
|
|
2225
2244
|
{
|
|
2226
2245
|
"data-slot": "table-head",
|
|
2227
2246
|
className: cn(
|
|
2228
|
-
"h-10 px-2 text-left align-middle font-medium whitespace-nowrap
|
|
2247
|
+
"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
2229
2248
|
className
|
|
2230
2249
|
),
|
|
2231
2250
|
...props
|
|
@@ -2253,7 +2272,7 @@ function TableCaption({
|
|
|
2253
2272
|
"caption",
|
|
2254
2273
|
{
|
|
2255
2274
|
"data-slot": "table-caption",
|
|
2256
|
-
className: cn("mt-4 text-sm
|
|
2275
|
+
className: cn("text-muted-foreground mt-4 text-sm", className),
|
|
2257
2276
|
...props
|
|
2258
2277
|
}
|
|
2259
2278
|
);
|
|
@@ -2280,7 +2299,7 @@ function TabsList({
|
|
|
2280
2299
|
{
|
|
2281
2300
|
"data-slot": "tabs-list",
|
|
2282
2301
|
className: cn(
|
|
2283
|
-
"inline-flex h-9 w-fit items-center justify-center rounded-lg
|
|
2302
|
+
"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
|
|
2284
2303
|
className
|
|
2285
2304
|
),
|
|
2286
2305
|
...props
|
|
@@ -2296,7 +2315,7 @@ function TabsTrigger({
|
|
|
2296
2315
|
{
|
|
2297
2316
|
"data-slot": "tabs-trigger",
|
|
2298
2317
|
className: cn(
|
|
2299
|
-
"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
|
|
2318
|
+
"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",
|
|
2300
2319
|
className
|
|
2301
2320
|
),
|
|
2302
2321
|
...props
|
|
@@ -2322,7 +2341,7 @@ function Textarea({ className, ...props }) {
|
|
|
2322
2341
|
{
|
|
2323
2342
|
"data-slot": "textarea",
|
|
2324
2343
|
className: cn(
|
|
2325
|
-
"flex field-sizing-content min-h-16 w-full rounded-md border
|
|
2344
|
+
"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",
|
|
2326
2345
|
className
|
|
2327
2346
|
),
|
|
2328
2347
|
...props
|
|
@@ -2412,7 +2431,7 @@ function TooltipContent({
|
|
|
2412
2431
|
{
|
|
2413
2432
|
sideOffset,
|
|
2414
2433
|
className: cn(
|
|
2415
|
-
"
|
|
2434
|
+
"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",
|
|
2416
2435
|
className
|
|
2417
2436
|
),
|
|
2418
2437
|
...props
|
|
@@ -2541,6 +2560,7 @@ exports.SheetTitle = SheetTitle;
|
|
|
2541
2560
|
exports.SheetTrigger = SheetTrigger;
|
|
2542
2561
|
exports.Skeleton = Skeleton;
|
|
2543
2562
|
exports.Slider = Slider;
|
|
2563
|
+
exports.Spinner = Spinner;
|
|
2544
2564
|
exports.SpinnerWithText = SpinnerWithText;
|
|
2545
2565
|
exports.Switch = Switch;
|
|
2546
2566
|
exports.Table = Table;
|