@hanzo/ui 5.3.19 → 5.3.22

package/dist/ui/pill.mjs

@@ -1 +1,62 @@
-import*as s 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 d=Object.defineProperty;var a=(e,r)=>d(e,"name",{value:r,configurable:true});function n(...e){return twMerge(clsx(e))}a(n,"cn");var f=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"}}),y=s.forwardRef(({className:e,variant:r,onRemove:t,children:i,...p},c)=>jsxs("span",{ref:c,className:n(f({variant:r}),e),...p,children:[i,t&&jsxs("button",{type:"button",onClick:t,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"})]})]}));y.displayName="Pill";export{y as Pill,f as pillVariants};
+"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

@@ -1 +1,28 @@
-'use strict';var lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');var o=Object.defineProperty;var r=(e,t)=>o(e,"name",{value:t,configurable:true});function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}r(n,"cn");function L({className:e,...t}){return jsxRuntime.jsx(lucideReact.Loader2Icon,{role:"status","aria-label":"Loading",className:n("size-4 animate-spin",e),...t})}r(L,"Spinner");exports.Spinner=L;
+"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

@@ -1 +1,26 @@
-import {Loader2Icon}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var o=Object.defineProperty;var r=(e,t)=>o(e,"name",{value:t,configurable:true});function n(...e){return twMerge(clsx(e))}r(n,"cn");function L({className:e,...t}){return jsx(Loader2Icon,{role:"status","aria-label":"Loading",className:n("size-4 animate-spin",e),...t})}r(L,"Spinner");export{L as Spinner};
+"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

@@ -1 +1,101 @@
-'use strict';var l=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),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 l__namespace=/*#__PURE__*/_interopNamespace(l);var f=Object.defineProperty;var d=(e,r)=>f(e,"name",{value:r,configurable:true});function a(...e){return tailwindMerge.twMerge(clsx.clsx(e))}d(a,"cn");var x=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"}}),s=l__namespace.forwardRef(({className:e,variant:r,...t},n)=>jsxRuntime.jsx("div",{ref:n,className:a(x({variant:r}),e),...t}));s.displayName="Badge";var T=l__namespace.forwardRef(({className:e,tags:r,onRemove:t,variant:n="default",...g},u)=>jsxRuntime.jsx("div",{ref:u,className:a("flex flex-wrap gap-2",e),...g,children:r.map(o=>jsxRuntime.jsxs(s,{variant:n,className:a("gap-1",t&&"pr-1"),children:[o.label,t&&jsxRuntime.jsxs("button",{type:"button",onClick:()=>t(o.id),className:"ml-1 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",children:[jsxRuntime.jsx(lucideReact.X,{className:"h-3 w-3"}),jsxRuntime.jsxs("span",{className:"sr-only",children:["Remove ",o.label]})]})]},o.id))}));T.displayName="Tags";exports.Tags=T;
+"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

@@ -1 +1,79 @@
-import*as l 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 f=Object.defineProperty;var d=(e,r)=>f(e,"name",{value:r,configurable:true});function a(...e){return twMerge(clsx(e))}d(a,"cn");var x=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"}}),s=l.forwardRef(({className:e,variant:r,...t},n)=>jsx("div",{ref:n,className:a(x({variant:r}),e),...t}));s.displayName="Badge";var T=l.forwardRef(({className:e,tags:r,onRemove:t,variant:n="default",...g},u)=>jsx("div",{ref:u,className:a("flex flex-wrap gap-2",e),...g,children:r.map(o=>jsxs(s,{variant:n,className:a("gap-1",t&&"pr-1"),children:[o.label,t&&jsxs("button",{type:"button",onClick:()=>t(o.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 ",o.label]})]})]},o.id))}));T.displayName="Tags";export{T as Tags};
+"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

@@ -1 +1,73 @@
-'use strict';var o=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),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 o__namespace=/*#__PURE__*/_interopNamespace(o);var m=Object.defineProperty;var n=(e,t)=>m(e,"name",{value:t,configurable:true});function r(...e){return tailwindMerge.twMerge(clsx.clsx(e))}n(r,"cn");var f=o__namespace.forwardRef(({className:e,children:t,speed:a=50,direction:i="left",pauseOnHover:s=true,...c},l)=>jsxRuntime.jsx("div",{ref:l,className:r("group relative overflow-hidden",e),...c,children:jsxRuntime.jsxs("div",{className:r("flex w-fit animate-scroll",s&&"group-hover:[animation-play-state:paused]"),style:{animationDuration:`${a}s`,animationDirection:i==="right"?"reverse":"normal"},children:[t,t]})}));f.displayName="Ticker";exports.Ticker=f;
+"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

@@ -1 +1,51 @@
-import*as o from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';var m=Object.defineProperty;var n=(e,t)=>m(e,"name",{value:t,configurable:true});function r(...e){return twMerge(clsx(e))}n(r,"cn");var f=o.forwardRef(({className:e,children:t,speed:a=50,direction:i="left",pauseOnHover:s=true,...c},l)=>jsx("div",{ref:l,className:r("group relative overflow-hidden",e),...c,children:jsxs("div",{className:r("flex w-fit animate-scroll",s&&"group-hover:[animation-play-state:paused]"),style:{animationDuration:`${a}s`,animationDirection:i==="right"?"reverse":"normal"},children:[t,t]})}));f.displayName="Ticker";export{f as Ticker};
+"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 };