@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.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,
|
|
9
|
+
import { X, ChevronDown, ChevronRight, ChevronLeft, CalendarIcon, Check, Circle, ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon, CircleIcon, ChevronDownIcon, CheckIcon, ChevronUpIcon, 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,13 +1743,13 @@ 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,
|
|
1750
1750
|
children: [
|
|
1751
1751
|
children,
|
|
1752
|
-
/* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
1752
|
+
/* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
|
|
1753
1753
|
]
|
|
1754
1754
|
}
|
|
1755
1755
|
);
|
|
@@ -1757,7 +1757,7 @@ function SelectTrigger({
|
|
|
1757
1757
|
function SelectContent({
|
|
1758
1758
|
className,
|
|
1759
1759
|
children,
|
|
1760
|
-
position = "
|
|
1760
|
+
position = "item-aligned",
|
|
1761
1761
|
align = "center",
|
|
1762
1762
|
...props
|
|
1763
1763
|
}) {
|
|
@@ -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,12 +1814,19 @@ 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,
|
|
1821
1821
|
children: [
|
|
1822
|
-
/* @__PURE__ */ jsx(
|
|
1822
|
+
/* @__PURE__ */ jsx(
|
|
1823
|
+
"span",
|
|
1824
|
+
{
|
|
1825
|
+
"data-slot": "select-item-indicator",
|
|
1826
|
+
className: "absolute right-2 flex size-3.5 items-center justify-center",
|
|
1827
|
+
children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
|
|
1828
|
+
}
|
|
1829
|
+
),
|
|
1823
1830
|
/* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
|
|
1824
1831
|
]
|
|
1825
1832
|
}
|
|
@@ -1833,7 +1840,7 @@ function SelectSeparator({
|
|
|
1833
1840
|
SelectPrimitive.Separator,
|
|
1834
1841
|
{
|
|
1835
1842
|
"data-slot": "select-separator",
|
|
1836
|
-
className: cn("pointer-events-none -mx-1 my-1 h-px
|
|
1843
|
+
className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
|
|
1837
1844
|
...props
|
|
1838
1845
|
}
|
|
1839
1846
|
);
|
|
@@ -1851,7 +1858,7 @@ function SelectScrollUpButton({
|
|
|
1851
1858
|
className
|
|
1852
1859
|
),
|
|
1853
1860
|
...props,
|
|
1854
|
-
children: /* @__PURE__ */ jsx(
|
|
1861
|
+
children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
|
|
1855
1862
|
}
|
|
1856
1863
|
);
|
|
1857
1864
|
}
|
|
@@ -1868,7 +1875,7 @@ function SelectScrollDownButton({
|
|
|
1868
1875
|
className
|
|
1869
1876
|
),
|
|
1870
1877
|
...props,
|
|
1871
|
-
children: /* @__PURE__ */ jsx(
|
|
1878
|
+
children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
|
|
1872
1879
|
}
|
|
1873
1880
|
);
|
|
1874
1881
|
}
|
|
@@ -1900,7 +1907,7 @@ var SheetOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
1900
1907
|
SheetPrimitive.Overlay,
|
|
1901
1908
|
{
|
|
1902
1909
|
className: cn(
|
|
1903
|
-
"
|
|
1910
|
+
"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
1911
|
className
|
|
1905
1912
|
),
|
|
1906
1913
|
...props,
|
|
@@ -1909,14 +1916,14 @@ var SheetOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
1909
1916
|
));
|
|
1910
1917
|
SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
|
|
1911
1918
|
var sheetVariants = cva(
|
|
1912
|
-
"fixed z-[1050] gap-4
|
|
1919
|
+
"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
1920
|
{
|
|
1914
1921
|
variants: {
|
|
1915
1922
|
side: {
|
|
1916
|
-
top: "
|
|
1917
|
-
bottom: "
|
|
1918
|
-
left: "
|
|
1919
|
-
right: "
|
|
1923
|
+
top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b",
|
|
1924
|
+
bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t",
|
|
1925
|
+
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",
|
|
1926
|
+
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
1927
|
}
|
|
1921
1928
|
},
|
|
1922
1929
|
defaultVariants: {
|
|
@@ -1933,7 +1940,7 @@ var SheetContent = React15.forwardRef(({ side = "right", className, children, ..
|
|
|
1933
1940
|
className: cn(sheetVariants({ side }), className),
|
|
1934
1941
|
...props,
|
|
1935
1942
|
children: [
|
|
1936
|
-
/* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-sm opacity-70
|
|
1943
|
+
/* @__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
1944
|
/* @__PURE__ */ jsx(X, {}),
|
|
1938
1945
|
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
|
|
1939
1946
|
] }),
|
|
@@ -1971,7 +1978,7 @@ var SheetTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
1971
1978
|
SheetPrimitive.Title,
|
|
1972
1979
|
{
|
|
1973
1980
|
ref,
|
|
1974
|
-
className: cn("text-lg font-semibold
|
|
1981
|
+
className: cn("text-foreground text-lg font-semibold", className),
|
|
1975
1982
|
...props
|
|
1976
1983
|
}
|
|
1977
1984
|
));
|
|
@@ -1980,7 +1987,7 @@ var SheetDescription = React15.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
1980
1987
|
SheetPrimitive.Description,
|
|
1981
1988
|
{
|
|
1982
1989
|
ref,
|
|
1983
|
-
className: cn("text-
|
|
1990
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
1984
1991
|
...props
|
|
1985
1992
|
}
|
|
1986
1993
|
));
|
|
@@ -1992,7 +1999,7 @@ function Skeleton({
|
|
|
1992
1999
|
return /* @__PURE__ */ jsx(
|
|
1993
2000
|
"div",
|
|
1994
2001
|
{
|
|
1995
|
-
className: cn("animate-pulse rounded-md
|
|
2002
|
+
className: cn("bg-muted animate-pulse rounded-md", className),
|
|
1996
2003
|
...props
|
|
1997
2004
|
}
|
|
1998
2005
|
);
|
|
@@ -2007,8 +2014,8 @@ var Slider = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
|
|
|
2007
2014
|
),
|
|
2008
2015
|
...props,
|
|
2009
2016
|
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
|
|
2017
|
+
/* @__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" }) }),
|
|
2018
|
+
/* @__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
2019
|
]
|
|
2013
2020
|
}
|
|
2014
2021
|
));
|
|
@@ -2048,6 +2055,18 @@ function Toaster({ theme = "system", ...props }) {
|
|
|
2048
2055
|
}
|
|
2049
2056
|
);
|
|
2050
2057
|
}
|
|
2058
|
+
function Spinner({ className, ...props }) {
|
|
2059
|
+
return /* @__PURE__ */ jsx(
|
|
2060
|
+
LoaderIcon,
|
|
2061
|
+
{
|
|
2062
|
+
"data-slot": "spinner",
|
|
2063
|
+
role: "status",
|
|
2064
|
+
"aria-label": "Loading",
|
|
2065
|
+
className: cn("size-4 animate-spin", className),
|
|
2066
|
+
...props
|
|
2067
|
+
}
|
|
2068
|
+
);
|
|
2069
|
+
}
|
|
2051
2070
|
function SpinnerWithText({
|
|
2052
2071
|
text = "Loading...",
|
|
2053
2072
|
variant = "inline",
|
|
@@ -2104,7 +2123,7 @@ var Switch = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
|
|
|
2104
2123
|
SwitchPrimitive.Root,
|
|
2105
2124
|
{
|
|
2106
2125
|
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-
|
|
2126
|
+
"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
2127
|
className
|
|
2109
2128
|
),
|
|
2110
2129
|
...props,
|
|
@@ -2163,7 +2182,7 @@ function TableFooter({ className, ...props }) {
|
|
|
2163
2182
|
{
|
|
2164
2183
|
"data-slot": "table-footer",
|
|
2165
2184
|
className: cn(
|
|
2166
|
-
"
|
|
2185
|
+
"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
|
|
2167
2186
|
className
|
|
2168
2187
|
),
|
|
2169
2188
|
...props
|
|
@@ -2176,7 +2195,7 @@ function TableRow({ className, ...props }) {
|
|
|
2176
2195
|
{
|
|
2177
2196
|
"data-slot": "table-row",
|
|
2178
2197
|
className: cn(
|
|
2179
|
-
"
|
|
2198
|
+
"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
|
|
2180
2199
|
className
|
|
2181
2200
|
),
|
|
2182
2201
|
...props
|
|
@@ -2189,7 +2208,7 @@ function TableHead({ className, ...props }) {
|
|
|
2189
2208
|
{
|
|
2190
2209
|
"data-slot": "table-head",
|
|
2191
2210
|
className: cn(
|
|
2192
|
-
"h-10 px-2 text-left align-middle font-medium whitespace-nowrap
|
|
2211
|
+
"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
2212
|
className
|
|
2194
2213
|
),
|
|
2195
2214
|
...props
|
|
@@ -2217,7 +2236,7 @@ function TableCaption({
|
|
|
2217
2236
|
"caption",
|
|
2218
2237
|
{
|
|
2219
2238
|
"data-slot": "table-caption",
|
|
2220
|
-
className: cn("mt-4 text-sm
|
|
2239
|
+
className: cn("text-muted-foreground mt-4 text-sm", className),
|
|
2221
2240
|
...props
|
|
2222
2241
|
}
|
|
2223
2242
|
);
|
|
@@ -2244,7 +2263,7 @@ function TabsList({
|
|
|
2244
2263
|
{
|
|
2245
2264
|
"data-slot": "tabs-list",
|
|
2246
2265
|
className: cn(
|
|
2247
|
-
"inline-flex h-9 w-fit items-center justify-center rounded-lg
|
|
2266
|
+
"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
|
|
2248
2267
|
className
|
|
2249
2268
|
),
|
|
2250
2269
|
...props
|
|
@@ -2260,7 +2279,7 @@ function TabsTrigger({
|
|
|
2260
2279
|
{
|
|
2261
2280
|
"data-slot": "tabs-trigger",
|
|
2262
2281
|
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
|
|
2282
|
+
"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
2283
|
className
|
|
2265
2284
|
),
|
|
2266
2285
|
...props
|
|
@@ -2286,7 +2305,7 @@ function Textarea({ className, ...props }) {
|
|
|
2286
2305
|
{
|
|
2287
2306
|
"data-slot": "textarea",
|
|
2288
2307
|
className: cn(
|
|
2289
|
-
"flex field-sizing-content min-h-16 w-full rounded-md border
|
|
2308
|
+
"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
2309
|
className
|
|
2291
2310
|
),
|
|
2292
2311
|
...props
|
|
@@ -2376,7 +2395,7 @@ function TooltipContent({
|
|
|
2376
2395
|
{
|
|
2377
2396
|
sideOffset,
|
|
2378
2397
|
className: cn(
|
|
2379
|
-
"
|
|
2398
|
+
"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
2399
|
className
|
|
2381
2400
|
),
|
|
2382
2401
|
...props
|
|
@@ -2384,6 +2403,6 @@ function TooltipContent({
|
|
|
2384
2403
|
) });
|
|
2385
2404
|
}
|
|
2386
2405
|
|
|
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 };
|
|
2406
|
+
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
2407
|
//# sourceMappingURL=index.js.map
|
|
2389
2408
|
//# sourceMappingURL=index.js.map
|