@inf-monkeys-tech/monkeys-design 1.0.2 → 1.0.3-canary.31.1.0f52d10
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.
|
@@ -239,7 +239,7 @@ var badgeVariants = ({
|
|
|
239
239
|
className
|
|
240
240
|
} = {}) => cn(
|
|
241
241
|
"inline-flex items-center border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
242
|
-
shape === "pill" ? "rounded-full" : "rounded-
|
|
242
|
+
shape === "pill" ? "rounded-full" : "rounded-md",
|
|
243
243
|
variant === "secondary" && "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
244
244
|
variant === "destructive" && "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
|
|
245
245
|
variant === "outline" && "text-foreground",
|
|
@@ -341,7 +341,7 @@ function Calendar({ className, classNames, components, showOutsideDays = true, .
|
|
|
341
341
|
caption: "relative flex items-center justify-center pt-1",
|
|
342
342
|
caption_label: "text-sm font-medium",
|
|
343
343
|
nav: "flex items-center space-x-1",
|
|
344
|
-
nav_button: "inline-flex h-7 w-7 items-center justify-center rounded-
|
|
344
|
+
nav_button: "inline-flex h-7 w-7 items-center justify-center rounded-md border border-input bg-transparent p-0 text-foreground opacity-100 shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
|
|
345
345
|
nav_icon: "size-4 stroke-current",
|
|
346
346
|
nav_button_previous: "absolute left-1",
|
|
347
347
|
nav_button_next: "absolute right-1",
|
|
@@ -350,7 +350,7 @@ function Calendar({ className, classNames, components, showOutsideDays = true, .
|
|
|
350
350
|
head_cell: "w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground",
|
|
351
351
|
row: "mt-2 flex w-full",
|
|
352
352
|
cell: "relative h-9 w-9 p-0 text-center text-sm [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
|
|
353
|
-
day: "inline-flex h-9 w-9 items-center justify-center rounded-
|
|
353
|
+
day: "inline-flex h-9 w-9 items-center justify-center rounded-md p-0 font-normal transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring aria-selected:opacity-100 disabled:pointer-events-none disabled:opacity-50",
|
|
354
354
|
day_range_end: "day-range-end",
|
|
355
355
|
day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
|
|
356
356
|
day_today: "bg-accent text-accent-foreground",
|
|
@@ -376,7 +376,7 @@ var Card = React14__namespace.forwardRef(({ className, appearance = "standard",
|
|
|
376
376
|
ref,
|
|
377
377
|
className: cn(
|
|
378
378
|
"border bg-card text-card-foreground",
|
|
379
|
-
appearance === "elevated" ? "rounded-
|
|
379
|
+
appearance === "elevated" ? "rounded-xl shadow" : "rounded-lg shadow-sm",
|
|
380
380
|
className
|
|
381
381
|
),
|
|
382
382
|
...props
|
|
@@ -439,7 +439,7 @@ var Checkbox = React14__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
439
439
|
));
|
|
440
440
|
Checkbox.displayName = "Checkbox";
|
|
441
441
|
var buttonVariants = classVarianceAuthority.cva(
|
|
442
|
-
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-
|
|
442
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
443
443
|
{
|
|
444
444
|
variants: {
|
|
445
445
|
variant: {
|
|
@@ -452,8 +452,8 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
452
452
|
},
|
|
453
453
|
size: {
|
|
454
454
|
default: "h-10 px-4 py-2",
|
|
455
|
-
sm: "h-9 rounded-
|
|
456
|
-
lg: "h-11 rounded-
|
|
455
|
+
sm: "h-9 rounded-sm px-3",
|
|
456
|
+
lg: "h-11 rounded-md px-8",
|
|
457
457
|
icon: "h-10 w-10"
|
|
458
458
|
}
|
|
459
459
|
},
|
|
@@ -477,7 +477,7 @@ var PopoverContent = React14__namespace.forwardRef(({ className, align = "center
|
|
|
477
477
|
align,
|
|
478
478
|
sideOffset,
|
|
479
479
|
className: cn(
|
|
480
|
-
"z-50 w-72 rounded-
|
|
480
|
+
"z-50 w-72 rounded-lg border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[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",
|
|
481
481
|
className
|
|
482
482
|
),
|
|
483
483
|
...props
|
|
@@ -529,7 +529,7 @@ var TabsList = React14__namespace.forwardRef(({ className, gap, style, ...props
|
|
|
529
529
|
TabsPrimitive__namespace.List,
|
|
530
530
|
{
|
|
531
531
|
ref,
|
|
532
|
-
className: cn("inline-flex h-10 items-center justify-center rounded-
|
|
532
|
+
className: cn("inline-flex h-10 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground", className),
|
|
533
533
|
style: { gap, ...style },
|
|
534
534
|
...props
|
|
535
535
|
}
|
|
@@ -539,7 +539,7 @@ var TabsTrigger = React14__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
539
539
|
TabsPrimitive__namespace.Trigger,
|
|
540
540
|
{
|
|
541
541
|
ref,
|
|
542
|
-
className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-
|
|
542
|
+
className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", className),
|
|
543
543
|
...props
|
|
544
544
|
}
|
|
545
545
|
));
|
|
@@ -554,7 +554,7 @@ var TooltipContent = React14__namespace.forwardRef(({ className, sideOffset = 4,
|
|
|
554
554
|
{
|
|
555
555
|
ref,
|
|
556
556
|
sideOffset,
|
|
557
|
-
className: cn("z-50 overflow-hidden rounded-
|
|
557
|
+
className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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", className),
|
|
558
558
|
...props
|
|
559
559
|
}
|
|
560
560
|
) }));
|
|
@@ -741,7 +741,7 @@ var Input = React14__namespace.forwardRef(({ className, appearance = "standard",
|
|
|
741
741
|
type,
|
|
742
742
|
className: cn(
|
|
743
743
|
"flex w-full border border-input bg-background px-3 text-foreground transition-[border-color,background-color,color,box-shadow] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
|
744
|
-
appearance === "compact" ? "h-9 rounded-
|
|
744
|
+
appearance === "compact" ? "h-9 rounded-md py-1 text-sm shadow-sm" : "h-10 rounded-md py-2 text-sm shadow-sm",
|
|
745
745
|
appearance === "shadow" && "rounded-lg shadow-sm shadow-black/[0.02] dark:border-white/10 dark:bg-white/[0.04] dark:shadow-none",
|
|
746
746
|
className
|
|
747
747
|
),
|
|
@@ -755,7 +755,7 @@ var Textarea = React14__namespace.forwardRef(({ className, appearance = "standar
|
|
|
755
755
|
ref,
|
|
756
756
|
className: cn(
|
|
757
757
|
"flex w-full border border-input bg-background px-3 py-2 text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
|
758
|
-
appearance === "compact" ? "min-h-[60px] rounded-
|
|
758
|
+
appearance === "compact" ? "min-h-[60px] rounded-md text-sm shadow-sm" : "min-h-[80px] rounded-md text-sm",
|
|
759
759
|
appearance === "shadow" && "shadow-sm shadow-black/[0.02] dark:border-white/10 dark:bg-white/[0.04] dark:shadow-none",
|
|
760
760
|
className
|
|
761
761
|
),
|
|
@@ -835,7 +835,7 @@ var FloatingPopoverContent = React14__namespace.forwardRef(
|
|
|
835
835
|
else if (forwardedRef) forwardedRef.current = node;
|
|
836
836
|
},
|
|
837
837
|
className: cn(
|
|
838
|
-
"z-50 w-72 rounded-
|
|
838
|
+
"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
|
|
839
839
|
className
|
|
840
840
|
),
|
|
841
841
|
style: { ...context.floatingStyles, ...style },
|
|
@@ -1100,8 +1100,8 @@ function InputGroupTextarea({ className, ...props }) {
|
|
|
1100
1100
|
}
|
|
1101
1101
|
);
|
|
1102
1102
|
}
|
|
1103
|
-
var menuItemClassName = "relative flex cursor-default select-none items-center gap-2 rounded-
|
|
1104
|
-
var menuContentClassName = "z-50 min-w-[8rem] overflow-hidden rounded-
|
|
1103
|
+
var menuItemClassName = "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
1104
|
+
var menuContentClassName = "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[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";
|
|
1105
1105
|
var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
|
|
1106
1106
|
var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
|
|
1107
1107
|
var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
|
|
@@ -1153,7 +1153,7 @@ var Select = SelectPrimitive__namespace.Root;
|
|
|
1153
1153
|
var SelectGroup = SelectPrimitive__namespace.Group;
|
|
1154
1154
|
var SelectValue = SelectPrimitive__namespace.Value;
|
|
1155
1155
|
var SelectTrigger = React14__namespace.forwardRef(
|
|
1156
|
-
({ className, children, iconClassName, size = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Trigger, { ref, className: cn("flex h-10 w-full items-center justify-between whitespace-nowrap rounded-
|
|
1156
|
+
({ className, children, iconClassName, size = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Trigger, { ref, className: cn("flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-left text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:min-w-0 [&>span]:flex-1 [&>span]:text-left", size === "sm" && "h-8 px-2 py-1 text-xs", className), ...props, children: [
|
|
1157
1157
|
children,
|
|
1158
1158
|
/* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": "true", className: cn("h-4 w-4 opacity-50", iconClassName) }) })
|
|
1159
1159
|
] })
|
|
@@ -1229,12 +1229,12 @@ var DialogContent = React14__namespace.forwardRef(
|
|
|
1229
1229
|
DialogPrimitive__namespace.Content,
|
|
1230
1230
|
{
|
|
1231
1231
|
ref,
|
|
1232
|
-
className: cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-
|
|
1232
|
+
className: cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", className),
|
|
1233
1233
|
"data-monkeys-dialog-content": true,
|
|
1234
1234
|
...props,
|
|
1235
1235
|
children: [
|
|
1236
1236
|
children,
|
|
1237
|
-
showCloseButton ? /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-
|
|
1237
|
+
showCloseButton ? /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
|
|
1238
1238
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true", className: "h-4 w-4" }),
|
|
1239
1239
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: closeLabel })
|
|
1240
1240
|
] }) : null
|
|
@@ -1282,7 +1282,7 @@ var AlertDialogOverlay = React14__namespace.forwardRef(({ className, style, ...p
|
|
|
1282
1282
|
AlertDialogOverlay.displayName = "AlertDialogOverlay";
|
|
1283
1283
|
var AlertDialogContent = React14__namespace.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
|
|
1284
1284
|
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
|
|
1285
|
-
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Content, { ref, className: cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-
|
|
1285
|
+
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Content, { ref, className: cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", className), "data-monkeys-dialog-content": true, style: { pointerEvents: "auto", ...style }, ...props })
|
|
1286
1286
|
] }));
|
|
1287
1287
|
AlertDialogContent.displayName = "AlertDialogContent";
|
|
1288
1288
|
var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
|
|
@@ -1364,7 +1364,7 @@ var PillInput = React14__namespace.forwardRef(
|
|
|
1364
1364
|
"div",
|
|
1365
1365
|
{
|
|
1366
1366
|
className: cn(
|
|
1367
|
-
"flex min-h-10 w-full flex-wrap items-center gap-1.5 rounded-
|
|
1367
|
+
"flex min-h-10 w-full flex-wrap items-center gap-1.5 rounded-md border border-input bg-background px-3 py-2 text-sm",
|
|
1368
1368
|
disabled && "cursor-not-allowed opacity-50",
|
|
1369
1369
|
className
|
|
1370
1370
|
),
|
|
@@ -1452,7 +1452,7 @@ var ResizableHandle = ({
|
|
|
1452
1452
|
}
|
|
1453
1453
|
);
|
|
1454
1454
|
var Sidebar = React14__namespace.forwardRef(
|
|
1455
|
-
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("aside", { ref, className: cn("flex h-full min-h-0 flex-col rounded-
|
|
1455
|
+
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("aside", { ref, className: cn("flex h-full min-h-0 flex-col rounded-xl border bg-card text-card-foreground shadow", className), ...props })
|
|
1456
1456
|
);
|
|
1457
1457
|
Sidebar.displayName = "Sidebar";
|
|
1458
1458
|
var SidebarHeader = React14__namespace.forwardRef(
|
|
@@ -1491,7 +1491,7 @@ var SidebarMenuButton = React14__namespace.forwardRef(
|
|
|
1491
1491
|
type,
|
|
1492
1492
|
"data-active": isActive ? "true" : void 0,
|
|
1493
1493
|
className: cn(
|
|
1494
|
-
"flex w-full items-start gap-3 rounded-
|
|
1494
|
+
"flex w-full items-start gap-3 rounded-md px-3 py-3 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
|
|
1495
1495
|
isActive ? "bg-accent text-accent-foreground" : "text-muted-foreground",
|
|
1496
1496
|
className
|
|
1497
1497
|
),
|
|
@@ -1741,7 +1741,7 @@ var StatusState = React14__namespace.forwardRef(
|
|
|
1741
1741
|
{
|
|
1742
1742
|
ref,
|
|
1743
1743
|
className: cn(
|
|
1744
|
-
presentation === "page" ? "flex h-full min-h-0 items-center justify-center p-6" : "rounded-
|
|
1744
|
+
presentation === "page" ? "flex h-full min-h-0 items-center justify-center p-6" : "rounded-lg border p-8 text-center",
|
|
1745
1745
|
className
|
|
1746
1746
|
),
|
|
1747
1747
|
...props,
|