@hanzo/ui 5.3.34 → 5.3.35

package/dist/src/ui/index.d.ts

@@ -0,0 +1,18 @@
+export { Announcement } from './announcement';
+export type { AnnouncementProps } from './announcement';
+export { AvatarGroup } from './avatar-group';
+export type { AvatarGroupProps } from './avatar-group';
+export { Banner, bannerVariants } from './banner';
+export type { BannerProps } from './banner';
+export { Cursor } from './cursor';
+export type { CursorProps } from './cursor';
+export { Marquee } from './marquee';
+export type { MarqueeProps } from './marquee';
+export { Pill, pillVariants } from './pill';
+export type { PillProps } from './pill';
+export { Spinner } from './spinner';
+export { Tags } from './tags';
+export type { Tag, TagsProps } from './tags';
+export { Ticker } from './ticker';
+export type { TickerProps } from './ticker';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACjD,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAE7C,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AAC3C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/src/ui/index.js

@@ -0,0 +1,10 @@
+// Core UI utility components
+export { Announcement } from './announcement';
+export { AvatarGroup } from './avatar-group';
+export { Banner, bannerVariants } from './banner';
+export { Cursor } from './cursor';
+export { Marquee } from './marquee';
+export { Pill, pillVariants } from './pill';
+export { Spinner } from './spinner';
+export { Tags } from './tags';
+export { Ticker } from './ticker';

package/dist/src/ui/marquee.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface MarqueeProps extends React.HTMLAttributes<HTMLDivElement> {
+    repeat?: number;
+    reverse?: boolean;
+    pauseOnHover?: boolean;
+    vertical?: boolean;
+}
+declare const Marquee: React.ForwardRefExoticComponent<MarqueeProps & React.RefAttributes<HTMLDivElement>>;
+export { Marquee };
+//# sourceMappingURL=marquee.d.ts.map

package/dist/src/ui/marquee.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../../src/ui/marquee.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,qFA4CZ,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/src/ui/marquee.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils";
+const Marquee = React.forwardRef(({ className, children, repeat = 2, reverse = false, pauseOnHover = false, vertical = false, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("group flex overflow-hidden", vertical ? "flex-col" : "flex-row", className), ...props, children: Array.from({ length: repeat }).map((_, i) => (_jsx("div", { className: cn("flex shrink-0", vertical
+                ? "animate-marquee-vertical flex-col"
+                : "animate-marquee", reverse &&
+                (vertical
+                    ? "[animation-direction:reverse]"
+                    : "[animation-direction:reverse]"), pauseOnHover && "group-hover:[animation-play-state:paused]"), children: children }, i))) }));
+});
+Marquee.displayName = "Marquee";
+export { Marquee };

package/dist/src/ui/pill.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const pillVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "error" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface PillProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof pillVariants> {
+    onRemove?: () => void;
+}
+declare const Pill: React.ForwardRefExoticComponent<PillProps & React.RefAttributes<HTMLSpanElement>>;
+export { Pill, pillVariants };
+//# sourceMappingURL=pill.d.ts.map

package/dist/src/ui/pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pill.d.ts","sourceRoot":"","sources":["../../../src/ui/pill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,YAAY;;8EAqBjB,CAAA;AAED,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,QAAA,MAAM,IAAI,mFAsBT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}

package/dist/src/ui/pill.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "../utils";
+const pillVariants = cva("inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-sm font-medium transition-colors", {
+    variants: {
+        variant: {
+            default: "bg-primary/10 text-primary hover:bg-primary/20",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+            success: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
+            warning: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
+            error: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Pill = React.forwardRef(({ className, variant, onRemove, children, ...props }, ref) => {
+    return (_jsxs("span", { ref: ref, className: cn(pillVariants({ variant }), className), ...props, children: [children, onRemove && (_jsxs("button", { type: "button", onClick: onRemove, className: "ml-0.5 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10", children: [_jsx(X, { className: "h-3 w-3" }), _jsx("span", { className: "sr-only", children: "Remove" })] }))] }));
+});
+Pill.displayName = "Pill";
+export { Pill, pillVariants };

package/dist/src/ui/spinner.d.ts

@@ -0,0 +1,3 @@
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+export { Spinner };
+//# sourceMappingURL=spinner.d.ts.map

package/dist/src/ui/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/ui/spinner.tsx"],"names":[],"mappings":"AAIA,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CASpE;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/src/ui/spinner.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader2Icon } from "lucide-react";
+import { cn } from "../utils";
+function Spinner({ className, ...props }) {
+    return (_jsx(Loader2Icon, { role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props }));
+}
+export { Spinner };

package/dist/src/ui/tags.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface Tag {
+    id: string;
+    label: string;
+}
+export interface TagsProps extends React.HTMLAttributes<HTMLDivElement> {
+    tags: Tag[];
+    onRemove?: (id: string) => void;
+    variant?: "default" | "secondary" | "outline" | "destructive";
+}
+declare const Tags: React.ForwardRefExoticComponent<TagsProps & React.RefAttributes<HTMLDivElement>>;
+export { Tags };
+//# sourceMappingURL=tags.d.ts.map

package/dist/src/ui/tags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags.d.ts","sourceRoot":"","sources":["../../../src/ui/tags.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAAA;CAC9D;AAED,QAAA,MAAM,IAAI,kFA8BT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/src/ui/tags.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { X } from "lucide-react";
+import { cn } from "../utils";
+import { Badge } from "../badge";
+const Tags = React.forwardRef(({ className, tags, onRemove, variant = "default", ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("flex flex-wrap gap-2", className), ...props, children: tags.map((tag) => (_jsxs(Badge, { variant: variant, className: cn("gap-1", onRemove && "pr-1"), children: [tag.label, onRemove && (_jsxs("button", { type: "button", onClick: () => onRemove(tag.id), className: "ml-1 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10", children: [_jsx(X, { className: "h-3 w-3" }), _jsxs("span", { className: "sr-only", children: ["Remove ", tag.label] })] }))] }, tag.id))) }));
+});
+Tags.displayName = "Tags";
+export { Tags };

package/dist/src/ui/ticker.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface TickerProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    speed?: number;
+    direction?: "left" | "right";
+    pauseOnHover?: boolean;
+}
+declare const Ticker: React.ForwardRefExoticComponent<TickerProps & React.RefAttributes<HTMLDivElement>>;
+export { Ticker };
+//# sourceMappingURL=ticker.d.ts.map

package/dist/src/ui/ticker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ticker.d.ts","sourceRoot":"","sources":["../../../src/ui/ticker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,QAAA,MAAM,MAAM,oFAkCX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/src/ui/ticker.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils";
+const Ticker = React.forwardRef(({ className, children, speed = 50, direction = "left", pauseOnHover = true, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("group relative overflow-hidden", className), ...props, children: _jsxs("div", { className: cn("flex w-fit animate-scroll", pauseOnHover && "group-hover:[animation-play-state:paused]"), style: {
+                animationDuration: `${speed}s`,
+                animationDirection: direction === "right" ? "reverse" : "normal",
+            }, children: [children, children] }) }));
+});
+Ticker.displayName = "Ticker";
+export { Ticker };

package/dist/src/utils.d.ts

@@ -0,0 +1,5 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function formatDate(input: string | number): string;
+export declare function absoluteUrl(path: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAOzD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,UAEvC"}

package/dist/src/utils.js

@@ -0,0 +1,16 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export function formatDate(input) {
+    const date = new Date(input);
+    return date.toLocaleDateString("en-US", {
+        month: "long",
+        day: "numeric",
+        year: "numeric",
+    });
+}
+export function absoluteUrl(path) {
+    return `${process.env.NEXT_PUBLIC_APP_URL || ''}${path}`;
+}

package/dist/style/theme-provider.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { ThemeProviderProps } from "next-themes";
+declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export default ThemeProvider;
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/style/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../style/theme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAW/C,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/style/theme-provider.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+const ThemeProvider = ({ children, ...props }) => (_jsx(NextThemesProvider, { attribute: "class", ...props, value: {
+        light: 'hanzo-ui-light-theme',
+        dark: 'hanzo-ui-dark-theme'
+    }, children: children }));
+export default ThemeProvider;

package/dist/tabs.js

@@ -2,6 +2,7 @@
 'use strict';
 
 var TabsPrimitive = require('@radix-ui/react-tabs');
+var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
@@ -32,51 +33,96 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 __name(cn, "cn");
-var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = /* @__PURE__ */ __name(({
+function Tabs({
   className,
+  orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.List,
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Root,
+    {
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "group/tabs flex data-[orientation=horizontal]:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+__name(Tabs, "Tabs");
+var tabsListVariants = classVarianceAuthority.cva(
+  "group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
   {
-    className: cn(
-      "text-text-tertiary inline-flex h-10 items-center justify-center rounded-md bg-[#27252B] p-1",
-      className
-    ),
-    ...props
+    variants: {
+      variant: {
+        default: "bg-muted rounded-lg p-1",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
   }
-), "TabsList");
-TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = /* @__PURE__ */ __name(({
+);
+function TabsList({
   className,
+  variant = "default",
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.Trigger,
-  {
-    className: cn(
-      "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[#2D3239] data-[state=active]:text-white data-[state=active]:shadow-xs",
-      className
-    ),
-    ...props
-  }
-), "TabsTrigger");
-TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = /* @__PURE__ */ __name(({
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": variant,
+      className: cn(tabsListVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+__name(TabsList, "TabsList");
+function TabsTrigger({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.Content,
-  {
-    className: cn(
-      "ring-offset-background focus-visible:ring-ring mt-3 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden",
-      className
-    ),
-    ...props
-  }
-), "TabsContent");
-TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        // Default variant styles
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
+        // Active state
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+        // Line variant indicator
+        "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+__name(TabsTrigger, "TabsTrigger");
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none mt-2", className),
+      ...props
+    }
+  );
+}
+__name(TabsContent, "TabsContent");
 
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
+exports.tabsListVariants = tabsListVariants;

package/dist/tabs.mjs

@@ -1,5 +1,6 @@
 "use client";
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx } from 'react/jsx-runtime';
@@ -10,48 +11,92 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 __name(cn, "cn");
-var Tabs = TabsPrimitive.Root;
-var TabsList = /* @__PURE__ */ __name(({
+function Tabs({
   className,
+  orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ jsx(
-  TabsPrimitive.List,
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "group/tabs flex data-[orientation=horizontal]:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+__name(Tabs, "Tabs");
+var tabsListVariants = cva(
+  "group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
   {
-    className: cn(
-      "text-text-tertiary inline-flex h-10 items-center justify-center rounded-md bg-[#27252B] p-1",
-      className
-    ),
-    ...props
+    variants: {
+      variant: {
+        default: "bg-muted rounded-lg p-1",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
   }
-), "TabsList");
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = /* @__PURE__ */ __name(({
+);
+function TabsList({
   className,
+  variant = "default",
   ...props
-}) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Trigger,
-  {
-    className: cn(
-      "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[#2D3239] data-[state=active]:text-white data-[state=active]:shadow-xs",
-      className
-    ),
-    ...props
-  }
-), "TabsTrigger");
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = /* @__PURE__ */ __name(({
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": variant,
+      className: cn(tabsListVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+__name(TabsList, "TabsList");
+function TabsTrigger({
   className,
   ...props
-}) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Content,
-  {
-    className: cn(
-      "ring-offset-background focus-visible:ring-ring mt-3 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden",
-      className
-    ),
-    ...props
-  }
-), "TabsContent");
-TabsContent.displayName = TabsPrimitive.Content.displayName;
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        // Default variant styles
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
+        // Active state
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+        // Line variant indicator
+        "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+__name(TabsTrigger, "TabsTrigger");
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none mt-2", className),
+      ...props
+    }
+  );
+}
+__name(TabsContent, "TabsContent");
 
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };

package/dist/tailwind/colors.tailwind.d.ts

@@ -0,0 +1,53 @@
+declare function _default({ colors }: {
+    colors: any;
+}): {
+    inherit: any;
+    current: any;
+    transparent: any;
+    ring: string;
+    background: string;
+    overlay: string;
+    level: {
+        DEFAULT: string;
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+    };
+    accent: string;
+    foreground: string;
+    muted: {
+        DEFAULT: string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+    };
+    primary: {
+        DEFAULT: string;
+        lux: string;
+        hover: string;
+        fg: string;
+    };
+    secondary: {
+        DEFAULT: string;
+        lux: string;
+        hover: string;
+        fg: string;
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+    };
+    destructive: {
+        DEFAULT: string;
+        fg: string;
+    };
+    nav: {
+        DEFAULT: string;
+        hover: string;
+        current: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=colors.tailwind.d.ts.map

package/dist/tailwind/colors.tailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.tailwind.d.ts","sourceRoot":"","sources":["../../tailwind/colors.tailwind.js"],"names":[],"mappings":"AAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDb"}

package/dist/tailwind/colors.tailwind.js

@@ -0,0 +1,52 @@
+export default ({ colors }) => ({
+    inherit: colors.inherit,
+    current: colors.current,
+    transparent: colors.transparent,
+    ring: "var(--hz-ui-ring)",
+    background: 'var(--hz-ui-bg-0)',
+    // Should be partially transparent,
+    // so opacity animations in 'vaul' module and other 3rd party stuff work
+    overlay: 'var(--hz-ui-bg-overlay)',
+    // levels forward in z-index (a la Material Design)
+    level: {
+        DEFAULT: "var(--hz-ui-bg-0)",
+        '0': "var(--hz-ui-bg-0)",
+        '1': "var(--hz-ui-bg-1)",
+        '2': "var(--hz-ui-bg-2)",
+        '3': "var(--hz-ui-bg-3)",
+    },
+    accent: "var(--hz-ui-fg-0)", // full contrast (darkTheme:white) : heading and links hover
+    foreground: "var(--hz-ui-fg-body)", // body text off-white (bright enough to contrast to bg-level-1)
+    muted: {
+        DEFAULT: "var(--hz-ui-fg-2)", // de-emphasized: fine print
+        '1': "var(--hz-ui-fg-2)", // synonymous ^^^
+        '2': "var(--hz-ui-fg-3)", // disabled or very de-emphasized
+        '3': "var(--hz-ui-fg-4)", // very disabled ;)
+        '4': "var(--hz-ui-fg-5)", // disabled border
+    },
+    primary: {
+        DEFAULT: "var(--hz-ui-primary)",
+        lux: "var(--hz-ui-primary)", // in case there are two configs
+        hover: "var(--hz-ui-primary-hover)",
+        fg: "var(--hz-ui-primary-fg)",
+    },
+    secondary: {
+        DEFAULT: "var(--hz-ui-secondary)",
+        lux: "var(--hz-ui-secondary)", // in case there are two configs
+        hover: "var(--hz-ui-secondary-hover)",
+        fg: "var(--hz-ui-secondary-fg)",
+        '0': 'var(--hz-ui-secondary-0)',
+        '1': 'var(--hz-ui-secondary-1)',
+        '2': 'var(--hz-ui-secondary-2)',
+        '3': 'var(--hz-ui-secondary-3)',
+    },
+    destructive: {
+        DEFAULT: "var(--hz-ui-destructive)",
+        fg: "var(--hz-ui-destructive-fg)",
+    },
+    nav: {
+        DEFAULT: "var(--hz-ui-nav)",
+        hover: "var(--hz-ui-nav-hover)",
+        current: "var(--hz-ui-nav-current)",
+    },
+});

package/dist/tailwind/fontFamily.tailwind.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    sans: string[];
+    heading: string[];
+    nav: string[];
+    serif: string[];
+    mono: string[];
+};
+export default _default;
+//# sourceMappingURL=fontFamily.tailwind.d.ts.map

package/dist/tailwind/fontFamily.tailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontFamily.tailwind.d.ts","sourceRoot":"","sources":["../../tailwind/fontFamily.tailwind.ts"],"names":[],"mappings":";;;;;;;AAAA,wBAMC"}