@bloomkit/react 0.1.3 → 0.1.6

package/dist/index.js

@@ -133,6 +133,21 @@ var buttonVariants = cva(
           "bg-[var(--bloom-accent3-deep)] text-white",
           "hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]",
           "active:translate-y-0 active:scale-[0.98]"
+        ],
+        danger: [
+          "bg-[var(--bloom-accent4-deep)] text-white",
+          "hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]",
+          "active:translate-y-0 active:scale-[0.98]"
+        ],
+        warning: [
+          "bg-[var(--bloom-accent2-deep)] text-white",
+          "hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]",
+          "active:translate-y-0 active:scale-[0.98]"
+        ],
+        success: [
+          "bg-[var(--bloom-accent1-deep)] text-white",
+          "hover:-translate-y-[2px] hover:shadow-[var(--bloom-shadow-hover)]",
+          "active:translate-y-0 active:scale-[0.98]"
         ]
       }
     },
@@ -383,18 +398,18 @@ import { forwardRef as forwardRef6 } from "react";
 import { cva as cva5 } from "class-variance-authority";
 var alertVariants = cva5(
   [
-    "relative rounded-[var(--bloom-radius)] p-[var(--space-lg)]",
-    "bg-[var(--bloom-surface)]",
-    "border-l-[4px]",
-    "font-[family-name:var(--bloom-font)]"
+    "relative flex gap-[var(--space-md)] items-start",
+    "rounded-[var(--bloom-radius-lg)] p-[var(--space-lg)]",
+    "font-[family-name:var(--bloom-font)]",
+    "border"
   ],
   {
     variants: {
       variant: {
-        info: "border-l-[var(--bloom-accent3)]",
-        success: "border-l-[var(--bloom-accent1)]",
-        warning: "border-l-[var(--bloom-accent2)]",
-        error: "border-l-[var(--bloom-accent4)]"
+        info: "bg-[var(--bloom-accent3)]/10 border-[var(--bloom-accent3)]/20",
+        success: "bg-[var(--bloom-accent1)]/10 border-[var(--bloom-accent1)]/20",
+        warning: "bg-[var(--bloom-accent2)]/10 border-[var(--bloom-accent2)]/20",
+        error: "bg-[var(--bloom-accent4)]/10 border-[var(--bloom-accent4)]/20"
       }
     },
     defaultVariants: {
@@ -402,11 +417,40 @@ var alertVariants = cva5(
     }
   }
 );
+var alertIconColors = {
+  info: "color-[var(--bloom-accent3-deep)]",
+  success: "color-[var(--bloom-accent1-deep)]",
+  warning: "color-[var(--bloom-accent2-deep)]",
+  error: "color-[var(--bloom-accent4-deep)]"
+};
 
 // src/components/alert/alert.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var variantIcons = {
+  success: /* @__PURE__ */ jsxs3("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx6("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx6("path", { d: "M6.5 10.5L8.5 12.5L13.5 7.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] }),
+  error: /* @__PURE__ */ jsxs3("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx6("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx6("path", { d: "M7.5 7.5L12.5 12.5M12.5 7.5L7.5 12.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] }),
+  warning: /* @__PURE__ */ jsxs3("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx6("path", { d: "M10 3L18 17H2L10 3Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx6("path", { d: "M10 8.5V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx6("circle", { cx: "10", cy: "14.5", r: "0.75", fill: "currentColor" })
+  ] }),
+  info: /* @__PURE__ */ jsxs3("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx6("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx6("path", { d: "M10 9V14", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx6("circle", { cx: "10", cy: "6.5", r: "0.75", fill: "currentColor" })
+  ] })
+};
 var Alert = forwardRef6(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx6("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })
+  ({ className, variant = "info", children, ...props }, ref) => /* @__PURE__ */ jsxs3("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props, children: [
+    /* @__PURE__ */ jsx6("div", { className: cn("shrink-0 mt-px", alertIconColors[variant ?? "info"]), children: variantIcons[variant ?? "info"] }),
+    /* @__PURE__ */ jsx6("div", { className: "flex-1 min-w-0", children })
+  ] })
 );
 Alert.displayName = "Alert";
 var AlertTitle = forwardRef6(
@@ -415,7 +459,7 @@ var AlertTitle = forwardRef6(
     {
       ref,
       className: cn(
-        "font-[family-name:var(--bloom-font-display)] text-[length:var(--bloom-text-subheading)] font-medium color-[var(--bloom-text)] mb-[var(--space-xs)]",
+        "font-[family-name:var(--bloom-font-display)] text-[length:var(--bloom-text-body)] font-medium color-[var(--bloom-text)]",
         className
       ),
       ...props
@@ -428,7 +472,7 @@ var AlertDescription = forwardRef6(
     "p",
     {
       ref,
-      className: cn("text-[length:var(--bloom-text-body)] color-[var(--bloom-text-secondary)]", className),
+      className: cn("text-[length:var(--bloom-text-caption)] color-[var(--bloom-text-secondary)] mt-[var(--space-xs)]", className),
       ...props
     }
   )
@@ -463,12 +507,12 @@ var avatarVariants = cva6(
 );
 
 // src/components/avatar/avatar.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var Avatar = forwardRef7(
   ({ className, size, initials, src, alt, ...props }, ref) => {
     const [imgError, setImgError] = useState2(false);
     const showImage = src && !imgError;
-    return /* @__PURE__ */ jsxs3("div", { ref, className: cn(avatarVariants({ size }), className), ...props, children: [
+    return /* @__PURE__ */ jsxs4("div", { ref, className: cn(avatarVariants({ size }), className), ...props, children: [
       /* @__PURE__ */ jsx7("span", { "aria-hidden": showImage || void 0, children: initials }),
       showImage && /* @__PURE__ */ jsx7(
         "img",
@@ -497,10 +541,10 @@ AvatarGroup.displayName = "AvatarGroup";
 
 // src/components/tooltip/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 function Tooltip({ content, children, side = "top", className }) {
-  return /* @__PURE__ */ jsxs4(TooltipPrimitive.Root, { children: [
+  return /* @__PURE__ */ jsxs5(TooltipPrimitive.Root, { children: [
     /* @__PURE__ */ jsx8(TooltipPrimitive.Trigger, { asChild: true, children }),
     /* @__PURE__ */ jsx8(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx8(
       TooltipPrimitive.Content,
@@ -508,8 +552,9 @@ function Tooltip({ content, children, side = "top", className }) {
         side,
         sideOffset: 8,
         className: cn(
-          "bloom z-50 rounded-[var(--bloom-radius-sm)]",
-          "bg-[var(--bloom-text)] color-[var(--bloom-bg)]",
+          "bloom z-50 rounded-[var(--bloom-radius)]",
+          "bg-[var(--bloom-surface)] color-[var(--bloom-text)]",
+          "border border-[var(--bloom-surface2)]",
           "px-[var(--space-md)] py-[var(--space-sm)]",
           "text-[length:var(--bloom-text-caption)] font-[family-name:var(--bloom-font)]",
           "shadow-[var(--bloom-shadow)]",
@@ -542,7 +587,7 @@ var progressFillVariants = cva7([
 ]);
 
 // src/components/progress/progress.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var Progress = forwardRef8(
   ({ className, value = 0, ...props }, ref) => {
     const clampedValue = Math.min(100, Math.max(0, value));
@@ -584,7 +629,7 @@ var ProgressCircular = forwardRef8(
         "aria-valuemax": 100,
         className: cn("inline-flex", className),
         ...props,
-        children: /* @__PURE__ */ jsxs5("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
+        children: /* @__PURE__ */ jsxs6("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
           /* @__PURE__ */ jsx9(
             "circle",
             {
@@ -624,9 +669,9 @@ ProgressCircular.displayName = "ProgressCircular";
 // src/components/slider/slider.tsx
 import { forwardRef as forwardRef9 } from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var Slider = forwardRef9(
-  ({ className, disabled, ...props }, ref) => /* @__PURE__ */ jsxs6(
+  ({ className, disabled, ...props }, ref) => /* @__PURE__ */ jsxs7(
     SliderPrimitive.Root,
     {
       ref,
@@ -681,9 +726,9 @@ Slider.displayName = "Slider";
 
 // src/components/modal/modal.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function Modal({ open, onOpenChange, title, description, children, className }) {
-  return /* @__PURE__ */ jsx11(DialogPrimitive.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs7(DialogPrimitive.Portal, { children: [
+  return /* @__PURE__ */ jsx11(DialogPrimitive.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs8(DialogPrimitive.Portal, { children: [
     /* @__PURE__ */ jsx11(
       DialogPrimitive.Overlay,
       {
@@ -694,7 +739,7 @@ function Modal({ open, onOpenChange, title, description, children, className })
         )
       }
     ),
-    /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs8(
       DialogPrimitive.Content,
       {
         className: cn(
@@ -749,9 +794,9 @@ function Modal({ open, onOpenChange, title, description, children, className })
 
 // src/components/dropdown/dropdown.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function Dropdown({ trigger, children, className }) {
-  return /* @__PURE__ */ jsxs8(DropdownMenuPrimitive.Root, { children: [
+  return /* @__PURE__ */ jsxs9(DropdownMenuPrimitive.Root, { children: [
     /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Trigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
       DropdownMenuPrimitive.Content,
@@ -881,7 +926,7 @@ TabsContent.displayName = "TabsContent";
 // src/components/date-picker/date-picker.tsx
 import { useState as useState3, useMemo as useMemo2 } from "react";
 import * as Popover from "@radix-ui/react-popover";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function getDaysInMonth(year, month) {
   return new Date(year, month + 1, 0).getDate();
 }
@@ -928,8 +973,8 @@ function DatePicker({ value, onChange, placeholder = "Select date", className })
     setOpen(false);
   };
   const formattedValue = value ? value.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : null;
-  return /* @__PURE__ */ jsxs9(Popover.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx14(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(Popover.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx14(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
       "button",
       {
         className: cn(
@@ -944,7 +989,7 @@ function DatePicker({ value, onChange, placeholder = "Select date", className })
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs9("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+          /* @__PURE__ */ jsxs10("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
             /* @__PURE__ */ jsx14("rect", { x: "2", y: "3", width: "12", height: "11", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
             /* @__PURE__ */ jsx14("path", { d: "M2 6h12", stroke: "currentColor", strokeWidth: "1.5" }),
             /* @__PURE__ */ jsx14("path", { d: "M5 1v3M11 1v3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
@@ -953,7 +998,7 @@ function DatePicker({ value, onChange, placeholder = "Select date", className })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx14(Popover.Portal, { children: /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsx14(Popover.Portal, { children: /* @__PURE__ */ jsxs10(
       Popover.Content,
       {
         sideOffset: 8,
@@ -967,7 +1012,7 @@ function DatePicker({ value, onChange, placeholder = "Select date", className })
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
         ),
         children: [
-          /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between mb-[var(--space-md)]", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between mb-[var(--space-md)]", children: [
             /* @__PURE__ */ jsx14(
               "button",
               {
@@ -977,7 +1022,7 @@ function DatePicker({ value, onChange, placeholder = "Select date", className })
                 children: /* @__PURE__ */ jsx14("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx14("path", { d: "M10 4l-4 4 4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
               }
             ),
-            /* @__PURE__ */ jsxs9("span", { className: "font-[family-name:var(--bloom-font-display)] text-[length:var(--bloom-text-body)] font-medium color-[var(--bloom-text)]", children: [
+            /* @__PURE__ */ jsxs10("span", { className: "font-[family-name:var(--bloom-font-display)] text-[length:var(--bloom-text-body)] font-medium color-[var(--bloom-text)]", children: [
               MONTH_NAMES[viewMonth],
               " ",
               viewYear
@@ -1030,22 +1075,23 @@ import {
 import { cva as cva9 } from "class-variance-authority";
 var toastVariants = cva9(
   [
-    "relative flex items-start gap-[var(--space-md)]",
+    "relative flex items-center gap-[var(--space-md)]",
     "w-full max-w-[380px]",
-    "rounded-[var(--bloom-radius)]",
-    "bg-[var(--bloom-surface)] p-[var(--space-lg)]",
+    "rounded-[var(--bloom-radius-lg)]",
+    "p-[var(--space-lg)]",
     "shadow-[var(--bloom-shadow-hover)]",
-    "border border-[var(--bloom-surface2)]",
+    "border",
     "font-[family-name:var(--bloom-font)]",
-    "overflow-hidden"
+    "overflow-hidden",
+    "animate-in fade-in-0 slide-in-from-bottom-4"
   ],
   {
     variants: {
       variant: {
-        info: "border-l-[4px] border-l-[var(--bloom-accent3)]",
-        success: "border-l-[4px] border-l-[var(--bloom-accent1)]",
-        warning: "border-l-[4px] border-l-[var(--bloom-accent2)]",
-        error: "border-l-[4px] border-l-[var(--bloom-accent4)]"
+        info: "bg-[var(--bloom-surface)] border-[var(--bloom-surface2)]",
+        success: "bg-[var(--bloom-accent1)]/10 border-[var(--bloom-accent1)]/20",
+        warning: "bg-[var(--bloom-accent2)]/10 border-[var(--bloom-accent2)]/20",
+        error: "bg-[var(--bloom-accent4)]/10 border-[var(--bloom-accent4)]/20"
       }
     },
     defaultVariants: {
@@ -1053,9 +1099,15 @@ var toastVariants = cva9(
     }
   }
 );
+var toastIconColors = {
+  info: "color-[var(--bloom-accent3-deep)]",
+  success: "color-[var(--bloom-accent1-deep)]",
+  warning: "color-[var(--bloom-accent2-deep)]",
+  error: "color-[var(--bloom-accent4-deep)]"
+};
 
 // src/components/toast/toast.tsx
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var ToastContext = createContext(null);
 function useToast() {
   const ctx = useContext(ToastContext);
@@ -1072,19 +1124,41 @@ function ToastProvider({ children }) {
   const dismiss = useCallback((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  return /* @__PURE__ */ jsxs10(ToastContext.Provider, { value: { toast }, children: [
+  return /* @__PURE__ */ jsxs11(ToastContext.Provider, { value: { toast }, children: [
     children,
     /* @__PURE__ */ jsx15("div", { className: "bloom fixed bottom-[var(--space-xl)] right-[var(--space-xl)] z-[100] flex flex-col gap-[var(--space-md)]", children: toasts.map((t) => /* @__PURE__ */ jsx15(ToastItem, { toast: t, onDismiss: dismiss }, t.id)) })
   ] });
 }
+var variantIcons2 = {
+  success: /* @__PURE__ */ jsxs11("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx15("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx15("path", { d: "M6.5 10.5L8.5 12.5L13.5 7.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] }),
+  error: /* @__PURE__ */ jsxs11("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx15("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx15("path", { d: "M7.5 7.5L12.5 12.5M12.5 7.5L7.5 12.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] }),
+  warning: /* @__PURE__ */ jsxs11("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx15("path", { d: "M10 3L18 17H2L10 3Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx15("path", { d: "M10 8.5V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx15("circle", { cx: "10", cy: "14.5", r: "0.75", fill: "currentColor" })
+  ] }),
+  info: /* @__PURE__ */ jsxs11("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx15("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx15("path", { d: "M10 9V14", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx15("circle", { cx: "10", cy: "6.5", r: "0.75", fill: "currentColor" })
+  ] })
+};
 function ToastItem({ toast: t, onDismiss }) {
   const duration = t.duration ?? 4e3;
+  const variant = t.variant ?? "info";
   useEffect2(() => {
     const timer = setTimeout(() => onDismiss(t.id), duration);
     return () => clearTimeout(timer);
   }, [t.id, duration, onDismiss]);
-  return /* @__PURE__ */ jsxs10("div", { className: cn(toastVariants({ variant: t.variant })), children: [
-    /* @__PURE__ */ jsxs10("div", { className: "flex-1", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: cn(toastVariants({ variant: t.variant })), children: [
+    /* @__PURE__ */ jsx15("div", { className: cn("shrink-0 mt-[1px]", toastIconColors[variant]), children: variantIcons2[variant] }),
+    /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
       /* @__PURE__ */ jsx15("p", { className: "text-[length:var(--bloom-text-body)] font-medium color-[var(--bloom-text)]", children: t.title }),
       t.description && /* @__PURE__ */ jsx15("p", { className: "text-[length:var(--bloom-text-caption)] color-[var(--bloom-text-secondary)] mt-[var(--space-xs)]", children: t.description })
     ] }),
@@ -1092,19 +1166,10 @@ function ToastItem({ toast: t, onDismiss }) {
       "button",
       {
         onClick: () => onDismiss(t.id),
-        className: "color-[var(--bloom-text-secondary)] hover:color-[var(--bloom-text)] transition-colors shrink-0",
+        className: "color-[var(--bloom-text-secondary)] hover:color-[var(--bloom-text)] transition-colors shrink-0 rounded-full h-[28px] w-[28px] inline-flex items-center justify-center hover:bg-[var(--bloom-surface2)]",
         "aria-label": "Dismiss",
         children: /* @__PURE__ */ jsx15("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx15("path", { d: "M12 4L4 12M4 4l8 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
       }
-    ),
-    /* @__PURE__ */ jsx15(
-      "div",
-      {
-        className: "absolute bottom-0 left-0 h-[2px] bg-[var(--bloom-accent1-deep)]/40",
-        style: {
-          animation: `bloom-shrink ${duration}ms linear forwards`
-        }
-      }
     )
   ] });
 }