@mastra/playground-ui 56.0.0-alpha.10 → 56.0.0-alpha.11

package/dist/{Badge-RWi6V_JT.cjs → Badge-B9oOuqif.cjs}

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const icons_Icon = require('./icons/Icon.cjs.js');
 const primitives_transitions = require('./primitives/transitions.cjs.js');
-const utils_cn = require('./cn-BuHW7Wrt.cjs');
+const utils_cn = require('./cn-DqcFobIY.cjs');
 
 const badgeToneStyles = {
   neutral: {
@@ -122,4 +122,4 @@ const Badge = ({
 };
 
 exports.Badge = Badge;
-//# sourceMappingURL=Badge-RWi6V_JT.cjs.map
+//# sourceMappingURL=Badge-B9oOuqif.cjs.map

package/dist/{Badge-RWi6V_JT.cjs.map → Badge-B9oOuqif.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Badge-RWi6V_JT.cjs","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type BadgeEmphasis = 'default' | 'muted';\nexport type BadgeIndicator = 'dot' | 'pulse';\n\ntype BadgeToneStyles = Record<BadgeEmphasis, string> & { indicator: string };\n\nconst badgeToneStyles = {\n  neutral: {\n    default: 'bg-neutral6/5 text-badge-neutral-fg',\n    muted: 'bg-neutral6/[0.025] text-badge-neutral-fg',\n    indicator: 'bg-neutral3',\n  },\n  green: {\n    default: 'bg-badge-green/20 text-badge-green-fg',\n    muted: 'bg-badge-green/10 text-badge-green-fg',\n    indicator: 'bg-badge-green',\n  },\n  red: {\n    default: 'bg-badge-red/20 text-badge-red-fg',\n    muted: 'bg-badge-red/10 text-badge-red-fg',\n    indicator: 'bg-badge-red',\n  },\n  blue: {\n    default: 'bg-badge-blue/20 text-badge-blue-fg',\n    muted: 'bg-badge-blue/10 text-badge-blue-fg',\n    indicator: 'bg-badge-blue',\n  },\n  yellow: {\n    default: 'bg-badge-yellow/20 text-badge-yellow-fg',\n    muted: 'bg-badge-yellow/10 text-badge-yellow-fg',\n    indicator: 'bg-badge-yellow',\n  },\n  purple: {\n    default: 'bg-badge-purple/20 text-badge-purple-fg',\n    muted: 'bg-badge-purple/10 text-badge-purple-fg',\n    indicator: 'bg-badge-purple',\n  },\n  orange: {\n    default: 'bg-badge-orange/20 text-badge-orange-fg',\n    muted: 'bg-badge-orange/10 text-badge-orange-fg',\n    indicator: 'bg-badge-orange',\n  },\n  cyan: {\n    default: 'bg-badge-cyan/20 text-badge-cyan-fg',\n    muted: 'bg-badge-cyan/10 text-badge-cyan-fg',\n    indicator: 'bg-badge-cyan',\n  },\n  pink: {\n    default: 'bg-badge-pink/20 text-badge-pink-fg',\n    muted: 'bg-badge-pink/10 text-badge-pink-fg',\n    indicator: 'bg-badge-pink',\n  },\n} satisfies Record<string, BadgeToneStyles>;\n\nexport type BadgeVariant = keyof typeof badgeToneStyles;\n\nconst badgeSizeStyles = {\n  xs: {\n    badge: 'h-[18px] gap-0.5 text-ui-xs',\n    withoutLeadingVisual: 'px-1.5',\n    withLeadingVisual: 'pl-1 pr-1.5',\n    indicator: 'size-1',\n  },\n  sm: {\n    badge: 'h-5 gap-1 text-ui-xs',\n    withoutLeadingVisual: 'px-1.5',\n    withLeadingVisual: 'px-1.5',\n    indicator: 'size-1',\n  },\n  md: {\n    badge: 'h-5 gap-1 text-ui-sm',\n    withoutLeadingVisual: 'px-2',\n    withLeadingVisual: 'pl-1.5 pr-2',\n    indicator: 'size-1.5',\n  },\n};\n\nexport type BadgeSize = keyof typeof badgeSizeStyles;\n\ntype BadgeLeadingVisual = { icon?: ReactNode; indicator?: never } | { icon?: never; indicator?: BadgeIndicator };\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> &\n  BadgeLeadingVisual & {\n    variant?: BadgeVariant;\n    emphasis?: BadgeEmphasis;\n    size?: BadgeSize;\n    children?: ReactNode;\n  };\n\nexport const Badge = ({\n  icon,\n  indicator,\n  variant = 'neutral',\n  emphasis = 'default',\n  size = 'md',\n  className,\n  children,\n  ...props\n}: BadgeProps) => {\n  const hasIcon = Boolean(icon);\n  const withLeadingVisual = hasIcon || indicator !== undefined;\n  const sizeStyles = badgeSizeStyles[size];\n  const paddingClass = withLeadingVisual ? sizeStyles.withLeadingVisual : sizeStyles.withoutLeadingVisual;\n\n  return (\n    <span\n      className={cn(\n        'inline-flex w-fit max-w-full shrink-0 items-center rounded-[7px] font-medium',\n        'inset-ring-1 inset-ring-current/5',\n        'inset-shadow-xs inset-shadow-white/5 dark:inset-shadow-[0_3px_10px_-2px_white] dark:inset-shadow-white/7',\n        'dark:bg-linear-to-b dark:from-white/3 dark:to-white/0',\n        badgeToneStyles[variant][emphasis],\n        sizeStyles.badge,\n        paddingClass,\n        transitions.colors,\n        className,\n      )}\n      {...props}\n    >\n      {indicator !== undefined ? (\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            'shrink-0 rounded-full',\n            badgeToneStyles[variant].indicator,\n            sizeStyles.indicator,\n            indicator === 'pulse' && 'motion-safe:animate-pulse motion-reduce:animate-none',\n          )}\n        />\n      ) : null}\n      {hasIcon ? <Icon size=\"sm\">{icon}</Icon> : null}\n      {children}\n    </span>\n  );\n};\n"],"names":["jsxs","cn","transitions","jsx","Icon"],"mappings":"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"}
+{"version":3,"file":"Badge-B9oOuqif.cjs","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type BadgeEmphasis = 'default' | 'muted';\nexport type BadgeIndicator = 'dot' | 'pulse';\n\ntype BadgeToneStyles = Record<BadgeEmphasis, string> & { indicator: string };\n\nconst badgeToneStyles = {\n  neutral: {\n    default: 'bg-neutral6/5 text-badge-neutral-fg',\n    muted: 'bg-neutral6/[0.025] text-badge-neutral-fg',\n    indicator: 'bg-neutral3',\n  },\n  green: {\n    default: 'bg-badge-green/20 text-badge-green-fg',\n    muted: 'bg-badge-green/10 text-badge-green-fg',\n    indicator: 'bg-badge-green',\n  },\n  red: {\n    default: 'bg-badge-red/20 text-badge-red-fg',\n    muted: 'bg-badge-red/10 text-badge-red-fg',\n    indicator: 'bg-badge-red',\n  },\n  blue: {\n    default: 'bg-badge-blue/20 text-badge-blue-fg',\n    muted: 'bg-badge-blue/10 text-badge-blue-fg',\n    indicator: 'bg-badge-blue',\n  },\n  yellow: {\n    default: 'bg-badge-yellow/20 text-badge-yellow-fg',\n    muted: 'bg-badge-yellow/10 text-badge-yellow-fg',\n    indicator: 'bg-badge-yellow',\n  },\n  purple: {\n    default: 'bg-badge-purple/20 text-badge-purple-fg',\n    muted: 'bg-badge-purple/10 text-badge-purple-fg',\n    indicator: 'bg-badge-purple',\n  },\n  orange: {\n    default: 'bg-badge-orange/20 text-badge-orange-fg',\n    muted: 'bg-badge-orange/10 text-badge-orange-fg',\n    indicator: 'bg-badge-orange',\n  },\n  cyan: {\n    default: 'bg-badge-cyan/20 text-badge-cyan-fg',\n    muted: 'bg-badge-cyan/10 text-badge-cyan-fg',\n    indicator: 'bg-badge-cyan',\n  },\n  pink: {\n    default: 'bg-badge-pink/20 text-badge-pink-fg',\n    muted: 'bg-badge-pink/10 text-badge-pink-fg',\n    indicator: 'bg-badge-pink',\n  },\n} satisfies Record<string, BadgeToneStyles>;\n\nexport type BadgeVariant = keyof typeof badgeToneStyles;\n\nconst badgeSizeStyles = {\n  xs: {\n    badge: 'h-[18px] gap-0.5 text-ui-xs',\n    withoutLeadingVisual: 'px-1.5',\n    withLeadingVisual: 'pl-1 pr-1.5',\n    indicator: 'size-1',\n  },\n  sm: {\n    badge: 'h-5 gap-1 text-ui-xs',\n    withoutLeadingVisual: 'px-1.5',\n    withLeadingVisual: 'px-1.5',\n    indicator: 'size-1',\n  },\n  md: {\n    badge: 'h-5 gap-1 text-ui-sm',\n    withoutLeadingVisual: 'px-2',\n    withLeadingVisual: 'pl-1.5 pr-2',\n    indicator: 'size-1.5',\n  },\n};\n\nexport type BadgeSize = keyof typeof badgeSizeStyles;\n\ntype BadgeLeadingVisual = { icon?: ReactNode; indicator?: never } | { icon?: never; indicator?: BadgeIndicator };\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> &\n  BadgeLeadingVisual & {\n    variant?: BadgeVariant;\n    emphasis?: BadgeEmphasis;\n    size?: BadgeSize;\n    children?: ReactNode;\n  };\n\nexport const Badge = ({\n  icon,\n  indicator,\n  variant = 'neutral',\n  emphasis = 'default',\n  size = 'md',\n  className,\n  children,\n  ...props\n}: BadgeProps) => {\n  const hasIcon = Boolean(icon);\n  const withLeadingVisual = hasIcon || indicator !== undefined;\n  const sizeStyles = badgeSizeStyles[size];\n  const paddingClass = withLeadingVisual ? sizeStyles.withLeadingVisual : sizeStyles.withoutLeadingVisual;\n\n  return (\n    <span\n      className={cn(\n        'inline-flex w-fit max-w-full shrink-0 items-center rounded-[7px] font-medium',\n        'inset-ring-1 inset-ring-current/5',\n        'inset-shadow-xs inset-shadow-white/5 dark:inset-shadow-[0_3px_10px_-2px_white] dark:inset-shadow-white/7',\n        'dark:bg-linear-to-b dark:from-white/3 dark:to-white/0',\n        badgeToneStyles[variant][emphasis],\n        sizeStyles.badge,\n        paddingClass,\n        transitions.colors,\n        className,\n      )}\n      {...props}\n    >\n      {indicator !== undefined ? (\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            'shrink-0 rounded-full',\n            badgeToneStyles[variant].indicator,\n            sizeStyles.indicator,\n            indicator === 'pulse' && 'motion-safe:animate-pulse motion-reduce:animate-none',\n          )}\n        />\n      ) : null}\n      {hasIcon ? <Icon size=\"sm\">{icon}</Icon> : null}\n      {children}\n    </span>\n  );\n};\n"],"names":["jsxs","cn","transitions","jsx","Icon"],"mappings":"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"}

package/dist/{Badge-BCwBpIc7.js → Badge-apYorT0C.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Icon } from './icons/Icon.es.js';
 import { transitions } from './primitives/transitions.es.js';
-import { c as cn } from './cn-C6s2yXwM.js';
+import { c as cn } from './cn-BmQQRqRs.js';
 
 const badgeToneStyles = {
   neutral: {
@@ -120,4 +120,4 @@ const Badge = ({
 };
 
 export { Badge as B };
-//# sourceMappingURL=Badge-BCwBpIc7.js.map
+//# sourceMappingURL=Badge-apYorT0C.js.map

package/dist/{Badge-BCwBpIc7.js.map → Badge-apYorT0C.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Badge-BCwBpIc7.js","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type BadgeEmphasis = 'default' | 'muted';\nexport type BadgeIndicator = 'dot' | 'pulse';\n\ntype BadgeToneStyles = Record<BadgeEmphasis, string> & { indicator: string };\n\nconst badgeToneStyles = {\n  neutral: {\n    default: 'bg-neutral6/5 text-badge-neutral-fg',\n    muted: 'bg-neutral6/[0.025] text-badge-neutral-fg',\n    indicator: 'bg-neutral3',\n  },\n  green: {\n    default: 'bg-badge-green/20 text-badge-green-fg',\n    muted: 'bg-badge-green/10 text-badge-green-fg',\n    indicator: 'bg-badge-green',\n  },\n  red: {\n    default: 'bg-badge-red/20 text-badge-red-fg',\n    muted: 'bg-badge-red/10 text-badge-red-fg',\n    indicator: 'bg-badge-red',\n  },\n  blue: {\n    default: 'bg-badge-blue/20 text-badge-blue-fg',\n    muted: 'bg-badge-blue/10 text-badge-blue-fg',\n    indicator: 'bg-badge-blue',\n  },\n  yellow: {\n    default: 'bg-badge-yellow/20 text-badge-yellow-fg',\n    muted: 'bg-badge-yellow/10 text-badge-yellow-fg',\n    indicator: 'bg-badge-yellow',\n  },\n  purple: {\n    default: 'bg-badge-purple/20 text-badge-purple-fg',\n    muted: 'bg-badge-purple/10 text-badge-purple-fg',\n    indicator: 'bg-badge-purple',\n  },\n  orange: {\n    default: 'bg-badge-orange/20 text-badge-orange-fg',\n    muted: 'bg-badge-orange/10 text-badge-orange-fg',\n    indicator: 'bg-badge-orange',\n  },\n  cyan: {\n    default: 'bg-badge-cyan/20 text-badge-cyan-fg',\n    muted: 'bg-badge-cyan/10 text-badge-cyan-fg',\n    indicator: 'bg-badge-cyan',\n  },\n  pink: {\n    default: 'bg-badge-pink/20 text-badge-pink-fg',\n    muted: 'bg-badge-pink/10 text-badge-pink-fg',\n    indicator: 'bg-badge-pink',\n  },\n} satisfies Record<string, BadgeToneStyles>;\n\nexport type BadgeVariant = keyof typeof badgeToneStyles;\n\nconst badgeSizeStyles = {\n  xs: {\n    badge: 'h-[18px] gap-0.5 text-ui-xs',\n    withoutLeadingVisual: 'px-1.5',\n    withLeadingVisual: 'pl-1 pr-1.5',\n    indicator: 'size-1',\n  },\n  sm: {\n    badge: 'h-5 gap-1 text-ui-xs',\n    withoutLeadingVisual: 'px-1.5',\n    withLeadingVisual: 'px-1.5',\n    indicator: 'size-1',\n  },\n  md: {\n    badge: 'h-5 gap-1 text-ui-sm',\n    withoutLeadingVisual: 'px-2',\n    withLeadingVisual: 'pl-1.5 pr-2',\n    indicator: 'size-1.5',\n  },\n};\n\nexport type BadgeSize = keyof typeof badgeSizeStyles;\n\ntype BadgeLeadingVisual = { icon?: ReactNode; indicator?: never } | { icon?: never; indicator?: BadgeIndicator };\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> &\n  BadgeLeadingVisual & {\n    variant?: BadgeVariant;\n    emphasis?: BadgeEmphasis;\n    size?: BadgeSize;\n    children?: ReactNode;\n  };\n\nexport const Badge = ({\n  icon,\n  indicator,\n  variant = 'neutral',\n  emphasis = 'default',\n  size = 'md',\n  className,\n  children,\n  ...props\n}: BadgeProps) => {\n  const hasIcon = Boolean(icon);\n  const withLeadingVisual = hasIcon || indicator !== undefined;\n  const sizeStyles = badgeSizeStyles[size];\n  const paddingClass = withLeadingVisual ? sizeStyles.withLeadingVisual : sizeStyles.withoutLeadingVisual;\n\n  return (\n    <span\n      className={cn(\n        'inline-flex w-fit max-w-full shrink-0 items-center rounded-[7px] font-medium',\n        'inset-ring-1 inset-ring-current/5',\n        'inset-shadow-xs inset-shadow-white/5 dark:inset-shadow-[0_3px_10px_-2px_white] dark:inset-shadow-white/7',\n        'dark:bg-linear-to-b dark:from-white/3 dark:to-white/0',\n        badgeToneStyles[variant][emphasis],\n        sizeStyles.badge,\n        paddingClass,\n        transitions.colors,\n        className,\n      )}\n      {...props}\n    >\n      {indicator !== undefined ? (\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            'shrink-0 rounded-full',\n            badgeToneStyles[variant].indicator,\n            sizeStyles.indicator,\n            indicator === 'pulse' && 'motion-safe:animate-pulse motion-reduce:animate-none',\n          )}\n        />\n      ) : null}\n      {hasIcon ? <Icon size=\"sm\">{icon}</Icon> : null}\n      {children}\n    </span>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Badge-apYorT0C.js","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type BadgeEmphasis = 'default' | 'muted';\nexport type BadgeIndicator = 'dot' | 'pulse';\n\ntype BadgeToneStyles = Record<BadgeEmphasis, string> & { indicator: string };\n\nconst badgeToneStyles = {\n  neutral: {\n    default: 'bg-neutral6/5 text-badge-neutral-fg',\n    muted: 'bg-neutral6/[0.025] text-badge-neutral-fg',\n    indicator: 'bg-neutral3',\n  },\n  green: {\n    default: 'bg-badge-green/20 text-badge-green-fg',\n    muted: 'bg-badge-green/10 text-badge-green-fg',\n    indicator: 'bg-badge-green',\n  },\n  red: {\n    default: 'bg-badge-red/20 text-badge-red-fg',\n    muted: 'bg-badge-red/10 text-badge-red-fg',\n    indicator: 'bg-badge-red',\n  },\n  blue: {\n    default: 'bg-badge-blue/20 text-badge-blue-fg',\n    muted: 'bg-badge-blue/10 text-badge-blue-fg',\n    indicator: 'bg-badge-blue',\n  },\n  yellow: {\n    default: 'bg-badge-yellow/20 text-badge-yellow-fg',\n    muted: 'bg-badge-yellow/10 text-badge-yellow-fg',\n    indicator: 'bg-badge-yellow',\n  },\n  purple: {\n    default: 'bg-badge-purple/20 text-badge-purple-fg',\n    muted: 'bg-badge-purple/10 text-badge-purple-fg',\n    indicator: 'bg-badge-purple',\n  },\n  orange: {\n    default: 'bg-badge-orange/20 text-badge-orange-fg',\n    muted: 'bg-badge-orange/10 text-badge-orange-fg',\n    indicator: 'bg-badge-orange',\n  },\n  cyan: {\n    default: 'bg-badge-cyan/20 text-badge-cyan-fg',\n    muted: 'bg-badge-cyan/10 text-badge-cyan-fg',\n    indicator: 'bg-badge-cyan',\n  },\n  pink: {\n    default: 'bg-badge-pink/20 text-badge-pink-fg',\n    muted: 'bg-badge-pink/10 text-badge-pink-fg',\n    indicator: 'bg-badge-pink',\n  },\n} satisfies Record<string, BadgeToneStyles>;\n\nexport type BadgeVariant = keyof typeof badgeToneStyles;\n\nconst badgeSizeStyles = {\n  xs: {\n    badge: 'h-[18px] gap-0.5 text-ui-xs',\n    withoutLeadingVisual: 'px-1.5',\n    withLeadingVisual: 'pl-1 pr-1.5',\n    indicator: 'size-1',\n  },\n  sm: {\n    badge: 'h-5 gap-1 text-ui-xs',\n    withoutLeadingVisual: 'px-1.5',\n    withLeadingVisual: 'px-1.5',\n    indicator: 'size-1',\n  },\n  md: {\n    badge: 'h-5 gap-1 text-ui-sm',\n    withoutLeadingVisual: 'px-2',\n    withLeadingVisual: 'pl-1.5 pr-2',\n    indicator: 'size-1.5',\n  },\n};\n\nexport type BadgeSize = keyof typeof badgeSizeStyles;\n\ntype BadgeLeadingVisual = { icon?: ReactNode; indicator?: never } | { icon?: never; indicator?: BadgeIndicator };\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> &\n  BadgeLeadingVisual & {\n    variant?: BadgeVariant;\n    emphasis?: BadgeEmphasis;\n    size?: BadgeSize;\n    children?: ReactNode;\n  };\n\nexport const Badge = ({\n  icon,\n  indicator,\n  variant = 'neutral',\n  emphasis = 'default',\n  size = 'md',\n  className,\n  children,\n  ...props\n}: BadgeProps) => {\n  const hasIcon = Boolean(icon);\n  const withLeadingVisual = hasIcon || indicator !== undefined;\n  const sizeStyles = badgeSizeStyles[size];\n  const paddingClass = withLeadingVisual ? sizeStyles.withLeadingVisual : sizeStyles.withoutLeadingVisual;\n\n  return (\n    <span\n      className={cn(\n        'inline-flex w-fit max-w-full shrink-0 items-center rounded-[7px] font-medium',\n        'inset-ring-1 inset-ring-current/5',\n        'inset-shadow-xs inset-shadow-white/5 dark:inset-shadow-[0_3px_10px_-2px_white] dark:inset-shadow-white/7',\n        'dark:bg-linear-to-b dark:from-white/3 dark:to-white/0',\n        badgeToneStyles[variant][emphasis],\n        sizeStyles.badge,\n        paddingClass,\n        transitions.colors,\n        className,\n      )}\n      {...props}\n    >\n      {indicator !== undefined ? (\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            'shrink-0 rounded-full',\n            badgeToneStyles[variant].indicator,\n            sizeStyles.indicator,\n            indicator === 'pulse' && 'motion-safe:animate-pulse motion-reduce:animate-none',\n          )}\n        />\n      ) : null}\n      {hasIcon ? <Icon size=\"sm\">{icon}</Icon> : null}\n      {children}\n    </span>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/{Button-C2dx_QZN.cjs → Button-CSmXdQ09.cjs}

@@ -3,13 +3,13 @@
 require('./new-theme.css');const jsxRuntime = require('react/jsx-runtime');
 ;/* empty css                     */
 const button = require('@base-ui/react/button');
-const index = require('./index-gbqoNdVM.cjs');
+const index = require('./index-DklEHic9.cjs');
 const React = require('react');
-const tooltip = require('./tooltip-_cda-a7s.cjs');
+const tooltip = require('./tooltip-DTIMvO8I.cjs');
 const icons_Icon = require('./icons/Icon.cjs.js');
 const primitives_controlSize = require('./primitives/control-size.cjs.js');
 const primitives_formElement = require('./primitives/form-element.cjs.js');
-const utils_cn = require('./cn-BuHW7Wrt.cjs');
+const utils_cn = require('./cn-DqcFobIY.cjs');
 
 const TEXT_MODE_ADORNMENTS = utils_cn.cn(
   "gap-[.75em] rounded-full",
@@ -55,7 +55,7 @@ const buttonVariants = index.cva(
           "disabled:bg-transparent aria-disabled:bg-transparent"
         ),
         outline: utils_cn.cn(
-          "border border-foreground/30 bg-transparent text-foreground not-disabled:hover:border-foreground/45 not-disabled:hover:bg-foreground/4 not-disabled:active:bg-foreground/10",
+          "border border-foreground/18 bg-transparent text-foreground not-disabled:hover:border-foreground/30 not-disabled:hover:bg-foreground/4 not-disabled:active:bg-foreground/10",
           NEUTRAL_ICON_STATE,
           primitives_formElement.disabledOutlineSurfaceStyle,
           "aria-disabled:border-border aria-disabled:bg-transparent"
@@ -204,4 +204,4 @@ Button.displayName = "Button";
 exports.Button = Button;
 exports.buttonVariants = buttonVariants;
 exports.isIconButtonSize = isIconButtonSize;
-//# sourceMappingURL=Button-C2dx_QZN.cjs.map
+//# sourceMappingURL=Button-CSmXdQ09.cjs.map

package/dist/{Button-C2dx_QZN.cjs.map → Button-CSmXdQ09.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-C2dx_QZN.cjs","sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import '../../../../new-theme.css';\nimport { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight, controlIconClasses, controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  controlFocusBorderVisible,\n  disabledFilledSurfaceStyle,\n  disabledOutlineSurfaceStyle,\n  sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Adornments for text-mode buttons: gap between icon+label and larger radius.\n// - `[data-slot=button-icon]` styles the `<Icon>` wrapper rendered by the `icon` prop — the only\n//   supported way to pair an icon with a label (always on the left, fixed gap).\n// - `[&>svg]` only remains for label-less text-mode buttons (e.g. CopyButton) that pass a bare\n//   SVG as children.\n// Excluded from icon-mode because icon-mode wraps children in `<Icon>` and uses its own\n// `rounded-full` (circle).\nconst TEXT_MODE_ADORNMENTS = cn(\n  'gap-[.75em] rounded-full',\n  '[&>[data-slot=button-icon]]:-ml-[.3em]',\n  '[&>svg]:mx-[-.3em]',\n);\n\n// An icon is secondary to the label beside it, and on a neutral surface it says so with\n// a colour token rather than opacity. Opacity dims against whatever sits behind the\n// control, so the same glyph clears contrast on one surface and fails on another, and it\n// left icon-only buttons with no hover response at all: only their background moved.\n// Filled variants opt out because there the glyph colour carries the meaning.\nconst NEUTRAL_ICON_STATE = cn(\n  '[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground',\n  '[&_svg]:transition-colors [&_svg]:duration-normal [&_svg]:ease-out-custom',\n  'motion-reduce:[&_svg]:transition-none',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- exported variant helper is part of Button's public API\nexport const buttonVariants = cva(\n  cn(\n    'new-theme inline-flex cursor-pointer items-center justify-center',\n    'transition-[background-color,border-color,color] duration-normal ease-out-custom motion-reduce:transition-none',\n    sharedFormElementDisabledStyle,\n    'aria-disabled:pointer-events-none aria-disabled:text-muted-foreground',\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(\n          'border border-border bg-foreground/10 font-medium text-foreground not-disabled:hover:bg-foreground/14 not-disabled:active:bg-foreground/18',\n          NEUTRAL_ICON_STATE,\n          disabledFilledSurfaceStyle,\n          'aria-disabled:border-border aria-disabled:bg-muted',\n        ),\n        primary: cn(\n          'border border-transparent bg-foreground font-medium text-background not-disabled:hover:bg-foreground/75 not-disabled:active:bg-foreground/60',\n          'disabled:bg-foreground/45 disabled:text-background/75 aria-disabled:bg-foreground/45 aria-disabled:text-background/75',\n        ),\n        destructive: cn(\n          'border border-transparent bg-destructive font-medium text-destructive-foreground not-disabled:hover:bg-destructive/80 not-disabled:active:bg-destructive/70',\n          'disabled:bg-destructive/45 disabled:text-destructive-foreground/75 aria-disabled:bg-destructive/45 aria-disabled:text-destructive-foreground/75',\n        ),\n        'destructive-ghost': cn(\n          'border border-transparent bg-transparent text-destructive not-disabled:hover:bg-destructive/20 not-disabled:hover:text-destructive not-disabled:active:bg-destructive/30',\n          'disabled:bg-transparent disabled:text-destructive/50 aria-disabled:bg-transparent aria-disabled:text-destructive/50',\n        ),\n        ghost: cn(\n          'border border-transparent bg-transparent text-muted-foreground not-disabled:hover:bg-foreground/4 not-disabled:hover:text-foreground not-disabled:active:bg-foreground/10',\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        outline: cn(\n          'border border-foreground/30 bg-transparent text-foreground not-disabled:hover:border-foreground/45 not-disabled:hover:bg-foreground/4 not-disabled:active:bg-foreground/10',\n          NEUTRAL_ICON_STATE,\n          disabledOutlineSurfaceStyle,\n          'aria-disabled:border-border aria-disabled:bg-transparent',\n        ),\n      },\n      size: {\n        xs: cn(controlSizeClasses.xs, controlIconClasses.xs, 'px-[.8em]', TEXT_MODE_ADORNMENTS),\n        sm: cn(controlSizeClasses.sm, controlIconClasses.sm, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        md: cn(controlSizeClasses.md, controlIconClasses.md, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        lg: cn(controlSizeClasses.lg, controlIconClasses.lg, 'px-[1em]', TEXT_MODE_ADORNMENTS),\n        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n        // so icon-mode and text-mode use the same press feedback. Every size comes off the shared\n        // scale, so an icon-only button matches a labelled one at the same size in the same row.\n        'icon-xs': cn(controlHeight.xs, 'w-form-xs rounded-full'),\n        'icon-sm': cn(controlHeight.sm, 'w-form-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-form-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-form-lg rounded-full'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n  render?: BaseButton.Props['render'];\n  className?: string;\n  children: React.ReactNode;\n  /** Leading icon, always rendered on the left of the label inside `<Icon>`. Ignored in icon-mode sizes. */\n  icon?: React.ReactNode;\n  tooltip?: React.ReactNode;\n  /** @deprecated Pass the element through `render` instead: `render={<Link href=\"/x\" />}`. */\n  as?: React.ElementType;\n  /** @deprecated Set it on the element passed to `render`. */\n  href?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  to?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  target?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  prefetch?: boolean | null;\n}\n\n// A link is not a button. `render` always entered `BaseButton`, which warns in\n// development when the resolved element is not a native button. `nativeButton={false}`\n// is the worse fix: Base UI then adds `role=\"button\"` and Enter/Space handling, so a\n// screen reader announces a link as a button. Render links directly instead and keep\n// `BaseButton` for real buttons.\nfunction isLinkElement(\n  element: React.ReactElement,\n): element is React.ReactElement<{ href?: unknown; to?: unknown; className?: string }> {\n  if (element.type === 'a') return true;\n  const { href, to } = element.props as { href?: unknown; to?: unknown };\n  return href !== undefined || to !== undefined;\n}\n\nfunction preventLinkActivation(event: React.SyntheticEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\n// One icon step per control step, so the same nominal size renders the same icon\n// whether it arrives as an icon-mode child, the `icon` prop, or a bare SVG.\nconst iconChildSizeMap: Record<IconButtonSize, 'sm' | 'smd' | 'default' | 'lg'> = {\n  'icon-xs': 'sm',\n  'icon-sm': 'smd',\n  'icon-md': 'default',\n  'icon-lg': 'lg',\n};\n\nconst textIconSizeMap: Record<TextButtonSize, 'sm' | 'smd' | 'default' | 'lg'> = {\n  xs: 'sm',\n  sm: 'smd',\n  md: 'default',\n  lg: 'lg',\n};\n\n// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  const result: React.ReactNode[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n      result.push(...flattenChildren(child.props.children));\n    } else {\n      result.push(child);\n    }\n  });\n  return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\nfunction isIconOnly(children: React.ReactNode): boolean {\n  const flat = flattenChildren(children);\n  return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize` so consumers (e.g. `iconChildSizeMap`)\n// can index into icon-only structures without a cast.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with Combobox's icon-only trigger\nexport function isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n  return size?.startsWith('icon-') ?? false;\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    {\n      className,\n      render,\n      as: asProp,\n      href,\n      to,\n      target,\n      prefetch,\n      size,\n      variant = 'default',\n      disabled,\n      children,\n      icon,\n      tooltip,\n      'aria-label': ariaLabelProp,\n      type,\n      ...props\n    },\n    ref,\n  ) => {\n    const iconMode = isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const isLabelless = !iconMode && isIconOnly(children);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? (\n      <Icon size={iconChildSizeMap[size]}>{children}</Icon>\n    ) : (\n      <>\n        {icon ? (\n          <Icon data-slot=\"button-icon\" size={textIconSizeMap[resolvedSize as TextButtonSize]}>\n            {icon}\n          </Icon>\n        ) : null}\n        {children}\n      </>\n    );\n\n    const sharedProps = {\n      disabled,\n      // Base UI renders `type=\"button\"` when the prop is absent, which would quietly stop\n      // a form button that relied on the native `submit` default from submitting. Passing\n      // it through, `undefined` included, keeps native semantics: absent stays absent.\n      type,\n      'aria-label': ariaLabel,\n      // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n      // (filled buttons have an opaque background that hides a border seam, so the group\n      // paints their divider as an inset box-shadow instead — see buttons-group.tsx).\n      'data-variant': variant,\n      className: cn(buttonVariants({ variant, size: resolvedSize }), className),\n      ...props,\n    };\n\n    // The deprecated `as` API keeps its original element path rather than going through\n    // Base UI. Routing it through `render` drops props Base UI does not know about — a\n    // router link loses its `to` and stops navigating — and Base UI warns that a\n    // non-<button> contradicts `nativeButton`.\n    const LegacyComponent = render ? undefined : asProp;\n\n    // Only forward what the caller actually set. Passing `href={undefined}` through to a\n    // router link overwrites the href that link derives from `to`, leaving an anchor that\n    // renders correctly and navigates nowhere.\n    const legacyLinkProps = {\n      ...(href === undefined ? null : { href }),\n      ...(to === undefined ? null : { to }),\n      ...(target === undefined ? null : { target }),\n      ...(prefetch === undefined ? null : { prefetch }),\n    };\n\n    const renderedLink = React.isValidElement(render) && isLinkElement(render) ? render : undefined;\n    const renderedLinkProps = renderedLink?.props;\n    const disabledHref = renderedLink?.type !== 'a' && renderedLinkProps?.href !== undefined ? '' : undefined;\n    const disabledTo = renderedLinkProps?.to !== undefined ? '' : undefined;\n    const disabledLinkProps = disabled\n      ? {\n          href: disabledHref,\n          to: disabledTo,\n          'aria-disabled': true,\n          onClick: preventLinkActivation,\n          onAuxClick: preventLinkActivation,\n          onKeyDown: (event: React.KeyboardEvent) => {\n            if (event.key === 'Enter' || event.key === ' ') preventLinkActivation(event);\n          },\n        }\n      : undefined;\n\n    const button = LegacyComponent ? (\n      <LegacyComponent ref={ref} {...legacyLinkProps} {...sharedProps}>\n        {content}\n      </LegacyComponent>\n    ) : renderedLink ? (\n      React.cloneElement(renderedLink as React.ReactElement<Record<string, unknown>>, {\n        ref,\n        ...sharedProps,\n        disabled: undefined,\n        ...disabledLinkProps,\n        className: cn(sharedProps.className, renderedLink.props.className),\n        children: content,\n      })\n    ) : (\n      <BaseButton ref={ref} render={render} {...sharedProps}>\n        {content}\n      </BaseButton>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["cn","cva","sharedFormElementDisabledStyle","controlFocusBorderVisible","disabledFilledSurfaceStyle","disabledOutlineSurfaceStyle","controlSizeClasses","controlIconClasses","controlHeight","tooltip","jsx","Icon","jsxs","Fragment","button","BaseButton","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}
+{"version":3,"file":"Button-CSmXdQ09.cjs","sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import '../../../../new-theme.css';\nimport { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight, controlIconClasses, controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  controlFocusBorderVisible,\n  disabledFilledSurfaceStyle,\n  disabledOutlineSurfaceStyle,\n  sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Adornments for text-mode buttons: gap between icon+label and larger radius.\n// - `[data-slot=button-icon]` styles the `<Icon>` wrapper rendered by the `icon` prop — the only\n//   supported way to pair an icon with a label (always on the left, fixed gap).\n// - `[&>svg]` only remains for label-less text-mode buttons (e.g. CopyButton) that pass a bare\n//   SVG as children.\n// Excluded from icon-mode because icon-mode wraps children in `<Icon>` and uses its own\n// `rounded-full` (circle).\nconst TEXT_MODE_ADORNMENTS = cn(\n  'gap-[.75em] rounded-full',\n  '[&>[data-slot=button-icon]]:-ml-[.3em]',\n  '[&>svg]:mx-[-.3em]',\n);\n\n// An icon is secondary to the label beside it, and on a neutral surface it says so with\n// a colour token rather than opacity. Opacity dims against whatever sits behind the\n// control, so the same glyph clears contrast on one surface and fails on another, and it\n// left icon-only buttons with no hover response at all: only their background moved.\n// Filled variants opt out because there the glyph colour carries the meaning.\nconst NEUTRAL_ICON_STATE = cn(\n  '[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground',\n  '[&_svg]:transition-colors [&_svg]:duration-normal [&_svg]:ease-out-custom',\n  'motion-reduce:[&_svg]:transition-none',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- exported variant helper is part of Button's public API\nexport const buttonVariants = cva(\n  cn(\n    'new-theme inline-flex cursor-pointer items-center justify-center',\n    'transition-[background-color,border-color,color] duration-normal ease-out-custom motion-reduce:transition-none',\n    sharedFormElementDisabledStyle,\n    'aria-disabled:pointer-events-none aria-disabled:text-muted-foreground',\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(\n          'border border-border bg-foreground/10 font-medium text-foreground not-disabled:hover:bg-foreground/14 not-disabled:active:bg-foreground/18',\n          NEUTRAL_ICON_STATE,\n          disabledFilledSurfaceStyle,\n          'aria-disabled:border-border aria-disabled:bg-muted',\n        ),\n        primary: cn(\n          'border border-transparent bg-foreground font-medium text-background not-disabled:hover:bg-foreground/75 not-disabled:active:bg-foreground/60',\n          'disabled:bg-foreground/45 disabled:text-background/75 aria-disabled:bg-foreground/45 aria-disabled:text-background/75',\n        ),\n        destructive: cn(\n          'border border-transparent bg-destructive font-medium text-destructive-foreground not-disabled:hover:bg-destructive/80 not-disabled:active:bg-destructive/70',\n          'disabled:bg-destructive/45 disabled:text-destructive-foreground/75 aria-disabled:bg-destructive/45 aria-disabled:text-destructive-foreground/75',\n        ),\n        'destructive-ghost': cn(\n          'border border-transparent bg-transparent text-destructive not-disabled:hover:bg-destructive/20 not-disabled:hover:text-destructive not-disabled:active:bg-destructive/30',\n          'disabled:bg-transparent disabled:text-destructive/50 aria-disabled:bg-transparent aria-disabled:text-destructive/50',\n        ),\n        ghost: cn(\n          'border border-transparent bg-transparent text-muted-foreground not-disabled:hover:bg-foreground/4 not-disabled:hover:text-foreground not-disabled:active:bg-foreground/10',\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        outline: cn(\n          'border border-foreground/18 bg-transparent text-foreground not-disabled:hover:border-foreground/30 not-disabled:hover:bg-foreground/4 not-disabled:active:bg-foreground/10',\n          NEUTRAL_ICON_STATE,\n          disabledOutlineSurfaceStyle,\n          'aria-disabled:border-border aria-disabled:bg-transparent',\n        ),\n      },\n      size: {\n        xs: cn(controlSizeClasses.xs, controlIconClasses.xs, 'px-[.8em]', TEXT_MODE_ADORNMENTS),\n        sm: cn(controlSizeClasses.sm, controlIconClasses.sm, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        md: cn(controlSizeClasses.md, controlIconClasses.md, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        lg: cn(controlSizeClasses.lg, controlIconClasses.lg, 'px-[1em]', TEXT_MODE_ADORNMENTS),\n        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n        // so icon-mode and text-mode use the same press feedback. Every size comes off the shared\n        // scale, so an icon-only button matches a labelled one at the same size in the same row.\n        'icon-xs': cn(controlHeight.xs, 'w-form-xs rounded-full'),\n        'icon-sm': cn(controlHeight.sm, 'w-form-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-form-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-form-lg rounded-full'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n  render?: BaseButton.Props['render'];\n  className?: string;\n  children: React.ReactNode;\n  /** Leading icon, always rendered on the left of the label inside `<Icon>`. Ignored in icon-mode sizes. */\n  icon?: React.ReactNode;\n  tooltip?: React.ReactNode;\n  /** @deprecated Pass the element through `render` instead: `render={<Link href=\"/x\" />}`. */\n  as?: React.ElementType;\n  /** @deprecated Set it on the element passed to `render`. */\n  href?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  to?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  target?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  prefetch?: boolean | null;\n}\n\n// A link is not a button. `render` always entered `BaseButton`, which warns in\n// development when the resolved element is not a native button. `nativeButton={false}`\n// is the worse fix: Base UI then adds `role=\"button\"` and Enter/Space handling, so a\n// screen reader announces a link as a button. Render links directly instead and keep\n// `BaseButton` for real buttons.\nfunction isLinkElement(\n  element: React.ReactElement,\n): element is React.ReactElement<{ href?: unknown; to?: unknown; className?: string }> {\n  if (element.type === 'a') return true;\n  const { href, to } = element.props as { href?: unknown; to?: unknown };\n  return href !== undefined || to !== undefined;\n}\n\nfunction preventLinkActivation(event: React.SyntheticEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\n// One icon step per control step, so the same nominal size renders the same icon\n// whether it arrives as an icon-mode child, the `icon` prop, or a bare SVG.\nconst iconChildSizeMap: Record<IconButtonSize, 'sm' | 'smd' | 'default' | 'lg'> = {\n  'icon-xs': 'sm',\n  'icon-sm': 'smd',\n  'icon-md': 'default',\n  'icon-lg': 'lg',\n};\n\nconst textIconSizeMap: Record<TextButtonSize, 'sm' | 'smd' | 'default' | 'lg'> = {\n  xs: 'sm',\n  sm: 'smd',\n  md: 'default',\n  lg: 'lg',\n};\n\n// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  const result: React.ReactNode[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n      result.push(...flattenChildren(child.props.children));\n    } else {\n      result.push(child);\n    }\n  });\n  return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\nfunction isIconOnly(children: React.ReactNode): boolean {\n  const flat = flattenChildren(children);\n  return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize` so consumers (e.g. `iconChildSizeMap`)\n// can index into icon-only structures without a cast.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with Combobox's icon-only trigger\nexport function isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n  return size?.startsWith('icon-') ?? false;\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    {\n      className,\n      render,\n      as: asProp,\n      href,\n      to,\n      target,\n      prefetch,\n      size,\n      variant = 'default',\n      disabled,\n      children,\n      icon,\n      tooltip,\n      'aria-label': ariaLabelProp,\n      type,\n      ...props\n    },\n    ref,\n  ) => {\n    const iconMode = isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const isLabelless = !iconMode && isIconOnly(children);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? (\n      <Icon size={iconChildSizeMap[size]}>{children}</Icon>\n    ) : (\n      <>\n        {icon ? (\n          <Icon data-slot=\"button-icon\" size={textIconSizeMap[resolvedSize as TextButtonSize]}>\n            {icon}\n          </Icon>\n        ) : null}\n        {children}\n      </>\n    );\n\n    const sharedProps = {\n      disabled,\n      // Base UI renders `type=\"button\"` when the prop is absent, which would quietly stop\n      // a form button that relied on the native `submit` default from submitting. Passing\n      // it through, `undefined` included, keeps native semantics: absent stays absent.\n      type,\n      'aria-label': ariaLabel,\n      // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n      // (filled buttons have an opaque background that hides a border seam, so the group\n      // paints their divider as an inset box-shadow instead — see buttons-group.tsx).\n      'data-variant': variant,\n      className: cn(buttonVariants({ variant, size: resolvedSize }), className),\n      ...props,\n    };\n\n    // The deprecated `as` API keeps its original element path rather than going through\n    // Base UI. Routing it through `render` drops props Base UI does not know about — a\n    // router link loses its `to` and stops navigating — and Base UI warns that a\n    // non-<button> contradicts `nativeButton`.\n    const LegacyComponent = render ? undefined : asProp;\n\n    // Only forward what the caller actually set. Passing `href={undefined}` through to a\n    // router link overwrites the href that link derives from `to`, leaving an anchor that\n    // renders correctly and navigates nowhere.\n    const legacyLinkProps = {\n      ...(href === undefined ? null : { href }),\n      ...(to === undefined ? null : { to }),\n      ...(target === undefined ? null : { target }),\n      ...(prefetch === undefined ? null : { prefetch }),\n    };\n\n    const renderedLink = React.isValidElement(render) && isLinkElement(render) ? render : undefined;\n    const renderedLinkProps = renderedLink?.props;\n    const disabledHref = renderedLink?.type !== 'a' && renderedLinkProps?.href !== undefined ? '' : undefined;\n    const disabledTo = renderedLinkProps?.to !== undefined ? '' : undefined;\n    const disabledLinkProps = disabled\n      ? {\n          href: disabledHref,\n          to: disabledTo,\n          'aria-disabled': true,\n          onClick: preventLinkActivation,\n          onAuxClick: preventLinkActivation,\n          onKeyDown: (event: React.KeyboardEvent) => {\n            if (event.key === 'Enter' || event.key === ' ') preventLinkActivation(event);\n          },\n        }\n      : undefined;\n\n    const button = LegacyComponent ? (\n      <LegacyComponent ref={ref} {...legacyLinkProps} {...sharedProps}>\n        {content}\n      </LegacyComponent>\n    ) : renderedLink ? (\n      React.cloneElement(renderedLink as React.ReactElement<Record<string, unknown>>, {\n        ref,\n        ...sharedProps,\n        disabled: undefined,\n        ...disabledLinkProps,\n        className: cn(sharedProps.className, renderedLink.props.className),\n        children: content,\n      })\n    ) : (\n      <BaseButton ref={ref} render={render} {...sharedProps}>\n        {content}\n      </BaseButton>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["cn","cva","sharedFormElementDisabledStyle","controlFocusBorderVisible","disabledFilledSurfaceStyle","disabledOutlineSurfaceStyle","controlSizeClasses","controlIconClasses","controlHeight","tooltip","jsx","Icon","jsxs","Fragment","button","BaseButton","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/{Button-DS6O6fvU.js → Button-CtuSHFtc.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import './new-theme.css';/* empty css                   */
 import { Button as Button$1 } from '@base-ui/react/button';
-import { c as cva } from './index-Cp3ZQQze.js';
+import { c as cva } from './index-BtcX2880.js';
 import React__default from 'react';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-QuS0KEbc.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-Chz35pft.js';
 import { Icon } from './icons/Icon.es.js';
 import { controlHeight, controlIconClasses, controlSizeClasses } from './primitives/control-size.es.js';
 import { disabledOutlineSurfaceStyle, disabledFilledSurfaceStyle, controlFocusBorderVisible, sharedFormElementDisabledStyle } from './primitives/form-element.es.js';
-import { c as cn } from './cn-C6s2yXwM.js';
+import { c as cn } from './cn-BmQQRqRs.js';
 
 const TEXT_MODE_ADORNMENTS = cn(
   "gap-[.75em] rounded-full",
@@ -53,7 +53,7 @@ const buttonVariants = cva(
           "disabled:bg-transparent aria-disabled:bg-transparent"
         ),
         outline: cn(
-          "border border-foreground/30 bg-transparent text-foreground not-disabled:hover:border-foreground/45 not-disabled:hover:bg-foreground/4 not-disabled:active:bg-foreground/10",
+          "border border-foreground/18 bg-transparent text-foreground not-disabled:hover:border-foreground/30 not-disabled:hover:bg-foreground/4 not-disabled:active:bg-foreground/10",
           NEUTRAL_ICON_STATE,
           disabledOutlineSurfaceStyle,
           "aria-disabled:border-border aria-disabled:bg-transparent"
@@ -200,4 +200,4 @@ const Button = React__default.forwardRef(
 Button.displayName = "Button";
 
 export { Button as B, buttonVariants as b, isIconButtonSize as i };
-//# sourceMappingURL=Button-DS6O6fvU.js.map
+//# sourceMappingURL=Button-CtuSHFtc.js.map

package/dist/{Button-DS6O6fvU.js.map → Button-CtuSHFtc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-DS6O6fvU.js","sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import '../../../../new-theme.css';\nimport { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight, controlIconClasses, controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  controlFocusBorderVisible,\n  disabledFilledSurfaceStyle,\n  disabledOutlineSurfaceStyle,\n  sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Adornments for text-mode buttons: gap between icon+label and larger radius.\n// - `[data-slot=button-icon]` styles the `<Icon>` wrapper rendered by the `icon` prop — the only\n//   supported way to pair an icon with a label (always on the left, fixed gap).\n// - `[&>svg]` only remains for label-less text-mode buttons (e.g. CopyButton) that pass a bare\n//   SVG as children.\n// Excluded from icon-mode because icon-mode wraps children in `<Icon>` and uses its own\n// `rounded-full` (circle).\nconst TEXT_MODE_ADORNMENTS = cn(\n  'gap-[.75em] rounded-full',\n  '[&>[data-slot=button-icon]]:-ml-[.3em]',\n  '[&>svg]:mx-[-.3em]',\n);\n\n// An icon is secondary to the label beside it, and on a neutral surface it says so with\n// a colour token rather than opacity. Opacity dims against whatever sits behind the\n// control, so the same glyph clears contrast on one surface and fails on another, and it\n// left icon-only buttons with no hover response at all: only their background moved.\n// Filled variants opt out because there the glyph colour carries the meaning.\nconst NEUTRAL_ICON_STATE = cn(\n  '[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground',\n  '[&_svg]:transition-colors [&_svg]:duration-normal [&_svg]:ease-out-custom',\n  'motion-reduce:[&_svg]:transition-none',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- exported variant helper is part of Button's public API\nexport const buttonVariants = cva(\n  cn(\n    'new-theme inline-flex cursor-pointer items-center justify-center',\n    'transition-[background-color,border-color,color] duration-normal ease-out-custom motion-reduce:transition-none',\n    sharedFormElementDisabledStyle,\n    'aria-disabled:pointer-events-none aria-disabled:text-muted-foreground',\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(\n          'border border-border bg-foreground/10 font-medium text-foreground not-disabled:hover:bg-foreground/14 not-disabled:active:bg-foreground/18',\n          NEUTRAL_ICON_STATE,\n          disabledFilledSurfaceStyle,\n          'aria-disabled:border-border aria-disabled:bg-muted',\n        ),\n        primary: cn(\n          'border border-transparent bg-foreground font-medium text-background not-disabled:hover:bg-foreground/75 not-disabled:active:bg-foreground/60',\n          'disabled:bg-foreground/45 disabled:text-background/75 aria-disabled:bg-foreground/45 aria-disabled:text-background/75',\n        ),\n        destructive: cn(\n          'border border-transparent bg-destructive font-medium text-destructive-foreground not-disabled:hover:bg-destructive/80 not-disabled:active:bg-destructive/70',\n          'disabled:bg-destructive/45 disabled:text-destructive-foreground/75 aria-disabled:bg-destructive/45 aria-disabled:text-destructive-foreground/75',\n        ),\n        'destructive-ghost': cn(\n          'border border-transparent bg-transparent text-destructive not-disabled:hover:bg-destructive/20 not-disabled:hover:text-destructive not-disabled:active:bg-destructive/30',\n          'disabled:bg-transparent disabled:text-destructive/50 aria-disabled:bg-transparent aria-disabled:text-destructive/50',\n        ),\n        ghost: cn(\n          'border border-transparent bg-transparent text-muted-foreground not-disabled:hover:bg-foreground/4 not-disabled:hover:text-foreground not-disabled:active:bg-foreground/10',\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        outline: cn(\n          'border border-foreground/30 bg-transparent text-foreground not-disabled:hover:border-foreground/45 not-disabled:hover:bg-foreground/4 not-disabled:active:bg-foreground/10',\n          NEUTRAL_ICON_STATE,\n          disabledOutlineSurfaceStyle,\n          'aria-disabled:border-border aria-disabled:bg-transparent',\n        ),\n      },\n      size: {\n        xs: cn(controlSizeClasses.xs, controlIconClasses.xs, 'px-[.8em]', TEXT_MODE_ADORNMENTS),\n        sm: cn(controlSizeClasses.sm, controlIconClasses.sm, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        md: cn(controlSizeClasses.md, controlIconClasses.md, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        lg: cn(controlSizeClasses.lg, controlIconClasses.lg, 'px-[1em]', TEXT_MODE_ADORNMENTS),\n        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n        // so icon-mode and text-mode use the same press feedback. Every size comes off the shared\n        // scale, so an icon-only button matches a labelled one at the same size in the same row.\n        'icon-xs': cn(controlHeight.xs, 'w-form-xs rounded-full'),\n        'icon-sm': cn(controlHeight.sm, 'w-form-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-form-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-form-lg rounded-full'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n  render?: BaseButton.Props['render'];\n  className?: string;\n  children: React.ReactNode;\n  /** Leading icon, always rendered on the left of the label inside `<Icon>`. Ignored in icon-mode sizes. */\n  icon?: React.ReactNode;\n  tooltip?: React.ReactNode;\n  /** @deprecated Pass the element through `render` instead: `render={<Link href=\"/x\" />}`. */\n  as?: React.ElementType;\n  /** @deprecated Set it on the element passed to `render`. */\n  href?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  to?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  target?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  prefetch?: boolean | null;\n}\n\n// A link is not a button. `render` always entered `BaseButton`, which warns in\n// development when the resolved element is not a native button. `nativeButton={false}`\n// is the worse fix: Base UI then adds `role=\"button\"` and Enter/Space handling, so a\n// screen reader announces a link as a button. Render links directly instead and keep\n// `BaseButton` for real buttons.\nfunction isLinkElement(\n  element: React.ReactElement,\n): element is React.ReactElement<{ href?: unknown; to?: unknown; className?: string }> {\n  if (element.type === 'a') return true;\n  const { href, to } = element.props as { href?: unknown; to?: unknown };\n  return href !== undefined || to !== undefined;\n}\n\nfunction preventLinkActivation(event: React.SyntheticEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\n// One icon step per control step, so the same nominal size renders the same icon\n// whether it arrives as an icon-mode child, the `icon` prop, or a bare SVG.\nconst iconChildSizeMap: Record<IconButtonSize, 'sm' | 'smd' | 'default' | 'lg'> = {\n  'icon-xs': 'sm',\n  'icon-sm': 'smd',\n  'icon-md': 'default',\n  'icon-lg': 'lg',\n};\n\nconst textIconSizeMap: Record<TextButtonSize, 'sm' | 'smd' | 'default' | 'lg'> = {\n  xs: 'sm',\n  sm: 'smd',\n  md: 'default',\n  lg: 'lg',\n};\n\n// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  const result: React.ReactNode[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n      result.push(...flattenChildren(child.props.children));\n    } else {\n      result.push(child);\n    }\n  });\n  return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\nfunction isIconOnly(children: React.ReactNode): boolean {\n  const flat = flattenChildren(children);\n  return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize` so consumers (e.g. `iconChildSizeMap`)\n// can index into icon-only structures without a cast.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with Combobox's icon-only trigger\nexport function isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n  return size?.startsWith('icon-') ?? false;\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    {\n      className,\n      render,\n      as: asProp,\n      href,\n      to,\n      target,\n      prefetch,\n      size,\n      variant = 'default',\n      disabled,\n      children,\n      icon,\n      tooltip,\n      'aria-label': ariaLabelProp,\n      type,\n      ...props\n    },\n    ref,\n  ) => {\n    const iconMode = isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const isLabelless = !iconMode && isIconOnly(children);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? (\n      <Icon size={iconChildSizeMap[size]}>{children}</Icon>\n    ) : (\n      <>\n        {icon ? (\n          <Icon data-slot=\"button-icon\" size={textIconSizeMap[resolvedSize as TextButtonSize]}>\n            {icon}\n          </Icon>\n        ) : null}\n        {children}\n      </>\n    );\n\n    const sharedProps = {\n      disabled,\n      // Base UI renders `type=\"button\"` when the prop is absent, which would quietly stop\n      // a form button that relied on the native `submit` default from submitting. Passing\n      // it through, `undefined` included, keeps native semantics: absent stays absent.\n      type,\n      'aria-label': ariaLabel,\n      // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n      // (filled buttons have an opaque background that hides a border seam, so the group\n      // paints their divider as an inset box-shadow instead — see buttons-group.tsx).\n      'data-variant': variant,\n      className: cn(buttonVariants({ variant, size: resolvedSize }), className),\n      ...props,\n    };\n\n    // The deprecated `as` API keeps its original element path rather than going through\n    // Base UI. Routing it through `render` drops props Base UI does not know about — a\n    // router link loses its `to` and stops navigating — and Base UI warns that a\n    // non-<button> contradicts `nativeButton`.\n    const LegacyComponent = render ? undefined : asProp;\n\n    // Only forward what the caller actually set. Passing `href={undefined}` through to a\n    // router link overwrites the href that link derives from `to`, leaving an anchor that\n    // renders correctly and navigates nowhere.\n    const legacyLinkProps = {\n      ...(href === undefined ? null : { href }),\n      ...(to === undefined ? null : { to }),\n      ...(target === undefined ? null : { target }),\n      ...(prefetch === undefined ? null : { prefetch }),\n    };\n\n    const renderedLink = React.isValidElement(render) && isLinkElement(render) ? render : undefined;\n    const renderedLinkProps = renderedLink?.props;\n    const disabledHref = renderedLink?.type !== 'a' && renderedLinkProps?.href !== undefined ? '' : undefined;\n    const disabledTo = renderedLinkProps?.to !== undefined ? '' : undefined;\n    const disabledLinkProps = disabled\n      ? {\n          href: disabledHref,\n          to: disabledTo,\n          'aria-disabled': true,\n          onClick: preventLinkActivation,\n          onAuxClick: preventLinkActivation,\n          onKeyDown: (event: React.KeyboardEvent) => {\n            if (event.key === 'Enter' || event.key === ' ') preventLinkActivation(event);\n          },\n        }\n      : undefined;\n\n    const button = LegacyComponent ? (\n      <LegacyComponent ref={ref} {...legacyLinkProps} {...sharedProps}>\n        {content}\n      </LegacyComponent>\n    ) : renderedLink ? (\n      React.cloneElement(renderedLink as React.ReactElement<Record<string, unknown>>, {\n        ref,\n        ...sharedProps,\n        disabled: undefined,\n        ...disabledLinkProps,\n        className: cn(sharedProps.className, renderedLink.props.className),\n        children: content,\n      })\n    ) : (\n      <BaseButton ref={ref} render={render} {...sharedProps}>\n        {content}\n      </BaseButton>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["React","BaseButton"],"mappings":"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"}
+{"version":3,"file":"Button-CtuSHFtc.js","sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import '../../../../new-theme.css';\nimport { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight, controlIconClasses, controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  controlFocusBorderVisible,\n  disabledFilledSurfaceStyle,\n  disabledOutlineSurfaceStyle,\n  sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Adornments for text-mode buttons: gap between icon+label and larger radius.\n// - `[data-slot=button-icon]` styles the `<Icon>` wrapper rendered by the `icon` prop — the only\n//   supported way to pair an icon with a label (always on the left, fixed gap).\n// - `[&>svg]` only remains for label-less text-mode buttons (e.g. CopyButton) that pass a bare\n//   SVG as children.\n// Excluded from icon-mode because icon-mode wraps children in `<Icon>` and uses its own\n// `rounded-full` (circle).\nconst TEXT_MODE_ADORNMENTS = cn(\n  'gap-[.75em] rounded-full',\n  '[&>[data-slot=button-icon]]:-ml-[.3em]',\n  '[&>svg]:mx-[-.3em]',\n);\n\n// An icon is secondary to the label beside it, and on a neutral surface it says so with\n// a colour token rather than opacity. Opacity dims against whatever sits behind the\n// control, so the same glyph clears contrast on one surface and fails on another, and it\n// left icon-only buttons with no hover response at all: only their background moved.\n// Filled variants opt out because there the glyph colour carries the meaning.\nconst NEUTRAL_ICON_STATE = cn(\n  '[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground',\n  '[&_svg]:transition-colors [&_svg]:duration-normal [&_svg]:ease-out-custom',\n  'motion-reduce:[&_svg]:transition-none',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- exported variant helper is part of Button's public API\nexport const buttonVariants = cva(\n  cn(\n    'new-theme inline-flex cursor-pointer items-center justify-center',\n    'transition-[background-color,border-color,color] duration-normal ease-out-custom motion-reduce:transition-none',\n    sharedFormElementDisabledStyle,\n    'aria-disabled:pointer-events-none aria-disabled:text-muted-foreground',\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(\n          'border border-border bg-foreground/10 font-medium text-foreground not-disabled:hover:bg-foreground/14 not-disabled:active:bg-foreground/18',\n          NEUTRAL_ICON_STATE,\n          disabledFilledSurfaceStyle,\n          'aria-disabled:border-border aria-disabled:bg-muted',\n        ),\n        primary: cn(\n          'border border-transparent bg-foreground font-medium text-background not-disabled:hover:bg-foreground/75 not-disabled:active:bg-foreground/60',\n          'disabled:bg-foreground/45 disabled:text-background/75 aria-disabled:bg-foreground/45 aria-disabled:text-background/75',\n        ),\n        destructive: cn(\n          'border border-transparent bg-destructive font-medium text-destructive-foreground not-disabled:hover:bg-destructive/80 not-disabled:active:bg-destructive/70',\n          'disabled:bg-destructive/45 disabled:text-destructive-foreground/75 aria-disabled:bg-destructive/45 aria-disabled:text-destructive-foreground/75',\n        ),\n        'destructive-ghost': cn(\n          'border border-transparent bg-transparent text-destructive not-disabled:hover:bg-destructive/20 not-disabled:hover:text-destructive not-disabled:active:bg-destructive/30',\n          'disabled:bg-transparent disabled:text-destructive/50 aria-disabled:bg-transparent aria-disabled:text-destructive/50',\n        ),\n        ghost: cn(\n          'border border-transparent bg-transparent text-muted-foreground not-disabled:hover:bg-foreground/4 not-disabled:hover:text-foreground not-disabled:active:bg-foreground/10',\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        outline: cn(\n          'border border-foreground/18 bg-transparent text-foreground not-disabled:hover:border-foreground/30 not-disabled:hover:bg-foreground/4 not-disabled:active:bg-foreground/10',\n          NEUTRAL_ICON_STATE,\n          disabledOutlineSurfaceStyle,\n          'aria-disabled:border-border aria-disabled:bg-transparent',\n        ),\n      },\n      size: {\n        xs: cn(controlSizeClasses.xs, controlIconClasses.xs, 'px-[.8em]', TEXT_MODE_ADORNMENTS),\n        sm: cn(controlSizeClasses.sm, controlIconClasses.sm, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        md: cn(controlSizeClasses.md, controlIconClasses.md, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        lg: cn(controlSizeClasses.lg, controlIconClasses.lg, 'px-[1em]', TEXT_MODE_ADORNMENTS),\n        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n        // so icon-mode and text-mode use the same press feedback. Every size comes off the shared\n        // scale, so an icon-only button matches a labelled one at the same size in the same row.\n        'icon-xs': cn(controlHeight.xs, 'w-form-xs rounded-full'),\n        'icon-sm': cn(controlHeight.sm, 'w-form-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-form-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-form-lg rounded-full'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n  render?: BaseButton.Props['render'];\n  className?: string;\n  children: React.ReactNode;\n  /** Leading icon, always rendered on the left of the label inside `<Icon>`. Ignored in icon-mode sizes. */\n  icon?: React.ReactNode;\n  tooltip?: React.ReactNode;\n  /** @deprecated Pass the element through `render` instead: `render={<Link href=\"/x\" />}`. */\n  as?: React.ElementType;\n  /** @deprecated Set it on the element passed to `render`. */\n  href?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  to?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  target?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  prefetch?: boolean | null;\n}\n\n// A link is not a button. `render` always entered `BaseButton`, which warns in\n// development when the resolved element is not a native button. `nativeButton={false}`\n// is the worse fix: Base UI then adds `role=\"button\"` and Enter/Space handling, so a\n// screen reader announces a link as a button. Render links directly instead and keep\n// `BaseButton` for real buttons.\nfunction isLinkElement(\n  element: React.ReactElement,\n): element is React.ReactElement<{ href?: unknown; to?: unknown; className?: string }> {\n  if (element.type === 'a') return true;\n  const { href, to } = element.props as { href?: unknown; to?: unknown };\n  return href !== undefined || to !== undefined;\n}\n\nfunction preventLinkActivation(event: React.SyntheticEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\n// One icon step per control step, so the same nominal size renders the same icon\n// whether it arrives as an icon-mode child, the `icon` prop, or a bare SVG.\nconst iconChildSizeMap: Record<IconButtonSize, 'sm' | 'smd' | 'default' | 'lg'> = {\n  'icon-xs': 'sm',\n  'icon-sm': 'smd',\n  'icon-md': 'default',\n  'icon-lg': 'lg',\n};\n\nconst textIconSizeMap: Record<TextButtonSize, 'sm' | 'smd' | 'default' | 'lg'> = {\n  xs: 'sm',\n  sm: 'smd',\n  md: 'default',\n  lg: 'lg',\n};\n\n// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  const result: React.ReactNode[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n      result.push(...flattenChildren(child.props.children));\n    } else {\n      result.push(child);\n    }\n  });\n  return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\nfunction isIconOnly(children: React.ReactNode): boolean {\n  const flat = flattenChildren(children);\n  return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize` so consumers (e.g. `iconChildSizeMap`)\n// can index into icon-only structures without a cast.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with Combobox's icon-only trigger\nexport function isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n  return size?.startsWith('icon-') ?? false;\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    {\n      className,\n      render,\n      as: asProp,\n      href,\n      to,\n      target,\n      prefetch,\n      size,\n      variant = 'default',\n      disabled,\n      children,\n      icon,\n      tooltip,\n      'aria-label': ariaLabelProp,\n      type,\n      ...props\n    },\n    ref,\n  ) => {\n    const iconMode = isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const isLabelless = !iconMode && isIconOnly(children);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? (\n      <Icon size={iconChildSizeMap[size]}>{children}</Icon>\n    ) : (\n      <>\n        {icon ? (\n          <Icon data-slot=\"button-icon\" size={textIconSizeMap[resolvedSize as TextButtonSize]}>\n            {icon}\n          </Icon>\n        ) : null}\n        {children}\n      </>\n    );\n\n    const sharedProps = {\n      disabled,\n      // Base UI renders `type=\"button\"` when the prop is absent, which would quietly stop\n      // a form button that relied on the native `submit` default from submitting. Passing\n      // it through, `undefined` included, keeps native semantics: absent stays absent.\n      type,\n      'aria-label': ariaLabel,\n      // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n      // (filled buttons have an opaque background that hides a border seam, so the group\n      // paints their divider as an inset box-shadow instead — see buttons-group.tsx).\n      'data-variant': variant,\n      className: cn(buttonVariants({ variant, size: resolvedSize }), className),\n      ...props,\n    };\n\n    // The deprecated `as` API keeps its original element path rather than going through\n    // Base UI. Routing it through `render` drops props Base UI does not know about — a\n    // router link loses its `to` and stops navigating — and Base UI warns that a\n    // non-<button> contradicts `nativeButton`.\n    const LegacyComponent = render ? undefined : asProp;\n\n    // Only forward what the caller actually set. Passing `href={undefined}` through to a\n    // router link overwrites the href that link derives from `to`, leaving an anchor that\n    // renders correctly and navigates nowhere.\n    const legacyLinkProps = {\n      ...(href === undefined ? null : { href }),\n      ...(to === undefined ? null : { to }),\n      ...(target === undefined ? null : { target }),\n      ...(prefetch === undefined ? null : { prefetch }),\n    };\n\n    const renderedLink = React.isValidElement(render) && isLinkElement(render) ? render : undefined;\n    const renderedLinkProps = renderedLink?.props;\n    const disabledHref = renderedLink?.type !== 'a' && renderedLinkProps?.href !== undefined ? '' : undefined;\n    const disabledTo = renderedLinkProps?.to !== undefined ? '' : undefined;\n    const disabledLinkProps = disabled\n      ? {\n          href: disabledHref,\n          to: disabledTo,\n          'aria-disabled': true,\n          onClick: preventLinkActivation,\n          onAuxClick: preventLinkActivation,\n          onKeyDown: (event: React.KeyboardEvent) => {\n            if (event.key === 'Enter' || event.key === ' ') preventLinkActivation(event);\n          },\n        }\n      : undefined;\n\n    const button = LegacyComponent ? (\n      <LegacyComponent ref={ref} {...legacyLinkProps} {...sharedProps}>\n        {content}\n      </LegacyComponent>\n    ) : renderedLink ? (\n      React.cloneElement(renderedLink as React.ReactElement<Record<string, unknown>>, {\n        ref,\n        ...sharedProps,\n        disabled: undefined,\n        ...disabledLinkProps,\n        className: cn(sharedProps.className, renderedLink.props.className),\n        children: content,\n      })\n    ) : (\n      <BaseButton ref={ref} render={render} {...sharedProps}>\n        {content}\n      </BaseButton>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["React","BaseButton"],"mappings":";;;;;;;;;;;AAuBA,MAAM,oBAAA,GAAuB,EAAA;AAAA,EAC3B,0BAAA;AAAA,EACA,wCAAA;AAAA,EACA;AACF,CAAA;AAOA,MAAM,kBAAA,GAAqB,EAAA;AAAA,EACzB,sHAAA;AAAA,EACA,2EAAA;AAAA,EACA;AACF,CAAA;AAGO,MAAM,cAAA,GAAiB,GAAA;AAAA,EAC5B,EAAA;AAAA,IACE,kEAAA;AAAA,IACA,gHAAA;AAAA,IACA,8BAAA;AAAA,IACA,uEAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,UACP,4IAAA;AAAA,UACA,kBAAA;AAAA,UACA,0BAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAA,EAAS,EAAA;AAAA,UACP,8IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,WAAA,EAAa,EAAA;AAAA,UACX,6JAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,mBAAA,EAAqB,EAAA;AAAA,UACnB,0KAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO,EAAA;AAAA,UACL,2KAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAA,EAAS,EAAA;AAAA,UACP,4KAAA;AAAA,UACA,kBAAA;AAAA,UACA,2BAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAI,EAAA,CAAG,kBAAA,CAAmB,IAAI,kBAAA,CAAmB,EAAA,EAAI,aAAa,oBAAoB,CAAA;AAAA,QACtF,IAAI,EAAA,CAAG,kBAAA,CAAmB,IAAI,kBAAA,CAAmB,EAAA,EAAI,aAAa,oBAAoB,CAAA;AAAA,QACtF,IAAI,EAAA,CAAG,kBAAA,CAAmB,IAAI,kBAAA,CAAmB,EAAA,EAAI,aAAa,oBAAoB,CAAA;AAAA,QACtF,IAAI,EAAA,CAAG,kBAAA,CAAmB,IAAI,kBAAA,CAAmB,EAAA,EAAI,YAAY,oBAAoB,CAAA;AAAA;AAAA;AAAA;AAAA,QAIrF,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAA,EAAI,wBAAwB,CAAA;AAAA,QACxD,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAA,EAAI,wBAAwB,CAAA;AAAA,QACxD,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAA,EAAI,wBAAwB,CAAA;AAAA,QACxD,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAA,EAAI,wBAAwB;AAAA;AAC1D,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAmCA,SAAS,cACP,OAAA,EACqF;AACrF,EAAA,IAAI,OAAA,CAAQ,IAAA,KAAS,GAAA,EAAK,OAAO,IAAA;AACjC,EAAA,MAAM,EAAE,IAAA,EAAM,EAAA,EAAG,GAAI,OAAA,CAAQ,KAAA;AAC7B,EAAA,OAAO,IAAA,KAAS,UAAa,EAAA,KAAO,MAAA;AACtC;AAEA,SAAS,sBAAsB,KAAA,EAAmC;AAChE,EAAA,KAAA,CAAM,cAAA,EAAe;AACrB,EAAA,KAAA,CAAM,eAAA,EAAgB;AACxB;AAIA,MAAM,gBAAA,GAA4E;AAAA,EAChF,SAAA,EAAW,IAAA;AAAA,EACX,SAAA,EAAW,KAAA;AAAA,EACX,SAAA,EAAW,SAAA;AAAA,EACX,SAAA,EAAW;AACb,CAAA;AAEA,MAAM,eAAA,GAA2E;AAAA,EAC/E,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAIA,SAAS,gBAAgB,QAAA,EAA8C;AACrE,EAAA,MAAM,SAA4B,EAAC;AACnC,EAAAA,cAAA,CAAM,QAAA,CAAS,OAAA,CAAQ,QAAA,EAAU,CAAA,KAAA,KAAS;AACxC,IAAA,IAAIA,eAAM,cAAA,CAA+C,KAAK,KAAK,KAAA,CAAM,IAAA,KAASA,eAAM,QAAA,EAAU;AAChG,MAAA,MAAA,CAAO,KAAK,GAAG,eAAA,CAAgB,KAAA,CAAM,KAAA,CAAM,QAAQ,CAAC,CAAA;AAAA,IACtD,CAAA,MAAO;AACL,MAAA,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,IACnB;AAAA,EACF,CAAC,CAAA;AACD,EAAA,OAAO,MAAA;AACT;AAIA,SAAS,WAAW,QAAA,EAAoC;AACtD,EAAA,MAAM,IAAA,GAAO,gBAAgB,QAAQ,CAAA;AACrC,EAAA,OAAO,IAAA,CAAK,SAAS,CAAA,IAAK,IAAA,CAAK,MAAM,CAAA,KAAA,KAASA,cAAA,CAAM,cAAA,CAAe,KAAK,CAAC,CAAA;AAC3E;AAKO,SAAS,iBAAiB,IAAA,EAA6D;AAC5F,EAAA,OAAO,IAAA,EAAM,UAAA,CAAW,OAAO,CAAA,IAAK,KAAA;AACtC;AAEO,MAAM,SAASA,cAAA,CAAM,UAAA;AAAA,EAC1B,CACE;AAAA,IACE,SAAA;AAAA,IACA,MAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,EAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,QAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA,EAAc,aAAA;AAAA,IACd,IAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,iBAAiB,IAAI,CAAA;AACtC,IAAA,MAAM,eAA2B,IAAA,IAAQ,IAAA;AACzC,IAAA,MAAM,WAAA,GAAc,CAAC,QAAA,IAAY,UAAA,CAAW,QAAQ,CAAA;AAGpD,IAAA,MAAM,YAAY,aAAA,KAAA,CAAmB,QAAA,IAAY,gBAAgB,OAAO,OAAA,KAAY,WAAW,OAAA,GAAU,MAAA,CAAA;AAEzG,IAAA,MAAM,OAAA,GAAU,QAAA,mBACd,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,iBAAiB,IAAI,CAAA,EAAI,QAAA,EAAS,CAAA,mBAE9C,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,IAAA,mBACC,GAAA,CAAC,QAAK,WAAA,EAAU,aAAA,EAAc,MAAM,eAAA,CAAgB,YAA8B,CAAA,EAC/E,QAAA,EAAA,IAAA,EACH,CAAA,GACE,IAAA;AAAA,MACH;AAAA,KAAA,EACH,CAAA;AAGF,IAAA,MAAM,WAAA,GAAc;AAAA,MAClB,QAAA;AAAA;AAAA;AAAA;AAAA,MAIA,IAAA;AAAA,MACA,YAAA,EAAc,SAAA;AAAA;AAAA;AAAA;AAAA,MAId,cAAA,EAAgB,OAAA;AAAA,MAChB,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,YAAA,EAAc,CAAA,EAAG,SAAS,CAAA;AAAA,MACxE,GAAG;AAAA,KACL;AAMA,IAAA,MAAM,eAAA,GAAkB,SAAS,MAAA,GAAY,MAAA;AAK7C,IAAA,MAAM,eAAA,GAAkB;AAAA,MACtB,GAAI,IAAA,KAAS,MAAA,GAAY,IAAA,GAAO,EAAE,IAAA,EAAK;AAAA,MACvC,GAAI,EAAA,KAAO,MAAA,GAAY,IAAA,GAAO,EAAE,EAAA,EAAG;AAAA,MACnC,GAAI,MAAA,KAAW,MAAA,GAAY,IAAA,GAAO,EAAE,MAAA,EAAO;AAAA,MAC3C,GAAI,QAAA,KAAa,MAAA,GAAY,IAAA,GAAO,EAAE,QAAA;AAAS,KACjD;AAEA,IAAA,MAAM,YAAA,GAAeA,eAAM,cAAA,CAAe,MAAM,KAAK,aAAA,CAAc,MAAM,IAAI,MAAA,GAAS,MAAA;AACtF,IAAA,MAAM,oBAAoB,YAAA,EAAc,KAAA;AACxC,IAAA,MAAM,eAAe,YAAA,EAAc,IAAA,KAAS,OAAO,iBAAA,EAAmB,IAAA,KAAS,SAAY,EAAA,GAAK,MAAA;AAChG,IAAA,MAAM,UAAA,GAAa,iBAAA,EAAmB,EAAA,KAAO,MAAA,GAAY,EAAA,GAAK,MAAA;AAC9D,IAAA,MAAM,oBAAoB,QAAA,GACtB;AAAA,MACE,IAAA,EAAM,YAAA;AAAA,MACN,EAAA,EAAI,UAAA;AAAA,MACJ,eAAA,EAAiB,IAAA;AAAA,MACjB,OAAA,EAAS,qBAAA;AAAA,MACT,UAAA,EAAY,qBAAA;AAAA,MACZ,SAAA,EAAW,CAAC,KAAA,KAA+B;AACzC,QAAA,IAAI,MAAM,GAAA,KAAQ,OAAA,IAAW,MAAM,GAAA,KAAQ,GAAA,wBAA2B,KAAK,CAAA;AAAA,MAC7E;AAAA,KACF,GACA,MAAA;AAEJ,IAAA,MAAM,MAAA,GAAS,eAAA,mBACb,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAW,GAAG,eAAA,EAAkB,GAAG,WAAA,EACjD,QAAA,EAAA,OAAA,EACH,CAAA,GACE,YAAA,GACFA,cAAA,CAAM,aAAa,YAAA,EAA6D;AAAA,MAC9E,GAAA;AAAA,MACA,GAAG,WAAA;AAAA,MACH,QAAA,EAAU,MAAA;AAAA,MACV,GAAG,iBAAA;AAAA,MACH,WAAW,EAAA,CAAG,WAAA,CAAY,SAAA,EAAW,YAAA,CAAa,MAAM,SAAS,CAAA;AAAA,MACjE,QAAA,EAAU;AAAA,KACX,oBAED,GAAA,CAACC,QAAA,EAAA,EAAW,KAAU,MAAA,EAAiB,GAAG,aACvC,QAAA,EAAA,OAAA,EACH,CAAA;AAGF,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,wBAChC,GAAA,CAAC,kBAAgB,QAAA,EAAA,OAAA,EAAQ;AAAA,OAAA,EAC3B,CAAA;AAAA,IAEJ;AAEA,IAAA,OAAO,MAAA;AAAA,EACT;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/dist/{Card-CnxuKKaz.js → Card-BAAZQk25.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { c as cva } from './index-Cp3ZQQze.js';
+import { c as cva } from './index-BtcX2880.js';
 import * as React from 'react';
-import { c as cn } from './cn-C6s2yXwM.js';
+import { c as cn } from './cn-BmQQRqRs.js';
 
 const cardVariants = cva(
   // Base styles
@@ -65,13 +65,13 @@ const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   "h3",
   {
     ref,
-    className: cn("text-ui-md leading-none font-semibold tracking-tight text-neutral6", className),
+    className: cn("text-ui-md leading-none font-semibold tracking-tight text-foreground", className),
     ...props
   }
 ));
 CardTitle.displayName = "CardTitle";
 const CardDescription = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-ui-sm text-neutral3", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-ui-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
 const cardContentVariants = cva("", {
@@ -93,4 +93,4 @@ const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
 CardFooter.displayName = "CardFooter";
 
 export { Card as C, CardContent as a, CardDescription as b, CardFooter as c, CardHeader as d, CardLink as e, CardTitle as f };
-//# sourceMappingURL=Card-CnxuKKaz.js.map
+//# sourceMappingURL=Card-BAAZQk25.js.map

package/dist/Card-BAAZQk25.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-BAAZQk25.js","sources":["../src/ds/components/Card/Card.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nconst cardVariants = cva(\n  // Base styles\n  'duration-normal rounded-lg transition-all ease-out-custom motion-reduce:transition-none',\n  {\n    variants: {\n      appearance: {\n        outlined: 'border border-border1 bg-surface2',\n        surface: 'bg-surface3',\n      },\n      elevation: {\n        flat: '',\n        raised: 'shadow-card',\n        elevated: 'shadow-elevated',\n      },\n      interactive: {\n        true: 'cursor-pointer active:scale-99',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        appearance: 'outlined',\n        interactive: true,\n        className: 'hover:border-border2 hover:bg-surface3',\n      },\n      {\n        appearance: 'surface',\n        interactive: true,\n        className:\n          'hover:bg-surface4 focus-visible:bg-surface4 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-border2 active:bg-surface5',\n      },\n    ],\n    defaultVariants: {\n      appearance: 'outlined',\n      elevation: 'flat',\n      interactive: false,\n    },\n  },\n);\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof cardVariants> & {\n    as?: React.ElementType;\n  };\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, appearance, elevation, interactive, as, ...props }, ref) => {\n    const Component = as || (interactive ? 'button' : 'div');\n\n    return (\n      <Component\n        ref={ref}\n        type={Component === 'button' ? 'button' : undefined}\n        className={cn(cardVariants({ appearance, elevation, interactive }), className)}\n        {...props}\n      />\n    );\n  },\n);\nCard.displayName = 'Card';\n\nexport type CardLinkProps = Omit<React.ComponentPropsWithoutRef<'a'>, 'href'> &\n  Omit<VariantProps<typeof cardVariants>, 'interactive'> & {\n    href: string;\n    LinkComponent?: LinkComponent;\n  };\n\nexport function CardLink({ className, appearance, elevation, LinkComponent: Link = 'a', ...props }: CardLinkProps) {\n  return <Link className={cn(cardVariants({ appearance, elevation, interactive: true }), className)} {...props} />;\n}\n\n// Card Header component\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex flex-col space-y-1.5 p-3 pb-0', className)} {...props} />\n));\nCardHeader.displayName = 'CardHeader';\n\n// Card Title component\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn('text-ui-md leading-none font-semibold tracking-tight text-foreground', className)}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n// Card Description component\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn('text-ui-sm text-muted-foreground', className)} {...props} />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\n// Card Content component\nconst cardContentVariants = cva('', {\n  variants: {\n    density: {\n      default: 'p-3',\n      compact: 'p-2',\n    },\n  },\n  defaultVariants: {\n    density: 'default',\n  },\n});\n\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardContentVariants>;\n\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, density, ...props }, ref) => (\n    <div ref={ref} className={cn(cardContentVariants({ density }), className)} {...props} />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\n// Card Footer component\nexport type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center p-3 pt-0', className)} {...props} />\n));\nCardFooter.displayName = 'CardFooter';\n"],"names":[],"mappings":"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"}

package/dist/{Card-DC9rlxXj.cjs → Card-CGCdI-3T.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const index = require('./index-gbqoNdVM.cjs');
+const index = require('./index-DklEHic9.cjs');
 const React = require('react');
-const utils_cn = require('./cn-BuHW7Wrt.cjs');
+const utils_cn = require('./cn-DqcFobIY.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -86,13 +86,13 @@ const CardTitle = React__namespace.forwardRef(({ className, ...props }, ref) =>
   "h3",
   {
     ref,
-    className: utils_cn.cn("text-ui-md leading-none font-semibold tracking-tight text-neutral6", className),
+    className: utils_cn.cn("text-ui-md leading-none font-semibold tracking-tight text-foreground", className),
     ...props
   }
 ));
 CardTitle.displayName = "CardTitle";
 const CardDescription = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: utils_cn.cn("text-ui-sm text-neutral3", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: utils_cn.cn("text-ui-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
 const cardContentVariants = index.cva("", {
@@ -120,4 +120,4 @@ exports.CardFooter = CardFooter;
 exports.CardHeader = CardHeader;
 exports.CardLink = CardLink;
 exports.CardTitle = CardTitle;
-//# sourceMappingURL=Card-DC9rlxXj.cjs.map
+//# sourceMappingURL=Card-CGCdI-3T.cjs.map

package/dist/Card-CGCdI-3T.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-CGCdI-3T.cjs","sources":["../src/ds/components/Card/Card.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nconst cardVariants = cva(\n  // Base styles\n  'duration-normal rounded-lg transition-all ease-out-custom motion-reduce:transition-none',\n  {\n    variants: {\n      appearance: {\n        outlined: 'border border-border1 bg-surface2',\n        surface: 'bg-surface3',\n      },\n      elevation: {\n        flat: '',\n        raised: 'shadow-card',\n        elevated: 'shadow-elevated',\n      },\n      interactive: {\n        true: 'cursor-pointer active:scale-99',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        appearance: 'outlined',\n        interactive: true,\n        className: 'hover:border-border2 hover:bg-surface3',\n      },\n      {\n        appearance: 'surface',\n        interactive: true,\n        className:\n          'hover:bg-surface4 focus-visible:bg-surface4 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-border2 active:bg-surface5',\n      },\n    ],\n    defaultVariants: {\n      appearance: 'outlined',\n      elevation: 'flat',\n      interactive: false,\n    },\n  },\n);\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof cardVariants> & {\n    as?: React.ElementType;\n  };\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, appearance, elevation, interactive, as, ...props }, ref) => {\n    const Component = as || (interactive ? 'button' : 'div');\n\n    return (\n      <Component\n        ref={ref}\n        type={Component === 'button' ? 'button' : undefined}\n        className={cn(cardVariants({ appearance, elevation, interactive }), className)}\n        {...props}\n      />\n    );\n  },\n);\nCard.displayName = 'Card';\n\nexport type CardLinkProps = Omit<React.ComponentPropsWithoutRef<'a'>, 'href'> &\n  Omit<VariantProps<typeof cardVariants>, 'interactive'> & {\n    href: string;\n    LinkComponent?: LinkComponent;\n  };\n\nexport function CardLink({ className, appearance, elevation, LinkComponent: Link = 'a', ...props }: CardLinkProps) {\n  return <Link className={cn(cardVariants({ appearance, elevation, interactive: true }), className)} {...props} />;\n}\n\n// Card Header component\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex flex-col space-y-1.5 p-3 pb-0', className)} {...props} />\n));\nCardHeader.displayName = 'CardHeader';\n\n// Card Title component\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn('text-ui-md leading-none font-semibold tracking-tight text-foreground', className)}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n// Card Description component\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn('text-ui-sm text-muted-foreground', className)} {...props} />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\n// Card Content component\nconst cardContentVariants = cva('', {\n  variants: {\n    density: {\n      default: 'p-3',\n      compact: 'p-2',\n    },\n  },\n  defaultVariants: {\n    density: 'default',\n  },\n});\n\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardContentVariants>;\n\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, density, ...props }, ref) => (\n    <div ref={ref} className={cn(cardContentVariants({ density }), className)} {...props} />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\n// Card Footer component\nexport type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center p-3 pt-0', className)} {...props} />\n));\nCardFooter.displayName = 'CardFooter';\n"],"names":["cva","React","jsx","cn"],"mappings":"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"}

package/dist/{EmptyState-_TZefNk_.cjs → EmptyState-BATNa-KF.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('./cn-BuHW7Wrt.cjs');
+const utils_cn = require('./cn-DqcFobIY.cjs');
 
 function EmptyState({
   iconSlot,
@@ -21,8 +21,8 @@ function EmptyState({
       ),
       children: [
         iconSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3", children: iconSlot }),
-        /* @__PURE__ */ jsxRuntime.jsx(HeadingTag, { className: "text-ui-md text-neutral5 font-medium", children: titleSlot }),
-        descriptionSlot && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-neutral3 mt-1.5 max-w-md", children: descriptionSlot }),
+        /* @__PURE__ */ jsxRuntime.jsx(HeadingTag, { className: "text-ui-md text-foreground font-medium", children: titleSlot }),
+        descriptionSlot && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-muted-foreground mt-1.5 max-w-md", children: descriptionSlot }),
         actionSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: actionSlot })
       ]
     }
@@ -30,4 +30,4 @@ function EmptyState({
 }
 
 exports.EmptyState = EmptyState;
-//# sourceMappingURL=EmptyState-_TZefNk_.cjs.map
+//# sourceMappingURL=EmptyState-BATNa-KF.cjs.map

package/dist/EmptyState-BATNa-KF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-BATNa-KF.cjs","sources":["../src/ds/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type EmptyStateProps = {\n  iconSlot: React.ReactNode;\n  titleSlot: React.ReactNode;\n  descriptionSlot?: React.ReactNode;\n  actionSlot?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\n\nexport function EmptyState({\n  iconSlot,\n  titleSlot,\n  descriptionSlot,\n  actionSlot,\n  className,\n  as: HeadingTag = 'h3',\n}: EmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center px-4 py-6 text-center',\n        'duration-normal transition-opacity ease-out-custom',\n        className,\n      )}\n    >\n      {iconSlot && <div className=\"mb-3\">{iconSlot}</div>}\n      <HeadingTag className=\"text-ui-md text-foreground font-medium\">{titleSlot}</HeadingTag>\n      {descriptionSlot && <p className=\"text-ui-sm text-muted-foreground mt-1.5 max-w-md\">{descriptionSlot}</p>}\n      {actionSlot && <div className=\"mt-4\">{actionSlot}</div>}\n    </div>\n  );\n}\n"],"names":["jsxs","cn","jsx"],"mappings":";;;;;AAYO,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAI,UAAA,GAAa;AACnB,CAAA,EAAoB;AAClB,EAAA,uBACEA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,iEAAA;AAAA,QACA,oDAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA,oBAAYC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAQ,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,wBAC7CA,cAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,QACzE,eAAA,oBAAmBA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oDAAoD,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,QACpG,UAAA,oBAAcA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAQ,QAAA,EAAA,UAAA,EAAW;AAAA;AAAA;AAAA,GACnD;AAEJ;;;;"}

package/dist/{EmptyState-CDM5htkF.js → EmptyState-DDlpBodA.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as cn } from './cn-C6s2yXwM.js';
+import { c as cn } from './cn-BmQQRqRs.js';
 
 function EmptyState({
   iconSlot,
@@ -19,8 +19,8 @@ function EmptyState({
       ),
       children: [
         iconSlot && /* @__PURE__ */ jsx("div", { className: "mb-3", children: iconSlot }),
-        /* @__PURE__ */ jsx(HeadingTag, { className: "text-ui-md text-neutral5 font-medium", children: titleSlot }),
-        descriptionSlot && /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-neutral3 mt-1.5 max-w-md", children: descriptionSlot }),
+        /* @__PURE__ */ jsx(HeadingTag, { className: "text-ui-md text-foreground font-medium", children: titleSlot }),
+        descriptionSlot && /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-muted-foreground mt-1.5 max-w-md", children: descriptionSlot }),
         actionSlot && /* @__PURE__ */ jsx("div", { className: "mt-4", children: actionSlot })
       ]
     }
@@ -28,4 +28,4 @@ function EmptyState({
 }
 
 export { EmptyState as E };
-//# sourceMappingURL=EmptyState-CDM5htkF.js.map
+//# sourceMappingURL=EmptyState-DDlpBodA.js.map

package/dist/EmptyState-DDlpBodA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-DDlpBodA.js","sources":["../src/ds/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type EmptyStateProps = {\n  iconSlot: React.ReactNode;\n  titleSlot: React.ReactNode;\n  descriptionSlot?: React.ReactNode;\n  actionSlot?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\n\nexport function EmptyState({\n  iconSlot,\n  titleSlot,\n  descriptionSlot,\n  actionSlot,\n  className,\n  as: HeadingTag = 'h3',\n}: EmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center px-4 py-6 text-center',\n        'duration-normal transition-opacity ease-out-custom',\n        className,\n      )}\n    >\n      {iconSlot && <div className=\"mb-3\">{iconSlot}</div>}\n      <HeadingTag className=\"text-ui-md text-foreground font-medium\">{titleSlot}</HeadingTag>\n      {descriptionSlot && <p className=\"text-ui-sm text-muted-foreground mt-1.5 max-w-md\">{descriptionSlot}</p>}\n      {actionSlot && <div className=\"mt-4\">{actionSlot}</div>}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAYO,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAI,UAAA,GAAa;AACnB,CAAA,EAAoB;AAClB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,iEAAA;AAAA,QACA,oDAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAQ,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,wBAC7C,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,QACzE,eAAA,oBAAmB,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oDAAoD,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,QACpG,UAAA,oBAAc,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAQ,QAAA,EAAA,UAAA,EAAW;AAAA;AAAA;AAAA,GACnD;AAEJ;;;;"}

package/dist/{ErrorState-t59EAa55.js → ErrorState-B0Xrya2q.js}

@@ -4,11 +4,11 @@ import { CircleXIcon } from 'lucide-react';
 function ErrorState({ title, message, action }) {
   return /* @__PURE__ */ jsx("div", { className: "flex h-[30vh] items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center px-6 py-10 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(CircleXIcon, { className: "size-8 text-red-900" }) }),
-    /* @__PURE__ */ jsx("h3", { className: "text-ui-md text-neutral4 font-medium", children: title }),
-    /* @__PURE__ */ jsx("p", { className: "text-ui-md text-neutral2 mt-1.5 max-w-md", children: message }),
+    /* @__PURE__ */ jsx("h3", { className: "text-ui-md text-muted-foreground font-medium", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "text-ui-md text-placeholder mt-1.5 max-w-md", children: message }),
     action && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center pt-4", children: action })
   ] }) });
 }
 
 export { ErrorState as E };
-//# sourceMappingURL=ErrorState-t59EAa55.js.map
+//# sourceMappingURL=ErrorState-B0Xrya2q.js.map

package/dist/ErrorState-B0Xrya2q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState-B0Xrya2q.js","sources":["../src/ds/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import { CircleXIcon } from 'lucide-react';\n\nexport type ErrorStateProps = {\n  title: string;\n  message: string;\n  action?: React.ReactNode;\n};\n\nexport function ErrorState({ title, message, action }: ErrorStateProps) {\n  return (\n    <div className=\"flex h-[30vh] items-center justify-center\">\n      <div className=\"flex flex-col items-center justify-center px-6 py-10 text-center\">\n        <div className=\"mb-4\">\n          <CircleXIcon className=\"size-8 text-red-900\" />\n        </div>\n        <h3 className=\"text-ui-md text-muted-foreground font-medium\">{title}</h3>\n        <p className=\"text-ui-md text-placeholder mt-1.5 max-w-md\">{message}</p>\n        {action && <div className=\"flex items-center justify-center pt-4\">{action}</div>}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAQO,SAAS,UAAA,CAAW,EAAE,KAAA,EAAO,OAAA,EAAS,QAAO,EAAoB;AACtE,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,6CACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kEAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,MAAA,EACb,8BAAC,WAAA,EAAA,EAAY,SAAA,EAAU,uBAAsB,CAAA,EAC/C,CAAA;AAAA,oBACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,8CAAA,EAAgD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBACpE,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6CAAA,EAA+C,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,IACnE,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAyC,QAAA,EAAA,MAAA,EAAO;AAAA,GAAA,EAC5E,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{ErrorState-DvsG3RMz.cjs → ErrorState-B8vYPznf.cjs}

@@ -6,11 +6,11 @@ const lucideReact = require('lucide-react');
 function ErrorState({ title, message, action }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-[30vh] items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center px-6 py-10 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleXIcon, { className: "size-8 text-red-900" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-ui-md text-neutral4 font-medium", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md text-neutral2 mt-1.5 max-w-md", children: message }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-ui-md text-muted-foreground font-medium", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md text-placeholder mt-1.5 max-w-md", children: message }),
     action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center pt-4", children: action })
   ] }) });
 }
 
 exports.ErrorState = ErrorState;
-//# sourceMappingURL=ErrorState-DvsG3RMz.cjs.map
+//# sourceMappingURL=ErrorState-B8vYPznf.cjs.map