@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.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 DialogPrimitive from '@radix-ui/react-dialog';
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
- return `(function(){try{var m=document.cookie.match(/(?:^|; )${OC_SKIN_COOKIE}=([^;]*)/);var s=m?decodeURIComponent(m[1]):'${defaultSkin}';if(!s){s='${defaultSkin}';}document.documentElement.setAttribute('${ATTR}',s);}catch(e){document.documentElement.setAttribute('${ATTR}','${defaultSkin}');}})();`;
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(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
904
+ return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
880
905
  }
881
906
  function SheetTrigger(props) {
882
- return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
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(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
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
- DialogPrimitive.Overlay,
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
- DialogPrimitive.Content,
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(DialogPrimitive.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: [
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
- DialogPrimitive.Title,
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
- DialogPrimitive.Description,
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(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
1000
+ return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "dialog", ...props });
963
1001
  }
964
1002
  function DialogTrigger({ ...props }) {
965
- return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
1003
+ return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
966
1004
  }
967
1005
  function DialogPortal({ ...props }) {
968
- return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
1006
+ return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
969
1007
  }
970
1008
  function DialogClose({ ...props }) {
971
- return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
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
- DialogPrimitive.Overlay,
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
- DialogPrimitive.Content,
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
- DialogPrimitive.Close,
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
- DialogPrimitive.Title,
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
- DialogPrimitive.Description,
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(DialogPrimitive.Root, { open: true, onOpenChange: (open) => !open && close(false), children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
1113
- /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm" }),
1114
- /* @__PURE__ */ jsxs(DialogPrimitive.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: [
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(DialogPrimitive.Title, { className: "sr-only", children: state.title }),
1127
- /* @__PURE__ */ jsx(DialogPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground font-mono text-xs leading-relaxed whitespace-pre-wrap", children: state.message }) }),
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(DialogPrimitive.Root, { open: true, onOpenChange: (open) => !open && close(null), children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
1223
- /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm" }),
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
- DialogPrimitive.Content,
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(DialogPrimitive.Title, { className: "sr-only", children: state.title }),
1241
- state.message && /* @__PURE__ */ jsx(DialogPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground font-mono text-xs leading-relaxed whitespace-pre-wrap", children: state.message }) }),
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(DialogPrimitive.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
1300
- /* @__PURE__ */ jsx(DialogPrimitive.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" }),
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
- DialogPrimitive.Content,
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(DialogPrimitive.Title, { className: "ml-2 truncate", children: title }),
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
- DialogPrimitive.Close,
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