@orangecheck/design 0.4.0 → 0.5.1
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.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +52 -34
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +50 -34
- package/dist/index.mjs.map +1 -1
- package/dist/primitives.d.mts +21 -19
- package/dist/primitives.d.ts +21 -19
- package/dist/primitives.js +50 -34
- package/dist/primitives.js.map +1 -1
- package/dist/primitives.mjs +48 -34
- package/dist/primitives.mjs.map +1 -1
- package/package.json +1 -1
package/dist/primitives.d.mts
CHANGED
|
@@ -6,7 +6,7 @@ import { ReactNode } from 'react';
|
|
|
6
6
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
7
7
|
import { LucideIcon } from 'lucide-react';
|
|
8
8
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
9
|
-
import * as
|
|
9
|
+
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
10
10
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
11
11
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
12
12
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
@@ -21,7 +21,7 @@ declare function Button({ className, variant, size, asChild, ...props }: React.C
|
|
|
21
21
|
}): react_jsx_runtime.JSX.Element;
|
|
22
22
|
|
|
23
23
|
declare const badgeVariants: (props?: ({
|
|
24
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "warning" | "success" | "info" | null | undefined;
|
|
24
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "warning" | "success" | "info" | "brand" | null | undefined;
|
|
25
25
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
26
26
|
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
|
|
27
27
|
asChild?: boolean;
|
|
@@ -107,29 +107,31 @@ declare function Skeleton({ className }: SkeletonProps): react_jsx_runtime.JSX.E
|
|
|
107
107
|
|
|
108
108
|
declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
109
109
|
|
|
110
|
-
declare function Sheet(props: React.ComponentProps<typeof
|
|
111
|
-
declare function SheetTrigger(props: React.ComponentProps<typeof
|
|
112
|
-
declare function
|
|
113
|
-
declare function
|
|
114
|
-
declare function
|
|
110
|
+
declare function Sheet(props: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
111
|
+
declare function SheetTrigger(props: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
112
|
+
declare function SheetClose(props: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime.JSX.Element;
|
|
113
|
+
declare function SheetPortal(props: React.ComponentProps<typeof SheetPrimitive.Portal>): react_jsx_runtime.JSX.Element;
|
|
114
|
+
declare function SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
|
|
115
|
+
declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
115
116
|
side?: 'left' | 'right' | 'top' | 'bottom';
|
|
116
117
|
}): react_jsx_runtime.JSX.Element;
|
|
117
118
|
declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
118
|
-
declare function
|
|
119
|
-
declare function
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
declare function
|
|
123
|
-
declare function
|
|
124
|
-
declare function
|
|
125
|
-
declare function
|
|
126
|
-
declare function
|
|
119
|
+
declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
120
|
+
declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime.JSX.Element;
|
|
121
|
+
declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime.JSX.Element;
|
|
122
|
+
|
|
123
|
+
declare function Dialog({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
124
|
+
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
125
|
+
declare function DialogPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>): react_jsx_runtime.JSX.Element;
|
|
126
|
+
declare function DialogClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime.JSX.Element;
|
|
127
|
+
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
|
|
128
|
+
declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
127
129
|
showCloseButton?: boolean;
|
|
128
130
|
}): react_jsx_runtime.JSX.Element;
|
|
129
131
|
declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
130
132
|
declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
131
|
-
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof
|
|
132
|
-
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof
|
|
133
|
+
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime.JSX.Element;
|
|
134
|
+
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime.JSX.Element;
|
|
133
135
|
|
|
134
136
|
interface ConfirmOptions {
|
|
135
137
|
title: string;
|
|
@@ -293,4 +295,4 @@ interface QrCodeProps {
|
|
|
293
295
|
}
|
|
294
296
|
declare function QrCode({ value, size, label, className }: QrCodeProps): react_jsx_runtime.JSX.Element;
|
|
295
297
|
|
|
296
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, type AlertWithActionProps, AlertWithCountdown, type AlertWithCountdownProps, Badge, Bar, type BarProps, BitcoinAddress, type BitcoinAddressProps, Button, Card, type CardProps, ConfirmHost, type ConfirmOptions, CopyButton, type CopyButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, type ModalProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, type PromptOptions, QrCode, type QrCodeProps, SatsAmount, type SatsAmountProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Sparkline, type SparklineProps, StatBlock, type StatBlockProps, StatusPill, type StatusPillProps, type StatusTone, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, type WorkingProps, badgeVariants, buttonVariants, confirm, prompt };
|
|
298
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, type AlertWithActionProps, AlertWithCountdown, type AlertWithCountdownProps, Badge, Bar, type BarProps, BitcoinAddress, type BitcoinAddressProps, Button, Card, type CardProps, ConfirmHost, type ConfirmOptions, CopyButton, type CopyButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, type ModalProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, type PromptOptions, QrCode, type QrCodeProps, SatsAmount, type SatsAmountProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Sparkline, type SparklineProps, StatBlock, type StatBlockProps, StatusPill, type StatusPillProps, type StatusTone, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, type WorkingProps, badgeVariants, buttonVariants, confirm, prompt };
|
package/dist/primitives.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ import { ReactNode } from 'react';
|
|
|
6
6
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
7
7
|
import { LucideIcon } from 'lucide-react';
|
|
8
8
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
9
|
-
import * as
|
|
9
|
+
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
10
10
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
11
11
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
12
12
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
@@ -21,7 +21,7 @@ declare function Button({ className, variant, size, asChild, ...props }: React.C
|
|
|
21
21
|
}): react_jsx_runtime.JSX.Element;
|
|
22
22
|
|
|
23
23
|
declare const badgeVariants: (props?: ({
|
|
24
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "warning" | "success" | "info" | null | undefined;
|
|
24
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "warning" | "success" | "info" | "brand" | null | undefined;
|
|
25
25
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
26
26
|
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
|
|
27
27
|
asChild?: boolean;
|
|
@@ -107,29 +107,31 @@ declare function Skeleton({ className }: SkeletonProps): react_jsx_runtime.JSX.E
|
|
|
107
107
|
|
|
108
108
|
declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
109
109
|
|
|
110
|
-
declare function Sheet(props: React.ComponentProps<typeof
|
|
111
|
-
declare function SheetTrigger(props: React.ComponentProps<typeof
|
|
112
|
-
declare function
|
|
113
|
-
declare function
|
|
114
|
-
declare function
|
|
110
|
+
declare function Sheet(props: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
111
|
+
declare function SheetTrigger(props: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
112
|
+
declare function SheetClose(props: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime.JSX.Element;
|
|
113
|
+
declare function SheetPortal(props: React.ComponentProps<typeof SheetPrimitive.Portal>): react_jsx_runtime.JSX.Element;
|
|
114
|
+
declare function SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
|
|
115
|
+
declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
115
116
|
side?: 'left' | 'right' | 'top' | 'bottom';
|
|
116
117
|
}): react_jsx_runtime.JSX.Element;
|
|
117
118
|
declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
118
|
-
declare function
|
|
119
|
-
declare function
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
declare function
|
|
123
|
-
declare function
|
|
124
|
-
declare function
|
|
125
|
-
declare function
|
|
126
|
-
declare function
|
|
119
|
+
declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
120
|
+
declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime.JSX.Element;
|
|
121
|
+
declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime.JSX.Element;
|
|
122
|
+
|
|
123
|
+
declare function Dialog({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
124
|
+
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
125
|
+
declare function DialogPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>): react_jsx_runtime.JSX.Element;
|
|
126
|
+
declare function DialogClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime.JSX.Element;
|
|
127
|
+
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
|
|
128
|
+
declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
127
129
|
showCloseButton?: boolean;
|
|
128
130
|
}): react_jsx_runtime.JSX.Element;
|
|
129
131
|
declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
130
132
|
declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
131
|
-
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof
|
|
132
|
-
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof
|
|
133
|
+
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime.JSX.Element;
|
|
134
|
+
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime.JSX.Element;
|
|
133
135
|
|
|
134
136
|
interface ConfirmOptions {
|
|
135
137
|
title: string;
|
|
@@ -293,4 +295,4 @@ interface QrCodeProps {
|
|
|
293
295
|
}
|
|
294
296
|
declare function QrCode({ value, size, label, className }: QrCodeProps): react_jsx_runtime.JSX.Element;
|
|
295
297
|
|
|
296
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, type AlertWithActionProps, AlertWithCountdown, type AlertWithCountdownProps, Badge, Bar, type BarProps, BitcoinAddress, type BitcoinAddressProps, Button, Card, type CardProps, ConfirmHost, type ConfirmOptions, CopyButton, type CopyButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, type ModalProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, type PromptOptions, QrCode, type QrCodeProps, SatsAmount, type SatsAmountProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Sparkline, type SparklineProps, StatBlock, type StatBlockProps, StatusPill, type StatusPillProps, type StatusTone, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, type WorkingProps, badgeVariants, buttonVariants, confirm, prompt };
|
|
298
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, type AlertWithActionProps, AlertWithCountdown, type AlertWithCountdownProps, Badge, Bar, type BarProps, BitcoinAddress, type BitcoinAddressProps, Button, Card, type CardProps, ConfirmHost, type ConfirmOptions, CopyButton, type CopyButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, type ModalProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, type PromptOptions, QrCode, type QrCodeProps, SatsAmount, type SatsAmountProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Sparkline, type SparklineProps, StatBlock, type StatBlockProps, StatusPill, type StatusPillProps, type StatusTone, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, type WorkingProps, badgeVariants, buttonVariants, confirm, prompt };
|
package/dist/primitives.js
CHANGED
|
@@ -10,7 +10,7 @@ var lucideReact = require('lucide-react');
|
|
|
10
10
|
var nextThemes = require('next-themes');
|
|
11
11
|
var React2 = require('react');
|
|
12
12
|
var SeparatorPrimitive = require('@radix-ui/react-separator');
|
|
13
|
-
var
|
|
13
|
+
var SheetPrimitive = require('@radix-ui/react-dialog');
|
|
14
14
|
var PopoverPrimitive = require('@radix-ui/react-popover');
|
|
15
15
|
var AccordionPrimitive = require('@radix-ui/react-accordion');
|
|
16
16
|
var SelectPrimitive = require('@radix-ui/react-select');
|
|
@@ -40,7 +40,7 @@ function _interopNamespace(e) {
|
|
|
40
40
|
var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
|
|
41
41
|
var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
|
|
42
42
|
var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
|
|
43
|
-
var
|
|
43
|
+
var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
|
|
44
44
|
var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
|
|
45
45
|
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
46
46
|
var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
|
|
@@ -103,6 +103,7 @@ var badgeVariants = classVarianceAuthority.cva(
|
|
|
103
103
|
warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/90 border-transparent",
|
|
104
104
|
success: "bg-success text-success-foreground [a&]:hover:bg-success/90 border-transparent",
|
|
105
105
|
info: "bg-info text-info-foreground [a&]:hover:bg-info/90 border-transparent",
|
|
106
|
+
brand: "bg-brand-soft text-brand border-brand-soft",
|
|
106
107
|
outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
|
|
107
108
|
}
|
|
108
109
|
},
|
|
@@ -443,17 +444,20 @@ function Separator({
|
|
|
443
444
|
);
|
|
444
445
|
}
|
|
445
446
|
function Sheet(props) {
|
|
446
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
447
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "sheet", ...props });
|
|
447
448
|
}
|
|
448
449
|
function SheetTrigger(props) {
|
|
449
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
450
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { "data-slot": "sheet-trigger", ...props });
|
|
451
|
+
}
|
|
452
|
+
function SheetClose(props) {
|
|
453
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Close, { "data-slot": "sheet-close", ...props });
|
|
450
454
|
}
|
|
451
455
|
function SheetPortal(props) {
|
|
452
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
456
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
|
|
453
457
|
}
|
|
454
458
|
function SheetOverlay({ className, ...props }) {
|
|
455
459
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
456
|
-
|
|
460
|
+
SheetPrimitive__namespace.Overlay,
|
|
457
461
|
{
|
|
458
462
|
"data-slot": "sheet-overlay",
|
|
459
463
|
className: cn(
|
|
@@ -479,7 +483,7 @@ function SheetContent({
|
|
|
479
483
|
return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
|
|
480
484
|
/* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
|
|
481
485
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
482
|
-
|
|
486
|
+
SheetPrimitive__namespace.Content,
|
|
483
487
|
{
|
|
484
488
|
"data-slot": "sheet-content",
|
|
485
489
|
className: cn(
|
|
@@ -490,7 +494,7 @@ function SheetContent({
|
|
|
490
494
|
...props,
|
|
491
495
|
children: [
|
|
492
496
|
children,
|
|
493
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
497
|
+
/* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "ring-offset-background focus:ring-ring 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", children: [
|
|
494
498
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }),
|
|
495
499
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
496
500
|
] })
|
|
@@ -502,9 +506,19 @@ function SheetContent({
|
|
|
502
506
|
function SheetHeader({ className, ...props }) {
|
|
503
507
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-4", className), ...props });
|
|
504
508
|
}
|
|
509
|
+
function SheetFooter({ className, ...props }) {
|
|
510
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
511
|
+
"div",
|
|
512
|
+
{
|
|
513
|
+
"data-slot": "sheet-footer",
|
|
514
|
+
className: cn("mt-auto flex flex-col gap-2 p-4", className),
|
|
515
|
+
...props
|
|
516
|
+
}
|
|
517
|
+
);
|
|
518
|
+
}
|
|
505
519
|
function SheetTitle({ className, ...props }) {
|
|
506
520
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
507
|
-
|
|
521
|
+
SheetPrimitive__namespace.Title,
|
|
508
522
|
{
|
|
509
523
|
"data-slot": "sheet-title",
|
|
510
524
|
className: cn("text-foreground font-semibold", className),
|
|
@@ -517,7 +531,7 @@ function SheetDescription({
|
|
|
517
531
|
...props
|
|
518
532
|
}) {
|
|
519
533
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
520
|
-
|
|
534
|
+
SheetPrimitive__namespace.Description,
|
|
521
535
|
{
|
|
522
536
|
"data-slot": "sheet-description",
|
|
523
537
|
className: cn("text-muted-foreground text-sm", className),
|
|
@@ -526,23 +540,23 @@ function SheetDescription({
|
|
|
526
540
|
);
|
|
527
541
|
}
|
|
528
542
|
function Dialog({ ...props }) {
|
|
529
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
543
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "dialog", ...props });
|
|
530
544
|
}
|
|
531
545
|
function DialogTrigger({ ...props }) {
|
|
532
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
546
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { "data-slot": "dialog-trigger", ...props });
|
|
533
547
|
}
|
|
534
548
|
function DialogPortal({ ...props }) {
|
|
535
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
549
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Portal, { "data-slot": "dialog-portal", ...props });
|
|
536
550
|
}
|
|
537
551
|
function DialogClose({ ...props }) {
|
|
538
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
552
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Close, { "data-slot": "dialog-close", ...props });
|
|
539
553
|
}
|
|
540
554
|
function DialogOverlay({
|
|
541
555
|
className,
|
|
542
556
|
...props
|
|
543
557
|
}) {
|
|
544
558
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
545
|
-
|
|
559
|
+
SheetPrimitive__namespace.Overlay,
|
|
546
560
|
{
|
|
547
561
|
"data-slot": "dialog-overlay",
|
|
548
562
|
className: cn(
|
|
@@ -562,7 +576,7 @@ function DialogContent({
|
|
|
562
576
|
return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
|
|
563
577
|
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
564
578
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
565
|
-
|
|
579
|
+
SheetPrimitive__namespace.Content,
|
|
566
580
|
{
|
|
567
581
|
"data-slot": "dialog-content",
|
|
568
582
|
className: cn(
|
|
@@ -573,7 +587,7 @@ function DialogContent({
|
|
|
573
587
|
children: [
|
|
574
588
|
children,
|
|
575
589
|
showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
576
|
-
|
|
590
|
+
SheetPrimitive__namespace.Close,
|
|
577
591
|
{
|
|
578
592
|
"data-slot": "dialog-close",
|
|
579
593
|
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",
|
|
@@ -610,7 +624,7 @@ function DialogFooter({ className, ...props }) {
|
|
|
610
624
|
}
|
|
611
625
|
function DialogTitle({ className, ...props }) {
|
|
612
626
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
613
|
-
|
|
627
|
+
SheetPrimitive__namespace.Title,
|
|
614
628
|
{
|
|
615
629
|
"data-slot": "dialog-title",
|
|
616
630
|
className: cn("text-lg leading-none font-semibold", className),
|
|
@@ -623,7 +637,7 @@ function DialogDescription({
|
|
|
623
637
|
...props
|
|
624
638
|
}) {
|
|
625
639
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
626
|
-
|
|
640
|
+
SheetPrimitive__namespace.Description,
|
|
627
641
|
{
|
|
628
642
|
"data-slot": "dialog-description",
|
|
629
643
|
className: cn("text-muted-foreground text-sm", className),
|
|
@@ -676,9 +690,9 @@ function ConfirmHost() {
|
|
|
676
690
|
[state]
|
|
677
691
|
);
|
|
678
692
|
if (!state) return null;
|
|
679
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
680
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
681
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
693
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { open: true, onOpenChange: (open) => !open && close(false), children: /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Portal, { children: [
|
|
694
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Overlay, { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm" }),
|
|
695
|
+
/* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Content, { className: "bg-card border-border fixed top-1/2 left-1/2 z-50 w-[90vw] max-w-md -translate-x-1/2 -translate-y-1/2 border shadow-lg outline-none", children: [
|
|
682
696
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "terminal-title", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
683
697
|
"span",
|
|
684
698
|
{
|
|
@@ -690,8 +704,8 @@ function ConfirmHost() {
|
|
|
690
704
|
}
|
|
691
705
|
) }),
|
|
692
706
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4 sm:p-5", children: [
|
|
693
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
694
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
707
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Title, { className: "sr-only", children: state.title }),
|
|
708
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground font-mono text-xs leading-relaxed whitespace-pre-wrap", children: state.message }) }),
|
|
695
709
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
|
|
696
710
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
697
711
|
Button,
|
|
@@ -786,10 +800,10 @@ function PromptHost() {
|
|
|
786
800
|
close(v);
|
|
787
801
|
}, [state, value, confirmValue, close]);
|
|
788
802
|
if (!state) return null;
|
|
789
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
790
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
803
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { open: true, onOpenChange: (open) => !open && close(null), children: /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Portal, { children: [
|
|
804
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Overlay, { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm" }),
|
|
791
805
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
792
|
-
|
|
806
|
+
SheetPrimitive__namespace.Content,
|
|
793
807
|
{
|
|
794
808
|
className: "bg-card border-border fixed top-1/2 left-1/2 z-50 w-[90vw] max-w-md -translate-x-1/2 -translate-y-1/2 border shadow-lg outline-none",
|
|
795
809
|
onKeyDown: (e) => {
|
|
@@ -804,8 +818,8 @@ function PromptHost() {
|
|
|
804
818
|
state.title
|
|
805
819
|
] }) }),
|
|
806
820
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4 sm:p-5", children: [
|
|
807
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
808
|
-
state.message && /* @__PURE__ */ jsxRuntime.jsx(
|
|
821
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Title, { className: "sr-only", children: state.title }),
|
|
822
|
+
state.message && /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground font-mono text-xs leading-relaxed whitespace-pre-wrap", children: state.message }) }),
|
|
809
823
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
810
824
|
state.label && /* @__PURE__ */ jsxRuntime.jsx(Label, { children: state.label }),
|
|
811
825
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -863,10 +877,10 @@ function PromptHost() {
|
|
|
863
877
|
] }) });
|
|
864
878
|
}
|
|
865
879
|
function Modal({ open, onOpenChange, title, subtitle, children, actions, width = "wide" }) {
|
|
866
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
867
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
880
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Portal, { children: [
|
|
881
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Overlay, { className: "bg-background/80 fixed inset-0 z-[100] backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
|
|
868
882
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
869
|
-
|
|
883
|
+
SheetPrimitive__namespace.Content,
|
|
870
884
|
{
|
|
871
885
|
className: cn(
|
|
872
886
|
"terminal fixed top-[5vh] left-1/2 z-[110] flex max-h-[90vh] -translate-x-1/2 flex-col overflow-hidden rounded-sm border",
|
|
@@ -879,7 +893,7 @@ function Modal({ open, onOpenChange, title, subtitle, children, actions, width =
|
|
|
879
893
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot", "aria-hidden": true }),
|
|
880
894
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot opacity-70", "aria-hidden": true }),
|
|
881
895
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot opacity-50", "aria-hidden": true }),
|
|
882
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
896
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Title, { className: "ml-2 truncate", children: title }),
|
|
883
897
|
subtitle && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground/70 ml-1 truncate text-[10px] normal-case tracking-normal", children: [
|
|
884
898
|
"\xB7 ",
|
|
885
899
|
subtitle
|
|
@@ -888,7 +902,7 @@ function Modal({ open, onOpenChange, title, subtitle, children, actions, width =
|
|
|
888
902
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
889
903
|
actions,
|
|
890
904
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
891
|
-
|
|
905
|
+
SheetPrimitive__namespace.Close,
|
|
892
906
|
{
|
|
893
907
|
"aria-label": "close",
|
|
894
908
|
className: "text-muted-foreground hover:text-foreground inline-flex h-6 w-6 items-center justify-center rounded-sm",
|
|
@@ -1529,8 +1543,10 @@ exports.SelectTrigger = SelectTrigger;
|
|
|
1529
1543
|
exports.SelectValue = SelectValue;
|
|
1530
1544
|
exports.Separator = Separator;
|
|
1531
1545
|
exports.Sheet = Sheet;
|
|
1546
|
+
exports.SheetClose = SheetClose;
|
|
1532
1547
|
exports.SheetContent = SheetContent;
|
|
1533
1548
|
exports.SheetDescription = SheetDescription;
|
|
1549
|
+
exports.SheetFooter = SheetFooter;
|
|
1534
1550
|
exports.SheetHeader = SheetHeader;
|
|
1535
1551
|
exports.SheetOverlay = SheetOverlay;
|
|
1536
1552
|
exports.SheetPortal = SheetPortal;
|