@orangecheck/design 0.5.0 → 0.5.2
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 +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +81 -39
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +77 -39
- 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/dist/tokens.d.mts +9 -1
- package/dist/tokens.d.ts +9 -1
- package/dist/tokens.js +28 -5
- package/dist/tokens.js.map +1 -1
- package/dist/tokens.mjs +27 -6
- package/dist/tokens.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -9,7 +9,7 @@ import { Slot } from '@radix-ui/react-slot';
|
|
|
9
9
|
import { cva } from 'class-variance-authority';
|
|
10
10
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
11
11
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
12
|
-
import * as
|
|
12
|
+
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
13
13
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
14
14
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
15
15
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
@@ -69,6 +69,7 @@ __export(src_exports, {
|
|
|
69
69
|
Input: () => Input,
|
|
70
70
|
Label: () => Label,
|
|
71
71
|
Modal: () => Modal,
|
|
72
|
+
OC_DEFAULT_ACCENT: () => OC_DEFAULT_ACCENT,
|
|
72
73
|
OC_SKIN_COOKIE: () => OC_SKIN_COOKIE,
|
|
73
74
|
OC_THEMES: () => OC_THEMES,
|
|
74
75
|
OcAppearanceMenu: () => OcAppearanceMenu,
|
|
@@ -96,8 +97,10 @@ __export(src_exports, {
|
|
|
96
97
|
SelectValue: () => SelectValue,
|
|
97
98
|
Separator: () => Separator,
|
|
98
99
|
Sheet: () => Sheet,
|
|
100
|
+
SheetClose: () => SheetClose,
|
|
99
101
|
SheetContent: () => SheetContent,
|
|
100
102
|
SheetDescription: () => SheetDescription,
|
|
103
|
+
SheetFooter: () => SheetFooter,
|
|
101
104
|
SheetHeader: () => SheetHeader,
|
|
102
105
|
SheetOverlay: () => SheetOverlay,
|
|
103
106
|
SheetPortal: () => SheetPortal,
|
|
@@ -113,6 +116,7 @@ __export(src_exports, {
|
|
|
113
116
|
Toaster: () => Toaster,
|
|
114
117
|
Working: () => Working,
|
|
115
118
|
WorkingPanel: () => WorkingPanel,
|
|
119
|
+
accentFor: () => accentFor,
|
|
116
120
|
badgeVariants: () => badgeVariants,
|
|
117
121
|
buttonVariants: () => buttonVariants,
|
|
118
122
|
cn: () => cn,
|
|
@@ -140,24 +144,32 @@ var OC_THEMES = [
|
|
|
140
144
|
{
|
|
141
145
|
id: "orangecheck",
|
|
142
146
|
label: "orangecheck",
|
|
143
|
-
description: "the chain \u2014 Bitcoin orange, sharp 0.25rem corners, Inter + JetBrains Mono"
|
|
147
|
+
description: "the chain \u2014 Bitcoin orange, sharp 0.25rem corners, Inter + JetBrains Mono",
|
|
148
|
+
accent: "#f97316"
|
|
144
149
|
},
|
|
145
150
|
{
|
|
146
151
|
id: "phosphor",
|
|
147
152
|
label: "phosphor",
|
|
148
|
-
description: "the node \u2014 CRT terminal green, hard 0.125rem, all-mono \xB7 sovereignty & verify"
|
|
153
|
+
description: "the node \u2014 CRT terminal green, hard 0.125rem, all-mono \xB7 sovereignty & verify",
|
|
154
|
+
accent: "#55d671"
|
|
149
155
|
},
|
|
150
156
|
{
|
|
151
157
|
id: "lightning",
|
|
152
158
|
label: "lightning",
|
|
153
|
-
description: "the network \u2014 electric violet (L2), hardest 0rem edges, sans \xB7 instant"
|
|
159
|
+
description: "the network \u2014 electric violet (L2), hardest 0rem edges, sans \xB7 instant",
|
|
160
|
+
accent: "#c27dff"
|
|
154
161
|
},
|
|
155
162
|
{
|
|
156
163
|
id: "gold",
|
|
157
164
|
label: "gold",
|
|
158
|
-
description: "sound money \u2014 digital gold, hard 0.125rem milled edge, mono ledger \xB7 21M"
|
|
165
|
+
description: "sound money \u2014 digital gold, hard 0.125rem milled edge, mono ledger \xB7 21M",
|
|
166
|
+
accent: "#e3b831"
|
|
159
167
|
}
|
|
160
168
|
];
|
|
169
|
+
var OC_DEFAULT_ACCENT = "#f97316";
|
|
170
|
+
function accentFor(id) {
|
|
171
|
+
return OC_THEMES.find((t) => t.id === id)?.accent ?? OC_DEFAULT_ACCENT;
|
|
172
|
+
}
|
|
161
173
|
var DEFAULT_OC_THEME = "orangecheck";
|
|
162
174
|
function isKnownTheme(id) {
|
|
163
175
|
return !!id && OC_THEMES.some((t) => t.id === id);
|
|
@@ -199,6 +211,15 @@ function applyAttr(skin) {
|
|
|
199
211
|
if (typeof document === "undefined") return;
|
|
200
212
|
document.documentElement.setAttribute(ATTR, skin);
|
|
201
213
|
}
|
|
214
|
+
function applySkinChrome(skin) {
|
|
215
|
+
if (typeof window === "undefined") return;
|
|
216
|
+
if (typeof window.__ocApplySkinChrome === "function") {
|
|
217
|
+
window.__ocApplySkinChrome(skin);
|
|
218
|
+
return;
|
|
219
|
+
}
|
|
220
|
+
const meta = document.querySelector('meta[name="theme-color"]');
|
|
221
|
+
if (meta) meta.setAttribute("content", accentFor(skin));
|
|
222
|
+
}
|
|
202
223
|
var OcSkinContext = createContext(null);
|
|
203
224
|
function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
|
|
204
225
|
const [skin, setSkinState] = useState(() => resolveTheme(defaultSkin));
|
|
@@ -208,6 +229,7 @@ function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
|
|
|
208
229
|
hydratedRef.current = true;
|
|
209
230
|
const fromCookie = resolveTheme(readSkinCookie() ?? defaultSkin);
|
|
210
231
|
applyAttr(fromCookie);
|
|
232
|
+
applySkinChrome(fromCookie);
|
|
211
233
|
setSkinState(fromCookie);
|
|
212
234
|
}, [defaultSkin]);
|
|
213
235
|
useEffect(() => {
|
|
@@ -215,6 +237,7 @@ function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
|
|
|
215
237
|
const fromCookie = resolveTheme(readSkinCookie() ?? skin);
|
|
216
238
|
if (fromCookie !== skin) {
|
|
217
239
|
applyAttr(fromCookie);
|
|
240
|
+
applySkinChrome(fromCookie);
|
|
218
241
|
setSkinState(fromCookie);
|
|
219
242
|
}
|
|
220
243
|
}
|
|
@@ -228,6 +251,7 @@ function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
|
|
|
228
251
|
const setSkin = useCallback((id) => {
|
|
229
252
|
const next = resolveTheme(id);
|
|
230
253
|
applyAttr(next);
|
|
254
|
+
applySkinChrome(next);
|
|
231
255
|
writeSkinCookie(next);
|
|
232
256
|
setSkinState(next);
|
|
233
257
|
}, []);
|
|
@@ -245,7 +269,8 @@ function useOcSkin() {
|
|
|
245
269
|
return ctx;
|
|
246
270
|
}
|
|
247
271
|
function getOcThemeInitScript(defaultSkin = DEFAULT_OC_THEME) {
|
|
248
|
-
|
|
272
|
+
const accents = Object.fromEntries(OC_THEMES.map((t) => [t.id, t.accent]));
|
|
273
|
+
return `(function(){var ACC=${JSON.stringify(accents)},DEF=${JSON.stringify(defaultSkin)},ORIG=${JSON.stringify(OC_DEFAULT_ACCENT)},fav=null;function acc(s){return ACC[s]||ACC[DEF]||ORIG;}window.__ocApplySkinChrome=function(s){try{var a=acc(s);var meta=document.querySelector('meta[name="theme-color"]');if(meta){meta.setAttribute('content',a);}var link=document.querySelector('link[rel~="icon"][type="image/svg+xml"]');if(!link){return;}var paint=function(svg){link.setAttribute('href','data:image/svg+xml,'+encodeURIComponent(svg.split(ORIG).join(a)));};if(fav!=null){paint(fav);return;}var h=link.getAttribute('href');if(!h||h.indexOf('data:')===0){return;}fetch(h).then(function(r){return r.text();}).then(function(svg){fav=svg;paint(svg);}).catch(function(){});}catch(e){}};try{var m=document.cookie.match(/(?:^|; )${OC_SKIN_COOKIE}=([^;]*)/);var s=m?decodeURIComponent(m[1]):DEF;if(!s){s=DEF;}document.documentElement.setAttribute('${ATTR}',s);window.__ocApplySkinChrome(s);}catch(e){document.documentElement.setAttribute('${ATTR}',DEF);}})();`;
|
|
249
274
|
}
|
|
250
275
|
var COOKIE = "oc_theme";
|
|
251
276
|
var ALLOWED = /* @__PURE__ */ new Set(["light", "dark", "system"]);
|
|
@@ -876,17 +901,20 @@ function Separator({
|
|
|
876
901
|
);
|
|
877
902
|
}
|
|
878
903
|
function Sheet(props) {
|
|
879
|
-
return /* @__PURE__ */ jsx(
|
|
904
|
+
return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
|
|
880
905
|
}
|
|
881
906
|
function SheetTrigger(props) {
|
|
882
|
-
return /* @__PURE__ */ jsx(
|
|
907
|
+
return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
|
|
908
|
+
}
|
|
909
|
+
function SheetClose(props) {
|
|
910
|
+
return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
|
|
883
911
|
}
|
|
884
912
|
function SheetPortal(props) {
|
|
885
|
-
return /* @__PURE__ */ jsx(
|
|
913
|
+
return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
|
|
886
914
|
}
|
|
887
915
|
function SheetOverlay({ className, ...props }) {
|
|
888
916
|
return /* @__PURE__ */ jsx(
|
|
889
|
-
|
|
917
|
+
SheetPrimitive.Overlay,
|
|
890
918
|
{
|
|
891
919
|
"data-slot": "sheet-overlay",
|
|
892
920
|
className: cn(
|
|
@@ -912,7 +940,7 @@ function SheetContent({
|
|
|
912
940
|
return /* @__PURE__ */ jsxs(SheetPortal, { children: [
|
|
913
941
|
/* @__PURE__ */ jsx(SheetOverlay, {}),
|
|
914
942
|
/* @__PURE__ */ jsxs(
|
|
915
|
-
|
|
943
|
+
SheetPrimitive.Content,
|
|
916
944
|
{
|
|
917
945
|
"data-slot": "sheet-content",
|
|
918
946
|
className: cn(
|
|
@@ -923,7 +951,7 @@ function SheetContent({
|
|
|
923
951
|
...props,
|
|
924
952
|
children: [
|
|
925
953
|
children,
|
|
926
|
-
/* @__PURE__ */ jsxs(
|
|
954
|
+
/* @__PURE__ */ jsxs(SheetPrimitive.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: [
|
|
927
955
|
/* @__PURE__ */ jsx(X, { className: "size-4" }),
|
|
928
956
|
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
|
|
929
957
|
] })
|
|
@@ -935,9 +963,19 @@ function SheetContent({
|
|
|
935
963
|
function SheetHeader({ className, ...props }) {
|
|
936
964
|
return /* @__PURE__ */ jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-4", className), ...props });
|
|
937
965
|
}
|
|
966
|
+
function SheetFooter({ className, ...props }) {
|
|
967
|
+
return /* @__PURE__ */ jsx(
|
|
968
|
+
"div",
|
|
969
|
+
{
|
|
970
|
+
"data-slot": "sheet-footer",
|
|
971
|
+
className: cn("mt-auto flex flex-col gap-2 p-4", className),
|
|
972
|
+
...props
|
|
973
|
+
}
|
|
974
|
+
);
|
|
975
|
+
}
|
|
938
976
|
function SheetTitle({ className, ...props }) {
|
|
939
977
|
return /* @__PURE__ */ jsx(
|
|
940
|
-
|
|
978
|
+
SheetPrimitive.Title,
|
|
941
979
|
{
|
|
942
980
|
"data-slot": "sheet-title",
|
|
943
981
|
className: cn("text-foreground font-semibold", className),
|
|
@@ -950,7 +988,7 @@ function SheetDescription({
|
|
|
950
988
|
...props
|
|
951
989
|
}) {
|
|
952
990
|
return /* @__PURE__ */ jsx(
|
|
953
|
-
|
|
991
|
+
SheetPrimitive.Description,
|
|
954
992
|
{
|
|
955
993
|
"data-slot": "sheet-description",
|
|
956
994
|
className: cn("text-muted-foreground text-sm", className),
|
|
@@ -959,23 +997,23 @@ function SheetDescription({
|
|
|
959
997
|
);
|
|
960
998
|
}
|
|
961
999
|
function Dialog({ ...props }) {
|
|
962
|
-
return /* @__PURE__ */ jsx(
|
|
1000
|
+
return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "dialog", ...props });
|
|
963
1001
|
}
|
|
964
1002
|
function DialogTrigger({ ...props }) {
|
|
965
|
-
return /* @__PURE__ */ jsx(
|
|
1003
|
+
return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
|
|
966
1004
|
}
|
|
967
1005
|
function DialogPortal({ ...props }) {
|
|
968
|
-
return /* @__PURE__ */ jsx(
|
|
1006
|
+
return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
|
|
969
1007
|
}
|
|
970
1008
|
function DialogClose({ ...props }) {
|
|
971
|
-
return /* @__PURE__ */ jsx(
|
|
1009
|
+
return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "dialog-close", ...props });
|
|
972
1010
|
}
|
|
973
1011
|
function DialogOverlay({
|
|
974
1012
|
className,
|
|
975
1013
|
...props
|
|
976
1014
|
}) {
|
|
977
1015
|
return /* @__PURE__ */ jsx(
|
|
978
|
-
|
|
1016
|
+
SheetPrimitive.Overlay,
|
|
979
1017
|
{
|
|
980
1018
|
"data-slot": "dialog-overlay",
|
|
981
1019
|
className: cn(
|
|
@@ -995,7 +1033,7 @@ function DialogContent({
|
|
|
995
1033
|
return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
|
|
996
1034
|
/* @__PURE__ */ jsx(DialogOverlay, {}),
|
|
997
1035
|
/* @__PURE__ */ jsxs(
|
|
998
|
-
|
|
1036
|
+
SheetPrimitive.Content,
|
|
999
1037
|
{
|
|
1000
1038
|
"data-slot": "dialog-content",
|
|
1001
1039
|
className: cn(
|
|
@@ -1006,7 +1044,7 @@ function DialogContent({
|
|
|
1006
1044
|
children: [
|
|
1007
1045
|
children,
|
|
1008
1046
|
showCloseButton && /* @__PURE__ */ jsxs(
|
|
1009
|
-
|
|
1047
|
+
SheetPrimitive.Close,
|
|
1010
1048
|
{
|
|
1011
1049
|
"data-slot": "dialog-close",
|
|
1012
1050
|
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",
|
|
@@ -1043,7 +1081,7 @@ function DialogFooter({ className, ...props }) {
|
|
|
1043
1081
|
}
|
|
1044
1082
|
function DialogTitle({ className, ...props }) {
|
|
1045
1083
|
return /* @__PURE__ */ jsx(
|
|
1046
|
-
|
|
1084
|
+
SheetPrimitive.Title,
|
|
1047
1085
|
{
|
|
1048
1086
|
"data-slot": "dialog-title",
|
|
1049
1087
|
className: cn("text-lg leading-none font-semibold", className),
|
|
@@ -1056,7 +1094,7 @@ function DialogDescription({
|
|
|
1056
1094
|
...props
|
|
1057
1095
|
}) {
|
|
1058
1096
|
return /* @__PURE__ */ jsx(
|
|
1059
|
-
|
|
1097
|
+
SheetPrimitive.Description,
|
|
1060
1098
|
{
|
|
1061
1099
|
"data-slot": "dialog-description",
|
|
1062
1100
|
className: cn("text-muted-foreground text-sm", className),
|
|
@@ -1109,9 +1147,9 @@ function ConfirmHost() {
|
|
|
1109
1147
|
[state]
|
|
1110
1148
|
);
|
|
1111
1149
|
if (!state) return null;
|
|
1112
|
-
return /* @__PURE__ */ jsx(
|
|
1113
|
-
/* @__PURE__ */ jsx(
|
|
1114
|
-
/* @__PURE__ */ jsxs(
|
|
1150
|
+
return /* @__PURE__ */ jsx(SheetPrimitive.Root, { open: true, onOpenChange: (open) => !open && close(false), children: /* @__PURE__ */ jsxs(SheetPrimitive.Portal, { children: [
|
|
1151
|
+
/* @__PURE__ */ jsx(SheetPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm" }),
|
|
1152
|
+
/* @__PURE__ */ jsxs(SheetPrimitive.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: [
|
|
1115
1153
|
/* @__PURE__ */ jsx("div", { className: "terminal-title", children: /* @__PURE__ */ jsxs(
|
|
1116
1154
|
"span",
|
|
1117
1155
|
{
|
|
@@ -1123,8 +1161,8 @@ function ConfirmHost() {
|
|
|
1123
1161
|
}
|
|
1124
1162
|
) }),
|
|
1125
1163
|
/* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 sm:p-5", children: [
|
|
1126
|
-
/* @__PURE__ */ jsx(
|
|
1127
|
-
/* @__PURE__ */ jsx(
|
|
1164
|
+
/* @__PURE__ */ jsx(SheetPrimitive.Title, { className: "sr-only", children: state.title }),
|
|
1165
|
+
/* @__PURE__ */ jsx(SheetPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground font-mono text-xs leading-relaxed whitespace-pre-wrap", children: state.message }) }),
|
|
1128
1166
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
|
|
1129
1167
|
/* @__PURE__ */ jsx(
|
|
1130
1168
|
Button,
|
|
@@ -1219,10 +1257,10 @@ function PromptHost() {
|
|
|
1219
1257
|
close(v);
|
|
1220
1258
|
}, [state, value, confirmValue, close]);
|
|
1221
1259
|
if (!state) return null;
|
|
1222
|
-
return /* @__PURE__ */ jsx(
|
|
1223
|
-
/* @__PURE__ */ jsx(
|
|
1260
|
+
return /* @__PURE__ */ jsx(SheetPrimitive.Root, { open: true, onOpenChange: (open) => !open && close(null), children: /* @__PURE__ */ jsxs(SheetPrimitive.Portal, { children: [
|
|
1261
|
+
/* @__PURE__ */ jsx(SheetPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm" }),
|
|
1224
1262
|
/* @__PURE__ */ jsxs(
|
|
1225
|
-
|
|
1263
|
+
SheetPrimitive.Content,
|
|
1226
1264
|
{
|
|
1227
1265
|
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",
|
|
1228
1266
|
onKeyDown: (e) => {
|
|
@@ -1237,8 +1275,8 @@ function PromptHost() {
|
|
|
1237
1275
|
state.title
|
|
1238
1276
|
] }) }),
|
|
1239
1277
|
/* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 sm:p-5", children: [
|
|
1240
|
-
/* @__PURE__ */ jsx(
|
|
1241
|
-
state.message && /* @__PURE__ */ jsx(
|
|
1278
|
+
/* @__PURE__ */ jsx(SheetPrimitive.Title, { className: "sr-only", children: state.title }),
|
|
1279
|
+
state.message && /* @__PURE__ */ jsx(SheetPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground font-mono text-xs leading-relaxed whitespace-pre-wrap", children: state.message }) }),
|
|
1242
1280
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
1243
1281
|
state.label && /* @__PURE__ */ jsx(Label, { children: state.label }),
|
|
1244
1282
|
/* @__PURE__ */ jsx(
|
|
@@ -1296,10 +1334,10 @@ function PromptHost() {
|
|
|
1296
1334
|
] }) });
|
|
1297
1335
|
}
|
|
1298
1336
|
function Modal({ open, onOpenChange, title, subtitle, children, actions, width = "wide" }) {
|
|
1299
|
-
return /* @__PURE__ */ jsx(
|
|
1300
|
-
/* @__PURE__ */ jsx(
|
|
1337
|
+
return /* @__PURE__ */ jsx(SheetPrimitive.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs(SheetPrimitive.Portal, { children: [
|
|
1338
|
+
/* @__PURE__ */ jsx(SheetPrimitive.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" }),
|
|
1301
1339
|
/* @__PURE__ */ jsxs(
|
|
1302
|
-
|
|
1340
|
+
SheetPrimitive.Content,
|
|
1303
1341
|
{
|
|
1304
1342
|
className: cn(
|
|
1305
1343
|
"terminal fixed top-[5vh] left-1/2 z-[110] flex max-h-[90vh] -translate-x-1/2 flex-col overflow-hidden rounded-sm border",
|
|
@@ -1312,7 +1350,7 @@ function Modal({ open, onOpenChange, title, subtitle, children, actions, width =
|
|
|
1312
1350
|
/* @__PURE__ */ jsx("span", { className: "terminal-dot", "aria-hidden": true }),
|
|
1313
1351
|
/* @__PURE__ */ jsx("span", { className: "terminal-dot opacity-70", "aria-hidden": true }),
|
|
1314
1352
|
/* @__PURE__ */ jsx("span", { className: "terminal-dot opacity-50", "aria-hidden": true }),
|
|
1315
|
-
/* @__PURE__ */ jsx(
|
|
1353
|
+
/* @__PURE__ */ jsx(SheetPrimitive.Title, { className: "ml-2 truncate", children: title }),
|
|
1316
1354
|
subtitle && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/70 ml-1 truncate text-[10px] normal-case tracking-normal", children: [
|
|
1317
1355
|
"\xB7 ",
|
|
1318
1356
|
subtitle
|
|
@@ -1321,7 +1359,7 @@ function Modal({ open, onOpenChange, title, subtitle, children, actions, width =
|
|
|
1321
1359
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
1322
1360
|
actions,
|
|
1323
1361
|
/* @__PURE__ */ jsx(
|
|
1324
|
-
|
|
1362
|
+
SheetPrimitive.Close,
|
|
1325
1363
|
{
|
|
1326
1364
|
"aria-label": "close",
|
|
1327
1365
|
className: "text-muted-foreground hover:text-foreground inline-flex h-6 w-6 items-center justify-center rounded-sm",
|
|
@@ -1952,6 +1990,6 @@ __reExport(components_exports, ui_star);
|
|
|
1952
1990
|
// src/index.ts
|
|
1953
1991
|
__reExport(src_exports, components_exports);
|
|
1954
1992
|
|
|
1955
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, Badge, Bar, BitcoinAddress, Button, Card, ConfirmHost, CopyButton, DEFAULT_OC_THEME, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, OC_SKIN_COOKIE, OC_THEMES, OcAppearanceMenu, OcThemeBridge, OcThemePicker, OcThemeProvider, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, REFERENCE_BTC_USD, SatsAmount, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Sparkline, StatBlock, StatusPill, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, badgeVariants, buttonVariants, cn, confirm, explorerUrl, formatSats, formatSatsCompact, getOcThemeInitScript, isKnownTheme, priceBoth, prompt, relativeTime, resolveTheme, satsToUsd, shortenAddress, usdToSats, useOcSkin };
|
|
1993
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, Badge, Bar, BitcoinAddress, Button, Card, ConfirmHost, CopyButton, DEFAULT_OC_THEME, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAppearanceMenu, OcThemeBridge, OcThemePicker, OcThemeProvider, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, REFERENCE_BTC_USD, SatsAmount, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Sparkline, StatBlock, StatusPill, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, accentFor, badgeVariants, buttonVariants, cn, confirm, explorerUrl, formatSats, formatSatsCompact, getOcThemeInitScript, isKnownTheme, priceBoth, prompt, relativeTime, resolveTheme, satsToUsd, shortenAddress, usdToSats, useOcSkin };
|
|
1956
1994
|
//# sourceMappingURL=index.mjs.map
|
|
1957
1995
|
//# sourceMappingURL=index.mjs.map
|