@orangecheck/design 0.5.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 +51 -34
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +49 -34
- package/dist/index.mjs.map +1 -1
- package/dist/primitives.d.mts +20 -18
- package/dist/primitives.d.ts +20 -18
- package/dist/primitives.js +49 -34
- package/dist/primitives.js.map +1 -1
- package/dist/primitives.mjs +47 -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';
|
|
@@ -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';
|
|
@@ -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);
|
|
@@ -444,17 +444,20 @@ function Separator({
|
|
|
444
444
|
);
|
|
445
445
|
}
|
|
446
446
|
function Sheet(props) {
|
|
447
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
447
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "sheet", ...props });
|
|
448
448
|
}
|
|
449
449
|
function SheetTrigger(props) {
|
|
450
|
-
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 });
|
|
451
454
|
}
|
|
452
455
|
function SheetPortal(props) {
|
|
453
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
456
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
|
|
454
457
|
}
|
|
455
458
|
function SheetOverlay({ className, ...props }) {
|
|
456
459
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
457
|
-
|
|
460
|
+
SheetPrimitive__namespace.Overlay,
|
|
458
461
|
{
|
|
459
462
|
"data-slot": "sheet-overlay",
|
|
460
463
|
className: cn(
|
|
@@ -480,7 +483,7 @@ function SheetContent({
|
|
|
480
483
|
return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
|
|
481
484
|
/* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
|
|
482
485
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
483
|
-
|
|
486
|
+
SheetPrimitive__namespace.Content,
|
|
484
487
|
{
|
|
485
488
|
"data-slot": "sheet-content",
|
|
486
489
|
className: cn(
|
|
@@ -491,7 +494,7 @@ function SheetContent({
|
|
|
491
494
|
...props,
|
|
492
495
|
children: [
|
|
493
496
|
children,
|
|
494
|
-
/* @__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: [
|
|
495
498
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }),
|
|
496
499
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
497
500
|
] })
|
|
@@ -503,9 +506,19 @@ function SheetContent({
|
|
|
503
506
|
function SheetHeader({ className, ...props }) {
|
|
504
507
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-4", className), ...props });
|
|
505
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
|
+
}
|
|
506
519
|
function SheetTitle({ className, ...props }) {
|
|
507
520
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
508
|
-
|
|
521
|
+
SheetPrimitive__namespace.Title,
|
|
509
522
|
{
|
|
510
523
|
"data-slot": "sheet-title",
|
|
511
524
|
className: cn("text-foreground font-semibold", className),
|
|
@@ -518,7 +531,7 @@ function SheetDescription({
|
|
|
518
531
|
...props
|
|
519
532
|
}) {
|
|
520
533
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
521
|
-
|
|
534
|
+
SheetPrimitive__namespace.Description,
|
|
522
535
|
{
|
|
523
536
|
"data-slot": "sheet-description",
|
|
524
537
|
className: cn("text-muted-foreground text-sm", className),
|
|
@@ -527,23 +540,23 @@ function SheetDescription({
|
|
|
527
540
|
);
|
|
528
541
|
}
|
|
529
542
|
function Dialog({ ...props }) {
|
|
530
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
543
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "dialog", ...props });
|
|
531
544
|
}
|
|
532
545
|
function DialogTrigger({ ...props }) {
|
|
533
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
546
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { "data-slot": "dialog-trigger", ...props });
|
|
534
547
|
}
|
|
535
548
|
function DialogPortal({ ...props }) {
|
|
536
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
549
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Portal, { "data-slot": "dialog-portal", ...props });
|
|
537
550
|
}
|
|
538
551
|
function DialogClose({ ...props }) {
|
|
539
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
552
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Close, { "data-slot": "dialog-close", ...props });
|
|
540
553
|
}
|
|
541
554
|
function DialogOverlay({
|
|
542
555
|
className,
|
|
543
556
|
...props
|
|
544
557
|
}) {
|
|
545
558
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
546
|
-
|
|
559
|
+
SheetPrimitive__namespace.Overlay,
|
|
547
560
|
{
|
|
548
561
|
"data-slot": "dialog-overlay",
|
|
549
562
|
className: cn(
|
|
@@ -563,7 +576,7 @@ function DialogContent({
|
|
|
563
576
|
return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
|
|
564
577
|
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
565
578
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
566
|
-
|
|
579
|
+
SheetPrimitive__namespace.Content,
|
|
567
580
|
{
|
|
568
581
|
"data-slot": "dialog-content",
|
|
569
582
|
className: cn(
|
|
@@ -574,7 +587,7 @@ function DialogContent({
|
|
|
574
587
|
children: [
|
|
575
588
|
children,
|
|
576
589
|
showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
577
|
-
|
|
590
|
+
SheetPrimitive__namespace.Close,
|
|
578
591
|
{
|
|
579
592
|
"data-slot": "dialog-close",
|
|
580
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",
|
|
@@ -611,7 +624,7 @@ function DialogFooter({ className, ...props }) {
|
|
|
611
624
|
}
|
|
612
625
|
function DialogTitle({ className, ...props }) {
|
|
613
626
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
614
|
-
|
|
627
|
+
SheetPrimitive__namespace.Title,
|
|
615
628
|
{
|
|
616
629
|
"data-slot": "dialog-title",
|
|
617
630
|
className: cn("text-lg leading-none font-semibold", className),
|
|
@@ -624,7 +637,7 @@ function DialogDescription({
|
|
|
624
637
|
...props
|
|
625
638
|
}) {
|
|
626
639
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
627
|
-
|
|
640
|
+
SheetPrimitive__namespace.Description,
|
|
628
641
|
{
|
|
629
642
|
"data-slot": "dialog-description",
|
|
630
643
|
className: cn("text-muted-foreground text-sm", className),
|
|
@@ -677,9 +690,9 @@ function ConfirmHost() {
|
|
|
677
690
|
[state]
|
|
678
691
|
);
|
|
679
692
|
if (!state) return null;
|
|
680
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
681
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
682
|
-
/* @__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: [
|
|
683
696
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "terminal-title", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
684
697
|
"span",
|
|
685
698
|
{
|
|
@@ -691,8 +704,8 @@ function ConfirmHost() {
|
|
|
691
704
|
}
|
|
692
705
|
) }),
|
|
693
706
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4 sm:p-5", children: [
|
|
694
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
695
|
-
/* @__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 }) }),
|
|
696
709
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
|
|
697
710
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
698
711
|
Button,
|
|
@@ -787,10 +800,10 @@ function PromptHost() {
|
|
|
787
800
|
close(v);
|
|
788
801
|
}, [state, value, confirmValue, close]);
|
|
789
802
|
if (!state) return null;
|
|
790
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
791
|
-
/* @__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" }),
|
|
792
805
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
793
|
-
|
|
806
|
+
SheetPrimitive__namespace.Content,
|
|
794
807
|
{
|
|
795
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",
|
|
796
809
|
onKeyDown: (e) => {
|
|
@@ -805,8 +818,8 @@ function PromptHost() {
|
|
|
805
818
|
state.title
|
|
806
819
|
] }) }),
|
|
807
820
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4 sm:p-5", children: [
|
|
808
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
809
|
-
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 }) }),
|
|
810
823
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
811
824
|
state.label && /* @__PURE__ */ jsxRuntime.jsx(Label, { children: state.label }),
|
|
812
825
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -864,10 +877,10 @@ function PromptHost() {
|
|
|
864
877
|
] }) });
|
|
865
878
|
}
|
|
866
879
|
function Modal({ open, onOpenChange, title, subtitle, children, actions, width = "wide" }) {
|
|
867
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
868
|
-
/* @__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" }),
|
|
869
882
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
870
|
-
|
|
883
|
+
SheetPrimitive__namespace.Content,
|
|
871
884
|
{
|
|
872
885
|
className: cn(
|
|
873
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",
|
|
@@ -880,7 +893,7 @@ function Modal({ open, onOpenChange, title, subtitle, children, actions, width =
|
|
|
880
893
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot", "aria-hidden": true }),
|
|
881
894
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot opacity-70", "aria-hidden": true }),
|
|
882
895
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot opacity-50", "aria-hidden": true }),
|
|
883
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
896
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Title, { className: "ml-2 truncate", children: title }),
|
|
884
897
|
subtitle && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground/70 ml-1 truncate text-[10px] normal-case tracking-normal", children: [
|
|
885
898
|
"\xB7 ",
|
|
886
899
|
subtitle
|
|
@@ -889,7 +902,7 @@ function Modal({ open, onOpenChange, title, subtitle, children, actions, width =
|
|
|
889
902
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
890
903
|
actions,
|
|
891
904
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
892
|
-
|
|
905
|
+
SheetPrimitive__namespace.Close,
|
|
893
906
|
{
|
|
894
907
|
"aria-label": "close",
|
|
895
908
|
className: "text-muted-foreground hover:text-foreground inline-flex h-6 w-6 items-center justify-center rounded-sm",
|
|
@@ -1530,8 +1543,10 @@ exports.SelectTrigger = SelectTrigger;
|
|
|
1530
1543
|
exports.SelectValue = SelectValue;
|
|
1531
1544
|
exports.Separator = Separator;
|
|
1532
1545
|
exports.Sheet = Sheet;
|
|
1546
|
+
exports.SheetClose = SheetClose;
|
|
1533
1547
|
exports.SheetContent = SheetContent;
|
|
1534
1548
|
exports.SheetDescription = SheetDescription;
|
|
1549
|
+
exports.SheetFooter = SheetFooter;
|
|
1535
1550
|
exports.SheetHeader = SheetHeader;
|
|
1536
1551
|
exports.SheetOverlay = SheetOverlay;
|
|
1537
1552
|
exports.SheetPortal = SheetPortal;
|