@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/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { DEFAULT_OC_THEME, OC_SKIN_COOKIE, OC_THEMES, OcAppearanceMenu, OcAppearanceMenuProps, OcTheme, OcThemeBridge, OcThemeId, OcThemePicker, OcThemePickerProps, OcThemeProvider, OcThemeProviderProps, cn, getOcThemeInitScript, isKnownTheme, resolveTheme, useOcSkin } from './tokens.mjs';
|
|
2
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithActionProps, AlertWithCountdown, AlertWithCountdownProps, Badge, Bar, BarProps, BitcoinAddress, BitcoinAddressProps, Button, Card, CardProps, ConfirmHost, ConfirmOptions, CopyButton, CopyButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, ModalProps, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, PromptOptions, QrCode, QrCodeProps, SatsAmount, SatsAmountProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, SkeletonProps, Sparkline, SparklineProps, StatBlock, StatBlockProps, StatusPill, StatusPillProps, StatusTone, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, WorkingProps, badgeVariants, buttonVariants, confirm, prompt } from './primitives.mjs';
|
|
2
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithActionProps, AlertWithCountdown, AlertWithCountdownProps, Badge, Bar, BarProps, BitcoinAddress, BitcoinAddressProps, Button, Card, CardProps, ConfirmHost, ConfirmOptions, CopyButton, CopyButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, ModalProps, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, PromptOptions, QrCode, QrCodeProps, SatsAmount, SatsAmountProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, SkeletonProps, Sparkline, SparklineProps, StatBlock, StatBlockProps, StatusPill, StatusPillProps, StatusTone, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, WorkingProps, badgeVariants, buttonVariants, confirm, prompt } from './primitives.mjs';
|
|
3
3
|
export * from '@orangecheck/ui';
|
|
4
4
|
export { ExplorerNetwork, ExplorerTarget, REFERENCE_BTC_USD, explorerUrl, formatSats, formatSatsCompact, priceBoth, relativeTime, satsToUsd, shortenAddress, usdToSats } from './format.mjs';
|
|
5
5
|
import 'clsx';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { DEFAULT_OC_THEME, OC_SKIN_COOKIE, OC_THEMES, OcAppearanceMenu, OcAppearanceMenuProps, OcTheme, OcThemeBridge, OcThemeId, OcThemePicker, OcThemePickerProps, OcThemeProvider, OcThemeProviderProps, cn, getOcThemeInitScript, isKnownTheme, resolveTheme, useOcSkin } from './tokens.js';
|
|
2
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithActionProps, AlertWithCountdown, AlertWithCountdownProps, Badge, Bar, BarProps, BitcoinAddress, BitcoinAddressProps, Button, Card, CardProps, ConfirmHost, ConfirmOptions, CopyButton, CopyButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, ModalProps, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, PromptOptions, QrCode, QrCodeProps, SatsAmount, SatsAmountProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, SkeletonProps, Sparkline, SparklineProps, StatBlock, StatBlockProps, StatusPill, StatusPillProps, StatusTone, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, WorkingProps, badgeVariants, buttonVariants, confirm, prompt } from './primitives.js';
|
|
2
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithActionProps, AlertWithCountdown, AlertWithCountdownProps, Badge, Bar, BarProps, BitcoinAddress, BitcoinAddressProps, Button, Card, CardProps, ConfirmHost, ConfirmOptions, CopyButton, CopyButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, ModalProps, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, PromptOptions, QrCode, QrCodeProps, SatsAmount, SatsAmountProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, SkeletonProps, Sparkline, SparklineProps, StatBlock, StatBlockProps, StatusPill, StatusPillProps, StatusTone, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, WorkingProps, badgeVariants, buttonVariants, confirm, prompt } from './primitives.js';
|
|
3
3
|
export * from '@orangecheck/ui';
|
|
4
4
|
export { ExplorerNetwork, ExplorerTarget, REFERENCE_BTC_USD, explorerUrl, formatSats, formatSatsCompact, priceBoth, relativeTime, satsToUsd, shortenAddress, usdToSats } from './format.js';
|
|
5
5
|
import 'clsx';
|
package/dist/index.js
CHANGED
|
@@ -10,7 +10,7 @@ var reactSlot = require('@radix-ui/react-slot');
|
|
|
10
10
|
var classVarianceAuthority = require('class-variance-authority');
|
|
11
11
|
var LabelPrimitive = require('@radix-ui/react-label');
|
|
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');
|
|
@@ -41,7 +41,7 @@ function _interopNamespace(e) {
|
|
|
41
41
|
var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
|
|
42
42
|
var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
|
|
43
43
|
var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
|
|
44
|
-
var
|
|
44
|
+
var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
|
|
45
45
|
var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
|
|
46
46
|
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
47
47
|
var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
|
|
@@ -127,8 +127,10 @@ __export(src_exports, {
|
|
|
127
127
|
SelectValue: () => SelectValue,
|
|
128
128
|
Separator: () => Separator,
|
|
129
129
|
Sheet: () => Sheet,
|
|
130
|
+
SheetClose: () => SheetClose,
|
|
130
131
|
SheetContent: () => SheetContent,
|
|
131
132
|
SheetDescription: () => SheetDescription,
|
|
133
|
+
SheetFooter: () => SheetFooter,
|
|
132
134
|
SheetHeader: () => SheetHeader,
|
|
133
135
|
SheetOverlay: () => SheetOverlay,
|
|
134
136
|
SheetPortal: () => SheetPortal,
|
|
@@ -907,17 +909,20 @@ function Separator({
|
|
|
907
909
|
);
|
|
908
910
|
}
|
|
909
911
|
function Sheet(props) {
|
|
910
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
912
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "sheet", ...props });
|
|
911
913
|
}
|
|
912
914
|
function SheetTrigger(props) {
|
|
913
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
915
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { "data-slot": "sheet-trigger", ...props });
|
|
916
|
+
}
|
|
917
|
+
function SheetClose(props) {
|
|
918
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Close, { "data-slot": "sheet-close", ...props });
|
|
914
919
|
}
|
|
915
920
|
function SheetPortal(props) {
|
|
916
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
921
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
|
|
917
922
|
}
|
|
918
923
|
function SheetOverlay({ className, ...props }) {
|
|
919
924
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
920
|
-
|
|
925
|
+
SheetPrimitive__namespace.Overlay,
|
|
921
926
|
{
|
|
922
927
|
"data-slot": "sheet-overlay",
|
|
923
928
|
className: cn(
|
|
@@ -943,7 +948,7 @@ function SheetContent({
|
|
|
943
948
|
return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
|
|
944
949
|
/* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
|
|
945
950
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
946
|
-
|
|
951
|
+
SheetPrimitive__namespace.Content,
|
|
947
952
|
{
|
|
948
953
|
"data-slot": "sheet-content",
|
|
949
954
|
className: cn(
|
|
@@ -954,7 +959,7 @@ function SheetContent({
|
|
|
954
959
|
...props,
|
|
955
960
|
children: [
|
|
956
961
|
children,
|
|
957
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
962
|
+
/* @__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: [
|
|
958
963
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }),
|
|
959
964
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
960
965
|
] })
|
|
@@ -966,9 +971,19 @@ function SheetContent({
|
|
|
966
971
|
function SheetHeader({ className, ...props }) {
|
|
967
972
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-4", className), ...props });
|
|
968
973
|
}
|
|
974
|
+
function SheetFooter({ className, ...props }) {
|
|
975
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
976
|
+
"div",
|
|
977
|
+
{
|
|
978
|
+
"data-slot": "sheet-footer",
|
|
979
|
+
className: cn("mt-auto flex flex-col gap-2 p-4", className),
|
|
980
|
+
...props
|
|
981
|
+
}
|
|
982
|
+
);
|
|
983
|
+
}
|
|
969
984
|
function SheetTitle({ className, ...props }) {
|
|
970
985
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
971
|
-
|
|
986
|
+
SheetPrimitive__namespace.Title,
|
|
972
987
|
{
|
|
973
988
|
"data-slot": "sheet-title",
|
|
974
989
|
className: cn("text-foreground font-semibold", className),
|
|
@@ -981,7 +996,7 @@ function SheetDescription({
|
|
|
981
996
|
...props
|
|
982
997
|
}) {
|
|
983
998
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
984
|
-
|
|
999
|
+
SheetPrimitive__namespace.Description,
|
|
985
1000
|
{
|
|
986
1001
|
"data-slot": "sheet-description",
|
|
987
1002
|
className: cn("text-muted-foreground text-sm", className),
|
|
@@ -990,23 +1005,23 @@ function SheetDescription({
|
|
|
990
1005
|
);
|
|
991
1006
|
}
|
|
992
1007
|
function Dialog({ ...props }) {
|
|
993
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1008
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "dialog", ...props });
|
|
994
1009
|
}
|
|
995
1010
|
function DialogTrigger({ ...props }) {
|
|
996
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1011
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { "data-slot": "dialog-trigger", ...props });
|
|
997
1012
|
}
|
|
998
1013
|
function DialogPortal({ ...props }) {
|
|
999
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1014
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Portal, { "data-slot": "dialog-portal", ...props });
|
|
1000
1015
|
}
|
|
1001
1016
|
function DialogClose({ ...props }) {
|
|
1002
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1017
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Close, { "data-slot": "dialog-close", ...props });
|
|
1003
1018
|
}
|
|
1004
1019
|
function DialogOverlay({
|
|
1005
1020
|
className,
|
|
1006
1021
|
...props
|
|
1007
1022
|
}) {
|
|
1008
1023
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1009
|
-
|
|
1024
|
+
SheetPrimitive__namespace.Overlay,
|
|
1010
1025
|
{
|
|
1011
1026
|
"data-slot": "dialog-overlay",
|
|
1012
1027
|
className: cn(
|
|
@@ -1026,7 +1041,7 @@ function DialogContent({
|
|
|
1026
1041
|
return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
|
|
1027
1042
|
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
1028
1043
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1029
|
-
|
|
1044
|
+
SheetPrimitive__namespace.Content,
|
|
1030
1045
|
{
|
|
1031
1046
|
"data-slot": "dialog-content",
|
|
1032
1047
|
className: cn(
|
|
@@ -1037,7 +1052,7 @@ function DialogContent({
|
|
|
1037
1052
|
children: [
|
|
1038
1053
|
children,
|
|
1039
1054
|
showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1040
|
-
|
|
1055
|
+
SheetPrimitive__namespace.Close,
|
|
1041
1056
|
{
|
|
1042
1057
|
"data-slot": "dialog-close",
|
|
1043
1058
|
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",
|
|
@@ -1074,7 +1089,7 @@ function DialogFooter({ className, ...props }) {
|
|
|
1074
1089
|
}
|
|
1075
1090
|
function DialogTitle({ className, ...props }) {
|
|
1076
1091
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1077
|
-
|
|
1092
|
+
SheetPrimitive__namespace.Title,
|
|
1078
1093
|
{
|
|
1079
1094
|
"data-slot": "dialog-title",
|
|
1080
1095
|
className: cn("text-lg leading-none font-semibold", className),
|
|
@@ -1087,7 +1102,7 @@ function DialogDescription({
|
|
|
1087
1102
|
...props
|
|
1088
1103
|
}) {
|
|
1089
1104
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1090
|
-
|
|
1105
|
+
SheetPrimitive__namespace.Description,
|
|
1091
1106
|
{
|
|
1092
1107
|
"data-slot": "dialog-description",
|
|
1093
1108
|
className: cn("text-muted-foreground text-sm", className),
|
|
@@ -1140,9 +1155,9 @@ function ConfirmHost() {
|
|
|
1140
1155
|
[state]
|
|
1141
1156
|
);
|
|
1142
1157
|
if (!state) return null;
|
|
1143
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1144
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1145
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1158
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { open: true, onOpenChange: (open) => !open && close(false), children: /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Portal, { children: [
|
|
1159
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Overlay, { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm" }),
|
|
1160
|
+
/* @__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: [
|
|
1146
1161
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "terminal-title", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1147
1162
|
"span",
|
|
1148
1163
|
{
|
|
@@ -1154,8 +1169,8 @@ function ConfirmHost() {
|
|
|
1154
1169
|
}
|
|
1155
1170
|
) }),
|
|
1156
1171
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4 sm:p-5", children: [
|
|
1157
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1158
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1172
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Title, { className: "sr-only", children: state.title }),
|
|
1173
|
+
/* @__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 }) }),
|
|
1159
1174
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
|
|
1160
1175
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1161
1176
|
Button,
|
|
@@ -1250,10 +1265,10 @@ function PromptHost() {
|
|
|
1250
1265
|
close(v);
|
|
1251
1266
|
}, [state, value, confirmValue, close]);
|
|
1252
1267
|
if (!state) return null;
|
|
1253
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1254
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1268
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { open: true, onOpenChange: (open) => !open && close(null), children: /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Portal, { children: [
|
|
1269
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Overlay, { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm" }),
|
|
1255
1270
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1256
|
-
|
|
1271
|
+
SheetPrimitive__namespace.Content,
|
|
1257
1272
|
{
|
|
1258
1273
|
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",
|
|
1259
1274
|
onKeyDown: (e) => {
|
|
@@ -1268,8 +1283,8 @@ function PromptHost() {
|
|
|
1268
1283
|
state.title
|
|
1269
1284
|
] }) }),
|
|
1270
1285
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4 sm:p-5", children: [
|
|
1271
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1272
|
-
state.message && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1286
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Title, { className: "sr-only", children: state.title }),
|
|
1287
|
+
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 }) }),
|
|
1273
1288
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
1274
1289
|
state.label && /* @__PURE__ */ jsxRuntime.jsx(Label, { children: state.label }),
|
|
1275
1290
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1327,10 +1342,10 @@ function PromptHost() {
|
|
|
1327
1342
|
] }) });
|
|
1328
1343
|
}
|
|
1329
1344
|
function Modal({ open, onOpenChange, title, subtitle, children, actions, width = "wide" }) {
|
|
1330
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1331
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1345
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Portal, { children: [
|
|
1346
|
+
/* @__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" }),
|
|
1332
1347
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1333
|
-
|
|
1348
|
+
SheetPrimitive__namespace.Content,
|
|
1334
1349
|
{
|
|
1335
1350
|
className: cn(
|
|
1336
1351
|
"terminal fixed top-[5vh] left-1/2 z-[110] flex max-h-[90vh] -translate-x-1/2 flex-col overflow-hidden rounded-sm border",
|
|
@@ -1343,7 +1358,7 @@ function Modal({ open, onOpenChange, title, subtitle, children, actions, width =
|
|
|
1343
1358
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot", "aria-hidden": true }),
|
|
1344
1359
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot opacity-70", "aria-hidden": true }),
|
|
1345
1360
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot opacity-50", "aria-hidden": true }),
|
|
1346
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1361
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Title, { className: "ml-2 truncate", children: title }),
|
|
1347
1362
|
subtitle && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground/70 ml-1 truncate text-[10px] normal-case tracking-normal", children: [
|
|
1348
1363
|
"\xB7 ",
|
|
1349
1364
|
subtitle
|
|
@@ -1352,7 +1367,7 @@ function Modal({ open, onOpenChange, title, subtitle, children, actions, width =
|
|
|
1352
1367
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
1353
1368
|
actions,
|
|
1354
1369
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1355
|
-
|
|
1370
|
+
SheetPrimitive__namespace.Close,
|
|
1356
1371
|
{
|
|
1357
1372
|
"aria-label": "close",
|
|
1358
1373
|
className: "text-muted-foreground hover:text-foreground inline-flex h-6 w-6 items-center justify-center rounded-sm",
|
|
@@ -2041,8 +2056,10 @@ exports.SelectTrigger = SelectTrigger;
|
|
|
2041
2056
|
exports.SelectValue = SelectValue;
|
|
2042
2057
|
exports.Separator = Separator;
|
|
2043
2058
|
exports.Sheet = Sheet;
|
|
2059
|
+
exports.SheetClose = SheetClose;
|
|
2044
2060
|
exports.SheetContent = SheetContent;
|
|
2045
2061
|
exports.SheetDescription = SheetDescription;
|
|
2062
|
+
exports.SheetFooter = SheetFooter;
|
|
2046
2063
|
exports.SheetHeader = SheetHeader;
|
|
2047
2064
|
exports.SheetOverlay = SheetOverlay;
|
|
2048
2065
|
exports.SheetPortal = SheetPortal;
|