@hanzo/ui 5.3.41 → 5.4.1

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface AnnouncementProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+}
+declare const Announcement: React.ForwardRefExoticComponent<AnnouncementProps & React.RefAttributes<HTMLDivElement>>;
+export { Announcement };
+//# sourceMappingURL=announcement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"announcement.d.ts","sourceRoot":"","sources":["../../../src/ui/announcement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,YAAY,0FAmCjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/src/ui/announcement.js

@@ -0,0 +1,18 @@
+"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 { Button } from "../button";
+const Announcement = React.forwardRef(({ className, children, dismissible = true, onDismiss, ...props }, ref) => {
+    const [isVisible, setIsVisible] = React.useState(true);
+    const handleDismiss = () => {
+        setIsVisible(false);
+        onDismiss?.();
+    };
+    if (!isVisible)
+        return null;
+    return (_jsxs("div", { ref: ref, className: cn("relative flex items-center gap-4 rounded-lg border bg-background px-4 py-3 text-sm", className), ...props, children: [_jsx("div", { className: "flex-1", children: children }), dismissible && (_jsxs(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: handleDismiss, children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Dismiss" })] }))] }));
+});
+Announcement.displayName = "Announcement";
+export { Announcement };

package/dist/src/ui/avatar-group.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: Array<{
+        src?: string;
+        alt?: string;
+        fallback: string;
+    }>;
+    max?: number;
+}
+declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { AvatarGroup };
+//# sourceMappingURL=avatar-group.d.ts.map

package/dist/src/ui/avatar-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../../src/ui/avatar-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,KAAK,CAAC;QACX,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAC,CAAA;IACF,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,QAAA,MAAM,WAAW,yFAqBhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/src/ui/avatar-group.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils";
+import { Avatar, AvatarFallback, AvatarImage, } from "../avatar";
+const AvatarGroup = React.forwardRef(({ className, items, max = 5, ...props }, ref) => {
+    const displayItems = items.slice(0, max);
+    const remaining = items.length - max;
+    return (_jsxs("div", { ref: ref, className: cn("flex -space-x-4", className), ...props, children: [displayItems.map((item, index) => (_jsxs(Avatar, { className: "border-2 border-background", children: [_jsx(AvatarImage, { src: item.src, alt: item.alt }), _jsx(AvatarFallback, { children: item.fallback })] }, index))), remaining > 0 && (_jsx(Avatar, { className: "border-2 border-background", children: _jsxs(AvatarFallback, { children: ["+", remaining] }) }))] }));
+});
+AvatarGroup.displayName = "AvatarGroup";
+export { AvatarGroup };

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const bannerVariants: (props?: ({
+    variant?: "default" | "error" | "success" | "info" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bannerVariants> {
+    onClose?: () => void;
+}
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+export { Banner, bannerVariants };
+//# sourceMappingURL=banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/ui/banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,cAAc;;8EAmBnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,MAAM,oFAuBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/src/ui/banner.js

@@ -0,0 +1,25 @@
+"use client";
+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 bannerVariants = cva("relative w-full border-b px-4 py-3 text-sm [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
+    variants: {
+        variant: {
+            default: "bg-background text-foreground",
+            info: "border-blue-500/50 bg-blue-50 text-blue-900 dark:bg-blue-950 dark:text-blue-100 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400",
+            success: "border-green-500/50 bg-green-50 text-green-900 dark:bg-green-950 dark:text-green-100 [&>svg]:text-green-600 dark:[&>svg]:text-green-400",
+            warning: "border-yellow-500/50 bg-yellow-50 text-yellow-900 dark:bg-yellow-950 dark:text-yellow-100 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",
+            error: "border-red-500/50 bg-red-50 text-red-900 dark:bg-red-950 dark:text-red-100 [&>svg]:text-red-600 dark:[&>svg]:text-red-400",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Banner = React.forwardRef(({ className, variant, onClose, children, ...props }, ref) => {
+    return (_jsxs("div", { ref: ref, role: "alert", className: cn(bannerVariants({ variant }), className), ...props, children: [children, onClose && (_jsxs("button", { type: "button", onClick: onClose, className: "absolute right-4 top-3 rounded-md p-1 hover:bg-black/5 dark:hover:bg-white/5", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] }));
+});
+Banner.displayName = "Banner";
+export { Banner, bannerVariants };

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface CursorProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    cursorText?: string;
+    cursorSize?: number;
+}
+declare const Cursor: React.ForwardRefExoticComponent<CursorProps & React.RefAttributes<HTMLDivElement>>;
+export { Cursor };
+//# sourceMappingURL=cursor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cursor.d.ts","sourceRoot":"","sources":["../../../src/ui/cursor.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,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,QAAA,MAAM,MAAM,oFA4CX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/src/ui/cursor.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils";
+const Cursor = React.forwardRef(({ className, children, cursorText, cursorSize = 20, ...props }, ref) => {
+    const [position, setPosition] = React.useState({ x: 0, y: 0 });
+    const [isHovered, setIsHovered] = React.useState(false);
+    const handleMouseMove = (e) => {
+        const rect = e.currentTarget.getBoundingClientRect();
+        setPosition({
+            x: e.clientX - rect.left,
+            y: e.clientY - rect.top,
+        });
+    };
+    return (_jsxs("div", { ref: ref, className: cn("relative cursor-none", className), onMouseMove: handleMouseMove, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), ...props, children: [children, isHovered && (_jsx("div", { className: "pointer-events-none absolute z-50 flex items-center justify-center rounded-full bg-primary/20 backdrop-blur-sm transition-transform", style: {
+                    left: position.x,
+                    top: position.y,
+                    width: cursorSize,
+                    height: cursorSize,
+                    transform: "translate(-50%, -50%)",
+                }, children: cursorText && (_jsx("span", { className: "text-xs font-medium text-primary", children: cursorText })) }))] }));
+});
+Cursor.displayName = "Cursor";
+export { Cursor };

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/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"}

package/dist/tailwind/fontFamily.tailwind.js

@@ -0,0 +1,7 @@
+export default {
+    sans: ['sans-serif'],
+    heading: ['serif'],
+    nav: ['serif'],
+    serif: ['serif'],
+    mono: ['monospace']
+};

package/dist/tailwind/fontSize.tailwind.d.ts

@@ -0,0 +1,37 @@
+declare const _default: {
+    xxs: (string | {
+        lineHeight: string;
+    })[];
+    xs: (string | {
+        lineHeight: string;
+    })[];
+    sm: (string | {
+        lineHeight: string;
+    })[];
+    base: (string | {
+        lineHeight: number;
+    })[];
+    lg: (string | {
+        lineHeight: string;
+    })[];
+    xl: (string | {
+        lineHeight: string;
+    })[];
+    '2xl': (string | {
+        lineHeight: string;
+    })[];
+    '3xl': (string | {
+        lineHeight: string;
+    })[];
+    '4xl': (string | {
+        lineHeight: string;
+    })[];
+    '5xl': (string | {
+        lineHeight: string;
+    })[];
+    '6xl': (string | {
+        lineHeight: string;
+    })[];
+};
+export default _default;
+//# sourceMappingURL=fontSize.tailwind.d.ts.map

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

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

package/dist/tailwind/fontSize.tailwind.js

@@ -0,0 +1,13 @@
+export default {
+    xxs: ['0.65rem', { lineHeight: '0.8rem' }], // very fine print               
+    xs: ['0.8rem', { lineHeight: '1rem' }], // fine print               
+    sm: ['0.9rem', { lineHeight: '1.2rem' }], // 'standard' some news article cards  (set manually when using typography-sm)
+    base: ['1rem', { lineHeight: 1.4 }],
+    lg: ['1.125rem', { lineHeight: '1.75rem' }],
+    xl: ['1.25rem', { lineHeight: '1.75rem' }],
+    '2xl': ['1.5rem', { lineHeight: '2rem' }],
+    '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
+    '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
+    '5xl': ['3rem', { lineHeight: '1' }],
+    '6xl': ['3.75rem', { lineHeight: '1' }],
+};

package/dist/tailwind/index.d.ts

@@ -0,0 +1,4 @@
+import preset from './tailwind.config.hanzo-preset';
+import type TwFontDesc from './tw-font-desc';
+export { preset, type TwFontDesc };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../tailwind/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAA;AACnD,OAAO,KAAK,UAAU,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EACL,MAAM,EACN,KAAK,UAAU,EAChB,CAAA"}