@orangecheck/design 0.7.5 → 0.8.0

package/dist/index.mjs

@@ -67,6 +67,11 @@ function resolveTheme(id) {
   return isKnownTheme(id) ? id : DEFAULT_OC_THEME;
 }
 var OC_SKIN_COOKIE = "oc_skin";
+var BLOBS = [1, 2, 3, 4, 5];
+function OcAurora({ intensity, className }) {
+  const style = intensity == null ? void 0 : { "--oc-aurora-intensity": String(intensity) };
+  return /* @__PURE__ */ jsx("div", { className: cn("oc-aurora", className), style, "aria-hidden": "true", children: BLOBS.map((n) => /* @__PURE__ */ jsx("div", { className: `oc-aurora__blob oc-aurora__blob-${n}` }, n)) });
+}
 var ONE_YEAR = 60 * 60 * 24 * 365;
 var ATTR = "data-oc-theme";
 function readSkinCookie() {
@@ -110,7 +115,11 @@ function applySkinChrome(skin) {
   if (meta) meta.setAttribute("content", accentFor(skin));
 }
 var OcSkinContext = createContext(null);
-function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
+function OcThemeProvider({
+  children,
+  defaultSkin = DEFAULT_OC_THEME,
+  aurora = true
+}) {
   const [skin, setSkinState] = useState(() => resolveTheme(defaultSkin));
   const hydratedRef = useRef(false);
   useEffect(() => {
@@ -148,7 +157,10 @@ function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
     () => ({ skin, setSkin, themes: OC_THEMES }),
     [skin, setSkin]
   );
-  return /* @__PURE__ */ jsx(OcSkinContext.Provider, { value, children });
+  return /* @__PURE__ */ jsxs(OcSkinContext.Provider, { value, children: [
+    aurora !== false && /* @__PURE__ */ jsx(OcAurora, { intensity: typeof aurora === "object" ? aurora.intensity : void 0 }),
+    children
+  ] });
 }
 function useOcSkin() {
   const ctx = useContext(OcSkinContext);
@@ -1904,6 +1916,38 @@ function TabsContent({ className, ...props }) {
     }
   );
 }
+function useSpotPrice(opts = {}) {
+  const { endpoint = "/api/price/btc-usd", intervalMs = 6e4 } = opts;
+  const [state, setState] = useState({
+    btcUsd: REFERENCE_BTC_USD,
+    fetchedAt: null
+  });
+  useEffect(() => {
+    let cancelled = false;
+    async function pull() {
+      try {
+        const res = await fetch(endpoint);
+        if (!res.ok) return;
+        const json = await res.json();
+        if (cancelled) return;
+        if (typeof json.btc_usd === "number" && json.btc_usd > 0) {
+          setState({
+            btcUsd: Math.round(json.btc_usd),
+            fetchedAt: json.fetched_at ?? null
+          });
+        }
+      } catch {
+      }
+    }
+    void pull();
+    const t = setInterval(pull, intervalMs);
+    return () => {
+      cancelled = true;
+      clearInterval(t);
+    };
+  }, [endpoint, intervalMs]);
+  return state;
+}
 
 // src/format/index.ts
 var REFERENCE_BTC_USD = 95e3;
@@ -1933,6 +1977,16 @@ function usdToSats(usd, btcUsd = REFERENCE_BTC_USD) {
 function priceBoth(sats, btcUsd = REFERENCE_BTC_USD) {
   return `${formatSats(sats)} sats \xB7 ${satsToUsd(sats, btcUsd)}`;
 }
+function asOf(iso) {
+  if (!iso) return null;
+  const t = new Date(iso);
+  if (Number.isNaN(t.getTime())) return null;
+  return `as of ${t.toLocaleTimeString(void 0, {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false
+  })}`;
+}
 function relativeTime(when) {
   const t = when instanceof Date ? when.getTime() : new Date(when).getTime();
   if (Number.isNaN(t)) return "";
@@ -3888,6 +3942,6 @@ function LayoutSubHeader({
   ] }) });
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, AppShell, Badge, Bar, BitcoinAddress, Button, Callout, Card, Checkbox, ConfirmHost, CopyButton, DEFAULT_OC_THEME, DataRow, DefinitionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, EcosystemSwitcher, EmptyState, ErrorBoundary, FAMILY_PROPERTIES, HelpHint, Input, Label, LayoutSubHeader, Modal, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAccountMenu, OcAccountMenuView, OcAppearanceMenu, OcDashboardHub, OcDashboardShell, OcLogoDropdown, OcPrimaryNav, OcThemeBridge, OcThemePicker, OcThemeProvider, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, REFERENCE_BTC_USD, RadioGroup, RadioGroupItem, SITE_STATE_LABEL, SatsAmount, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Sparkline, StatBlock, StatCard, StatGrid, StatTile, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, accentFor, badgeVariants, buttonVariants, cn, confirm, explorerUrl, findFamilyProperty, formatSats, formatSatsCompact, getOcThemeInitScript, isKnownTheme, makeStatusPill, priceBoth, prompt, relativeTime, resolveTheme, satsToUsd, shortenAddress, usdToSats, useOcSkin };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, AppShell, Badge, Bar, BitcoinAddress, Button, Callout, Card, Checkbox, ConfirmHost, CopyButton, DEFAULT_OC_THEME, DataRow, DefinitionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, EcosystemSwitcher, EmptyState, ErrorBoundary, FAMILY_PROPERTIES, HelpHint, Input, Label, LayoutSubHeader, Modal, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAccountMenu, OcAccountMenuView, OcAppearanceMenu, OcAurora, OcDashboardHub, OcDashboardShell, OcLogoDropdown, OcPrimaryNav, OcThemeBridge, OcThemePicker, OcThemeProvider, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, REFERENCE_BTC_USD, RadioGroup, RadioGroupItem, SITE_STATE_LABEL, SatsAmount, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Sparkline, StatBlock, StatCard, StatGrid, StatTile, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, accentFor, asOf, badgeVariants, buttonVariants, cn, confirm, explorerUrl, findFamilyProperty, formatSats, formatSatsCompact, getOcThemeInitScript, isKnownTheme, makeStatusPill, priceBoth, prompt, relativeTime, resolveTheme, satsToUsd, shortenAddress, usdToSats, useOcSkin, useSpotPrice };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map