@mieweb/ui 0.2.4 → 0.3.0-dev.100

package/dist/{chunk-XXOBTAKA.js → chunk-JWUVVPKM.js}

@@ -56,7 +56,7 @@ var cardVariants = cva(
 var cardAccentVariants = cva("absolute left-0 top-0 bottom-0 w-1", {
   variants: {
     color: {
-      primary: "bg-primary-500",
+      primary: "bg-primary-800",
       success: "bg-success",
       warning: "bg-warning",
       destructive: "bg-destructive",
@@ -93,6 +93,7 @@ var Card = React.forwardRef(
           accent && "pl-4",
           className
         ),
+        "data-slot": "card",
         "data-loading": loading || void 0,
         "aria-busy": loading || void 0,
         ...props,
@@ -105,9 +106,9 @@ var Card = React.forwardRef(
             }
           ),
           loading && /* @__PURE__ */ jsx("div", { className: "bg-card/80 absolute inset-0 z-10 flex items-center justify-center backdrop-blur-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsx("div", { className: "bg-primary-500 h-2 w-2 animate-bounce rounded-full [animation-delay:-0.3s]" }),
-            /* @__PURE__ */ jsx("div", { className: "bg-primary-500 h-2 w-2 animate-bounce rounded-full [animation-delay:-0.15s]" }),
-            /* @__PURE__ */ jsx("div", { className: "bg-primary-500 h-2 w-2 animate-bounce rounded-full" })
+            /* @__PURE__ */ jsx("div", { className: "bg-primary-800 h-2 w-2 animate-bounce rounded-full [animation-delay:-0.3s]" }),
+            /* @__PURE__ */ jsx("div", { className: "bg-primary-800 h-2 w-2 animate-bounce rounded-full [animation-delay:-0.15s]" }),
+            /* @__PURE__ */ jsx("div", { className: "bg-primary-800 h-2 w-2 animate-bounce rounded-full" })
           ] }) }),
           children
         ]
@@ -120,15 +121,17 @@ var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   "div",
   {
     ref,
+    "data-slot": "card-header",
     className: cn("flex flex-col gap-1.5 pb-4", className),
     ...props
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  "h3",
+var CardTitle = React.forwardRef(({ className, children, as: Comp = "h3", ...props }, ref) => /* @__PURE__ */ jsx(
+  Comp,
   {
     ref,
+    "data-slot": "card-title",
     className: cn(
       "text-lg leading-none font-semibold tracking-tight",
       className
@@ -142,17 +145,27 @@ var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__P
   "p",
   {
     ref,
+    "data-slot": "card-description",
     className: cn("text-muted-foreground text-sm", className),
     ...props
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    "data-slot": "card-content",
+    className: cn("", className),
+    ...props
+  }
+));
 CardContent.displayName = "CardContent";
 var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
+    "data-slot": "card-footer",
     className: cn("flex items-center pt-4", className),
     ...props
   }
@@ -170,6 +183,7 @@ var CardMedia = React.forwardRef(
       "div",
       {
         ref,
+        "data-slot": "card-media",
         className: cn(
           "relative -mx-4 -mt-4 overflow-hidden first:rounded-t-xl",
           className
@@ -201,7 +215,7 @@ var CardBadge = React.forwardRef(
   }, ref) => {
     const variantClasses = {
       default: "bg-muted text-muted-foreground",
-      primary: "bg-primary-500 text-white",
+      primary: "bg-primary-800 text-white",
       success: "bg-success text-success-foreground",
       warning: "bg-warning text-warning-foreground",
       destructive: "bg-destructive text-destructive-foreground"
@@ -216,6 +230,7 @@ var CardBadge = React.forwardRef(
       "span",
       {
         ref,
+        "data-slot": "card-badge",
         className: cn(
           "absolute z-10 rounded-md px-2 py-1 text-xs font-medium",
           variantClasses[variant],
@@ -242,6 +257,7 @@ var CardActions = React.forwardRef(
       "div",
       {
         ref,
+        "data-slot": "card-actions",
         className: cn(
           "flex items-center gap-2 pt-4",
           alignClasses[align],
@@ -258,6 +274,7 @@ var CardDivider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   "hr",
   {
     ref,
+    "data-slot": "card-divider",
     className: cn("border-border -mx-4 my-4", className),
     ...props
   }
@@ -282,51 +299,60 @@ var CardCollapsible = React.forwardRef(
         setInternalExpanded(!expanded);
       }
     };
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("", className), ...props, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleToggle,
-          className: "text-primary-600 focus-visible:ring-primary-500 flex items-center gap-1 rounded text-sm hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-          "aria-expanded": expanded,
-          children: typeof trigger === "string" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            expanded ? "Show less" : trigger,
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: cn(
-                  "h-4 w-4 transition-transform",
-                  expanded && "rotate-180"
-                ),
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsx(
-                  "path",
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "card-collapsible",
+        className: cn("", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleToggle,
+              className: "text-primary-800 focus-visible:ring-primary-500 flex items-center gap-1 rounded text-sm hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+              "aria-expanded": expanded,
+              children: typeof trigger === "string" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                expanded ? "Show less" : trigger,
+                /* @__PURE__ */ jsx(
+                  "svg",
                   {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M19 9l-7 7-7-7"
+                    className: cn(
+                      "h-4 w-4 transition-transform",
+                      expanded && "rotate-180"
+                    ),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M19 9l-7 7-7-7"
+                      }
+                    )
                   }
                 )
-              }
-            )
-          ] }) : trigger
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "grid transition-all duration-300 ease-in-out",
-            expanded ? "mt-3 grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+              ] }) : trigger
+            }
           ),
-          children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children })
-        }
-      )
-    ] });
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "grid transition-all duration-300 ease-in-out",
+                expanded ? "mt-3 grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+              ),
+              children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children })
+            }
+          )
+        ]
+      }
+    );
   }
 );
 CardCollapsible.displayName = "CardCollapsible";
@@ -336,10 +362,11 @@ var CardStat = React.forwardRef(
       "div",
       {
         ref,
+        "data-slot": "card-stat",
         className: cn("flex items-start gap-3", className),
         ...props,
         children: [
-          icon && /* @__PURE__ */ jsx("div", { className: "bg-primary-500/10 text-primary-600 rounded-lg p-2", children: icon }),
+          icon && /* @__PURE__ */ jsx("div", { className: "bg-primary-500/10 text-primary-800 rounded-lg p-2", children: icon }),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold tracking-tight", children: value }),
             /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-sm", children: label }),
@@ -386,5 +413,5 @@ var CardStat = React.forwardRef(
 CardStat.displayName = "CardStat";
 
 export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants };
-//# sourceMappingURL=chunk-XXOBTAKA.js.map
-//# sourceMappingURL=chunk-XXOBTAKA.js.map
+//# sourceMappingURL=chunk-JWUVVPKM.js.map
+//# sourceMappingURL=chunk-JWUVVPKM.js.map

package/dist/chunk-JWUVVPKM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.tsx"],"names":[],"mappings":"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","file":"chunk-JWUVVPKM.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst cardVariants = cva(\n  [\n    'rounded-xl bg-card text-card-foreground',\n    'border border-border',\n    'relative overflow-hidden',\n  ],\n  {\n    variants: {\n      padding: {\n        none: 'p-0',\n        sm: 'p-3',\n        md: 'p-4',\n        lg: 'p-6',\n        xl: 'p-8',\n      },\n      variant: {\n        default: 'shadow-card',\n        elevated: 'shadow-lg border-0',\n        outlined: 'shadow-none border-2',\n        ghost: 'shadow-none border-0 bg-transparent',\n        filled: 'shadow-none border-0 bg-muted',\n      },\n      interactive: {\n        true: [\n          'transition-all duration-200',\n          'hover:shadow-md hover:border-primary-200',\n          'dark:hover:border-primary-800',\n          'cursor-pointer',\n          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2',\n        ],\n        false: '',\n      },\n      selected: {\n        true: 'ring-2 ring-primary-500 border-primary-500',\n        false: '',\n      },\n      orientation: {\n        vertical: 'flex flex-col',\n        horizontal: 'flex flex-row',\n      },\n    },\n    defaultVariants: {\n      padding: 'md',\n      variant: 'default',\n      interactive: false,\n      selected: false,\n      orientation: 'vertical',\n    },\n  }\n);\n\nconst cardAccentVariants = cva('absolute left-0 top-0 bottom-0 w-1', {\n  variants: {\n    color: {\n      primary: 'bg-primary-800',\n      success: 'bg-success',\n      warning: 'bg-warning',\n      destructive: 'bg-destructive',\n      info: 'bg-primary-200',\n    },\n  },\n});\n\nexport interface CardProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof cardVariants> {\n  /** Semantic HTML element to render as */\n  as?: 'div' | 'article' | 'section' | 'aside';\n  /** Accent color bar on the left side */\n  accent?: 'primary' | 'success' | 'warning' | 'destructive' | 'info';\n  /** Loading state - shows skeleton overlay */\n  loading?: boolean;\n}\n\n/**\n * A card container component for grouping related content.\n *\n * @example\n * ```tsx\n * <Card padding=\"lg\" variant=\"elevated\">\n *   <CardHeader>\n *     <CardTitle>Card Title</CardTitle>\n *   </CardHeader>\n *   <CardContent>Card content goes here</CardContent>\n * </Card>\n * ```\n */\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      className,\n      padding,\n      variant,\n      interactive,\n      selected,\n      orientation,\n      accent,\n      loading,\n      as: Component = 'div',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <Component\n        ref={ref}\n        className={cn(\n          cardVariants({\n            padding,\n            variant,\n            interactive,\n            selected,\n            orientation,\n          }),\n          accent && 'pl-4',\n          className\n        )}\n        data-slot=\"card\"\n        data-loading={loading || undefined}\n        aria-busy={loading || undefined}\n        {...props}\n      >\n        {accent && (\n          <div\n            className={cn(cardAccentVariants({ color: accent }))}\n            aria-hidden=\"true\"\n          />\n        )}\n        {loading && (\n          <div className=\"bg-card/80 absolute inset-0 z-10 flex items-center justify-center backdrop-blur-sm\">\n            <div className=\"flex gap-1\">\n              <div className=\"bg-primary-800 h-2 w-2 animate-bounce rounded-full [animation-delay:-0.3s]\" />\n              <div className=\"bg-primary-800 h-2 w-2 animate-bounce rounded-full [animation-delay:-0.15s]\" />\n              <div className=\"bg-primary-800 h-2 w-2 animate-bounce rounded-full\" />\n            </div>\n          </div>\n        )}\n        {children}\n      </Component>\n    );\n  }\n);\n\nCard.displayName = 'Card';\n\n/**\n * Header section of a Card\n */\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"card-header\"\n    className={cn('flex flex-col gap-1.5 pb-4', className)}\n    {...props}\n  />\n));\n\nCardHeader.displayName = 'CardHeader';\n\n/**\n * Title for a Card\n */\nexport interface CardTitleProps extends React.HTMLAttributes<globalThis.HTMLHeadingElement> {\n  /** Heading level — defaults to `h3` */\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n}\n\nconst CardTitle = React.forwardRef<\n  globalThis.HTMLHeadingElement,\n  CardTitleProps\n>(({ className, children, as: Comp = 'h3', ...props }, ref) => (\n  <Comp\n    ref={ref}\n    data-slot=\"card-title\"\n    className={cn(\n      'text-lg leading-none font-semibold tracking-tight',\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </Comp>\n));\n\nCardTitle.displayName = 'CardTitle';\n\n/**\n * Description text for a Card\n */\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    data-slot=\"card-description\"\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\n\nCardDescription.displayName = 'CardDescription';\n\n/**\n * Main content area of a Card\n */\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"card-content\"\n    className={cn('', className)}\n    {...props}\n  />\n));\n\nCardContent.displayName = 'CardContent';\n\n/**\n * Footer section of a Card\n */\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"card-footer\"\n    className={cn('flex items-center pt-4', className)}\n    {...props}\n  />\n));\n\nCardFooter.displayName = 'CardFooter';\n\n/**\n * Image/Media section for a Card - typically used at the top\n */\nexport interface CardMediaProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** Aspect ratio of the media */\n  aspectRatio?: 'video' | 'square' | 'wide' | 'auto';\n  /** Optional overlay content */\n  overlay?: React.ReactNode;\n}\n\nconst CardMedia = React.forwardRef<HTMLDivElement, CardMediaProps>(\n  ({ className, aspectRatio = 'video', overlay, src, alt, ...props }, ref) => {\n    const aspectClasses = {\n      video: 'aspect-video',\n      square: 'aspect-square',\n      wide: 'aspect-[21/9]',\n      auto: '',\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-media\"\n        className={cn(\n          'relative -mx-4 -mt-4 overflow-hidden first:rounded-t-xl',\n          className\n        )}\n      >\n        <img\n          src={src}\n          alt={alt}\n          className={cn('w-full object-cover', aspectClasses[aspectRatio])}\n          {...props}\n        />\n        {overlay && (\n          <div className=\"absolute inset-0 flex items-end bg-gradient-to-t from-neutral-900/60 to-transparent p-4\">\n            {overlay}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nCardMedia.displayName = 'CardMedia';\n\n/**\n * Badge/Label component for Cards\n */\nexport interface CardBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Badge color variant */\n  variant?: 'default' | 'primary' | 'success' | 'warning' | 'destructive';\n  /** Position of the badge */\n  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n}\n\nconst CardBadge = React.forwardRef<HTMLSpanElement, CardBadgeProps>(\n  (\n    {\n      className,\n      variant = 'default',\n      position = 'top-right',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const variantClasses = {\n      default: 'bg-muted text-muted-foreground',\n      primary: 'bg-primary-800 text-white',\n      success: 'bg-success text-success-foreground',\n      warning: 'bg-warning text-warning-foreground',\n      destructive: 'bg-destructive text-destructive-foreground',\n    };\n\n    const positionClasses = {\n      'top-left': 'top-2 left-2',\n      'top-right': 'top-2 right-2',\n      'bottom-left': 'bottom-2 left-2',\n      'bottom-right': 'bottom-2 right-2',\n    };\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"card-badge\"\n        className={cn(\n          'absolute z-10 rounded-md px-2 py-1 text-xs font-medium',\n          variantClasses[variant],\n          positionClasses[position],\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </span>\n    );\n  }\n);\n\nCardBadge.displayName = 'CardBadge';\n\n/**\n * Actions area for Card buttons/links\n */\nexport interface CardActionsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Alignment of actions */\n  align?: 'left' | 'center' | 'right' | 'between' | 'around';\n}\n\nconst CardActions = React.forwardRef<HTMLDivElement, CardActionsProps>(\n  ({ className, align = 'right', children, ...props }, ref) => {\n    const alignClasses = {\n      left: 'justify-start',\n      center: 'justify-center',\n      right: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-actions\"\n        className={cn(\n          'flex items-center gap-2 pt-4',\n          alignClasses[align],\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nCardActions.displayName = 'CardActions';\n\n/**\n * Divider line within a Card\n */\nconst CardDivider = React.forwardRef<\n  globalThis.HTMLHRElement,\n  React.HTMLAttributes<globalThis.HTMLHRElement>\n>(({ className, ...props }, ref) => (\n  <hr\n    ref={ref}\n    data-slot=\"card-divider\"\n    className={cn('border-border -mx-4 my-4', className)}\n    {...props}\n  />\n));\n\nCardDivider.displayName = 'CardDivider';\n\n/**\n * Collapsible content section for Cards\n */\nexport interface CardCollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Whether the content is expanded */\n  expanded?: boolean;\n  /** Callback when expand state changes */\n  onExpandChange?: (expanded: boolean) => void;\n  /** Trigger element/text for expanding */\n  trigger?: React.ReactNode;\n}\n\nconst CardCollapsible = React.forwardRef<HTMLDivElement, CardCollapsibleProps>(\n  (\n    {\n      className,\n      expanded: controlledExpanded,\n      onExpandChange,\n      trigger = 'Show more',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalExpanded, setInternalExpanded] = React.useState(false);\n    const isControlled = controlledExpanded !== undefined;\n    const expanded = isControlled ? controlledExpanded : internalExpanded;\n\n    const handleToggle = () => {\n      if (isControlled) {\n        onExpandChange?.(!expanded);\n      } else {\n        setInternalExpanded(!expanded);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-collapsible\"\n        className={cn('', className)}\n        {...props}\n      >\n        <button\n          type=\"button\"\n          onClick={handleToggle}\n          className=\"text-primary-800 focus-visible:ring-primary-500 flex items-center gap-1 rounded text-sm hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\"\n          aria-expanded={expanded}\n        >\n          {typeof trigger === 'string' ? (\n            <>\n              {expanded ? 'Show less' : trigger}\n              <svg\n                className={cn(\n                  'h-4 w-4 transition-transform',\n                  expanded && 'rotate-180'\n                )}\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M19 9l-7 7-7-7\"\n                />\n              </svg>\n            </>\n          ) : (\n            trigger\n          )}\n        </button>\n        <div\n          className={cn(\n            'grid transition-all duration-300 ease-in-out',\n            expanded\n              ? 'mt-3 grid-rows-[1fr] opacity-100'\n              : 'grid-rows-[0fr] opacity-0'\n          )}\n        >\n          <div className=\"overflow-hidden\">{children}</div>\n        </div>\n      </div>\n    );\n  }\n);\n\nCardCollapsible.displayName = 'CardCollapsible';\n\n/**\n * Stat/Metric display for Cards\n */\nexport interface CardStatProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** The main value/number */\n  value: React.ReactNode;\n  /** Label describing the stat */\n  label: string;\n  /** Trend indicator */\n  trend?: { value: number; label?: string };\n  /** Icon to display */\n  icon?: React.ReactNode;\n}\n\nconst CardStat = React.forwardRef<HTMLDivElement, CardStatProps>(\n  ({ className, value, label, trend, icon, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-stat\"\n        className={cn('flex items-start gap-3', className)}\n        {...props}\n      >\n        {icon && (\n          <div className=\"bg-primary-500/10 text-primary-800 rounded-lg p-2\">\n            {icon}\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-2xl font-bold tracking-tight\">{value}</div>\n          <div className=\"text-muted-foreground text-sm\">{label}</div>\n          {trend && (\n            <div\n              className={cn(\n                'mt-1 flex items-center gap-1 text-sm',\n                trend.value >= 0 ? 'text-success' : 'text-destructive'\n              )}\n            >\n              <svg\n                className={cn('h-4 w-4', trend.value < 0 && 'rotate-180')}\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M5 10l7-7m0 0l7 7m-7-7v18\"\n                />\n              </svg>\n              <span>{Math.abs(trend.value)}%</span>\n              {trend.label && (\n                <span className=\"text-muted-foreground\">{trend.label}</span>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nCardStat.displayName = 'CardStat';\n\nexport {\n  Card,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  CardMedia,\n  CardBadge,\n  CardActions,\n  CardDivider,\n  CardCollapsible,\n  CardStat,\n  cardVariants,\n  cardAccentVariants,\n};\n"]}

package/dist/{chunk-EYH7OUX5.js → chunk-JYAWYBA3.js}

@@ -136,11 +136,21 @@ var miewebUISafelist = [
   "dark:text-neutral-400",
   "dark:border-neutral-600",
   "dark:border-neutral-700",
+  // Indigo (StripeBadge)
+  "bg-indigo-500/10",
+  "dark:bg-indigo-400/20",
+  "text-indigo-700",
+  "dark:text-indigo-300",
+  "border-indigo-500/30",
+  "hover:text-indigo-700",
+  "dark:hover:text-indigo-300",
   // Destructive scale
   "bg-destructive-50",
   "bg-destructive-100",
   "bg-destructive-500",
   "bg-destructive-600",
+  "bg-destructive-700",
+  "hover:bg-destructive-800",
   "text-destructive-500",
   "text-destructive-600",
   "text-destructive-700",
@@ -157,6 +167,8 @@ var miewebUISafelist = [
   "bg-success-100",
   "bg-success-500",
   "bg-success-600",
+  "bg-success-700",
+  "hover:bg-success-800",
   "text-success-500",
   "text-success-600",
   "text-success-700",
@@ -173,6 +185,8 @@ var miewebUISafelist = [
   "bg-warning-100",
   "bg-warning-500",
   "bg-warning-600",
+  "bg-warning-700",
+  "text-warning-900",
   "text-warning-500",
   "text-warning-600",
   "text-warning-700",
@@ -218,6 +232,11 @@ var miewebUISafelist = [
   "border-chart-5",
   // Switch component
   "bg-primary-500",
+  // Primary scale (a11y contrast)
+  "text-primary-800",
+  "dark:text-primary-300",
+  // Text decoration
+  "underline",
   "h-5",
   "w-9",
   "h-6",
@@ -308,13 +327,13 @@ var miewebUIPreset = {
         },
         // Destructive / error scale
         destructive: {
-          DEFAULT: "var(--mieweb-destructive-500, #ef4444)",
+          DEFAULT: "var(--mieweb-destructive, var(--mieweb-destructive-500, #dc2626))",
           50: "var(--mieweb-destructive-50, #fef2f2)",
           100: "var(--mieweb-destructive-100, #fee2e2)",
           200: "var(--mieweb-destructive-200, #fecaca)",
           300: "var(--mieweb-destructive-300, #fca5a5)",
           400: "var(--mieweb-destructive-400, #f87171)",
-          500: "var(--mieweb-destructive-500, #ef4444)",
+          500: "var(--mieweb-destructive-500, #dc2626)",
           600: "var(--mieweb-destructive-600, #dc2626)",
           700: "var(--mieweb-destructive-700, #b91c1c)",
           800: "var(--mieweb-destructive-800, #991b1b)",
@@ -441,5 +460,5 @@ var miewebUIPreset = {
 var tailwind_preset_default = miewebUIPreset;
 
 export { miewebUIPreset, miewebUISafelist, tailwind_preset_default };
-//# sourceMappingURL=chunk-EYH7OUX5.js.map
-//# sourceMappingURL=chunk-EYH7OUX5.js.map
+//# sourceMappingURL=chunk-JYAWYBA3.js.map
+//# sourceMappingURL=chunk-JYAWYBA3.js.map

package/dist/chunk-JYAWYBA3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"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","file":"chunk-JYAWYBA3.js","sourcesContent":["/**\n * @mieweb/ui Tailwind CSS Preset\n *\n * This preset provides the default theme configuration for @mieweb/ui components.\n * Consumers can extend or override these values in their own tailwind.config.js\n *\n * Usage:\n * ```js\n * // tailwind.config.js\n * module.exports = {\n *   presets: [require('@mieweb/ui/tailwind-preset')],\n *   theme: {\n *     extend: {\n *       colors: {\n *         primary: {\n *           500: '#your-brand-color',\n *         },\n *       },\n *     },\n *   },\n * };\n * ```\n */\n\n/**\n * Safelist of classes used by @mieweb/ui components.\n *\n * **Tailwind CSS 3**: These must be safelisted because Tailwind may not detect\n * them when components are imported from node_modules.\n *\n * **Tailwind CSS 4**: The safelist is NOT needed if you add the `@source`\n * directive to your CSS. Add this line to your main CSS file:\n *\n *   @source \"../node_modules/@mieweb/ui/dist\";\n *\n * This tells Tailwind 4 to scan @mieweb/ui's dist folder for class names,\n * replacing the need for a manual safelist.\n *\n * @deprecated For Tailwind CSS 4 users — use the `@source` directive instead.\n */\nexport const miewebUISafelist = [\n  // Semantic colors\n  'border-border',\n  'border-input',\n  'ring-ring',\n  'bg-background',\n  'bg-card',\n  'bg-muted',\n  'bg-primary',\n  'bg-success',\n  'bg-warning',\n  'bg-destructive',\n  'bg-info',\n  'text-foreground',\n  'text-card-foreground',\n  'text-muted-foreground',\n  'text-primary',\n  'text-primary-foreground',\n  'text-success',\n  'text-success-foreground',\n  'text-warning',\n  'text-warning-foreground',\n  'text-destructive',\n  'text-destructive-foreground',\n  'text-info',\n  'text-info-foreground',\n  'focus:ring-ring',\n  'focus:ring-primary',\n  'focus:border-transparent',\n  'focus:ring-destructive',\n  'border-primary',\n  'border-destructive',\n  'border-success',\n  'focus:ring-success/20',\n  'focus:ring-destructive/20',\n  // Opacity-modifier variants for semantic colors used by components\n  'bg-background/60',\n  'bg-background/80',\n  'bg-background/90',\n  'bg-background/95',\n  'bg-card/80',\n  'bg-destructive/5',\n  'bg-destructive/10',\n  'bg-foreground/50',\n  'bg-info/10',\n  'bg-muted/10',\n  'bg-muted/30',\n  'bg-muted/50',\n  'bg-primary/5',\n  'bg-primary/10',\n  'bg-success/10',\n  'bg-warning/10',\n  'border-border/80',\n  'border-destructive/20',\n  'border-destructive/30',\n  'border-destructive/50',\n  'border-info/30',\n  'border-muted-foreground/25',\n  'border-muted-foreground/40',\n  'border-primary/30',\n  'border-primary/50',\n  'border-success/30',\n  'border-success/50',\n  'border-warning/30',\n  'hover:bg-destructive/10',\n  'hover:bg-muted/10',\n  'hover:bg-muted/20',\n  'hover:bg-muted/50',\n  'hover:bg-muted/80',\n  'hover:bg-primary/5',\n  'hover:bg-primary/10',\n  'hover:bg-primary/20',\n  'hover:bg-primary/90',\n  'hover:border-border/80',\n  'hover:border-muted-foreground/50',\n  'hover:text-destructive/80',\n  'hover:text-primary/80',\n  'text-muted-foreground/30',\n  'text-muted-foreground/40',\n  'text-muted-foreground/50',\n  'text-muted-foreground/60',\n  'text-muted-foreground/70',\n  'text-primary/80',\n  'text-primary-foreground/90',\n  'ring-primary',\n  'ring-2',\n  'ring-offset-2',\n  // Grid classes for QuickAction and responsive layouts\n  'grid-cols-1',\n  'grid-cols-2',\n  'grid-cols-3',\n  'grid-cols-4',\n  'grid-cols-6',\n  'sm:grid-cols-1',\n  'sm:grid-cols-2',\n  'sm:grid-cols-3',\n  'sm:grid-cols-4',\n  'sm:grid-cols-6',\n  'md:grid-cols-2',\n  'md:grid-cols-3',\n  'md:grid-cols-4',\n  'lg:grid-cols-2',\n  'lg:grid-cols-3',\n  'lg:grid-cols-4',\n  // ── Expanded Color Scales ────────────────────────────────────────\n  // Secondary scale\n  'bg-secondary',\n  'bg-secondary-50',\n  'bg-secondary-100',\n  'bg-secondary-500',\n  'bg-secondary-600',\n  'text-secondary',\n  'text-secondary-500',\n  'text-secondary-600',\n  'text-secondary-700',\n  'text-secondary-foreground',\n  'border-secondary',\n  'border-secondary-200',\n  // Neutral scale\n  'bg-neutral-50',\n  'bg-neutral-100',\n  'bg-neutral-200',\n  'bg-neutral-300',\n  'bg-neutral-800',\n  'bg-neutral-900',\n  'text-neutral-500',\n  'text-neutral-600',\n  'text-neutral-700',\n  'text-neutral-400',\n  'border-neutral-200',\n  'border-neutral-300',\n  'dark:bg-neutral-700',\n  'dark:bg-neutral-800',\n  'dark:text-neutral-300',\n  'dark:text-neutral-400',\n  'dark:border-neutral-600',\n  'dark:border-neutral-700',\n  // Indigo (StripeBadge)\n  'bg-indigo-500/10',\n  'dark:bg-indigo-400/20',\n  'text-indigo-700',\n  'dark:text-indigo-300',\n  'border-indigo-500/30',\n  'hover:text-indigo-700',\n  'dark:hover:text-indigo-300',\n  // Destructive scale\n  'bg-destructive-50',\n  'bg-destructive-100',\n  'bg-destructive-500',\n  'bg-destructive-600',\n  'bg-destructive-700',\n  'hover:bg-destructive-800',\n  'text-destructive-500',\n  'text-destructive-600',\n  'text-destructive-700',\n  'text-destructive-800',\n  'text-destructive-900',\n  'border-destructive-200',\n  'border-destructive-300',\n  'dark:bg-destructive-900',\n  'dark:bg-destructive-950',\n  'dark:text-destructive-300',\n  'dark:text-destructive-400',\n  // Success scale\n  'bg-success-50',\n  'bg-success-100',\n  'bg-success-500',\n  'bg-success-600',\n  'bg-success-700',\n  'hover:bg-success-800',\n  'text-success-500',\n  'text-success-600',\n  'text-success-700',\n  'text-success-800',\n  'text-success-900',\n  'border-success-200',\n  'border-success-300',\n  'dark:bg-success-900',\n  'dark:bg-success-950',\n  'dark:text-success-300',\n  'dark:text-success-400',\n  // Warning scale\n  'bg-warning-50',\n  'bg-warning-100',\n  'bg-warning-500',\n  'bg-warning-600',\n  'bg-warning-700',\n  'text-warning-900',\n  'text-warning-500',\n  'text-warning-600',\n  'text-warning-700',\n  'text-warning-800',\n  'text-warning-900',\n  'border-warning-200',\n  'border-warning-300',\n  'dark:bg-warning-900',\n  'dark:bg-warning-950',\n  'dark:text-warning-300',\n  'dark:text-warning-400',\n  // Info scale\n  'bg-info-50',\n  'bg-info-100',\n  'bg-info-500',\n  'bg-info-600',\n  'text-info-500',\n  'text-info-600',\n  'text-info-700',\n  'text-info-800',\n  'text-info-900',\n  'border-info-200',\n  'border-info-300',\n  'dark:bg-info-900',\n  'dark:bg-info-950',\n  'dark:text-info-300',\n  'dark:text-info-400',\n  // Chart colors\n  'bg-chart-1',\n  'bg-chart-2',\n  'bg-chart-3',\n  'bg-chart-4',\n  'bg-chart-5',\n  'text-chart-1',\n  'text-chart-2',\n  'text-chart-3',\n  'text-chart-4',\n  'text-chart-5',\n  'border-chart-1',\n  'border-chart-2',\n  'border-chart-3',\n  'border-chart-4',\n  'border-chart-5',\n  // Switch component\n  'bg-primary-500',\n  // Primary scale (a11y contrast)\n  'text-primary-800',\n  'dark:text-primary-300',\n  // Text decoration\n  'underline',\n  'h-5',\n  'w-9',\n  'h-6',\n  'w-11',\n  'h-7',\n  'w-14',\n  'h-4',\n  'w-4',\n  'w-5',\n  'w-6',\n  'translate-x-0.5',\n  'translate-x-4',\n  'translate-x-5',\n  'translate-x-7',\n  // SchedulePicker / overflow handling\n  'overflow-x-auto',\n  'overflow-hidden',\n  // Select component\n  'truncate',\n];\n\nexport interface MiewebUIPreset {\n  darkMode: ['class', '[data-theme=\"dark\"]'];\n  safelist: string[];\n  theme: {\n    extend: Record<string, unknown>;\n  };\n}\n\nexport const miewebUIPreset: MiewebUIPreset = {\n  darkMode: ['class', '[data-theme=\"dark\"]'],\n  safelist: miewebUISafelist,\n  theme: {\n    extend: {\n      colors: {\n        // Primary color scale - easily overridable by consumers\n        primary: {\n          DEFAULT: 'var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))',\n          50: 'var(--mieweb-primary-50, #e6f7fc)',\n          100: 'var(--mieweb-primary-100, #b3e6f6)',\n          200: 'var(--mieweb-primary-200, #80d5f0)',\n          300: 'var(--mieweb-primary-300, #4dc4ea)',\n          400: 'var(--mieweb-primary-400, #27aae1)',\n          500: 'var(--mieweb-primary-500, #27aae1)',\n          600: 'var(--mieweb-primary-600, #1f98ca)',\n          700: 'var(--mieweb-primary-700, #1786b3)',\n          800: 'var(--mieweb-primary-800, #0f749c)',\n          900: 'var(--mieweb-primary-900, #086285)',\n          950: 'var(--mieweb-primary-950, #00506e)',\n          foreground: 'var(--mieweb-primary-foreground, hsl(210 40% 98%))',\n        },\n        // Secondary color scale\n        secondary: {\n          DEFAULT: 'var(--mieweb-secondary-500, #6366f1)',\n          50: 'var(--mieweb-secondary-50, #eef2ff)',\n          100: 'var(--mieweb-secondary-100, #e0e7ff)',\n          200: 'var(--mieweb-secondary-200, #c7d2fe)',\n          300: 'var(--mieweb-secondary-300, #a5b4fc)',\n          400: 'var(--mieweb-secondary-400, #818cf8)',\n          500: 'var(--mieweb-secondary-500, #6366f1)',\n          600: 'var(--mieweb-secondary-600, #4f46e5)',\n          700: 'var(--mieweb-secondary-700, #4338ca)',\n          800: 'var(--mieweb-secondary-800, #3730a3)',\n          900: 'var(--mieweb-secondary-900, #312e81)',\n          950: 'var(--mieweb-secondary-950, #1e1b4b)',\n          foreground: 'var(--mieweb-secondary-foreground, #ffffff)',\n        },\n        // Neutral / gray scale\n        neutral: {\n          DEFAULT: 'var(--mieweb-neutral-500, #737373)',\n          50: 'var(--mieweb-neutral-50, #fafafa)',\n          100: 'var(--mieweb-neutral-100, #f5f5f5)',\n          200: 'var(--mieweb-neutral-200, #e5e5e5)',\n          300: 'var(--mieweb-neutral-300, #d4d4d4)',\n          400: 'var(--mieweb-neutral-400, #a3a3a3)',\n          500: 'var(--mieweb-neutral-500, #737373)',\n          600: 'var(--mieweb-neutral-600, #525252)',\n          700: 'var(--mieweb-neutral-700, #404040)',\n          800: 'var(--mieweb-neutral-800, #262626)',\n          900: 'var(--mieweb-neutral-900, #171717)',\n          950: 'var(--mieweb-neutral-950, #0a0a0a)',\n        },\n        // Semantic colors using CSS variables for theming\n        border: 'var(--mieweb-border, hsl(214.3 31.8% 91.4%))',\n        input: 'var(--mieweb-input, hsl(214.3 31.8% 91.4%))',\n        ring: 'var(--mieweb-ring, hsl(221.2 83.2% 53.3%))',\n        background: 'var(--mieweb-background, hsl(0 0% 100%))',\n        foreground: 'var(--mieweb-foreground, hsl(222.2 84% 4.9%))',\n        // Component-specific semantic colors\n        card: {\n          DEFAULT: 'var(--mieweb-card, hsl(0 0% 100%))',\n          foreground: 'var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))',\n        },\n        muted: {\n          DEFAULT: 'var(--mieweb-muted, hsl(210 40% 96.1%))',\n          foreground: 'var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))',\n        },\n        // Destructive / error scale\n        destructive: {\n          DEFAULT:\n            'var(--mieweb-destructive, var(--mieweb-destructive-500, #dc2626))',\n          50: 'var(--mieweb-destructive-50, #fef2f2)',\n          100: 'var(--mieweb-destructive-100, #fee2e2)',\n          200: 'var(--mieweb-destructive-200, #fecaca)',\n          300: 'var(--mieweb-destructive-300, #fca5a5)',\n          400: 'var(--mieweb-destructive-400, #f87171)',\n          500: 'var(--mieweb-destructive-500, #dc2626)',\n          600: 'var(--mieweb-destructive-600, #dc2626)',\n          700: 'var(--mieweb-destructive-700, #b91c1c)',\n          800: 'var(--mieweb-destructive-800, #991b1b)',\n          900: 'var(--mieweb-destructive-900, #7f1d1d)',\n          950: 'var(--mieweb-destructive-950, #450a0a)',\n          foreground: 'var(--mieweb-destructive-foreground, hsl(210 40% 98%))',\n        },\n        // Success scale\n        success: {\n          DEFAULT: 'var(--mieweb-success-500, #22c55e)',\n          50: 'var(--mieweb-success-50, #f0fdf4)',\n          100: 'var(--mieweb-success-100, #dcfce7)',\n          200: 'var(--mieweb-success-200, #bbf7d0)',\n          300: 'var(--mieweb-success-300, #86efac)',\n          400: 'var(--mieweb-success-400, #4ade80)',\n          500: 'var(--mieweb-success-500, #22c55e)',\n          600: 'var(--mieweb-success-600, #16a34a)',\n          700: 'var(--mieweb-success-700, #15803d)',\n          800: 'var(--mieweb-success-800, #166534)',\n          900: 'var(--mieweb-success-900, #14532d)',\n          950: 'var(--mieweb-success-950, #052e16)',\n          foreground: 'var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))',\n        },\n        // Warning scale\n        warning: {\n          DEFAULT: 'var(--mieweb-warning-500, #f59e0b)',\n          50: 'var(--mieweb-warning-50, #fffbeb)',\n          100: 'var(--mieweb-warning-100, #fef3c7)',\n          200: 'var(--mieweb-warning-200, #fde68a)',\n          300: 'var(--mieweb-warning-300, #fcd34d)',\n          400: 'var(--mieweb-warning-400, #fbbf24)',\n          500: 'var(--mieweb-warning-500, #f59e0b)',\n          600: 'var(--mieweb-warning-600, #d97706)',\n          700: 'var(--mieweb-warning-700, #b45309)',\n          800: 'var(--mieweb-warning-800, #92400e)',\n          900: 'var(--mieweb-warning-900, #78350f)',\n          950: 'var(--mieweb-warning-950, #451a03)',\n          foreground: 'var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))',\n        },\n        // Info scale\n        info: {\n          DEFAULT: 'var(--mieweb-info-500, #0ea5e9)',\n          50: 'var(--mieweb-info-50, #f0f9ff)',\n          100: 'var(--mieweb-info-100, #e0f2fe)',\n          200: 'var(--mieweb-info-200, #bae6fd)',\n          300: 'var(--mieweb-info-300, #7dd3fc)',\n          400: 'var(--mieweb-info-400, #38bdf8)',\n          500: 'var(--mieweb-info-500, #0ea5e9)',\n          600: 'var(--mieweb-info-600, #0284c7)',\n          700: 'var(--mieweb-info-700, #0369a1)',\n          800: 'var(--mieweb-info-800, #075985)',\n          900: 'var(--mieweb-info-900, #0c4a6e)',\n          950: 'var(--mieweb-info-950, #082f49)',\n          foreground: 'var(--mieweb-info-foreground, #ffffff)',\n        },\n        // Chart / data visualization\n        chart: {\n          1: 'var(--mieweb-chart-1, #27aae1)',\n          2: 'var(--mieweb-chart-2, #22c55e)',\n          3: 'var(--mieweb-chart-3, #f59e0b)',\n          4: 'var(--mieweb-chart-4, #ef4444)',\n          5: 'var(--mieweb-chart-5, #6366f1)',\n        },\n      },\n      fontFamily: {\n        sans: [\n          'var(--mieweb-font-sans, ui-sans-serif)',\n          'system-ui',\n          'sans-serif',\n        ],\n      },\n      borderRadius: {\n        '2xl': 'var(--mieweb-radius-2xl, 1rem)',\n        lg: 'var(--mieweb-radius-lg, 0.75rem)',\n        md: 'var(--mieweb-radius-md, 0.5rem)',\n        sm: 'var(--mieweb-radius-sm, 0.25rem)',\n        xl: 'var(--mieweb-radius-xl, 1rem)',\n      },\n      boxShadow: {\n        card: 'var(--mieweb-shadow-card, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))',\n      },\n      keyframes: {\n        'fade-in': {\n          '0%': { opacity: '0' },\n          '100%': { opacity: '1' },\n        },\n        'fade-out': {\n          '0%': { opacity: '1' },\n          '100%': { opacity: '0' },\n        },\n        'slide-in-from-top': {\n          '0%': { transform: 'translateY(-0.5rem)', opacity: '0' },\n          '100%': { transform: 'translateY(0)', opacity: '1' },\n        },\n        'slide-in-from-bottom': {\n          '0%': { transform: 'translateY(0.5rem)', opacity: '0' },\n          '100%': { transform: 'translateY(0)', opacity: '1' },\n        },\n        'slide-in-right': {\n          '0%': { transform: 'translateX(100%)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' },\n        },\n        'slide-in-left': {\n          '0%': { transform: 'translateX(-100%)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' },\n        },\n        'scale-in': {\n          '0%': { transform: 'scale(0.95)', opacity: '0' },\n          '100%': { transform: 'scale(1)', opacity: '1' },\n        },\n      },\n      animation: {\n        'fade-in': 'fade-in 150ms ease-out',\n        'fade-out': 'fade-out 150ms ease-in',\n        'slide-in-from-top': 'slide-in-from-top 150ms ease-out',\n        'slide-in-from-bottom': 'slide-in-from-bottom 150ms ease-out',\n        'slide-in-right': 'slide-in-right 300ms ease-out',\n        'slide-in-left': 'slide-in-left 300ms ease-out',\n        'scale-in': 'scale-in 150ms ease-out',\n      },\n    },\n  },\n};\n\nexport default miewebUIPreset;\n"]}

package/dist/{chunk-5T3AWNHG.cjs → chunk-K7IGBNZA.cjs}

@@ -123,6 +123,7 @@ function PulseRings({ variant }) {
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
+        "data-slot": "record-button-pulse",
         className: chunkOR5DRJCW_cjs.cn("absolute inset-0 animate-ping rounded-full", ringColor),
         style: { animationDuration: "1.5s" }
       }
@@ -130,6 +131,7 @@ function PulseRings({ variant }) {
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
+        "data-slot": "record-button-pulse",
         className: chunkOR5DRJCW_cjs.cn("absolute inset-0 animate-ping rounded-full", ringColor),
         style: { animationDuration: "1.5s", animationDelay: "0.5s" }
       }
@@ -138,19 +140,26 @@ function PulseRings({ variant }) {
 }
 function WaveformBars({ size }) {
   const barHeight = size === "sm" ? "h-2" : size === "md" ? "h-3" : "h-4";
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
     {
-      className: chunkOR5DRJCW_cjs.cn(
-        "animate-waveform w-0.5 rounded-full bg-current",
-        barHeight
-      ),
-      style: {
-        animationDelay: `${i * 0.1}s`
-      }
-    },
-    i
-  )) });
+      "data-slot": "record-button-waveform",
+      className: "flex items-center gap-0.5",
+      children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: chunkOR5DRJCW_cjs.cn(
+            "animate-waveform w-0.5 rounded-full bg-current",
+            barHeight
+          ),
+          style: {
+            animationDelay: `${i * 0.1}s`
+          }
+        },
+        i
+      ))
+    }
+  );
 }
 var recordButtonVariants = classVarianceAuthority.cva(
   [
@@ -434,32 +443,54 @@ var RecordButton = React__namespace.forwardRef(
       if (transcriptionState === "transcribing") return "Transcribing...";
       return null;
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative inline-flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          ref,
-          type: "button",
-          disabled: isDisabled,
-          onClick: handleClick,
-          ...props,
-          className: chunkOR5DRJCW_cjs.cn(
-            recordButtonVariants({ variant, size }),
-            getStateStyles(effectiveState, variant),
-            className
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-slot": "record-button",
+        className: "relative inline-flex items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              ref,
+              type: "button",
+              disabled: isDisabled,
+              onClick: handleClick,
+              ...props,
+              "data-slot": "record-button-trigger",
+              className: chunkOR5DRJCW_cjs.cn(
+                recordButtonVariants({ variant, size }),
+                getStateStyles(effectiveState, variant),
+                className
+              ),
+              "aria-label": getAriaLabel(),
+              "aria-pressed": effectiveState === "recording" ? true : void 0,
+              "aria-busy": effectiveState === "processing" ? true : void 0,
+              children: [
+                effectiveState === "recording" && showPulse && /* @__PURE__ */ jsxRuntime.jsx(PulseRings, { variant }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "record-button-icon", className: "relative z-10", children: renderIcon() })
+              ]
+            }
           ),
-          "aria-label": getAriaLabel(),
-          "aria-pressed": effectiveState === "recording" ? true : void 0,
-          "aria-busy": effectiveState === "processing" ? true : void 0,
-          children: [
-            effectiveState === "recording" && showPulse && /* @__PURE__ */ jsxRuntime.jsx(PulseRings, { variant }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10", children: renderIcon() })
-          ]
-        }
-      ),
-      showDuration && isRecording && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive font-mono text-xs tabular-nums", children: formatDuration(duration) }),
-      showTranscriptionState && getTranscriptionLabel() && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary text-xs font-medium", children: getTranscriptionLabel() })
-    ] });
+          showDuration && isRecording && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-slot": "record-button-duration",
+              className: "text-destructive font-mono text-xs tabular-nums",
+              children: formatDuration(duration)
+            }
+          ),
+          showTranscriptionState && getTranscriptionLabel() && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-slot": "record-button-transcription",
+              className: "text-primary text-xs font-medium",
+              children: getTranscriptionLabel()
+            }
+          )
+        ]
+      }
+    );
   }
 );
 RecordButton.displayName = "RecordButton";
@@ -467,5 +498,5 @@ RecordButton.displayName = "RecordButton";
 exports.RecordButton = RecordButton;
 exports.formatDuration = formatDuration;
 exports.recordButtonVariants = recordButtonVariants;
-//# sourceMappingURL=chunk-5T3AWNHG.cjs.map
-//# sourceMappingURL=chunk-5T3AWNHG.cjs.map
+//# sourceMappingURL=chunk-K7IGBNZA.cjs.map
+//# sourceMappingURL=chunk-K7IGBNZA.cjs.map