@hanzo/ui 5.3.33 → 5.3.35

package/dist/types/media-stack-def.js

@@ -0,0 +1 @@
+export {};

package/dist/types/t-shirt-size.d.ts

@@ -0,0 +1,3 @@
+type TShirtSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export { type TShirtSize as default };
+//# sourceMappingURL=t-shirt-size.d.ts.map

package/dist/types/t-shirt-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"t-shirt-size.d.ts","sourceRoot":"","sources":["../../types/t-shirt-size.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAElD,OAAO,EACL,KAAK,UAAU,IAAI,OAAO,EAC3B,CAAA"}

package/dist/types/t-shirt-size.js

@@ -0,0 +1 @@
+export {};

package/dist/types/tshirt-dimensions.d.ts

@@ -0,0 +1,13 @@
+type ConcreteDimensions = {
+    w: number;
+    h: number;
+};
+type TShirtDimensions = {
+    xs?: ConcreteDimensions;
+    sm?: ConcreteDimensions;
+    md: ConcreteDimensions;
+    lg?: ConcreteDimensions;
+    xl?: ConcreteDimensions;
+};
+export { type TShirtDimensions as default };
+//# sourceMappingURL=tshirt-dimensions.d.ts.map

package/dist/types/tshirt-dimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tshirt-dimensions.d.ts","sourceRoot":"","sources":["../../types/tshirt-dimensions.ts"],"names":[],"mappings":"AAAA,KAAK,kBAAkB,GAAG;IACxB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AAID,KAAK,gBAAgB,GAAG;IACtB,EAAE,CAAC,EAAE,kBAAkB,CAAA;IACvB,EAAE,CAAC,EAAE,kBAAkB,CAAA;IACvB,EAAE,EAAG,kBAAkB,CAAA;IACvB,EAAE,CAAC,EAAE,kBAAkB,CAAA;IACvB,EAAE,CAAC,EAAE,kBAAkB,CAAA;CACxB,CAAA;AAED,OAAO,EACL,KAAK,gBAAgB,IAAI,OAAO,EACjC,CAAA"}

package/dist/types/tshirt-dimensions.js

@@ -0,0 +1 @@
+export {};

package/dist/types/video-def.d.ts

@@ -0,0 +1,10 @@
+import type TShirtDimensions from './tshirt-dimensions';
+interface VideoDef {
+    videoProps?: any;
+    poster?: string;
+    sources?: string[];
+    dim: TShirtDimensions;
+    sizing?: any;
+}
+export { type VideoDef as default };
+//# sourceMappingURL=video-def.d.ts.map

package/dist/types/video-def.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-def.d.ts","sourceRoot":"","sources":["../../types/video-def.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAA;AAEvD,UAAU,QAAQ;IAChB,UAAU,CAAC,EAAE,GAAG,CAAA;IAYhB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,GAAG,EAAE,gBAAgB,CAAA;IAErB,MAAM,CAAC,EAAE,GAAG,CAAA;CACb;AAED,OAAO,EACL,KAAK,QAAQ,IAAI,OAAO,EACzB,CAAA"}

package/dist/types/video-def.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/announcement.js

@@ -36,15 +36,15 @@ function cn(...inputs) {
 }
 __name(cn, "cn");
 var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline",
         // Keep the additional Hanzo variants for backward compatibility
         primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
@@ -52,10 +52,12 @@ var buttonVariants = classVarianceAuthority.cva(
         linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
       },
       size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
     defaultVariants: {
@@ -65,11 +67,14 @@ var buttonVariants = classVarianceAuthority.cva(
   }
 );
 var Button = React2__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
+  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Comp,
       {
+        "data-slot": "button",
+        "data-variant": variant,
+        "data-size": size,
         className: cn(buttonVariants({ variant, size, className })),
         ref,
         ...props,
@@ -77,10 +82,10 @@ var Button = React2__namespace.forwardRef(
           isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
             lucideReact.Loader2,
             {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
+              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
             }
           ) : null,
-          isLoading && size === "icon" ? null : children
+          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
         ]
       }
     );

package/dist/ui/announcement.mjs

@@ -14,15 +14,15 @@ function cn(...inputs) {
 }
 __name(cn, "cn");
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline",
         // Keep the additional Hanzo variants for backward compatibility
         primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
@@ -30,10 +30,12 @@ var buttonVariants = cva(
         linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
       },
       size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
     defaultVariants: {
@@ -43,11 +45,14 @@ var buttonVariants = cva(
   }
 );
 var Button = React2.forwardRef(
-  ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
+  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsxs(
       Comp,
       {
+        "data-slot": "button",
+        "data-variant": variant,
+        "data-size": size,
         className: cn(buttonVariants({ variant, size, className })),
         ref,
         ...props,
@@ -55,10 +60,10 @@ var Button = React2.forwardRef(
           isLoading ? /* @__PURE__ */ jsx(
             Loader2,
             {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
+              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
             }
           ) : null,
-          isLoading && size === "icon" ? null : children
+          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
         ]
       }
     );

package/dist/ui/index.js

@@ -38,15 +38,15 @@ function cn(...inputs) {
 }
 __name(cn, "cn");
 var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline",
         // Keep the additional Hanzo variants for backward compatibility
         primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
@@ -54,10 +54,12 @@ var buttonVariants = classVarianceAuthority.cva(
         linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
       },
       size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
     defaultVariants: {
@@ -67,11 +69,14 @@ var buttonVariants = classVarianceAuthority.cva(
   }
 );
 var Button = React5__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
+  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Comp,
       {
+        "data-slot": "button",
+        "data-variant": variant,
+        "data-size": size,
         className: cn(buttonVariants({ variant, size, className })),
         ref,
         ...props,
@@ -79,10 +84,10 @@ var Button = React5__namespace.forwardRef(
           isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
             lucideReact.Loader2,
             {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
+              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
             }
           ) : null,
-          isLoading && size === "icon" ? null : children
+          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
         ]
       }
     );
@@ -362,16 +367,19 @@ function Spinner({ className, ...props }) {
 }
 __name(Spinner, "Spinner");
 var badgeVariants = classVarianceAuthority.cva(
-  "focus:ring-ring border-divider inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden",
+  "inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow",
-        outline: "hover:bg-bg-secondary text-text-secondary hover:text-text-default border border-gray-500 bg-transparent shadow-xs",
-        inputAdornment: "bg-gray-600 px-2 font-medium text-white",
-        tags: "text-text-secondary border-divider bg-bg-quaternary rounded-lg px-2 py-1 font-normal capitalize"
+        destructive: "bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-accent hover:text-accent-foreground border-transparent",
+        link: "text-primary underline-offset-4 hover:underline border-transparent",
+        // Hanzo-specific variants for backward compatibility
+        inputAdornment: "bg-gray-600 px-2 font-medium text-white border-transparent",
+        tags: "text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize"
       }
     },
     defaultVariants: {
@@ -379,12 +387,24 @@ var badgeVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Badge = React5__namespace.forwardRef(
-  ({ className, variant, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(badgeVariants({ variant }), className), ...props });
-  }
-);
-Badge.displayName = "Badge";
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+__name(Badge, "Badge");
 var Tags = React5__namespace.forwardRef(
   ({ className, tags, onRemove, variant = "default", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/ui/index.mjs

@@ -15,15 +15,15 @@ function cn(...inputs) {
 }
 __name(cn, "cn");
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline",
         // Keep the additional Hanzo variants for backward compatibility
         primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
@@ -31,10 +31,12 @@ var buttonVariants = cva(
         linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
       },
       size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
     defaultVariants: {
@@ -44,11 +46,14 @@ var buttonVariants = cva(
   }
 );
 var Button = React5.forwardRef(
-  ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
+  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsxs(
       Comp,
       {
+        "data-slot": "button",
+        "data-variant": variant,
+        "data-size": size,
         className: cn(buttonVariants({ variant, size, className })),
         ref,
         ...props,
@@ -56,10 +61,10 @@ var Button = React5.forwardRef(
           isLoading ? /* @__PURE__ */ jsx(
             Loader2,
             {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
+              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
             }
           ) : null,
-          isLoading && size === "icon" ? null : children
+          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
         ]
       }
     );
@@ -339,16 +344,19 @@ function Spinner({ className, ...props }) {
 }
 __name(Spinner, "Spinner");
 var badgeVariants = cva(
-  "focus:ring-ring border-divider inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden",
+  "inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow",
-        outline: "hover:bg-bg-secondary text-text-secondary hover:text-text-default border border-gray-500 bg-transparent shadow-xs",
-        inputAdornment: "bg-gray-600 px-2 font-medium text-white",
-        tags: "text-text-secondary border-divider bg-bg-quaternary rounded-lg px-2 py-1 font-normal capitalize"
+        destructive: "bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-accent hover:text-accent-foreground border-transparent",
+        link: "text-primary underline-offset-4 hover:underline border-transparent",
+        // Hanzo-specific variants for backward compatibility
+        inputAdornment: "bg-gray-600 px-2 font-medium text-white border-transparent",
+        tags: "text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize"
       }
     },
     defaultVariants: {
@@ -356,12 +364,24 @@ var badgeVariants = cva(
     }
   }
 );
-var Badge = React5.forwardRef(
-  ({ className, variant, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn(badgeVariants({ variant }), className), ...props });
-  }
-);
-Badge.displayName = "Badge";
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+__name(Badge, "Badge");
 var Tags = React5.forwardRef(
   ({ className, tags, onRemove, variant = "default", ...props }, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/ui/tags.js

@@ -5,6 +5,7 @@ var React = require('react');
 var lucideReact = require('lucide-react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
+var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -35,16 +36,19 @@ function cn(...inputs) {
 }
 __name(cn, "cn");
 var badgeVariants = classVarianceAuthority.cva(
-  "focus:ring-ring border-divider inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden",
+  "inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow",
-        outline: "hover:bg-bg-secondary text-text-secondary hover:text-text-default border border-gray-500 bg-transparent shadow-xs",
-        inputAdornment: "bg-gray-600 px-2 font-medium text-white",
-        tags: "text-text-secondary border-divider bg-bg-quaternary rounded-lg px-2 py-1 font-normal capitalize"
+        destructive: "bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-accent hover:text-accent-foreground border-transparent",
+        link: "text-primary underline-offset-4 hover:underline border-transparent",
+        // Hanzo-specific variants for backward compatibility
+        inputAdornment: "bg-gray-600 px-2 font-medium text-white border-transparent",
+        tags: "text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize"
       }
     },
     defaultVariants: {
@@ -52,12 +56,24 @@ var badgeVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Badge = React__namespace.forwardRef(
-  ({ className, variant, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(badgeVariants({ variant }), className), ...props });
-  }
-);
-Badge.displayName = "Badge";
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+__name(Badge, "Badge");
 var Tags = React__namespace.forwardRef(
   ({ className, tags, onRemove, variant = "default", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/ui/tags.mjs

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { X } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -13,16 +14,19 @@ function cn(...inputs) {
 }
 __name(cn, "cn");
 var badgeVariants = cva(
-  "focus:ring-ring border-divider inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden",
+  "inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow",
-        outline: "hover:bg-bg-secondary text-text-secondary hover:text-text-default border border-gray-500 bg-transparent shadow-xs",
-        inputAdornment: "bg-gray-600 px-2 font-medium text-white",
-        tags: "text-text-secondary border-divider bg-bg-quaternary rounded-lg px-2 py-1 font-normal capitalize"
+        destructive: "bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-accent hover:text-accent-foreground border-transparent",
+        link: "text-primary underline-offset-4 hover:underline border-transparent",
+        // Hanzo-specific variants for backward compatibility
+        inputAdornment: "bg-gray-600 px-2 font-medium text-white border-transparent",
+        tags: "text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize"
       }
     },
     defaultVariants: {
@@ -30,12 +34,24 @@ var badgeVariants = cva(
     }
   }
 );
-var Badge = React.forwardRef(
-  ({ className, variant, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn(badgeVariants({ variant }), className), ...props });
-  }
-);
-Badge.displayName = "Badge";
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+__name(Badge, "Badge");
 var Tags = React.forwardRef(
   ({ className, tags, onRemove, variant = "default", ...props }, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/util/blob.d.ts

@@ -0,0 +1,3 @@
+export declare const blobToBase64: (blob: Blob) => Promise<string>;
+export declare const dataUrlToFile: (dataUrl: string, filename: string) => File | undefined;
+//# sourceMappingURL=blob.d.ts.map

package/dist/util/blob.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blob.d.ts","sourceRoot":"","sources":["../../util/blob.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,SAAU,IAAI,KAAG,OAAO,CAAC,MAAM,CAQvD,CAAC;AAEF,eAAO,MAAM,aAAa,YACf,MAAM,YACL,MAAM,KACf,IAAI,GAAG,SAYT,CAAC"}

package/dist/util/blob.js

@@ -0,0 +1,23 @@
+import { Buffer } from 'buffer';
+export const blobToBase64 = (blob) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(blob);
+    return new Promise((resolve) => {
+        reader.onloadend = () => {
+            resolve(reader.result);
+        };
+    });
+};
+export const dataUrlToFile = (dataUrl, filename) => {
+    const arr = dataUrl.split(',');
+    if (arr.length < 2) {
+        return undefined;
+    }
+    const mimeArr = arr[0].match(/:(.*?);/);
+    if (!mimeArr || mimeArr.length < 2) {
+        return undefined;
+    }
+    const mime = mimeArr[1];
+    const buff = Buffer.from(arr[1], 'base64');
+    return new File([buff], filename, { type: mime });
+};

package/dist/util/copy-to-clipboard.d.ts

@@ -0,0 +1,2 @@
+export declare function copyToClipboard(text: string): Promise<void>;
+//# sourceMappingURL=copy-to-clipboard.d.ts.map

package/dist/util/copy-to-clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-to-clipboard.d.ts","sourceRoot":"","sources":["../../util/copy-to-clipboard.ts"],"names":[],"mappings":"AAAA,wBAAsB,eAAe,CAAC,IAAI,EAAE,MAAM,iBAgBjD"}