@hanzo/ui 5.3.28 → 5.3.30

package/dist/ui/pill.mjs

@@ -0,0 +1,62 @@
+"use client";
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+var 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"
+    }
+  }
+);
+var Pill = React.forwardRef(
+  ({ className, variant, onRemove, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(pillVariants({ variant }), className),
+        ...props,
+        children: [
+          children,
+          onRemove && /* @__PURE__ */ 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: [
+                /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Remove" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Pill.displayName = "Pill";
+
+export { Pill, pillVariants };

package/dist/ui/spinner.js

@@ -0,0 +1,28 @@
+"use client";
+'use strict';
+
+var lucideReact = require('lucide-react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    lucideReact.Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+__name(Spinner, "Spinner");
+
+exports.Spinner = Spinner;

package/dist/ui/spinner.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { Loader2Icon } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+__name(Spinner, "Spinner");
+
+export { Spinner };

package/dist/ui/tags.js

@@ -0,0 +1,101 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var lucideReact = require('lucide-react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow",
+        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"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Badge = React__namespace.forwardRef(
+  ({ className, variant, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(badgeVariants({ variant }), className), ...props });
+  }
+);
+Badge.displayName = "Badge";
+var Tags = React__namespace.forwardRef(
+  ({ className, tags, onRemove, variant = "default", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-wrap gap-2", className),
+        ...props,
+        children: tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsxs(
+          Badge,
+          {
+            variant,
+            className: cn("gap-1", onRemove && "pr-1"),
+            children: [
+              tag.label,
+              onRemove && /* @__PURE__ */ jsxRuntime.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: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+                      "Remove ",
+                      tag.label
+                    ] })
+                  ]
+                }
+              )
+            ]
+          },
+          tag.id
+        ))
+      }
+    );
+  }
+);
+Tags.displayName = "Tags";
+
+exports.Tags = Tags;

package/dist/ui/tags.mjs

@@ -0,0 +1,79 @@
+"use client";
+import * as React from 'react';
+import { X } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow",
+        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"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Badge = React.forwardRef(
+  ({ className, variant, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn(badgeVariants({ variant }), className), ...props });
+  }
+);
+Badge.displayName = "Badge";
+var Tags = React.forwardRef(
+  ({ className, tags, onRemove, variant = "default", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-wrap gap-2", className),
+        ...props,
+        children: tags.map((tag) => /* @__PURE__ */ jsxs(
+          Badge,
+          {
+            variant,
+            className: cn("gap-1", onRemove && "pr-1"),
+            children: [
+              tag.label,
+              onRemove && /* @__PURE__ */ 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: [
+                    /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                      "Remove ",
+                      tag.label
+                    ] })
+                  ]
+                }
+              )
+            ]
+          },
+          tag.id
+        ))
+      }
+    );
+  }
+);
+Tags.displayName = "Tags";
+
+export { Tags };

package/dist/ui/ticker.js

@@ -0,0 +1,73 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+var Ticker = React__namespace.forwardRef(
+  ({
+    className,
+    children,
+    speed = 50,
+    direction = "left",
+    pauseOnHover = true,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn("group relative overflow-hidden", className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.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";
+
+exports.Ticker = Ticker;

package/dist/ui/ticker.mjs

@@ -0,0 +1,51 @@
+"use client";
+import * as React from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+var Ticker = React.forwardRef(
+  ({
+    className,
+    children,
+    speed = 50,
+    direction = "left",
+    pauseOnHover = true,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("group relative overflow-hidden", className),
+        ...props,
+        children: /* @__PURE__ */ 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 };