@hanzo/ui 5.3.19 → 5.3.22

package/dist/types/index.mjs

@@ -1 +1,51 @@
-var e={xs:"0px",sm:"480px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1500px"};var o=Object.keys(e);var t={at:{xs:{columns:1,gap:2},md:{columns:1,gap:3},lg:{columns:1,gap:6}},mobile:{columns:1,gap:2}},p={at:{xs:{columns:1,gap:2},md:{columns:2,gap:3},lg:{columns:2,gap:6}},mobile:{columns:1,gap:2}},a={at:{xs:{columns:1,gap:2},md:{columns:3,gap:3},lg:{columns:3,gap:6}},mobile:{columns:1,gap:2}},r={at:{xs:{columns:1,gap:2},md:{columns:2,gap:3},lg:{columns:4,gap:6}},mobile:{columns:1,gap:2}};export{o as Breakpoints,t as COMMON_GRID_1_COL,p as COMMON_GRID_2_COL,a as COMMON_GRID_3_COL,r as COMMON_GRID_4_COL};
+// tailwind/screens.tailwind.js
+var screens_tailwind_default = {
+  xs: "0px",
+  // <-- phone
+  sm: "480px",
+  // phone --><-- sm tablets / narrow
+  md: "768px",
+  // sm tablets / narrow -->
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1500px"
+};
+
+// types/breakpoints.ts
+var Breakpoints = Object.keys(screens_tailwind_default);
+
+// types/grid-def.ts
+var COMMON_GRID_1_COL = {
+  at: {
+    xs: { columns: 1, gap: 2 },
+    md: { columns: 1, gap: 3 },
+    lg: { columns: 1, gap: 6 }
+  },
+  mobile: { columns: 1, gap: 2 }
+};
+var COMMON_GRID_2_COL = {
+  at: {
+    xs: { columns: 1, gap: 2 },
+    md: { columns: 2, gap: 3 },
+    lg: { columns: 2, gap: 6 }
+  },
+  mobile: { columns: 1, gap: 2 }
+};
+var COMMON_GRID_3_COL = {
+  at: {
+    xs: { columns: 1, gap: 2 },
+    md: { columns: 3, gap: 3 },
+    lg: { columns: 3, gap: 6 }
+  },
+  mobile: { columns: 1, gap: 2 }
+};
+var COMMON_GRID_4_COL = {
+  at: {
+    xs: { columns: 1, gap: 2 },
+    md: { columns: 2, gap: 3 },
+    lg: { columns: 4, gap: 6 }
+  },
+  mobile: { columns: 1, gap: 2 }
+};
+
+export { Breakpoints, COMMON_GRID_1_COL, COMMON_GRID_2_COL, COMMON_GRID_3_COL, COMMON_GRID_4_COL };

package/dist/ui/announcement.js

@@ -1 +1,129 @@
-'use strict';var a=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),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 a__namespace=/*#__PURE__*/_interopNamespace(a);var v=Object.defineProperty;var s=(e,t)=>v(e,"name",{value:t,configurable:true});function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}s(n,"cn");var R=classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),m=a__namespace.forwardRef(({className:e,variant:t,size:r,asChild:i=false,isLoading:o=false,children:u,...d},l)=>jsxRuntime.jsxs(i?reactSlot.Slot:"button",{className:n(R({variant:t,size:r,className:e})),ref:l,...d,children:[o?jsxRuntime.jsx(lucideReact.Loader2,{className:n("h-4 w-4 animate-spin",r!=="icon"&&"mr-2")}):null,o&&r==="icon"?null:u]}));m.displayName="Button";var P=a__namespace.forwardRef(({className:e,children:t,dismissible:r=true,onDismiss:i,...o},u)=>{let[d,l]=a__namespace.useState(true),p=s(()=>{l(false),i?.();},"handleDismiss");return d?jsxRuntime.jsxs("div",{ref:u,className:n("relative flex items-center gap-4 rounded-lg border bg-background px-4 py-3 text-sm",e),...o,children:[jsxRuntime.jsx("div",{className:"flex-1",children:t}),r&&jsxRuntime.jsxs(m,{variant:"ghost",size:"icon",className:"h-6 w-6",onClick:p,children:[jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Dismiss"})]})]}):null});P.displayName="Announcement";exports.Announcement=P;
+"use client";
+'use strict';
+
+var React2 = require('react');
+var lucideReact = require('lucide-react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+
+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 buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        // Keep the additional Hanzo variants for backward compatibility
+        primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        linkFG: "text-primary underline-offset-4 hover:underline",
+        linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React2__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props,
+        children: [
+          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.Loader2,
+            {
+              className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
+            }
+          ) : null,
+          isLoading && size === "icon" ? null : children
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Announcement = React2__namespace.forwardRef(
+  ({ className, children, dismissible = true, onDismiss, ...props }, ref) => {
+    const [isVisible, setIsVisible] = React2__namespace.useState(true);
+    const handleDismiss = /* @__PURE__ */ __name(() => {
+      setIsVisible(false);
+      onDismiss?.();
+    }, "handleDismiss");
+    if (!isVisible) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative flex items-center gap-4 rounded-lg border bg-background px-4 py-3 text-sm",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children }),
+          dismissible && /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-6 w-6",
+              onClick: handleDismiss,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Dismiss" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Announcement.displayName = "Announcement";
+
+exports.Announcement = Announcement;

package/dist/ui/announcement.mjs

@@ -1 +1,107 @@
-import*as a from'react';import {Loader2,X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';var v=Object.defineProperty;var s=(e,t)=>v(e,"name",{value:t,configurable:true});function n(...e){return twMerge(clsx(e))}s(n,"cn");var R=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),m=a.forwardRef(({className:e,variant:t,size:r,asChild:i=false,isLoading:o=false,children:u,...d},l)=>jsxs(i?Slot:"button",{className:n(R({variant:t,size:r,className:e})),ref:l,...d,children:[o?jsx(Loader2,{className:n("h-4 w-4 animate-spin",r!=="icon"&&"mr-2")}):null,o&&r==="icon"?null:u]}));m.displayName="Button";var P=a.forwardRef(({className:e,children:t,dismissible:r=true,onDismiss:i,...o},u)=>{let[d,l]=a.useState(true),p=s(()=>{l(false),i?.();},"handleDismiss");return d?jsxs("div",{ref:u,className:n("relative flex items-center gap-4 rounded-lg border bg-background px-4 py-3 text-sm",e),...o,children:[jsx("div",{className:"flex-1",children:t}),r&&jsxs(m,{variant:"ghost",size:"icon",className:"h-6 w-6",onClick:p,children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Dismiss"})]})]}):null});P.displayName="Announcement";export{P as Announcement};
+"use client";
+import * as React2 from 'react';
+import { Loader2, X } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { 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 buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        // Keep the additional Hanzo variants for backward compatibility
+        primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        linkFG: "text-primary underline-offset-4 hover:underline",
+        linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React2.forwardRef(
+  ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsxs(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props,
+        children: [
+          isLoading ? /* @__PURE__ */ jsx(
+            Loader2,
+            {
+              className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
+            }
+          ) : null,
+          isLoading && size === "icon" ? null : children
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Announcement = React2.forwardRef(
+  ({ className, children, dismissible = true, onDismiss, ...props }, ref) => {
+    const [isVisible, setIsVisible] = React2.useState(true);
+    const handleDismiss = /* @__PURE__ */ __name(() => {
+      setIsVisible(false);
+      onDismiss?.();
+    }, "handleDismiss");
+    if (!isVisible) return null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative flex items-center gap-4 rounded-lg border bg-background px-4 py-3 text-sm",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-1", children }),
+          dismissible && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-6 w-6",
+              onClick: handleDismiss,
+              children: [
+                /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Dismiss" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Announcement.displayName = "Announcement";
+
+export { Announcement };

package/dist/ui/avatar-group.js

@@ -1 +1,88 @@
-'use strict';var A=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),e=require('@radix-ui/react-avatar'),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 A__namespace=/*#__PURE__*/_interopNamespace(A);var e__namespace=/*#__PURE__*/_interopNamespace(e);var b=Object.defineProperty;var o=(a,t)=>b(a,"name",{value:t,configurable:true});function i(...a){return tailwindMerge.twMerge(clsx.clsx(a))}o(i,"cn");var l=o(({className:a,ref:t,...r})=>jsxRuntime.jsx(e__namespace.Root,{className:i("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",a),ref:t,...r}),"Avatar");l.displayName=e__namespace.Root.displayName;var c=o(({className:a,ref:t,...r})=>jsxRuntime.jsx(e__namespace.Image,{className:i("aspect-square h-full w-full",a),ref:t,...r}),"AvatarImage");c.displayName=e__namespace.Image.displayName;var s=o(({className:a,ref:t,...r})=>jsxRuntime.jsx(e__namespace.Fallback,{className:i("bg-muted flex h-full w-full items-center justify-center rounded-full",a),ref:t,...r}),"AvatarFallback");s.displayName=e__namespace.Fallback.displayName;var k=A__namespace.forwardRef(({className:a,items:t,max:r=5,...u},d)=>{let R=t.slice(0,r),f=t.length-r;return jsxRuntime.jsxs("div",{ref:d,className:i("flex -space-x-4",a),...u,children:[R.map((m,P)=>jsxRuntime.jsxs(l,{className:"border-2 border-background",children:[jsxRuntime.jsx(c,{src:m.src,alt:m.alt}),jsxRuntime.jsx(s,{children:m.fallback})]},P)),f>0&&jsxRuntime.jsx(l,{className:"border-2 border-background",children:jsxRuntime.jsxs(s,{children:["+",f]})})]})});k.displayName="AvatarGroup";exports.AvatarGroup=k;
+"use client";
+'use strict';
+
+var React = require('react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var AvatarPrimitive = require('@radix-ui/react-avatar');
+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 AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+
+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 Avatar = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  AvatarPrimitive__namespace.Root,
+  {
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ref,
+    ...props
+  }
+), "Avatar");
+Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
+var AvatarImage = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  AvatarPrimitive__namespace.Image,
+  {
+    className: cn("aspect-square h-full w-full", className),
+    ref,
+    ...props
+  }
+), "AvatarImage");
+AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
+var AvatarFallback = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  AvatarPrimitive__namespace.Fallback,
+  {
+    className: cn(
+      "bg-muted flex h-full w-full items-center justify-center rounded-full",
+      className
+    ),
+    ref,
+    ...props
+  }
+), "AvatarFallback");
+AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
+var AvatarGroup = React__namespace.forwardRef(
+  ({ className, items, max = 5, ...props }, ref) => {
+    const displayItems = items.slice(0, max);
+    const remaining = items.length - max;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex -space-x-4", className), ...props, children: [
+      displayItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "border-2 border-background", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: item.src, alt: item.alt }),
+        /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: item.fallback })
+      ] }, index)),
+      remaining > 0 && /* @__PURE__ */ jsxRuntime.jsx(Avatar, { className: "border-2 border-background", children: /* @__PURE__ */ jsxRuntime.jsxs(AvatarFallback, { children: [
+        "+",
+        remaining
+      ] }) })
+    ] });
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+
+exports.AvatarGroup = AvatarGroup;

package/dist/ui/avatar-group.mjs

@@ -1 +1,65 @@
-import*as A from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as e from'@radix-ui/react-avatar';import {jsxs,jsx}from'react/jsx-runtime';var b=Object.defineProperty;var o=(a,t)=>b(a,"name",{value:t,configurable:true});function i(...a){return twMerge(clsx(a))}o(i,"cn");var l=o(({className:a,ref:t,...r})=>jsx(e.Root,{className:i("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",a),ref:t,...r}),"Avatar");l.displayName=e.Root.displayName;var c=o(({className:a,ref:t,...r})=>jsx(e.Image,{className:i("aspect-square h-full w-full",a),ref:t,...r}),"AvatarImage");c.displayName=e.Image.displayName;var s=o(({className:a,ref:t,...r})=>jsx(e.Fallback,{className:i("bg-muted flex h-full w-full items-center justify-center rounded-full",a),ref:t,...r}),"AvatarFallback");s.displayName=e.Fallback.displayName;var k=A.forwardRef(({className:a,items:t,max:r=5,...u},d)=>{let R=t.slice(0,r),f=t.length-r;return jsxs("div",{ref:d,className:i("flex -space-x-4",a),...u,children:[R.map((m,P)=>jsxs(l,{className:"border-2 border-background",children:[jsx(c,{src:m.src,alt:m.alt}),jsx(s,{children:m.fallback})]},P)),f>0&&jsx(l,{className:"border-2 border-background",children:jsxs(s,{children:["+",f]})})]})});k.displayName="AvatarGroup";export{k as AvatarGroup};
+"use client";
+import * as React from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+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 Avatar = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ref,
+    ...props
+  }
+), "Avatar");
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    className: cn("aspect-square h-full w-full", className),
+    ref,
+    ...props
+  }
+), "AvatarImage");
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    className: cn(
+      "bg-muted flex h-full w-full items-center justify-center rounded-full",
+      className
+    ),
+    ref,
+    ...props
+  }
+), "AvatarFallback");
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+var AvatarGroup = React.forwardRef(
+  ({ className, items, max = 5, ...props }, ref) => {
+    const displayItems = items.slice(0, max);
+    const remaining = items.length - max;
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex -space-x-4", className), ...props, children: [
+      displayItems.map((item, index) => /* @__PURE__ */ jsxs(Avatar, { className: "border-2 border-background", children: [
+        /* @__PURE__ */ jsx(AvatarImage, { src: item.src, alt: item.alt }),
+        /* @__PURE__ */ jsx(AvatarFallback, { children: item.fallback })
+      ] }, index)),
+      remaining > 0 && /* @__PURE__ */ jsx(Avatar, { className: "border-2 border-background", children: /* @__PURE__ */ jsxs(AvatarFallback, { children: [
+        "+",
+        remaining
+      ] }) })
+    ] });
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+
+export { AvatarGroup };

package/dist/ui/banner.js

@@ -1 +1,85 @@
-'use strict';var l=require('react'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-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 l__namespace=/*#__PURE__*/_interopNamespace(l);var b=Object.defineProperty;var a=(e,t)=>b(e,"name",{value:t,configurable:true});function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}a(n,"cn");var x=classVarianceAuthority.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"}}),m=l__namespace.forwardRef(({className:e,variant:t,onClose:r,children:d,...g},i)=>jsxRuntime.jsxs("div",{ref:i,role:"alert",className:n(x({variant:t}),e),...g,children:[d,r&&jsxRuntime.jsxs("button",{type:"button",onClick:r,className:"absolute right-4 top-3 rounded-md p-1 hover:bg-black/5 dark:hover:bg-white/5",children:[jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]}));m.displayName="Banner";exports.Banner=m;exports.bannerVariants=x;
+"use client";
+'use strict';
+
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-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 bannerVariants = classVarianceAuthority.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"
+    }
+  }
+);
+var Banner = React__namespace.forwardRef(
+  ({ className, variant, onClose, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(bannerVariants({ variant }), className),
+        ...props,
+        children: [
+          children,
+          onClose && /* @__PURE__ */ jsxRuntime.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: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Banner.displayName = "Banner";
+
+exports.Banner = Banner;
+exports.bannerVariants = bannerVariants;

package/dist/ui/banner.mjs

@@ -1 +1,62 @@
-import*as l 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 b=Object.defineProperty;var a=(e,t)=>b(e,"name",{value:t,configurable:true});function n(...e){return twMerge(clsx(e))}a(n,"cn");var x=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"}}),m=l.forwardRef(({className:e,variant:t,onClose:r,children:d,...g},i)=>jsxs("div",{ref:i,role:"alert",className:n(x({variant:t}),e),...g,children:[d,r&&jsxs("button",{type:"button",onClick:r,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"})]})]}));m.displayName="Banner";export{m as Banner,x as bannerVariants};
+"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 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"
+    }
+  }
+);
+var Banner = React.forwardRef(
+  ({ className, variant, onClose, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(bannerVariants({ variant }), className),
+        ...props,
+        children: [
+          children,
+          onClose && /* @__PURE__ */ 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: [
+                /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Banner.displayName = "Banner";
+
+export { Banner, bannerVariants };