@orangecheck/design 0.6.1 → 0.7.1

package/dist/primitives.mjs

@@ -17,6 +17,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Toaster as Toaster$1 } from 'sonner';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 import QRCode from 'qrcode';
 
 // src/primitives/button.tsx
@@ -453,6 +454,7 @@ var ErrorBoundary = class extends React2.Component {
   }
   componentDidCatch(error, info) {
     console.error("[ErrorBoundary]", error, info);
+    this.props.onError?.(error, info);
   }
   render() {
     if (this.state.error) {
@@ -460,7 +462,7 @@ var ErrorBoundary = class extends React2.Component {
         return this.props.fallback(this.state.error, this.reset);
       }
       return /* @__PURE__ */ jsx("div", { className: "container py-16", children: /* @__PURE__ */ jsxs("div", { className: "terminal", children: [
-        /* @__PURE__ */ jsx("div", { className: "terminal-title", children: /* @__PURE__ */ jsx("span", { className: "text-destructive flex items-center gap-1.5", children: "! fatal" }) }),
+        /* @__PURE__ */ jsx("div", { className: "terminal-title", children: /* @__PURE__ */ jsx("span", { className: "text-destructive flex items-center gap-1.5", children: this.props.title ?? "! fatal" }) }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-5 font-mono text-xs leading-relaxed", children: [
           /* @__PURE__ */ jsxs("p", { children: [
             /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
@@ -472,7 +474,7 @@ var ErrorBoundary = class extends React2.Component {
           ] }),
           /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
             "> ",
-            "this page crashed. reload to recover."
+            this.props.message ?? "this page crashed. reload to recover."
           ] }),
           /* @__PURE__ */ jsx(
             "button",
@@ -1409,7 +1411,37 @@ var TONE = {
   primary: "text-primary",
   info: "text-info"
 };
-function StatusPill({ label, tone = "muted", icon, className }) {
+var BORDER_TONE = {
+  success: "border-success/40 text-success",
+  warning: "border-warning/40 text-warning",
+  destructive: "border-destructive/40 text-destructive",
+  muted: "border-muted-foreground/40 text-muted-foreground",
+  primary: "border-primary/40 text-primary",
+  info: "border-info/40 text-info"
+};
+function StatusPill({
+  label,
+  tone = "muted",
+  variant = "plain",
+  icon,
+  className
+}) {
+  if (variant === "bordered") {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "inline-flex items-center gap-1.5 border px-1.5 py-0.5 font-mono text-[9px] tracking-widest uppercase",
+          BORDER_TONE[tone],
+          className
+        ),
+        children: [
+          icon,
+          label
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -1425,6 +1457,60 @@ function StatusPill({ label, tone = "muted", icon, className }) {
     }
   );
 }
+function makeStatusPill(map, options) {
+  const variant = options?.variant ?? "plain";
+  const fallbackTone = options?.fallbackTone ?? "muted";
+  function DomainStatusPill({ status, className }) {
+    const spec = map[status];
+    return /* @__PURE__ */ jsx(
+      StatusPill,
+      {
+        tone: spec?.tone ?? fallbackTone,
+        label: spec?.label ?? status,
+        icon: spec?.icon,
+        variant,
+        className
+      }
+    );
+  }
+  return DomainStatusPill;
+}
+function Tabs({ ...props }) {
+  return /* @__PURE__ */ jsx(TabsPrimitive.Root, { "data-slot": "tabs", ...props });
+}
+function TabsList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn("border-border -mb-px flex items-center gap-6 border-b", className),
+      ...props
+    }
+  );
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "text-muted-foreground hover:text-foreground data-[state=active]:text-primary data-[state=active]:border-primary -mb-px border-b-2 border-transparent py-2 font-mono text-[11px] tracking-widest uppercase transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("mt-4 outline-none", className),
+      ...props
+    }
+  );
+}
 
 // src/format/index.ts
 var REFERENCE_BTC_USD = 95e3;
@@ -1562,6 +1648,6 @@ function QrCode({ value, size = 200, label, className }) {
   );
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, Badge, Bar, BitcoinAddress, Button, Card, Checkbox, ConfirmHost, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, RadioGroup, RadioGroupItem, 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, Switch, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, badgeVariants, buttonVariants, confirm, prompt };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, Badge, Bar, BitcoinAddress, Button, Card, Checkbox, ConfirmHost, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, RadioGroup, RadioGroupItem, 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, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, badgeVariants, buttonVariants, confirm, makeStatusPill, prompt };
 //# sourceMappingURL=primitives.mjs.map
 //# sourceMappingURL=primitives.mjs.map