@betfin/ui 0.1.0

package/dist/chunk-3CAXHUAL.js

@@ -0,0 +1,23 @@
+import {
+  cn
+} from "./chunk-Y2TKUANL.js";
+
+// src/components/separator.tsx
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { jsx } from "react/jsx-runtime";
+function Separator({ className, orientation = "horizontal", ...props }) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive,
+    {
+      "data-slot": "separator",
+      orientation,
+      className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Separator
+};
+//# sourceMappingURL=chunk-3CAXHUAL.js.map

package/dist/chunk-3CAXHUAL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/separator.tsx"],"sourcesContent":["import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '@betfin/ui/lib/utils';\n\nfunction Separator({ className, orientation = 'horizontal', ...props }: SeparatorPrimitive.Props) {\n\treturn (\n\t\t<SeparatorPrimitive\n\t\t\tdata-slot=\"separator\"\n\t\t\torientation={orientation}\n\t\t\tclassName={cn('shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Separator };\n"],"mappings":";;;;;AAAA,SAAS,aAAa,0BAA0B;AAM9C;AAFF,SAAS,UAAU,EAAE,WAAW,cAAc,cAAc,GAAG,MAAM,GAA6B;AACjG,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,WAAW,GAAG,gHAAgH,SAAS;AAAA,MACtI,GAAG;AAAA;AAAA,EACL;AAEF;","names":[]}

package/dist/chunk-3YCD2QLS.js

@@ -0,0 +1,113 @@
+import {
+  Button
+} from "./chunk-5CXIFF6J.js";
+import {
+  cn
+} from "./chunk-Y2TKUANL.js";
+
+// src/components/dialog.tsx
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-open:fade-in-0 data-closed:fade-out-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-open:animate-in supports-backdrop-filter:backdrop-blur-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Popup,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "data-open:fade-in-0 data-open:zoom-in-95 data-closed:fade-out-0 data-closed:zoom-out-95 fixed top-1/2 left-1/2 z-50 grid max-h-[90dvh] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 overflow-y-auto rounded-xl bg-popover p-4 text-popover-foreground text-sm outline-none ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-open:animate-in sm:max-w-sm",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", render: /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "absolute top-2 right-2", size: "icon-sm" }), children: [
+            /* @__PURE__ */ jsx(XIcon, {}),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
+}
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", className),
+      ...props,
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ jsx(DialogPrimitive.Close, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Close" })
+      ]
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", className: cn("font-heading font-medium text-base leading-none", className), ...props });
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Dialog,
+  DialogTrigger,
+  DialogPortal,
+  DialogClose,
+  DialogOverlay,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription
+};
+//# sourceMappingURL=chunk-3YCD2QLS.js.map

package/dist/chunk-3YCD2QLS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { Button } from '@betfin/ui/components/button';\n\nimport { cn } from '@betfin/ui/lib/utils';\nimport { XIcon } from 'lucide-react';\nimport type * as React from 'react';\n\nfunction Dialog({ ...props }: DialogPrimitive.Root.Props) {\n\treturn <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props) {\n\treturn <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({ ...props }: DialogPrimitive.Portal.Props) {\n\treturn <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({ ...props }: DialogPrimitive.Close.Props) {\n\treturn <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props) {\n\treturn (\n\t\t<DialogPrimitive.Backdrop\n\t\t\tdata-slot=\"dialog-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t'data-open:fade-in-0 data-closed:fade-out-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-open:animate-in supports-backdrop-filter:backdrop-blur-xs',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogContent({\n\tclassName,\n\tchildren,\n\tshowCloseButton = true,\n\t...props\n}: DialogPrimitive.Popup.Props & {\n\tshowCloseButton?: boolean;\n}) {\n\treturn (\n\t\t<DialogPortal>\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Popup\n\t\t\t\tdata-slot=\"dialog-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'data-open:fade-in-0 data-open:zoom-in-95 data-closed:fade-out-0 data-closed:zoom-out-95 fixed top-1/2 left-1/2 z-50 grid max-h-[90dvh] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 overflow-y-auto rounded-xl bg-popover p-4 text-popover-foreground text-sm outline-none ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-open:animate-in sm:max-w-sm',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t{showCloseButton && (\n\t\t\t\t\t<DialogPrimitive.Close data-slot=\"dialog-close\" render={<Button variant=\"ghost\" className=\"absolute top-2 right-2\" size=\"icon-sm\" />}>\n\t\t\t\t\t\t<XIcon />\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</DialogPrimitive.Close>\n\t\t\t\t)}\n\t\t\t</DialogPrimitive.Popup>\n\t\t</DialogPortal>\n\t);\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn <div data-slot=\"dialog-header\" className={cn('flex flex-col gap-2', className)} {...props} />;\n}\n\nfunction DialogFooter({\n\tclassName,\n\tshowCloseButton = false,\n\tchildren,\n\t...props\n}: React.ComponentProps<'div'> & {\n\tshowCloseButton?: boolean;\n}) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"dialog-footer\"\n\t\t\tclassName={cn('-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t{showCloseButton && <DialogPrimitive.Close render={<Button variant=\"outline\" />}>Close</DialogPrimitive.Close>}\n\t\t</div>\n\t);\n}\n\nfunction DialogTitle({ className, ...props }: DialogPrimitive.Title.Props) {\n\treturn <DialogPrimitive.Title data-slot=\"dialog-title\" className={cn('font-heading font-medium text-base leading-none', className)} {...props} />;\n}\n\nfunction DialogDescription({ className, ...props }: DialogPrimitive.Description.Props) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tdata-slot=\"dialog-description\"\n\t\t\tclassName={cn('text-muted-foreground text-sm *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };\n"],"mappings":";;;;;;;;AAEA,SAAS,UAAU,uBAAuB;AAI1C,SAAS,aAAa;AAId,cAiDH,YAjDG;AADR,SAAS,OAAO,EAAE,GAAG,MAAM,GAA+B;AACzD,SAAO,oBAAC,gBAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAG,OAAO;AAC5D;AAEA,SAAS,cAAc,EAAE,GAAG,MAAM,GAAkC;AACnE,SAAO,oBAAC,gBAAgB,SAAhB,EAAwB,aAAU,kBAAkB,GAAG,OAAO;AACvE;AAEA,SAAS,aAAa,EAAE,GAAG,MAAM,GAAiC;AACjE,SAAO,oBAAC,gBAAgB,QAAhB,EAAuB,aAAU,iBAAiB,GAAG,OAAO;AACrE;AAEA,SAAS,YAAY,EAAE,GAAG,MAAM,GAAgC;AAC/D,SAAO,oBAAC,gBAAgB,OAAhB,EAAsB,aAAU,gBAAgB,GAAG,OAAO;AACnE;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAmC;AAC/E,SACC;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,cAAc;AAAA,EACtB;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACJ,GAEG;AACF,SACC,qBAAC,gBACA;AAAA,wBAAC,iBAAc;AAAA,IACf;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACA,aAAU;AAAA,QACV,WAAW;AAAA,UACV;AAAA,UACA;AAAA,QACD;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,UACA,mBACA,qBAAC,gBAAgB,OAAhB,EAAsB,aAAU,gBAAe,QAAQ,oBAAC,UAAO,SAAQ,SAAQ,WAAU,0BAAyB,MAAK,WAAU,GACjI;AAAA,gCAAC,SAAM;AAAA,YACP,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA,aAChC;AAAA;AAAA;AAAA,IAEF;AAAA,KACD;AAEF;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC3E,SAAO,oBAAC,SAAI,aAAU,iBAAgB,WAAW,GAAG,uBAAuB,SAAS,GAAI,GAAG,OAAO;AACnG;AAEA,SAAS,aAAa;AAAA,EACrB;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA,GAAG;AACJ,GAEG;AACF,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,4GAA4G,SAAS;AAAA,MAClI,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,mBAAmB,oBAAC,gBAAgB,OAAhB,EAAsB,QAAQ,oBAAC,UAAO,SAAQ,WAAU,GAAI,mBAAK;AAAA;AAAA;AAAA,EACvF;AAEF;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC1E,SAAO,oBAAC,gBAAgB,OAAhB,EAAsB,aAAU,gBAAe,WAAW,GAAG,mDAAmD,SAAS,GAAI,GAAG,OAAO;AAChJ;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,MAAM,GAAsC;AACtF,SACC;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,sGAAsG,SAAS;AAAA,MAC5H,GAAG;AAAA;AAAA,EACL;AAEF;","names":[]}

package/dist/chunk-5CXIFF6J.js

@@ -0,0 +1,46 @@
+import {
+  cn
+} from "./chunk-Y2TKUANL.js";
+
+// src/components/button.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "group/button inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap rounded-lg border border-transparent bg-clip-padding font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 dark:hover:bg-destructive/30",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),10px)] px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-8",
+        "icon-xs": "size-6 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),10px)] [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),12px)]",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({ className, variant = "default", size = "default", ...props }) {
+  return /* @__PURE__ */ jsx(ButtonPrimitive, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props });
+}
+
+export {
+  buttonVariants,
+  Button
+};
+//# sourceMappingURL=chunk-5CXIFF6J.js.map

package/dist/chunk-5CXIFF6J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { cn } from '@betfin/ui/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst buttonVariants = cva(\n\t\"group/button inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap rounded-lg border border-transparent bg-clip-padding font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-primary text-primary-foreground hover:bg-primary/80',\n\t\t\t\toutline:\n\t\t\t\t\t'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',\n\t\t\t\tsecondary:\n\t\t\t\t\t'bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',\n\t\t\t\tghost: 'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50',\n\t\t\t\tdestructive:\n\t\t\t\t\t'bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 dark:hover:bg-destructive/30',\n\t\t\t\tlink: 'text-primary underline-offset-4 hover:underline',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: 'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n\t\t\t\txs: \"h-6 gap-1 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),10px)] px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n\t\t\t\tsm: \"h-7 gap-1 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n\t\t\t\tlg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n\t\t\t\ticon: 'size-8',\n\t\t\t\t'icon-xs': \"size-6 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),10px)] [&_svg:not([class*='size-'])]:size-3\",\n\t\t\t\t'icon-sm': 'size-7 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),12px)]',\n\t\t\t\t'icon-lg': 'size-9',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t\tsize: 'default',\n\t\t},\n\t},\n);\n\nfunction Button({ className, variant = 'default', size = 'default', ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n\treturn <ButtonPrimitive data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} />;\n}\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;AAAA,SAAS,UAAU,uBAAuB;AAE1C,SAAS,WAA8B;AAoC/B;AAlCR,IAAM,iBAAiB;AAAA,EACtB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,SACC;AAAA,QACD,WACC;AAAA,QACD,OAAO;AAAA,QACP,aACC;AAAA,QACD,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,MACZ;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACP;AAAA,EACD;AACD;AAEA,SAAS,OAAO,EAAE,WAAW,UAAU,WAAW,OAAO,WAAW,GAAG,MAAM,GAAgE;AAC5I,SAAO,oBAAC,mBAAgB,aAAU,UAAS,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAI,GAAG,OAAO;AACpH;","names":[]}

package/dist/chunk-EP6DYU4N.js

@@ -0,0 +1,26 @@
+import {
+  cn
+} from "./chunk-Y2TKUANL.js";
+
+// src/components/input.tsx
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { jsx } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
+    InputPrimitive,
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base outline-none transition-colors file:inline-flex file:h-6 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:disabled:bg-input/80",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Input
+};
+//# sourceMappingURL=chunk-EP6DYU4N.js.map

package/dist/chunk-EP6DYU4N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input.tsx"],"sourcesContent":["import { Input as InputPrimitive } from '@base-ui/react/input';\nimport { cn } from '@betfin/ui/lib/utils';\nimport type * as React from 'react';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n\treturn (\n\t\t<InputPrimitive\n\t\t\ttype={type}\n\t\t\tdata-slot=\"input\"\n\t\t\tclassName={cn(\n\t\t\t\t'h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base outline-none transition-colors file:inline-flex file:h-6 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:disabled:bg-input/80',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Input };\n"],"mappings":";;;;;AAAA,SAAS,SAAS,sBAAsB;AAMtC;AAFF,SAAS,MAAM,EAAE,WAAW,MAAM,GAAG,MAAM,GAAkC;AAC5E,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;","names":[]}

package/dist/chunk-FHYW2QBY.js

@@ -0,0 +1,21 @@
+// src/hooks/use-mobile.ts
+import * as React from "react";
+var MOBILE_BREAKPOINT = 768;
+function getIsMobile() {
+  return typeof window !== "undefined" && window.innerWidth < MOBILE_BREAKPOINT;
+}
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(getIsMobile);
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => setIsMobile(getIsMobile());
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return isMobile;
+}
+
+export {
+  useIsMobile
+};
+//# sourceMappingURL=chunk-FHYW2QBY.js.map

package/dist/chunk-FHYW2QBY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nfunction getIsMobile() {\n\treturn typeof window !== 'undefined' && window.innerWidth < MOBILE_BREAKPOINT;\n}\n\nexport function useIsMobile() {\n\tconst [isMobile, setIsMobile] = React.useState(getIsMobile);\n\n\tReact.useEffect(() => {\n\t\tconst mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n\t\tconst onChange = () => setIsMobile(getIsMobile());\n\t\tmql.addEventListener('change', onChange);\n\t\treturn () => mql.removeEventListener('change', onChange);\n\t}, []);\n\n\treturn isMobile;\n}\n"],"mappings":";AAAA,YAAY,WAAW;AAEvB,IAAM,oBAAoB;AAE1B,SAAS,cAAc;AACtB,SAAO,OAAO,WAAW,eAAe,OAAO,aAAa;AAC7D;AAEO,SAAS,cAAc;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAU,eAAS,WAAW;AAE1D,EAAM,gBAAU,MAAM;AACrB,UAAM,MAAM,OAAO,WAAW,eAAe,oBAAoB,CAAC,KAAK;AACvE,UAAM,WAAW,MAAM,YAAY,YAAY,CAAC;AAChD,QAAI,iBAAiB,UAAU,QAAQ;AACvC,WAAO,MAAM,IAAI,oBAAoB,UAAU,QAAQ;AAAA,EACxD,GAAG,CAAC,CAAC;AAEL,SAAO;AACR;","names":[]}

package/dist/chunk-HRFMTZ55.js

@@ -0,0 +1,49 @@
+import {
+  cn
+} from "./chunk-Y2TKUANL.js";
+
+// src/components/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TooltipProvider({ delay = 0, ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delay, ...props });
+}
+function Tooltip({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, { align, alignOffset, side, sideOffset, className: "isolate z-50", children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Popup,
+    {
+      "data-slot": "tooltip-content",
+      className: cn(
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:fade-in-0 data-open:zoom-in-95 data-closed:fade-out-0 data-closed:zoom-out-95 z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-background text-xs has-data-[slot=kbd]:pr-1.5 data-[state=delayed-open]:animate-in data-closed:animate-out data-open:animate-in **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-start]:top-1/2! data-[side=left]:top-1/2! data-[side=right]:top-1/2! data-[side=inline-start]:-right-1 data-[side=left]:-right-1 data-[side=top]:-bottom-2.5 data-[side=inline-end]:-left-1 data-[side=right]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:-translate-y-1/2 data-[side=right]:-translate-y-1/2" })
+      ]
+    }
+  ) }) });
+}
+
+export {
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent
+};
+//# sourceMappingURL=chunk-HRFMTZ55.js.map

package/dist/chunk-HRFMTZ55.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\n\nimport { cn } from '@betfin/ui/lib/utils';\n\nfunction TooltipProvider({ delay = 0, ...props }: TooltipPrimitive.Provider.Props) {\n\treturn <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delay={delay} {...props} />;\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n\treturn <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n}\n\nfunction TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {\n\treturn <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n\tclassName,\n\tside = 'top',\n\tsideOffset = 4,\n\talign = 'center',\n\talignOffset = 0,\n\tchildren,\n\t...props\n}: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>) {\n\treturn (\n\t\t<TooltipPrimitive.Portal>\n\t\t\t<TooltipPrimitive.Positioner align={align} alignOffset={alignOffset} side={side} sideOffset={sideOffset} className=\"isolate z-50\">\n\t\t\t\t<TooltipPrimitive.Popup\n\t\t\t\t\tdata-slot=\"tooltip-content\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:fade-in-0 data-open:zoom-in-95 data-closed:fade-out-0 data-closed:zoom-out-95 z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-background text-xs has-data-[slot=kbd]:pr-1.5 data-[state=delayed-open]:animate-in data-closed:animate-out data-open:animate-in **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\t{...props}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t\t<TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-start]:top-1/2! data-[side=left]:top-1/2! data-[side=right]:top-1/2! data-[side=inline-start]:-right-1 data-[side=left]:-right-1 data-[side=top]:-bottom-2.5 data-[side=inline-end]:-left-1 data-[side=right]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:-translate-y-1/2 data-[side=right]:-translate-y-1/2\" />\n\t\t\t\t</TooltipPrimitive.Popup>\n\t\t\t</TooltipPrimitive.Positioner>\n\t\t</TooltipPrimitive.Portal>\n\t);\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":";;;;;AAAA,SAAS,WAAW,wBAAwB;AAKpC,cAuBJ,YAvBI;AADR,SAAS,gBAAgB,EAAE,QAAQ,GAAG,GAAG,MAAM,GAAoC;AAClF,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,aAAU,oBAAmB,OAAe,GAAG,OAAO;AACzF;AAEA,SAAS,QAAQ,EAAE,GAAG,MAAM,GAAgC;AAC3D,SAAO,oBAAC,iBAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC9D;AAEA,SAAS,eAAe,EAAE,GAAG,MAAM,GAAmC;AACrE,SAAO,oBAAC,iBAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AACzE;AAEA,SAAS,eAAe;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACJ,GAA4H;AAC3H,SACC,oBAAC,iBAAiB,QAAjB,EACA,8BAAC,iBAAiB,YAAjB,EAA4B,OAAc,aAA0B,MAAY,YAAwB,WAAU,gBAClH;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,iBAAiB,OAAjB,EAAuB,WAAU,4hBAA2hB;AAAA;AAAA;AAAA,EAC9jB,GACD,GACD;AAEF;","names":[]}

package/dist/chunk-ILNHKDYA.js

@@ -0,0 +1,107 @@
+import {
+  formatBet,
+  toBetNumber
+} from "./chunk-K7JWN6NH.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-HRFMTZ55.js";
+import {
+  cn
+} from "./chunk-Y2TKUANL.js";
+
+// src/components/bet-value.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function BetCoin({ size = "1em", className, style }) {
+  const custom = typeof window !== "undefined" ? window.__BET_ICON__ : void 0;
+  if (custom) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: custom,
+        alt: "",
+        "aria-hidden": true,
+        className: cn("inline-block shrink-0 object-contain align-text-bottom", className),
+        style: { width: size, height: size, ...style }
+      }
+    );
+  }
+  return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: decorative token glyph (aria-hidden)
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        viewBox: "0 0 12 12",
+        fill: "none",
+        "aria-hidden": true,
+        className,
+        style: { flexShrink: 0, display: "inline-block", verticalAlign: "text-bottom", ...style },
+        children: [
+          /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "6", fill: "#FFC800" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M6.13 8.57C5.73 8.57 5.38 8.47 5.07 8.26C4.77 8.05 4.55 7.77 4.42 7.42C4.28 7.07 4.25 6.7 4.33 6.3L5.12 2.24C5.14 2.1 5.21 1.98 5.32 1.87C5.43 1.77 5.57 1.71 5.74 1.71C5.87 1.71 5.99 1.75 6.09 1.83C6.2 1.9 6.27 2 6.32 2.12C6.36 2.24 6.37 2.36 6.34 2.5L6.07 3.91H6.39L6 4.09C6.07 3.98 6.16 3.88 6.27 3.79C6.39 3.7 6.51 3.64 6.65 3.59C6.79 3.55 6.94 3.53 7.09 3.53C7.41 3.53 7.69 3.64 7.94 3.85C8.19 4.07 8.37 4.36 8.48 4.72C8.59 5.08 8.6 5.45 8.51 5.84L8.3 6.86C8.23 7.2 8.09 7.5 7.88 7.76C7.67 8.02 7.42 8.22 7.12 8.36C6.82 8.5 6.49 8.57 6.13 8.57L6.13 8.57ZM6.21 7.43C6.36 7.43 6.49 7.4 6.61 7.33C6.73 7.26 6.83 7.17 6.92 7.05C7.01 6.93 7.07 6.79 7.1 6.63L7.29 5.64C7.32 5.46 7.32 5.29 7.27 5.15C7.22 5 7.14 4.88 7.03 4.79C6.92 4.7 6.79 4.66 6.64 4.66C6.5 4.66 6.37 4.69 6.25 4.76C6.13 4.83 6.03 4.93 5.94 5.05C5.85 5.17 5.8 5.31 5.77 5.46L5.58 6.45C5.54 6.63 5.55 6.79 5.59 6.95C5.63 7.1 5.71 7.21 5.82 7.3C5.93 7.39 6.06 7.43 6.22 7.43L6.21 7.43Z",
+              fill: "#0F121D"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M3.49 8.58C3.84 8.96 4.23 9.23 4.66 9.42C5.09 9.6 5.54 9.69 6 9.69C6.46 9.69 6.91 9.6 7.34 9.42C7.76 9.23 8.16 8.96 8.51 8.58C8.52 8.57 8.54 8.57 8.56 8.58C8.57 8.59 8.57 8.61 8.57 8.62C8.4 9.12 8.02 9.56 7.56 9.85C7.09 10.14 6.55 10.29 6 10.29C5.45 10.29 4.91 10.14 4.44 9.85C3.98 9.56 3.6 9.13 3.43 8.62C3.42 8.6 3.43 8.58 3.45 8.57C3.47 8.57 3.48 8.57 3.49 8.58H3.49Z",
+              fill: "#0F121D"
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+function BetValue({
+  value,
+  gold,
+  size = "1em",
+  icon = true,
+  iconPosition = "right",
+  prefix,
+  tooltipSide = "top",
+  className,
+  style,
+  ...opts
+}) {
+  const text = formatBet(value, opts);
+  const coin = icon ? /* @__PURE__ */ jsx(BetCoin, { size }) : null;
+  const exact = `${toBetNumber(value, opts.decimals).toLocaleString("en")} BET`;
+  return /* @__PURE__ */ jsx(TooltipProvider, { delay: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxs(
+      TooltipTrigger,
+      {
+        render: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("inline-flex cursor-default items-center gap-1", className),
+            style: { color: gold ? "var(--primary)" : void 0, fontVariantNumeric: "tabular-nums", ...style }
+          }
+        ),
+        children: [
+          iconPosition === "left" && coin,
+          prefix,
+          text,
+          iconPosition === "right" && coin
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(TooltipContent, { side: tooltipSide, children: exact })
+  ] }) });
+}
+
+export {
+  BetCoin,
+  BetValue
+};
+//# sourceMappingURL=chunk-ILNHKDYA.js.map

package/dist/chunk-ILNHKDYA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/bet-value.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@betfin/ui/components/tooltip';\nimport { type FormatBetOptions, formatBet, toBetNumber } from '@betfin/ui/lib/format';\nimport { cn } from '@betfin/ui/lib/utils';\nimport type { CSSProperties } from 'react';\n\ndeclare global {\n\tinterface Window {\n\t\t/** Whitelabel override for the coin glyph, set by the host from the manifest\n\t\t *  (`branding.betIcon`). A window global so it crosses the module-federation\n\t\t *  boundary — remotes render BetCoin against the host's window. */\n\t\t__BET_ICON__?: string;\n\t}\n}\n\n/**\n * The BET coin token — the single source of the coin glyph. Renders the default\n * gold coin (from the original Betfin design system), or a whitelabel image when\n * `window.__BET_ICON__` is set.\n */\nexport function BetCoin({ size = '1em', className, style }: { size?: number | string; className?: string; style?: CSSProperties }) {\n\tconst custom = typeof window !== 'undefined' ? window.__BET_ICON__ : undefined;\n\tif (custom) {\n\t\treturn (\n\t\t\t<img\n\t\t\t\tsrc={custom}\n\t\t\t\talt=\"\"\n\t\t\t\taria-hidden\n\t\t\t\tclassName={cn('inline-block shrink-0 object-contain align-text-bottom', className)}\n\t\t\t\tstyle={{ width: size, height: size, ...style }}\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t// biome-ignore lint/a11y/noSvgWithoutTitle: decorative token glyph (aria-hidden)\n\t\t<svg\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\twidth={size}\n\t\t\theight={size}\n\t\t\tviewBox=\"0 0 12 12\"\n\t\t\tfill=\"none\"\n\t\t\taria-hidden\n\t\t\tclassName={className}\n\t\t\tstyle={{ flexShrink: 0, display: 'inline-block', verticalAlign: 'text-bottom', ...style }}\n\t\t>\n\t\t\t<circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FFC800\" />\n\t\t\t<path\n\t\t\t\td=\"M6.13 8.57C5.73 8.57 5.38 8.47 5.07 8.26C4.77 8.05 4.55 7.77 4.42 7.42C4.28 7.07 4.25 6.7 4.33 6.3L5.12 2.24C5.14 2.1 5.21 1.98 5.32 1.87C5.43 1.77 5.57 1.71 5.74 1.71C5.87 1.71 5.99 1.75 6.09 1.83C6.2 1.9 6.27 2 6.32 2.12C6.36 2.24 6.37 2.36 6.34 2.5L6.07 3.91H6.39L6 4.09C6.07 3.98 6.16 3.88 6.27 3.79C6.39 3.7 6.51 3.64 6.65 3.59C6.79 3.55 6.94 3.53 7.09 3.53C7.41 3.53 7.69 3.64 7.94 3.85C8.19 4.07 8.37 4.36 8.48 4.72C8.59 5.08 8.6 5.45 8.51 5.84L8.3 6.86C8.23 7.2 8.09 7.5 7.88 7.76C7.67 8.02 7.42 8.22 7.12 8.36C6.82 8.5 6.49 8.57 6.13 8.57L6.13 8.57ZM6.21 7.43C6.36 7.43 6.49 7.4 6.61 7.33C6.73 7.26 6.83 7.17 6.92 7.05C7.01 6.93 7.07 6.79 7.1 6.63L7.29 5.64C7.32 5.46 7.32 5.29 7.27 5.15C7.22 5 7.14 4.88 7.03 4.79C6.92 4.7 6.79 4.66 6.64 4.66C6.5 4.66 6.37 4.69 6.25 4.76C6.13 4.83 6.03 4.93 5.94 5.05C5.85 5.17 5.8 5.31 5.77 5.46L5.58 6.45C5.54 6.63 5.55 6.79 5.59 6.95C5.63 7.1 5.71 7.21 5.82 7.3C5.93 7.39 6.06 7.43 6.22 7.43L6.21 7.43Z\"\n\t\t\t\tfill=\"#0F121D\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M3.49 8.58C3.84 8.96 4.23 9.23 4.66 9.42C5.09 9.6 5.54 9.69 6 9.69C6.46 9.69 6.91 9.6 7.34 9.42C7.76 9.23 8.16 8.96 8.51 8.58C8.52 8.57 8.54 8.57 8.56 8.58C8.57 8.59 8.57 8.61 8.57 8.62C8.4 9.12 8.02 9.56 7.56 9.85C7.09 10.14 6.55 10.29 6 10.29C5.45 10.29 4.91 10.14 4.44 9.85C3.98 9.56 3.6 9.13 3.43 8.62C3.42 8.6 3.43 8.58 3.45 8.57C3.47 8.57 3.48 8.57 3.49 8.58H3.49Z\"\n\t\t\t\tfill=\"#0F121D\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nexport interface BetValueProps extends FormatBetOptions {\n\t/** The amount — a number, or a raw on-chain bigint (18-decimals). */\n\tvalue: number | bigint;\n\t/** Colour the number + coin in the brand primary (gold). */\n\tgold?: boolean;\n\t/** Coin size — a px number, or any CSS length. Defaults to `1em` so it scales with the surrounding text. */\n\tsize?: number | string;\n\t/** Show the BET coin (default true). */\n\ticon?: boolean;\n\t/** Coin side (default 'right'). */\n\ticonPosition?: 'left' | 'right';\n\t/** Optional text before the number. */\n\tprefix?: string;\n\t/** Tooltip side (default 'top'). */\n\ttooltipSide?: 'top' | 'bottom' | 'left' | 'right';\n\tclassName?: string;\n\tstyle?: CSSProperties;\n}\n\n/**\n * Canonical way to display a BET amount. Formats the value compactly and shows\n * the gold coin (sized to the surrounding text). Hovering reveals the exact,\n * un-abbreviated amount in a styled tooltip. Use this everywhere a BET amount\n * is rendered.\n *\n *   <BetValue value={12_500} />              → 12.5K ●   (coin matches text size)\n *   <BetValue value={rewardsBigint} gold />  → 1.24K ● (gold)\n *   <BetValue value={n} size={30} />         → fixed 30px coin\n */\nexport function BetValue({\n\tvalue,\n\tgold,\n\tsize = '1em',\n\ticon = true,\n\ticonPosition = 'right',\n\tprefix,\n\ttooltipSide = 'top',\n\tclassName,\n\tstyle,\n\t...opts\n}: BetValueProps) {\n\tconst text = formatBet(value, opts);\n\tconst coin = icon ? <BetCoin size={size} /> : null;\n\tconst exact = `${toBetNumber(value, opts.decimals).toLocaleString('en')} BET`;\n\treturn (\n\t\t<TooltipProvider delay={200}>\n\t\t\t<Tooltip>\n\t\t\t\t<TooltipTrigger\n\t\t\t\t\trender={\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={cn('inline-flex cursor-default items-center gap-1', className)}\n\t\t\t\t\t\t\tstyle={{ color: gold ? 'var(--primary)' : undefined, fontVariantNumeric: 'tabular-nums', ...style }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{iconPosition === 'left' && coin}\n\t\t\t\t\t{prefix}\n\t\t\t\t\t{text}\n\t\t\t\t\t{iconPosition === 'right' && coin}\n\t\t\t\t</TooltipTrigger>\n\t\t\t\t<TooltipContent side={tooltipSide}>{exact}</TooltipContent>\n\t\t\t</Tooltip>\n\t\t</TooltipProvider>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;AAuBG,cAWD,YAXC;AAJI,SAAS,QAAQ,EAAE,OAAO,OAAO,WAAW,MAAM,GAA0E;AAClI,QAAM,SAAS,OAAO,WAAW,cAAc,OAAO,eAAe;AACrE,MAAI,QAAQ;AACX,WACC;AAAA,MAAC;AAAA;AAAA,QACA,KAAK;AAAA,QACL,KAAI;AAAA,QACJ,eAAW;AAAA,QACX,WAAW,GAAG,0DAA0D,SAAS;AAAA,QACjF,OAAO,EAAE,OAAO,MAAM,QAAQ,MAAM,GAAG,MAAM;AAAA;AAAA,IAC9C;AAAA,EAEF;AACA;AAAA;AAAA,IAEC;AAAA,MAAC;AAAA;AAAA,QACA,OAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,eAAW;AAAA,QACX;AAAA,QACA,OAAO,EAAE,YAAY,GAAG,SAAS,gBAAgB,eAAe,eAAe,GAAG,MAAM;AAAA,QAExF;AAAA,8BAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,MAAK,WAAU;AAAA,UAC3C;AAAA,YAAC;AAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA;AAAA,UACN;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA;AAAA,UACN;AAAA;AAAA;AAAA,IACD;AAAA;AAEF;AA+BO,SAAS,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAkB;AACjB,QAAM,OAAO,UAAU,OAAO,IAAI;AAClC,QAAM,OAAO,OAAO,oBAAC,WAAQ,MAAY,IAAK;AAC9C,QAAM,QAAQ,GAAG,YAAY,OAAO,KAAK,QAAQ,EAAE,eAAe,IAAI,CAAC;AACvE,SACC,oBAAC,mBAAgB,OAAO,KACvB,+BAAC,WACA;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,QACC;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,GAAG,iDAAiD,SAAS;AAAA,YACxE,OAAO,EAAE,OAAO,OAAO,mBAAmB,QAAW,oBAAoB,gBAAgB,GAAG,MAAM;AAAA;AAAA,QACnG;AAAA,QAGA;AAAA,2BAAiB,UAAU;AAAA,UAC3B;AAAA,UACA;AAAA,UACA,iBAAiB,WAAW;AAAA;AAAA;AAAA,IAC9B;AAAA,IACA,oBAAC,kBAAe,MAAM,aAAc,iBAAM;AAAA,KAC3C,GACD;AAEF;","names":[]}

package/dist/chunk-JTVU6ANA.js

@@ -0,0 +1,37 @@
+import {
+  cn
+} from "./chunk-Y2TKUANL.js";
+
+// src/components/toggle.tsx
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var toggleVariants = cva(
+  "group/toggle inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-lg font-medium text-sm outline-none transition-all hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-pressed:bg-muted aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-muted"
+      },
+      size: {
+        default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle({ className, variant = "default", size = "default", ...props }) {
+  return /* @__PURE__ */ jsx(TogglePrimitive, { "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })), ...props });
+}
+
+export {
+  toggleVariants,
+  Toggle
+};
+//# sourceMappingURL=chunk-JTVU6ANA.js.map

package/dist/chunk-JTVU6ANA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toggle.tsx"],"sourcesContent":["'use client';\n\nimport { Toggle as TogglePrimitive } from '@base-ui/react/toggle';\nimport { cn } from '@betfin/ui/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst toggleVariants = cva(\n\t\"group/toggle inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-lg font-medium text-sm outline-none transition-all hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-pressed:bg-muted aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-transparent',\n\t\t\t\toutline: 'border border-input bg-transparent hover:bg-muted',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: 'h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n\t\t\t\tsm: \"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n\t\t\t\tlg: 'h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t\tsize: 'default',\n\t\t},\n\t},\n);\n\nfunction Toggle({ className, variant = 'default', size = 'default', ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>) {\n\treturn <TogglePrimitive data-slot=\"toggle\" className={cn(toggleVariants({ variant, size, className }))} {...props} />;\n}\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;AAEA,SAAS,UAAU,uBAAuB;AAE1C,SAAS,WAA8B;AAwB/B;AAtBR,IAAM,iBAAiB;AAAA,EACtB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACL,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACP;AAAA,EACD;AACD;AAEA,SAAS,OAAO,EAAE,WAAW,UAAU,WAAW,OAAO,WAAW,GAAG,MAAM,GAAgE;AAC5I,SAAO,oBAAC,mBAAgB,aAAU,UAAS,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAI,GAAG,OAAO;AACpH;","names":[]}

package/dist/chunk-K7JWN6NH.js

@@ -0,0 +1,21 @@
+// src/lib/format.ts
+function toBetNumber(value, decimals = 18) {
+  return typeof value === "bigint" ? Number(value) / 10 ** decimals : value;
+}
+function formatBet(value, opts = {}) {
+  const { precision = 2, compact = true, decimals = 18 } = opts;
+  const n = toBetNumber(value, decimals);
+  if (!Number.isFinite(n)) return "0";
+  if (!compact) return n.toLocaleString("en", { maximumFractionDigits: precision });
+  const abs = Math.abs(n);
+  if (abs >= 1e9) return `${(n / 1e9).toFixed(precision)}B`;
+  if (abs >= 1e6) return `${(n / 1e6).toFixed(precision)}M`;
+  if (abs >= 1e3) return `${(n / 1e3).toFixed(precision)}K`;
+  return n.toLocaleString("en", { maximumFractionDigits: precision });
+}
+
+export {
+  toBetNumber,
+  formatBet
+};
+//# sourceMappingURL=chunk-K7JWN6NH.js.map

package/dist/chunk-K7JWN6NH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/format.ts"],"sourcesContent":["export interface FormatBetOptions {\n\t/** Decimal places in the compact form (default 2). */\n\tprecision?: number;\n\t/** Use compact K/M/B notation (default true). Set false for a grouped full number. */\n\tcompact?: boolean;\n\t/** Token decimals used to convert a bigint to a number (default 18). */\n\tdecimals?: number;\n}\n\n/** Convert a raw on-chain bigint (18-decimals by default) or a number to a plain number. */\nexport function toBetNumber(value: number | bigint, decimals = 18): number {\n\treturn typeof value === 'bigint' ? Number(value) / 10 ** decimals : value;\n}\n\n/**\n * Format a BET amount for display. Accepts a number or a raw on-chain bigint.\n * Compact by default: 12_500 → \"12.5K\", 4_200_000 → \"4.2M\", 2.2e10 → \"22.16B\".\n * Use this everywhere instead of re-writing K/M/B formatters.\n */\nexport function formatBet(value: number | bigint, opts: FormatBetOptions = {}): string {\n\tconst { precision = 2, compact = true, decimals = 18 } = opts;\n\tconst n = toBetNumber(value, decimals);\n\tif (!Number.isFinite(n)) return '0';\n\tif (!compact) return n.toLocaleString('en', { maximumFractionDigits: precision });\n\tconst abs = Math.abs(n);\n\tif (abs >= 1e9) return `${(n / 1e9).toFixed(precision)}B`;\n\tif (abs >= 1e6) return `${(n / 1e6).toFixed(precision)}M`;\n\tif (abs >= 1e3) return `${(n / 1e3).toFixed(precision)}K`;\n\treturn n.toLocaleString('en', { maximumFractionDigits: precision });\n}\n"],"mappings":";AAUO,SAAS,YAAY,OAAwB,WAAW,IAAY;AAC1E,SAAO,OAAO,UAAU,WAAW,OAAO,KAAK,IAAI,MAAM,WAAW;AACrE;AAOO,SAAS,UAAU,OAAwB,OAAyB,CAAC,GAAW;AACtF,QAAM,EAAE,YAAY,GAAG,UAAU,MAAM,WAAW,GAAG,IAAI;AACzD,QAAM,IAAI,YAAY,OAAO,QAAQ;AACrC,MAAI,CAAC,OAAO,SAAS,CAAC,EAAG,QAAO;AAChC,MAAI,CAAC,QAAS,QAAO,EAAE,eAAe,MAAM,EAAE,uBAAuB,UAAU,CAAC;AAChF,QAAM,MAAM,KAAK,IAAI,CAAC;AACtB,MAAI,OAAO,IAAK,QAAO,IAAI,IAAI,KAAK,QAAQ,SAAS,CAAC;AACtD,MAAI,OAAO,IAAK,QAAO,IAAI,IAAI,KAAK,QAAQ,SAAS,CAAC;AACtD,MAAI,OAAO,IAAK,QAAO,IAAI,IAAI,KAAK,QAAQ,SAAS,CAAC;AACtD,SAAO,EAAE,eAAe,MAAM,EAAE,uBAAuB,UAAU,CAAC;AACnE;","names":[]}