@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

package/dist/{Badge-DZ6r6bcw.cjs.map → Badge-DqaMg7Gy.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Badge-DZ6r6bcw.cjs","names":["productColors","productSubtleColors","cn","transitions","Icon"],"sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { productColors, productSubtleColors } from '../ProductAvatar/product-identity';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type BadgeEmphasis = 'strong' | 'subtle';\nexport type BadgeIndicator = 'dot' | 'pulse';\n\ntype BadgeToneStyles = Record<BadgeEmphasis, string> & { indicator: string };\n\nconst green = {\n  strong: 'bg-badge-green-strong text-badge-green-foreground',\n  subtle: 'bg-badge-green-subtle text-badge-green-foreground',\n  indicator: 'bg-badge-green-indicator',\n};\nconst red = {\n  strong: 'bg-badge-red-strong text-badge-red-foreground',\n  subtle: 'bg-badge-red-subtle text-badge-red-foreground',\n  indicator: 'bg-badge-red-indicator',\n};\nconst amber = {\n  strong: 'bg-badge-amber-strong text-badge-amber-foreground',\n  subtle: 'bg-badge-amber-subtle text-badge-amber-foreground',\n  indicator: 'bg-badge-amber-indicator',\n};\nconst blue = {\n  strong: 'bg-badge-blue-strong text-badge-blue-foreground',\n  subtle: 'bg-badge-blue-subtle text-badge-blue-foreground',\n  indicator: 'bg-badge-blue-indicator',\n};\n\nconst badgeToneStyles = {\n  studio: {\n    strong: productColors.studio,\n    subtle: productSubtleColors.studio,\n    indicator: 'bg-product-studio-foreground',\n  },\n  server: {\n    strong: productColors.server,\n    subtle: productSubtleColors.server,\n    indicator: 'bg-product-server-foreground',\n  },\n  observability: {\n    strong: productColors.observability,\n    subtle: productSubtleColors.observability,\n    indicator: 'bg-product-observability-foreground',\n  },\n  factory: {\n    strong: productColors.factory,\n    subtle: productSubtleColors.factory,\n    indicator: 'bg-product-factory-foreground',\n  },\n  workers: {\n    strong: productColors.workers,\n    subtle: productSubtleColors.workers,\n    indicator: 'bg-product-workers-foreground',\n  },\n  'persistent-server': {\n    strong: productColors['persistent-server'],\n    subtle: productSubtleColors['persistent-server'],\n    indicator: 'bg-product-persistent-server-foreground',\n  },\n  neutral: {\n    strong: 'bg-fill text-badge-neutral-foreground',\n    subtle: 'bg-fill-subtle text-badge-neutral-foreground',\n    indicator: 'bg-muted-foreground',\n  },\n  success: { ...green, indicator: 'bg-success-indicator' },\n  destructive: {\n    strong: 'bg-badge-red-strong text-badge-red-foreground',\n    subtle: 'bg-badge-red-subtle text-badge-red-foreground',\n    indicator: 'bg-destructive-indicator',\n  },\n  info: { ...blue, indicator: 'bg-info-indicator' },\n  warning: {\n    strong: 'bg-badge-amber-strong text-warning-foreground',\n    subtle: 'bg-badge-amber-subtle text-warning-foreground',\n    indicator: 'bg-warning-indicator',\n  },\n  green,\n  red,\n  amber,\n  blue,\n  purple: {\n    strong: 'bg-badge-purple-strong text-badge-purple-foreground',\n    subtle: 'bg-badge-purple-subtle text-badge-purple-foreground',\n    indicator: 'bg-badge-purple-indicator',\n  },\n  orange: {\n    strong: 'bg-badge-orange-strong text-badge-orange-foreground',\n    subtle: 'bg-badge-orange-subtle text-badge-orange-foreground',\n    indicator: 'bg-badge-orange-indicator',\n  },\n  cyan: {\n    strong: 'bg-badge-cyan-strong text-badge-cyan-foreground',\n    subtle: 'bg-badge-cyan-subtle text-badge-cyan-foreground',\n    indicator: 'bg-badge-cyan-indicator',\n  },\n  pink: {\n    strong: 'bg-badge-pink-strong text-badge-pink-foreground',\n    subtle: 'bg-badge-pink-subtle text-badge-pink-foreground',\n    indicator: 'bg-badge-pink-indicator',\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-meta',\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-meta',\n    withoutLeadingVisual: 'px-1.5',\n    withLeadingVisual: 'px-1.5',\n    indicator: 'size-1',\n  },\n  md: {\n    badge: 'h-5 gap-1 text-column tracking-normal',\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 = 'strong',\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]',\n        'shadow-inset',\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=\"xs\">{icon}</Icon> : null}\n      {children}\n    </span>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAM,QAAQ;CACZ,QAAQ;CACR,QAAQ;CACR,WAAW;AACb;AACA,IAAM,MAAM;CACV,QAAQ;CACR,QAAQ;CACR,WAAW;AACb;AACA,IAAM,QAAQ;CACZ,QAAQ;CACR,QAAQ;CACR,WAAW;AACb;AACA,IAAM,OAAO;CACX,QAAQ;CACR,QAAQ;CACR,WAAW;AACb;AAEA,IAAM,kBAAkB;CACtB,QAAQ;EACN,QAAQA,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,QAAQ;EACN,QAAQD,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,eAAe;EACb,QAAQD,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,SAAS;EACP,QAAQD,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,SAAS;EACP,QAAQD,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,qBAAqB;EACnB,QAAQD,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA,SAAS;EAAE,GAAG;EAAO,WAAW;CAAuB;CACvD,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA,MAAM;EAAE,GAAG;EAAM,WAAW;CAAoB;CAChD,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA;CACA;CACA;CACA;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;AACF;AAIA,IAAM,kBAAkB;CACtB,IAAI;EACF,OAAO;EACP,sBAAsB;EACtB,mBAAmB;EACnB,WAAW;CACb;CACA,IAAI;EACF,OAAO;EACP,sBAAsB;EACtB,mBAAmB;EACnB,WAAW;CACb;CACA,IAAI;EACF,OAAO;EACP,sBAAsB;EACtB,mBAAmB;EACnB,WAAW;CACb;AACF;AAcA,IAAa,SAAS,EACpB,MACA,WACA,UAAU,WACV,WAAW,UACX,OAAO,MACP,WACA,UACA,GAAG,YACa;CAChB,MAAM,UAAU,QAAQ,IAAI;CAC5B,MAAM,oBAAoB,WAAW,cAAc,KAAA;CACnD,MAAM,aAAa,gBAAgB;CACnC,MAAM,eAAe,oBAAoB,WAAW,oBAAoB,WAAW;CAEnF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;EACE,WAAWC,cAAAA,GACT,oEACA,gBACA,gBAAgB,QAAQ,CAAC,WACzB,WAAW,OACX,cACAC,+BAAAA,YAAY,QACZ,SACF;EACA,GAAI;EAVN,UAAA;GAYG,cAAc,KAAA,IACb,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,eAAY;IACZ,WAAWD,cAAAA,GACT,yBACA,gBAAgB,QAAQ,CAAC,WACzB,WAAW,WACX,cAAc,WAAW,sDAC3B;GACD,CAAA,IACC;GACH,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACE,mBAAAA,MAAD;IAAM,MAAK;IAAM,UAAA;GAAW,CAAA,IAAI;GAC1C;EACG;;AAEV"}
+{"version":3,"file":"Badge-DqaMg7Gy.cjs","names":["productColors","productSubtleColors","cn","transitions","Icon"],"sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { productColors, productSubtleColors } from '../ProductAvatar/product-identity';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type BadgeEmphasis = 'strong' | 'subtle';\nexport type BadgeIndicator = 'dot' | 'pulse';\n\ntype BadgeToneStyles = Record<BadgeEmphasis, string> & { indicator: string };\n\nconst green = {\n  strong: 'bg-badge-green-strong text-badge-green-foreground',\n  subtle: 'bg-badge-green-subtle text-badge-green-foreground',\n  indicator: 'bg-badge-green-indicator',\n};\nconst red = {\n  strong: 'bg-badge-red-strong text-badge-red-foreground',\n  subtle: 'bg-badge-red-subtle text-badge-red-foreground',\n  indicator: 'bg-badge-red-indicator',\n};\nconst amber = {\n  strong: 'bg-badge-amber-strong text-badge-amber-foreground',\n  subtle: 'bg-badge-amber-subtle text-badge-amber-foreground',\n  indicator: 'bg-badge-amber-indicator',\n};\nconst blue = {\n  strong: 'bg-badge-blue-strong text-badge-blue-foreground',\n  subtle: 'bg-badge-blue-subtle text-badge-blue-foreground',\n  indicator: 'bg-badge-blue-indicator',\n};\n\nconst badgeToneStyles = {\n  studio: {\n    strong: productColors.studio,\n    subtle: productSubtleColors.studio,\n    indicator: 'bg-product-studio-foreground',\n  },\n  server: {\n    strong: productColors.server,\n    subtle: productSubtleColors.server,\n    indicator: 'bg-product-server-foreground',\n  },\n  observability: {\n    strong: productColors.observability,\n    subtle: productSubtleColors.observability,\n    indicator: 'bg-product-observability-foreground',\n  },\n  factory: {\n    strong: productColors.factory,\n    subtle: productSubtleColors.factory,\n    indicator: 'bg-product-factory-foreground',\n  },\n  workers: {\n    strong: productColors.workers,\n    subtle: productSubtleColors.workers,\n    indicator: 'bg-product-workers-foreground',\n  },\n  'persistent-server': {\n    strong: productColors['persistent-server'],\n    subtle: productSubtleColors['persistent-server'],\n    indicator: 'bg-product-persistent-server-foreground',\n  },\n  neutral: {\n    strong: 'bg-fill text-badge-neutral-foreground',\n    subtle: 'bg-fill-subtle text-badge-neutral-foreground',\n    indicator: 'bg-muted-foreground',\n  },\n  success: { ...green, indicator: 'bg-success-indicator' },\n  destructive: {\n    strong: 'bg-badge-red-strong text-badge-red-foreground',\n    subtle: 'bg-badge-red-subtle text-badge-red-foreground',\n    indicator: 'bg-destructive-indicator',\n  },\n  info: { ...blue, indicator: 'bg-info-indicator' },\n  warning: {\n    strong: 'bg-badge-amber-strong text-warning-foreground',\n    subtle: 'bg-badge-amber-subtle text-warning-foreground',\n    indicator: 'bg-warning-indicator',\n  },\n  green,\n  red,\n  amber,\n  blue,\n  purple: {\n    strong: 'bg-badge-purple-strong text-badge-purple-foreground',\n    subtle: 'bg-badge-purple-subtle text-badge-purple-foreground',\n    indicator: 'bg-badge-purple-indicator',\n  },\n  orange: {\n    strong: 'bg-badge-orange-strong text-badge-orange-foreground',\n    subtle: 'bg-badge-orange-subtle text-badge-orange-foreground',\n    indicator: 'bg-badge-orange-indicator',\n  },\n  cyan: {\n    strong: 'bg-badge-cyan-strong text-badge-cyan-foreground',\n    subtle: 'bg-badge-cyan-subtle text-badge-cyan-foreground',\n    indicator: 'bg-badge-cyan-indicator',\n  },\n  pink: {\n    strong: 'bg-badge-pink-strong text-badge-pink-foreground',\n    subtle: 'bg-badge-pink-subtle text-badge-pink-foreground',\n    indicator: 'bg-badge-pink-indicator',\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-meta',\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-meta',\n    withoutLeadingVisual: 'px-1.5',\n    withLeadingVisual: 'px-1.5',\n    indicator: 'size-1',\n  },\n  md: {\n    badge: 'h-5 gap-1 text-column tracking-normal',\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 = 'strong',\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]',\n        'shadow-inset',\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=\"xs\">{icon}</Icon> : null}\n      {children}\n    </span>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAM,QAAQ;CACZ,QAAQ;CACR,QAAQ;CACR,WAAW;AACb;AACA,IAAM,MAAM;CACV,QAAQ;CACR,QAAQ;CACR,WAAW;AACb;AACA,IAAM,QAAQ;CACZ,QAAQ;CACR,QAAQ;CACR,WAAW;AACb;AACA,IAAM,OAAO;CACX,QAAQ;CACR,QAAQ;CACR,WAAW;AACb;AAEA,IAAM,kBAAkB;CACtB,QAAQ;EACN,QAAQA,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,QAAQ;EACN,QAAQD,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,eAAe;EACb,QAAQD,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,SAAS;EACP,QAAQD,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,SAAS;EACP,QAAQD,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,qBAAqB;EACnB,QAAQD,yBAAAA,cAAc;EACtB,QAAQC,yBAAAA,oBAAoB;EAC5B,WAAW;CACb;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA,SAAS;EAAE,GAAG;EAAO,WAAW;CAAuB;CACvD,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA,MAAM;EAAE,GAAG;EAAM,WAAW;CAAoB;CAChD,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA;CACA;CACA;CACA;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,WAAW;CACb;AACF;AAIA,IAAM,kBAAkB;CACtB,IAAI;EACF,OAAO;EACP,sBAAsB;EACtB,mBAAmB;EACnB,WAAW;CACb;CACA,IAAI;EACF,OAAO;EACP,sBAAsB;EACtB,mBAAmB;EACnB,WAAW;CACb;CACA,IAAI;EACF,OAAO;EACP,sBAAsB;EACtB,mBAAmB;EACnB,WAAW;CACb;AACF;AAcA,IAAa,SAAS,EACpB,MACA,WACA,UAAU,WACV,WAAW,UACX,OAAO,MACP,WACA,UACA,GAAG,YACa;CAChB,MAAM,UAAU,QAAQ,IAAI;CAC5B,MAAM,oBAAoB,WAAW,cAAc,KAAA;CACnD,MAAM,aAAa,gBAAgB;CACnC,MAAM,eAAe,oBAAoB,WAAW,oBAAoB,WAAW;CAEnF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;EACE,WAAWC,cAAAA,GACT,oEACA,gBACA,gBAAgB,QAAQ,CAAC,WACzB,WAAW,OACX,cACAC,+BAAAA,YAAY,QACZ,SACF;EACA,GAAI;EAVN,UAAA;GAYG,cAAc,KAAA,IACb,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,eAAY;IACZ,WAAWD,cAAAA,GACT,yBACA,gBAAgB,QAAQ,CAAC,WACzB,WAAW,WACX,cAAc,WAAW,sDAC3B;GACD,CAAA,IACC;GACH,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACE,mBAAAA,MAAD;IAAM,MAAK;IAAM,UAAA;GAAW,CAAA,IAAI;GAC1C;EACG;;AAEV"}

package/dist/{Button-DLcMcuUL.cjs → Button-BfICfyxD.cjs}

@@ -1,13 +1,13 @@
 const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_dist = require("./dist-ClDKPtVq.cjs");
-const require_tooltip = require("./tooltip-BiRLT3Th.cjs");
-const require_icons_icon_size_classes = require("./icons/icon-size-classes.cjs.js");
+const require_tooltip = require("./tooltip-BsExuMO8.cjs");
 const require_icons_Icon = require("./icons/Icon.cjs.js");
+const require_icons_icon_size_classes = require("./icons/icon-size-classes.cjs.js");
 const require_primitives_control_icon = require("./primitives/control-icon.cjs.js");
 const require_primitives_control_size = require("./primitives/control-size.cjs.js");
 const require_primitives_form_element = require("./primitives/form-element.cjs.js");
 const require_primitives_transitions = require("./primitives/transitions.cjs.js");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -17,7 +17,7 @@ let _base_ui_react_button = require("@base-ui/react/button");
 var TEXT_MODE_ADORNMENTS = require_utils.cn("rounded-full px-[calc(var(--control-px)-var(--control-border,0px))]", "has-[>[data-slot=button-icon]]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]", "has-[>svg]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]", "has-[>[data-slot=button-icon-end]]:pr-[calc(var(--control-px)-2px-var(--control-border,0px))]");
 var LINK_LAYOUT = require_utils.cn("relative size-auto gap-1 rounded-xs px-0 text-label", "before:absolute before:-inset-x-2", "has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0");
 var LINK_LABEL = require_utils.cn("relative inline-flex items-center gap-1", require_icons_icon_size_classes.iconSizeClasses.sm, "[&>svg]:shrink-0", "after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current", "after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after:transition-none");
-var buttonVariants = require_dist.cva(require_utils.cn("inline-flex cursor-pointer items-center justify-center", require_primitives_transitions.controlStateColorTransition, require_primitives_form_element.sharedFormElementDisabledStyle, "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground", require_primitives_form_element.controlFocusBorderVisible), {
+var buttonVariants = require_dist.cva(require_utils.cn("inline-flex cursor-pointer items-center justify-center whitespace-nowrap", require_primitives_transitions.controlStateColorTransition, require_primitives_form_element.sharedFormElementDisabledStyle, "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground", require_primitives_form_element.controlFocusBorderVisible), {
 	variants: {
 		variant: {
 			default: require_utils.cn("border-0", require_primitives_form_element.raisedControlSurfaceStyle, require_primitives_control_icon.controlIconState, "disabled:bg-fill-subtle aria-disabled:bg-fill-subtle"),
@@ -273,4 +273,4 @@ Object.defineProperty(exports, "isIconButtonSize", {
 	}
 });
 
-//# sourceMappingURL=Button-DLcMcuUL.cjs.map
+//# sourceMappingURL=Button-BfICfyxD.cjs.map

package/dist/Button-BfICfyxD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-BfICfyxD.cjs","names":["cn","iconSizeClasses","cva","controlStateColorTransition","sharedFormElementDisabledStyle","controlFocusBorderVisible","raisedControlSurfaceStyle","controlIconState","focusRingOffset","focusRing","controlSizeClasses","controlSpacing","controlHeight","ChevronDown","Icon","React","_Fragment","BaseButton","Tooltip","TooltipTrigger","TooltipContent"],"sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { iconSizeClasses } from '@/ds/icons/icon-size-classes';\nimport type { IconSize } from '@/ds/icons/icon-size-classes';\nimport { controlIconState } from '@/ds/primitives/control-icon';\nimport { controlHeight, controlSizeClasses, controlSpacing } from '@/ds/primitives/control-size';\nimport {\n  controlFocusBorderVisible,\n  raisedControlSurfaceStyle,\n  sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { controlStateColorTransition, focusRing, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n// Text-mode buttons are pills. Each size takes `--control-px` (the label's side padding) and\n// `--control-gap` from `controlSpacing`, shared with every other pill control. The\n// icon side gets 2px less, because a glyph draws inside its box: the icon then reads as far\n// from the edge as the label does (shadcn's Button uses the same 2px step).\n// - `[data-slot=button-icon(-end)]`: the `<Icon>` wrappers the `icon` / `iconEnd` props render.\n// - `>svg`: a bare SVG passed as a leading child, before the label.\n// A button with no label takes an icon-mode size instead: a fixed square with its own\n// `rounded-full`, so it reads as a circle rather than a padded pill (lint rule\n// `mastra/icon-button-size`).\n// Insets are measured from the outer edge, border included: a variant with a real border (or a\n// segment a ButtonsGroup gives one) sets `--control-border` and the padding gives that width\n// back, so its label sits where a borderless `default` button's does.\nconst TEXT_MODE_ADORNMENTS = cn(\n  'rounded-full px-[calc(var(--control-px)-var(--control-border,0px))]',\n  'has-[>[data-slot=button-icon]]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n  'has-[>svg]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n  'has-[>[data-slot=button-icon-end]]:pr-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n);\n\nconst LINK_LAYOUT = cn(\n  'relative size-auto gap-1 rounded-xs px-0 text-label',\n  'before:absolute before:-inset-x-2',\n  'has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0',\n);\n\nconst LINK_LABEL = cn(\n  'relative inline-flex items-center gap-1',\n  iconSizeClasses.sm,\n  '[&>svg]:shrink-0',\n  'after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current',\n  'after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after: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    'inline-flex cursor-pointer items-center justify-center whitespace-nowrap',\n    controlStateColorTransition,\n    sharedFormElementDisabledStyle,\n    'aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground',\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        // The raised card material, the same one a field wears: a neutral filled control is\n        // one material system-wide. No border of its own — the material's rim is its edge,\n        // and focus repaints that rim. Inside a ButtonsGroup the group flattens the rim and\n        // hands every segment the same 1px border instead (see `buttons-group.css`).\n        default: cn(\n          'border-0',\n          raisedControlSurfaceStyle,\n          controlIconState,\n          'disabled:bg-fill-subtle aria-disabled:bg-fill-subtle',\n        ),\n        // Filled variants take the opaque ladder: their rest fill is a colour, not a rung\n        // layered on the surface, so a state that thinned it would let whatever the button\n        // covers read through the hover it is meant to answer. Their glyph colour carries the\n        // meaning, so they keep it with the label instead of taking `controlIconState`.\n        primary: cn(\n          'border border-transparent bg-fill-inverse text-background [--control-border:1px] not-disabled:hover:bg-fill-inverse-hover not-disabled:active:bg-fill-inverse-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-inverse-disabled disabled:text-background/75 aria-disabled:bg-fill-inverse-disabled aria-disabled:text-background/75',\n        ),\n        destructive: cn(\n          'border border-transparent bg-fill-destructive text-fill-destructive-foreground [--control-border:1px] not-disabled:hover:bg-fill-destructive-hover not-disabled:active:bg-fill-destructive-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-destructive-disabled disabled:text-fill-destructive-disabled-foreground aria-disabled:bg-fill-destructive-disabled aria-disabled:text-fill-destructive-disabled-foreground',\n        ),\n        'destructive-ghost': cn(\n          'border border-transparent bg-transparent text-destructive-foreground [--control-border:1px] not-disabled:hover:bg-destructive-subtle not-disabled:hover:text-destructive-foreground not-disabled:active:bg-destructive-subtle-active',\n          'disabled:bg-transparent disabled:text-placeholder aria-disabled:bg-transparent aria-disabled:text-placeholder',\n        ),\n        ghost: cn(\n          'border border-transparent bg-transparent text-muted-foreground [--control-border:1px] not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill',\n          controlIconState,\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        // A persistent neutral fill for selected controls. Match default's borderless\n        // box so switching between the raised and subtle surfaces keeps labels in place.\n        subtle: cn(\n          'border-0 bg-fill-hover text-foreground not-disabled:hover:bg-fill-hover not-disabled:active:bg-fill',\n          focusRing,\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        link: cn(\n          'border-0 bg-transparent text-muted-foreground not-disabled:hover:text-foreground',\n          'not-disabled:hover:[&>[data-slot=button-label]]:after:scale-x-100 not-disabled:hover:[&>[data-slot=button-label]]:after:duration-normal',\n          focusRingOffset,\n          'disabled:text-placeholder aria-disabled:text-placeholder',\n        ),\n      },\n      size: {\n        sm: cn(\n          controlSizeClasses.sm,\n          iconSizeClasses.sm,\n          controlSpacing.sm,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\n        md: cn(\n          controlSizeClasses.md,\n          iconSizeClasses.md,\n          controlSpacing.md,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\n        lg: cn(\n          controlSizeClasses.lg,\n          iconSizeClasses.lg,\n          controlSpacing.lg,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\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. The glyph is sized by the `Icon`\n        // wrapper the component puts around an icon-mode child, keyed off the same scale.\n        'icon-sm': cn(controlHeight.sm, 'w-control-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-control-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-control-lg rounded-full'),\n      },\n    },\n    compoundVariants: [\n      { variant: 'link', className: LINK_LAYOUT },\n      { variant: 'link', size: ['sm', 'md', 'icon-sm', 'icon-md'], className: 'before:-inset-y-1' },\n      { variant: 'link', size: ['lg', 'icon-lg'], className: 'before:-inset-y-1.5' },\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  iconEnd?: React.ReactNode;\n  tooltip?: React.ReactNode;\n  /** Side of the trigger the tooltip opens on. Defaults to `top`. */\n  tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';\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\ntype LinkRenderProps = { href?: string; to?: string; target?: string; className?: string };\n\n// One icon step per control step: a glyph is sized by the rung it sits in, so the\n// same nominal size renders the same icon whether it arrives as an icon-mode child,\n// the `icon` prop, or a bare SVG.\nconst iconSizeMap: Record<ButtonSize, IconSize> = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n  'icon-sm': 'sm',\n  'icon-md': 'md',\n  'icon-lg': 'lg',\n};\n\nfunction adornmentIconSize(variant: ButtonVariant, size: ButtonSize): IconSize {\n  if (variant === 'link') return 'sm';\n  return iconSizeMap[size];\n}\n\n/*\n * Adornments for triggers that take the Button recipe without the Button component (Select,\n * Combobox). They sit in the same slots as a Button's `icon` and `iconEnd`, so every trigger's\n * leading icon and chevron share one size and one inset from the edge.\n */\n\n/** A trigger's leading icon. */\nexport function ButtonIcon({ size, children }: { size: ButtonSize; children: React.ReactNode }) {\n  return (\n    <ButtonAdornment slot=\"button-icon\" size={iconSizeMap[size]}>\n      {children}\n    </ButtonAdornment>\n  );\n}\n\n/**\n * The down chevron of a trigger that opens a list; static, it does not turn while open. Lucide's\n * chevron ink spans the middle half of its box, twice a regular icon's inset, so it pulls in by\n * 1/8em on each side to sit where a regular icon's ink would. Pass it as a Button's `iconEnd`.\n */\nexport function TriggerChevron() {\n  return <ChevronDown aria-hidden data-slot=\"trigger-chevron\" className=\"mx-[-0.125em] shrink-0\" />;\n}\n\n/** The trigger chevron in a Button's end slot. */\nexport function ButtonChevron({ size }: { size: ButtonSize }) {\n  return (\n    <ButtonAdornment slot=\"button-icon-end\" size={iconSizeMap[size]}>\n      <TriggerChevron />\n    </ButtonAdornment>\n  );\n}\n\nfunction ButtonAdornment({ slot, size, children }: { slot: string; size: IconSize; children: React.ReactNode }) {\n  if (!children) return undefined;\n  return (\n    <Icon data-slot={slot} size={size}>\n      {children}\n    </Icon>\n  );\n}\n\nexport function ButtonLabel({ variant, children }: { variant: ButtonVariant; children: React.ReactNode }) {\n  if (variant !== 'link') return children;\n  return (\n    <span data-slot=\"button-label\" className={LINK_LABEL}>\n      {children}\n    </span>\n  );\n}\n\n// True when every child is an element (no label text). A text-sized button can still hold\n// only an icon when its size is forwarded from a wrapper, and it then needs a name too.\n// `<></>` fragments are expanded first: `<><svg />Save</>` has a label.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  return React.Children.toArray(children).flatMap(child =>\n    React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment\n      ? flattenChildren(child.props.children)\n      : [child],\n  );\n}\n\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 an icon-mode button can be\n// told from a text-mode one 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      iconEnd,\n      tooltip,\n      tooltipPosition,\n      'aria-label': ariaLabelProp,\n      type,\n      ...props\n    },\n    ref,\n  ) => {\n    const iconMode = variant !== 'link' && isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const resolvedVariant: ButtonVariant = variant ?? 'default';\n    const adornmentSize = adornmentIconSize(resolvedVariant, resolvedSize);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel =\n      ariaLabelProp ?? ((iconMode || isIconOnly(children)) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? (\n      <Icon size={iconSizeMap[resolvedSize]}>{children}</Icon>\n    ) : (\n      <>\n        <ButtonAdornment slot=\"button-icon\" size={adornmentSize}>\n          {icon}\n        </ButtonAdornment>\n        <ButtonLabel variant={resolvedVariant}>{children}</ButtonLabel>\n        <ButtonAdornment slot=\"button-icon-end\" size={adornmentSize}>\n          {iconEnd}\n        </ButtonAdornment>\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.css).\n      'data-variant': variant,\n      // Icon-mode is a square: a group that overrides the rung has to move the width with\n      // the height or the circle turns into a pill (see buttons-group.css).\n      'data-shape': iconMode ? 'icon' : undefined,\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 isLinkVariant = resolvedVariant === 'link';\n    const linkHref = href ?? to;\n    const linkRenderProps: LinkRenderProps = {\n      ...(linkHref === undefined ? null : { href: linkHref }),\n      ...(target === undefined ? null : { target }),\n    };\n    const renderedLink =\n      React.isValidElement(render) && isLinkElement(render)\n        ? render\n        : isLinkVariant\n          ? React.createElement('a', linkRenderProps)\n          : 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          ...(isLinkVariant ? null : { href: disabledHref }),\n          ...(isLinkVariant ? null : { 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 side={tooltipPosition}>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"mappings":"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"}

package/dist/{Button-CLXTbAY8.js → Button-Bi7aXd_G.js}

@@ -1,12 +1,12 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
 import { t as cva } from "./dist-BhWtUEhi.js";
-import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "./tooltip-HzcLyGtV.js";
-import { iconSizeClasses } from "./icons/icon-size-classes.es.js";
+import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "./tooltip-DJcze2VZ.js";
 import { Icon } from "./icons/Icon.es.js";
+import { iconSizeClasses } from "./icons/icon-size-classes.es.js";
 import { controlIconState } from "./primitives/control-icon.es.js";
 import { controlHeight, controlSizeClasses, controlSpacing } from "./primitives/control-size.es.js";
 import { controlFocusBorderVisible, raisedControlSurfaceStyle, sharedFormElementDisabledStyle } from "./primitives/form-element.es.js";
 import { controlStateColorTransition, focusRing, focusRingOffset } from "./primitives/transitions.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
 import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";
@@ -15,7 +15,7 @@ import { Button } from "@base-ui/react/button";
 var TEXT_MODE_ADORNMENTS = cn("rounded-full px-[calc(var(--control-px)-var(--control-border,0px))]", "has-[>[data-slot=button-icon]]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]", "has-[>svg]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]", "has-[>[data-slot=button-icon-end]]:pr-[calc(var(--control-px)-2px-var(--control-border,0px))]");
 var LINK_LAYOUT = cn("relative size-auto gap-1 rounded-xs px-0 text-label", "before:absolute before:-inset-x-2", "has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0");
 var LINK_LABEL = cn("relative inline-flex items-center gap-1", iconSizeClasses.sm, "[&>svg]:shrink-0", "after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current", "after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after:transition-none");
-var buttonVariants = cva(cn("inline-flex cursor-pointer items-center justify-center", controlStateColorTransition, sharedFormElementDisabledStyle, "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground", controlFocusBorderVisible), {
+var buttonVariants = cva(cn("inline-flex cursor-pointer items-center justify-center whitespace-nowrap", controlStateColorTransition, sharedFormElementDisabledStyle, "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground", controlFocusBorderVisible), {
 	variants: {
 		variant: {
 			default: cn("border-0", raisedControlSurfaceStyle, controlIconState, "disabled:bg-fill-subtle aria-disabled:bg-fill-subtle"),
@@ -230,4 +230,4 @@ var Button$1 = React.forwardRef(({ className, render, as: asProp, href, to, targ
 Button$1.displayName = "Button";
 export { TriggerChevron as a, ButtonLabel as i, ButtonChevron as n, buttonVariants as o, ButtonIcon as r, isIconButtonSize as s, Button$1 as t };
 
-//# sourceMappingURL=Button-CLXTbAY8.js.map
+//# sourceMappingURL=Button-Bi7aXd_G.js.map

package/dist/Button-Bi7aXd_G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-Bi7aXd_G.js","names":["Button","_Fragment","BaseButton"],"sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { iconSizeClasses } from '@/ds/icons/icon-size-classes';\nimport type { IconSize } from '@/ds/icons/icon-size-classes';\nimport { controlIconState } from '@/ds/primitives/control-icon';\nimport { controlHeight, controlSizeClasses, controlSpacing } from '@/ds/primitives/control-size';\nimport {\n  controlFocusBorderVisible,\n  raisedControlSurfaceStyle,\n  sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { controlStateColorTransition, focusRing, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n// Text-mode buttons are pills. Each size takes `--control-px` (the label's side padding) and\n// `--control-gap` from `controlSpacing`, shared with every other pill control. The\n// icon side gets 2px less, because a glyph draws inside its box: the icon then reads as far\n// from the edge as the label does (shadcn's Button uses the same 2px step).\n// - `[data-slot=button-icon(-end)]`: the `<Icon>` wrappers the `icon` / `iconEnd` props render.\n// - `>svg`: a bare SVG passed as a leading child, before the label.\n// A button with no label takes an icon-mode size instead: a fixed square with its own\n// `rounded-full`, so it reads as a circle rather than a padded pill (lint rule\n// `mastra/icon-button-size`).\n// Insets are measured from the outer edge, border included: a variant with a real border (or a\n// segment a ButtonsGroup gives one) sets `--control-border` and the padding gives that width\n// back, so its label sits where a borderless `default` button's does.\nconst TEXT_MODE_ADORNMENTS = cn(\n  'rounded-full px-[calc(var(--control-px)-var(--control-border,0px))]',\n  'has-[>[data-slot=button-icon]]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n  'has-[>svg]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n  'has-[>[data-slot=button-icon-end]]:pr-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n);\n\nconst LINK_LAYOUT = cn(\n  'relative size-auto gap-1 rounded-xs px-0 text-label',\n  'before:absolute before:-inset-x-2',\n  'has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0',\n);\n\nconst LINK_LABEL = cn(\n  'relative inline-flex items-center gap-1',\n  iconSizeClasses.sm,\n  '[&>svg]:shrink-0',\n  'after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current',\n  'after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after: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    'inline-flex cursor-pointer items-center justify-center whitespace-nowrap',\n    controlStateColorTransition,\n    sharedFormElementDisabledStyle,\n    'aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground',\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        // The raised card material, the same one a field wears: a neutral filled control is\n        // one material system-wide. No border of its own — the material's rim is its edge,\n        // and focus repaints that rim. Inside a ButtonsGroup the group flattens the rim and\n        // hands every segment the same 1px border instead (see `buttons-group.css`).\n        default: cn(\n          'border-0',\n          raisedControlSurfaceStyle,\n          controlIconState,\n          'disabled:bg-fill-subtle aria-disabled:bg-fill-subtle',\n        ),\n        // Filled variants take the opaque ladder: their rest fill is a colour, not a rung\n        // layered on the surface, so a state that thinned it would let whatever the button\n        // covers read through the hover it is meant to answer. Their glyph colour carries the\n        // meaning, so they keep it with the label instead of taking `controlIconState`.\n        primary: cn(\n          'border border-transparent bg-fill-inverse text-background [--control-border:1px] not-disabled:hover:bg-fill-inverse-hover not-disabled:active:bg-fill-inverse-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-inverse-disabled disabled:text-background/75 aria-disabled:bg-fill-inverse-disabled aria-disabled:text-background/75',\n        ),\n        destructive: cn(\n          'border border-transparent bg-fill-destructive text-fill-destructive-foreground [--control-border:1px] not-disabled:hover:bg-fill-destructive-hover not-disabled:active:bg-fill-destructive-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-destructive-disabled disabled:text-fill-destructive-disabled-foreground aria-disabled:bg-fill-destructive-disabled aria-disabled:text-fill-destructive-disabled-foreground',\n        ),\n        'destructive-ghost': cn(\n          'border border-transparent bg-transparent text-destructive-foreground [--control-border:1px] not-disabled:hover:bg-destructive-subtle not-disabled:hover:text-destructive-foreground not-disabled:active:bg-destructive-subtle-active',\n          'disabled:bg-transparent disabled:text-placeholder aria-disabled:bg-transparent aria-disabled:text-placeholder',\n        ),\n        ghost: cn(\n          'border border-transparent bg-transparent text-muted-foreground [--control-border:1px] not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill',\n          controlIconState,\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        // A persistent neutral fill for selected controls. Match default's borderless\n        // box so switching between the raised and subtle surfaces keeps labels in place.\n        subtle: cn(\n          'border-0 bg-fill-hover text-foreground not-disabled:hover:bg-fill-hover not-disabled:active:bg-fill',\n          focusRing,\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        link: cn(\n          'border-0 bg-transparent text-muted-foreground not-disabled:hover:text-foreground',\n          'not-disabled:hover:[&>[data-slot=button-label]]:after:scale-x-100 not-disabled:hover:[&>[data-slot=button-label]]:after:duration-normal',\n          focusRingOffset,\n          'disabled:text-placeholder aria-disabled:text-placeholder',\n        ),\n      },\n      size: {\n        sm: cn(\n          controlSizeClasses.sm,\n          iconSizeClasses.sm,\n          controlSpacing.sm,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\n        md: cn(\n          controlSizeClasses.md,\n          iconSizeClasses.md,\n          controlSpacing.md,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\n        lg: cn(\n          controlSizeClasses.lg,\n          iconSizeClasses.lg,\n          controlSpacing.lg,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\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. The glyph is sized by the `Icon`\n        // wrapper the component puts around an icon-mode child, keyed off the same scale.\n        'icon-sm': cn(controlHeight.sm, 'w-control-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-control-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-control-lg rounded-full'),\n      },\n    },\n    compoundVariants: [\n      { variant: 'link', className: LINK_LAYOUT },\n      { variant: 'link', size: ['sm', 'md', 'icon-sm', 'icon-md'], className: 'before:-inset-y-1' },\n      { variant: 'link', size: ['lg', 'icon-lg'], className: 'before:-inset-y-1.5' },\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  iconEnd?: React.ReactNode;\n  tooltip?: React.ReactNode;\n  /** Side of the trigger the tooltip opens on. Defaults to `top`. */\n  tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';\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\ntype LinkRenderProps = { href?: string; to?: string; target?: string; className?: string };\n\n// One icon step per control step: a glyph is sized by the rung it sits in, so the\n// same nominal size renders the same icon whether it arrives as an icon-mode child,\n// the `icon` prop, or a bare SVG.\nconst iconSizeMap: Record<ButtonSize, IconSize> = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n  'icon-sm': 'sm',\n  'icon-md': 'md',\n  'icon-lg': 'lg',\n};\n\nfunction adornmentIconSize(variant: ButtonVariant, size: ButtonSize): IconSize {\n  if (variant === 'link') return 'sm';\n  return iconSizeMap[size];\n}\n\n/*\n * Adornments for triggers that take the Button recipe without the Button component (Select,\n * Combobox). They sit in the same slots as a Button's `icon` and `iconEnd`, so every trigger's\n * leading icon and chevron share one size and one inset from the edge.\n */\n\n/** A trigger's leading icon. */\nexport function ButtonIcon({ size, children }: { size: ButtonSize; children: React.ReactNode }) {\n  return (\n    <ButtonAdornment slot=\"button-icon\" size={iconSizeMap[size]}>\n      {children}\n    </ButtonAdornment>\n  );\n}\n\n/**\n * The down chevron of a trigger that opens a list; static, it does not turn while open. Lucide's\n * chevron ink spans the middle half of its box, twice a regular icon's inset, so it pulls in by\n * 1/8em on each side to sit where a regular icon's ink would. Pass it as a Button's `iconEnd`.\n */\nexport function TriggerChevron() {\n  return <ChevronDown aria-hidden data-slot=\"trigger-chevron\" className=\"mx-[-0.125em] shrink-0\" />;\n}\n\n/** The trigger chevron in a Button's end slot. */\nexport function ButtonChevron({ size }: { size: ButtonSize }) {\n  return (\n    <ButtonAdornment slot=\"button-icon-end\" size={iconSizeMap[size]}>\n      <TriggerChevron />\n    </ButtonAdornment>\n  );\n}\n\nfunction ButtonAdornment({ slot, size, children }: { slot: string; size: IconSize; children: React.ReactNode }) {\n  if (!children) return undefined;\n  return (\n    <Icon data-slot={slot} size={size}>\n      {children}\n    </Icon>\n  );\n}\n\nexport function ButtonLabel({ variant, children }: { variant: ButtonVariant; children: React.ReactNode }) {\n  if (variant !== 'link') return children;\n  return (\n    <span data-slot=\"button-label\" className={LINK_LABEL}>\n      {children}\n    </span>\n  );\n}\n\n// True when every child is an element (no label text). A text-sized button can still hold\n// only an icon when its size is forwarded from a wrapper, and it then needs a name too.\n// `<></>` fragments are expanded first: `<><svg />Save</>` has a label.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  return React.Children.toArray(children).flatMap(child =>\n    React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment\n      ? flattenChildren(child.props.children)\n      : [child],\n  );\n}\n\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 an icon-mode button can be\n// told from a text-mode one 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      iconEnd,\n      tooltip,\n      tooltipPosition,\n      'aria-label': ariaLabelProp,\n      type,\n      ...props\n    },\n    ref,\n  ) => {\n    const iconMode = variant !== 'link' && isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const resolvedVariant: ButtonVariant = variant ?? 'default';\n    const adornmentSize = adornmentIconSize(resolvedVariant, resolvedSize);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel =\n      ariaLabelProp ?? ((iconMode || isIconOnly(children)) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? (\n      <Icon size={iconSizeMap[resolvedSize]}>{children}</Icon>\n    ) : (\n      <>\n        <ButtonAdornment slot=\"button-icon\" size={adornmentSize}>\n          {icon}\n        </ButtonAdornment>\n        <ButtonLabel variant={resolvedVariant}>{children}</ButtonLabel>\n        <ButtonAdornment slot=\"button-icon-end\" size={adornmentSize}>\n          {iconEnd}\n        </ButtonAdornment>\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.css).\n      'data-variant': variant,\n      // Icon-mode is a square: a group that overrides the rung has to move the width with\n      // the height or the circle turns into a pill (see buttons-group.css).\n      'data-shape': iconMode ? 'icon' : undefined,\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 isLinkVariant = resolvedVariant === 'link';\n    const linkHref = href ?? to;\n    const linkRenderProps: LinkRenderProps = {\n      ...(linkHref === undefined ? null : { href: linkHref }),\n      ...(target === undefined ? null : { target }),\n    };\n    const renderedLink =\n      React.isValidElement(render) && isLinkElement(render)\n        ? render\n        : isLinkVariant\n          ? React.createElement('a', linkRenderProps)\n          : 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          ...(isLinkVariant ? null : { href: disabledHref }),\n          ...(isLinkVariant ? null : { 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 side={tooltipPosition}>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"mappings":"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"}

package/dist/{Card-C6iEBgVq.cjs → Card-C9oCXvxU.cjs}

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_dist = require("./dist-ClDKPtVq.cjs");
-const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
 const require_primitives_form_element = require("./primitives/form-element.cjs.js");
+const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
 const require_primitives_transitions = require("./primitives/transitions.cjs.js");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -131,4 +131,4 @@ Object.defineProperty(exports, "CardTitle", {
 	}
 });
 
-//# sourceMappingURL=Card-C6iEBgVq.cjs.map
+//# sourceMappingURL=Card-C9oCXvxU.cjs.map

package/dist/{Card-C6iEBgVq.cjs.map → Card-C9oCXvxU.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-C6iEBgVq.cjs","names":["cva","cn","raisedSurfaceStyle","surfaceStateLayerStyle","surfaceRimFocus","focusRingInset","React"],"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 { surfaceRimFocus } from '@/ds/primitives/form-element';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nconst cardVariants = cva(\n  cn(raisedSurfaceStyle, 'rounded-xl transition-all duration-normal ease-out-custom motion-reduce:transition-none'),\n  {\n    variants: {\n      elevation: {\n        flat: 'shadow-none',\n        raised: '',\n      },\n      interactive: {\n        true: cn(surfaceStateLayerStyle, surfaceRimFocus, 'cursor-pointer active:scale-99'),\n        false: '',\n      },\n    },\n    compoundVariants: [{ elevation: 'flat', interactive: true, class: focusRingInset }],\n    defaultVariants: {\n      elevation: 'raised',\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, 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({ 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, elevation, LinkComponent: Link = 'a', ...props }: CardLinkProps) {\n  return <Link className={cn(cardVariants({ 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 px-3 py-1', 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 ref={ref} className={cn('text-subheading text-foreground', className)} {...props} />\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-caption 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"],"mappings":";;;;;;;;;;AASA,IAAM,eAAeA,aAAAA,IACnBC,cAAAA,GAAGC,kCAAAA,oBAAoB,yFAAyF,GAChH;CACE,UAAU;EACR,WAAW;GACT,MAAM;GACN,QAAQ;EACV;EACA,aAAa;GACX,MAAMD,cAAAA,GAAGE,kCAAAA,wBAAwBC,gCAAAA,iBAAiB,gCAAgC;GAClF,OAAO;EACT;CACF;CACA,kBAAkB,CAAC;EAAE,WAAW;EAAQ,aAAa;EAAM,OAAOC,+BAAAA;CAAe,CAAC;CAClF,iBAAiB;EACf,WAAW;EACX,aAAa;CACf;AACF,CACF;AAOA,IAAa,OAAOC,MAAM,YACvB,EAAE,WAAW,WAAW,aAAa,IAAI,GAAG,SAAS,QAAQ;CAC5D,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,WAAWL,cAAAA,GAAG,aAAa;GAAE;GAAW;EAAY,CAAC,GAAG,SAAS;EACjE,GAAI;CACL,CAAA;AAEL,CACF;AACA,KAAK,cAAc;AAQnB,SAAgB,SAAS,EAAE,WAAW,WAAW,eAAe,OAAO,KAAK,GAAG,SAAwB;CACrG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAM,WAAWA,cAAAA,GAAG,aAAa;GAAE;GAAW,aAAa;EAAK,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrG;AAKA,IAAa,aAAaK,MAAM,YAA6C,EAAE,WAAW,GAAG,SAAS,QACpG,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAU;CAAK,WAAWL,cAAAA,GAAG,uCAAuC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAC7F;AACD,WAAW,cAAc;AAKzB,IAAa,YAAYK,MAAM,YAAgD,EAAE,WAAW,GAAG,SAAS,QACtG,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;CAAS;CAAK,WAAWL,cAAAA,GAAG,mCAAmC,SAAS;CAAG,GAAI;AAAQ,CAAA,CACxF;AACD,UAAU,cAAc;AAKxB,IAAa,kBAAkBK,MAAM,YAClC,EAAE,WAAW,GAAG,SAAS,QACxB,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;CAAQ;CAAK,WAAWL,cAAAA,GAAG,sCAAsC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE7F;AACA,gBAAgB,cAAc;AAG9B,IAAM,sBAAsBD,aAAAA,IAAI,IAAI;CAClC,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAID,IAAa,cAAcM,MAAM,YAC9B,EAAE,WAAW,SAAS,GAAG,SAAS,QACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAU;CAAK,WAAWL,cAAAA,GAAG,oBAAoB,EAAE,QAAQ,CAAC,GAAG,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE3F;AACA,YAAY,cAAc;AAK1B,IAAa,aAAaK,MAAM,YAA6C,EAAE,WAAW,GAAG,SAAS,QACpG,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAU;CAAK,WAAWL,cAAAA,GAAG,8BAA8B,SAAS;CAAG,GAAI;AAAQ,CAAA,CACpF;AACD,WAAW,cAAc"}
+{"version":3,"file":"Card-C9oCXvxU.cjs","names":["cva","cn","raisedSurfaceStyle","surfaceStateLayerStyle","surfaceRimFocus","focusRingInset","React"],"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 { surfaceRimFocus } from '@/ds/primitives/form-element';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nconst cardVariants = cva(\n  cn(raisedSurfaceStyle, 'rounded-xl transition-all duration-normal ease-out-custom motion-reduce:transition-none'),\n  {\n    variants: {\n      elevation: {\n        flat: 'shadow-none',\n        raised: '',\n      },\n      interactive: {\n        true: cn(surfaceStateLayerStyle, surfaceRimFocus, 'cursor-pointer active:scale-99'),\n        false: '',\n      },\n    },\n    compoundVariants: [{ elevation: 'flat', interactive: true, class: focusRingInset }],\n    defaultVariants: {\n      elevation: 'raised',\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, 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({ 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, elevation, LinkComponent: Link = 'a', ...props }: CardLinkProps) {\n  return <Link className={cn(cardVariants({ 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 px-3 py-1', 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 ref={ref} className={cn('text-subheading text-foreground', className)} {...props} />\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-caption 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"],"mappings":";;;;;;;;;;AASA,IAAM,eAAeA,aAAAA,IACnBC,cAAAA,GAAGC,kCAAAA,oBAAoB,yFAAyF,GAChH;CACE,UAAU;EACR,WAAW;GACT,MAAM;GACN,QAAQ;EACV;EACA,aAAa;GACX,MAAMD,cAAAA,GAAGE,kCAAAA,wBAAwBC,gCAAAA,iBAAiB,gCAAgC;GAClF,OAAO;EACT;CACF;CACA,kBAAkB,CAAC;EAAE,WAAW;EAAQ,aAAa;EAAM,OAAOC,+BAAAA;CAAe,CAAC;CAClF,iBAAiB;EACf,WAAW;EACX,aAAa;CACf;AACF,CACF;AAOA,IAAa,OAAOC,MAAM,YACvB,EAAE,WAAW,WAAW,aAAa,IAAI,GAAG,SAAS,QAAQ;CAC5D,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,WAAWL,cAAAA,GAAG,aAAa;GAAE;GAAW;EAAY,CAAC,GAAG,SAAS;EACjE,GAAI;CACL,CAAA;AAEL,CACF;AACA,KAAK,cAAc;AAQnB,SAAgB,SAAS,EAAE,WAAW,WAAW,eAAe,OAAO,KAAK,GAAG,SAAwB;CACrG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAM,WAAWA,cAAAA,GAAG,aAAa;GAAE;GAAW,aAAa;EAAK,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrG;AAKA,IAAa,aAAaK,MAAM,YAA6C,EAAE,WAAW,GAAG,SAAS,QACpG,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAU;CAAK,WAAWL,cAAAA,GAAG,uCAAuC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAC7F;AACD,WAAW,cAAc;AAKzB,IAAa,YAAYK,MAAM,YAAgD,EAAE,WAAW,GAAG,SAAS,QACtG,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;CAAS;CAAK,WAAWL,cAAAA,GAAG,mCAAmC,SAAS;CAAG,GAAI;AAAQ,CAAA,CACxF;AACD,UAAU,cAAc;AAKxB,IAAa,kBAAkBK,MAAM,YAClC,EAAE,WAAW,GAAG,SAAS,QACxB,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;CAAQ;CAAK,WAAWL,cAAAA,GAAG,sCAAsC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE7F;AACA,gBAAgB,cAAc;AAG9B,IAAM,sBAAsBD,aAAAA,IAAI,IAAI;CAClC,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAID,IAAa,cAAcM,MAAM,YAC9B,EAAE,WAAW,SAAS,GAAG,SAAS,QACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAU;CAAK,WAAWL,cAAAA,GAAG,oBAAoB,EAAE,QAAQ,CAAC,GAAG,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE3F;AACA,YAAY,cAAc;AAK1B,IAAa,aAAaK,MAAM,YAA6C,EAAE,WAAW,GAAG,SAAS,QACpG,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAU;CAAK,WAAWL,cAAAA,GAAG,8BAA8B,SAAS;CAAG,GAAI;AAAQ,CAAA,CACpF;AACD,WAAW,cAAc"}

package/dist/{Card-LU1aWO7U.js → Card-ClDoUQNb.js}

@@ -1,8 +1,8 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
 import { t as cva } from "./dist-BhWtUEhi.js";
-import { raisedSurfaceStyle, surfaceStateLayerStyle } from "./primitives/raised-surface.es.js";
 import { surfaceRimFocus } from "./primitives/form-element.es.js";
+import { raisedSurfaceStyle, surfaceStateLayerStyle } from "./primitives/raised-surface.es.js";
 import { focusRingInset } from "./primitives/transitions.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 // src/ds/components/Card/Card.tsx
@@ -88,4 +88,4 @@ var CardFooter = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE
 CardFooter.displayName = "CardFooter";
 export { CardHeader as a, CardFooter as i, CardContent as n, CardLink as o, CardDescription as r, CardTitle as s, Card as t };
 
-//# sourceMappingURL=Card-LU1aWO7U.js.map
+//# sourceMappingURL=Card-ClDoUQNb.js.map

package/dist/{Card-LU1aWO7U.js.map → Card-ClDoUQNb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-LU1aWO7U.js","names":["React"],"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 { surfaceRimFocus } from '@/ds/primitives/form-element';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nconst cardVariants = cva(\n  cn(raisedSurfaceStyle, 'rounded-xl transition-all duration-normal ease-out-custom motion-reduce:transition-none'),\n  {\n    variants: {\n      elevation: {\n        flat: 'shadow-none',\n        raised: '',\n      },\n      interactive: {\n        true: cn(surfaceStateLayerStyle, surfaceRimFocus, 'cursor-pointer active:scale-99'),\n        false: '',\n      },\n    },\n    compoundVariants: [{ elevation: 'flat', interactive: true, class: focusRingInset }],\n    defaultVariants: {\n      elevation: 'raised',\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, 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({ 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, elevation, LinkComponent: Link = 'a', ...props }: CardLinkProps) {\n  return <Link className={cn(cardVariants({ 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 px-3 py-1', 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 ref={ref} className={cn('text-subheading text-foreground', className)} {...props} />\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-caption 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"],"mappings":";;;;;;;;AASA,IAAM,eAAe,IACnB,GAAG,oBAAoB,yFAAyF,GAChH;CACE,UAAU;EACR,WAAW;GACT,MAAM;GACN,QAAQ;EACV;EACA,aAAa;GACX,MAAM,GAAG,wBAAwB,iBAAiB,gCAAgC;GAClF,OAAO;EACT;CACF;CACA,kBAAkB,CAAC;EAAE,WAAW;EAAQ,aAAa;EAAM,OAAO;CAAe,CAAC;CAClF,iBAAiB;EACf,WAAW;EACX,aAAa;CACf;AACF,CACF;AAOA,IAAa,OAAOA,QAAM,YACvB,EAAE,WAAW,WAAW,aAAa,IAAI,GAAG,SAAS,QAAQ;CAC5D,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,OACE,oBAAC,WAAD;EACO;EACL,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,WAAW,GAAG,aAAa;GAAE;GAAW;EAAY,CAAC,GAAG,SAAS;EACjE,GAAI;CACL,CAAA;AAEL,CACF;AACA,KAAK,cAAc;AAQnB,SAAgB,SAAS,EAAE,WAAW,WAAW,eAAe,OAAO,KAAK,GAAG,SAAwB;CACrG,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,aAAa;GAAE;GAAW,aAAa;EAAK,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrG;AAKA,IAAa,aAAaA,QAAM,YAA6C,EAAE,WAAW,GAAG,SAAS,QACpG,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,uCAAuC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAC7F;AACD,WAAW,cAAc;AAKzB,IAAa,YAAYA,QAAM,YAAgD,EAAE,WAAW,GAAG,SAAS,QACtG,oBAAC,MAAD;CAAS;CAAK,WAAW,GAAG,mCAAmC,SAAS;CAAG,GAAI;AAAQ,CAAA,CACxF;AACD,UAAU,cAAc;AAKxB,IAAa,kBAAkBA,QAAM,YAClC,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,KAAD;CAAQ;CAAK,WAAW,GAAG,sCAAsC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE7F;AACA,gBAAgB,cAAc;AAG9B,IAAM,sBAAsB,IAAI,IAAI;CAClC,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAID,IAAa,cAAcA,QAAM,YAC9B,EAAE,WAAW,SAAS,GAAG,SAAS,QACjC,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,oBAAoB,EAAE,QAAQ,CAAC,GAAG,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE3F;AACA,YAAY,cAAc;AAK1B,IAAa,aAAaA,QAAM,YAA6C,EAAE,WAAW,GAAG,SAAS,QACpG,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,8BAA8B,SAAS;CAAG,GAAI;AAAQ,CAAA,CACpF;AACD,WAAW,cAAc"}
+{"version":3,"file":"Card-ClDoUQNb.js","names":["React"],"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 { surfaceRimFocus } from '@/ds/primitives/form-element';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nconst cardVariants = cva(\n  cn(raisedSurfaceStyle, 'rounded-xl transition-all duration-normal ease-out-custom motion-reduce:transition-none'),\n  {\n    variants: {\n      elevation: {\n        flat: 'shadow-none',\n        raised: '',\n      },\n      interactive: {\n        true: cn(surfaceStateLayerStyle, surfaceRimFocus, 'cursor-pointer active:scale-99'),\n        false: '',\n      },\n    },\n    compoundVariants: [{ elevation: 'flat', interactive: true, class: focusRingInset }],\n    defaultVariants: {\n      elevation: 'raised',\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, 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({ 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, elevation, LinkComponent: Link = 'a', ...props }: CardLinkProps) {\n  return <Link className={cn(cardVariants({ 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 px-3 py-1', 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 ref={ref} className={cn('text-subheading text-foreground', className)} {...props} />\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-caption 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"],"mappings":";;;;;;;;AASA,IAAM,eAAe,IACnB,GAAG,oBAAoB,yFAAyF,GAChH;CACE,UAAU;EACR,WAAW;GACT,MAAM;GACN,QAAQ;EACV;EACA,aAAa;GACX,MAAM,GAAG,wBAAwB,iBAAiB,gCAAgC;GAClF,OAAO;EACT;CACF;CACA,kBAAkB,CAAC;EAAE,WAAW;EAAQ,aAAa;EAAM,OAAO;CAAe,CAAC;CAClF,iBAAiB;EACf,WAAW;EACX,aAAa;CACf;AACF,CACF;AAOA,IAAa,OAAOA,QAAM,YACvB,EAAE,WAAW,WAAW,aAAa,IAAI,GAAG,SAAS,QAAQ;CAC5D,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,OACE,oBAAC,WAAD;EACO;EACL,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,WAAW,GAAG,aAAa;GAAE;GAAW;EAAY,CAAC,GAAG,SAAS;EACjE,GAAI;CACL,CAAA;AAEL,CACF;AACA,KAAK,cAAc;AAQnB,SAAgB,SAAS,EAAE,WAAW,WAAW,eAAe,OAAO,KAAK,GAAG,SAAwB;CACrG,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,aAAa;GAAE;GAAW,aAAa;EAAK,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrG;AAKA,IAAa,aAAaA,QAAM,YAA6C,EAAE,WAAW,GAAG,SAAS,QACpG,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,uCAAuC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAC7F;AACD,WAAW,cAAc;AAKzB,IAAa,YAAYA,QAAM,YAAgD,EAAE,WAAW,GAAG,SAAS,QACtG,oBAAC,MAAD;CAAS;CAAK,WAAW,GAAG,mCAAmC,SAAS;CAAG,GAAI;AAAQ,CAAA,CACxF;AACD,UAAU,cAAc;AAKxB,IAAa,kBAAkBA,QAAM,YAClC,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,KAAD;CAAQ;CAAK,WAAW,GAAG,sCAAsC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE7F;AACA,gBAAgB,cAAc;AAG9B,IAAM,sBAAsB,IAAI,IAAI;CAClC,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAID,IAAa,cAAcA,QAAM,YAC9B,EAAE,WAAW,SAAS,GAAG,SAAS,QACjC,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,oBAAoB,EAAE,QAAQ,CAAC,GAAG,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE3F;AACA,YAAY,cAAc;AAK1B,IAAa,aAAaA,QAAM,YAA6C,EAAE,WAAW,GAAG,SAAS,QACpG,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,8BAA8B,SAAS;CAAG,GAAI;AAAQ,CAAA,CACpF;AACD,WAAW,cAAc"}

package/dist/{CodeEditor-CLzs0yVc.cjs → CodeEditor-DHIDfP5g.cjs}

@@ -1,13 +1,13 @@
 const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_formatting = require("./formatting-BcPMU2NY.cjs");
 const require_dist = require("./dist-ClDKPtVq.cjs");
-const require_primitives_form_element = require("./primitives/form-element.cjs.js");
-const require_Button = require("./Button-DLcMcuUL.cjs");
-const require_field_control_aria = require("./field-control-aria-Dw0_ObOU.cjs");
-const require_toast_api = require("./toast-api-qtkOucy2.cjs");
-const require_copy_button = require("./copy-button-DJAQ6_3o.cjs");
 const require_highlight = require("./highlight-D0VoR2qO.cjs");
+const require_Button = require("./Button-BfICfyxD.cjs");
+const require_copy_button = require("./copy-button-DuEUYvS2.cjs");
+const require_field_control_aria = require("./field-control-aria-Dw0_ObOU.cjs");
+const require_primitives_form_element = require("./primitives/form-element.cjs.js");
+const require_formatting = require("./formatting-BcPMU2NY.cjs");
+const require_toast_api = require("./toast-api-DDcGCbIw.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -512,4 +512,4 @@ Object.defineProperty(exports, "variableHighlight", {
 	}
 });
 
-//# sourceMappingURL=CodeEditor-CLzs0yVc.cjs.map
+//# sourceMappingURL=CodeEditor-DHIDfP5g.cjs.map

package/dist/{CodeEditor-CLzs0yVc.cjs.map → CodeEditor-DHIDfP5g.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor-CLzs0yVc.cjs","names":["LanguageSupport","StreamLanguage","LanguageDescription","EditorView","foldGutter","autocompletion","Decoration","MatchDecorator","ViewPlugin","EditorView","syntaxHighlighting","syntaxHighlighter","useMemo","cva","cn","inputSurfaceAndFocusWithinStyle","fieldErrorRimWithin","Prec","forwardRef","useFieldControlAria","formatJSON","jsonLanguage","markdown","markdownLanguage","EditorState","Button","Braces","CopyButton","CodeMirror"],"sources":["../src/ds/components/CodeEditor/code-languages.ts","../src/ds/components/CodeEditor/fold-gutter-extension.ts","../src/ds/components/CodeEditor/schema-to-variables.ts","../src/ds/components/CodeEditor/variable-autocomplete-extension.ts","../src/ds/components/CodeEditor/variable-highlight-extension.ts","../src/ds/components/CodeEditor/code-editor.tsx"],"sourcesContent":["import { LanguageDescription, LanguageSupport, StreamLanguage } from '@codemirror/language';\n\nfunction legacy(parser: Parameters<typeof StreamLanguage.define>[0]) {\n  return new LanguageSupport(StreamLanguage.define(parser));\n}\n\n/**\n * A minimal subset of CodeMirror language descriptions used for fenced code\n * blocks inside markdown. Mirrors the relevant entries from\n * `@codemirror/language-data` but only the languages we actually support, so\n * bundlers don't have to emit a chunk for every known language.\n */\nexport const codeLanguages = [\n  LanguageDescription.of({\n    name: 'JavaScript',\n    alias: ['ecmascript', 'js', 'node'],\n    extensions: ['js', 'mjs', 'cjs'],\n    load() {\n      return import('@codemirror/lang-javascript').then(m => m.javascript());\n    },\n  }),\n  LanguageDescription.of({\n    name: 'JSON',\n    alias: ['json5'],\n    extensions: ['json', 'map'],\n    load() {\n      return import('@codemirror/lang-json').then(m => m.json());\n    },\n  }),\n  LanguageDescription.of({\n    name: 'JSX',\n    extensions: ['jsx'],\n    load() {\n      return import('@codemirror/lang-javascript').then(m => m.javascript({ jsx: true }));\n    },\n  }),\n  LanguageDescription.of({\n    name: 'Markdown',\n    extensions: ['md', 'markdown', 'mkd'],\n    load() {\n      return import('@codemirror/lang-markdown').then(m => m.markdown());\n    },\n  }),\n  LanguageDescription.of({\n    name: 'TSX',\n    extensions: ['tsx'],\n    load() {\n      return import('@codemirror/lang-javascript').then(m => m.javascript({ jsx: true, typescript: true }));\n    },\n  }),\n  LanguageDescription.of({\n    name: 'TypeScript',\n    alias: ['ts'],\n    extensions: ['ts', 'mts', 'cts'],\n    load() {\n      return import('@codemirror/lang-javascript').then(m => m.javascript({ typescript: true }));\n    },\n  }),\n  LanguageDescription.of({\n    name: 'Shell',\n    alias: ['bash', 'sh', 'zsh'],\n    extensions: ['sh', 'ksh', 'bash'],\n    filename: /^PKGBUILD$/,\n    load() {\n      return import('@codemirror/legacy-modes/mode/shell').then(m => legacy(m.shell));\n    },\n  }),\n];\n","import { foldGutter } from '@codemirror/language';\nimport type { Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\n\nconst foldTheme = EditorView.theme({\n  '.cm-foldGutter .cm-gutterElement': {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: '0 4px',\n  },\n  '.cm-fold-marker': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '12px',\n    height: '12px',\n    boxSizing: 'border-box',\n    border: '1px solid var(--border)',\n    borderRadius: '2px',\n    color: 'var(--muted-foreground)',\n    fontSize: 'var(--text-caption)',\n    lineHeight: '1',\n    cursor: 'pointer',\n    userSelect: 'none',\n  },\n  '.cm-fold-marker:hover': {\n    background: 'var(--fill-hover)',\n    color: 'var(--foreground)',\n  },\n  '.cm-foldPlaceholder': {\n    background: 'var(--fill-hover)',\n    border: '1px solid var(--border)',\n    color: 'var(--muted-foreground)',\n    borderRadius: '2px',\n    padding: '0 4px',\n    margin: '0 2px',\n  },\n});\n\n/** Fold gutter with a square −/+ toggle next to each foldable line, styled with design tokens. */\nexport const codeFoldGutter: Extension = [\n  foldGutter({\n    markerDOM: open => {\n      const marker = document.createElement('span');\n      marker.className = 'cm-fold-marker';\n      marker.dataset.state = open ? 'open' : 'closed';\n      marker.title = open ? 'Fold' : 'Unfold';\n      marker.textContent = open ? '−' : '+';\n      return marker;\n    },\n  }),\n  foldTheme,\n];\n","import type { JsonSchema, JsonSchemaProperty } from '@/lib/json-schema';\n\n/**\n * Represents a variable completion option derived from a schema\n */\nexport interface VariableCompletion {\n  /** The dot-notation path (e.g., \"user.name\") */\n  path: string;\n  /** Display label for the autocomplete */\n  label: string;\n  /** Description from the schema, if available */\n  description?: string;\n  /** The type of the property */\n  type?: string;\n}\n\n/**\n * Flattens a JSON Schema into a list of variable completions for autocomplete.\n * Recursively extracts property paths using dot-notation.\n *\n * @param schema - The JSON Schema to flatten\n * @param maxDepth - Maximum recursion depth (default: 5)\n * @returns Array of variable completions\n *\n * @example\n * ```ts\n * const schema = {\n *   type: 'object',\n *   properties: {\n *     user: {\n *       type: 'object',\n *       properties: {\n *         name: { type: 'string' },\n *         email: { type: 'string' }\n *       }\n *     }\n *   }\n * };\n *\n * flattenSchemaToVariables(schema);\n * // Returns:\n * // [\n * //   { path: 'user', label: 'user', type: 'object' },\n * //   { path: 'user.name', label: 'user.name', type: 'string' },\n * //   { path: 'user.email', label: 'user.email', type: 'string' }\n * // ]\n * ```\n */\nexport function flattenSchemaToVariables(schema: JsonSchema | undefined, maxDepth = 5): VariableCompletion[] {\n  if (!schema?.properties) {\n    return [];\n  }\n\n  const results: VariableCompletion[] = [];\n\n  function processProperty(property: JsonSchemaProperty, path: string, depth: number): void {\n    if (depth > maxDepth) {\n      return;\n    }\n\n    const type = Array.isArray(property.type) ? property.type.join(' | ') : property.type;\n\n    results.push({\n      path,\n      label: path,\n      description: property.description ?? property.title,\n      type,\n    });\n\n    // Recurse into nested object properties\n    if (property.properties) {\n      for (const [key, nestedProperty] of Object.entries(property.properties)) {\n        processProperty(nestedProperty, `${path}.${key}`, depth + 1);\n      }\n    }\n\n    // Handle array items if they have properties (array of objects)\n    if (property.items?.properties) {\n      // Add a placeholder for array item access (e.g., items[0].name)\n      for (const [key, itemProperty] of Object.entries(property.items.properties)) {\n        processProperty(itemProperty, `${path}[].${key}`, depth + 1);\n      }\n    }\n  }\n\n  for (const [key, property] of Object.entries(schema.properties)) {\n    processProperty(property, key, 1);\n  }\n\n  return results;\n}\n","import { autocompletion } from '@codemirror/autocomplete';\nimport type { Completion, CompletionContext, CompletionResult } from '@codemirror/autocomplete';\nimport type { Extension } from '@codemirror/state';\nimport { flattenSchemaToVariables } from './schema-to-variables';\nimport type { VariableCompletion } from './schema-to-variables';\nimport type { JsonSchema } from '@/lib/json-schema';\n\n/**\n * Creates a CodeMirror autocomplete extension for {{variable}} placeholders.\n * Triggers when the user types `{{` and shows suggestions derived from the schema.\n *\n * @param schema - JSON Schema to derive variable suggestions from\n * @returns CodeMirror Extension that provides variable autocomplete\n *\n * @example\n * ```tsx\n * const schema = {\n *   type: 'object',\n *   properties: {\n *     user: { type: 'object', properties: { name: { type: 'string' } } }\n *   }\n * };\n *\n * <CodeMirror extensions={[createVariableAutocomplete(schema)]} />\n * // Typing \"{{\" will show: user, user.name\n * ```\n */\nexport function createVariableAutocomplete(schema: JsonSchema | undefined): Extension {\n  const variables = flattenSchemaToVariables(schema);\n\n  return autocompletion({\n    override: [createVariableCompletionSource(variables)],\n    defaultKeymap: true,\n    closeOnBlur: true,\n    icons: false,\n  });\n}\n\n/**\n * Creates a completion source function for CodeMirror's autocompletion.\n */\nexport function createVariableCompletionSource(\n  variables: VariableCompletion[],\n): (context: CompletionContext) => CompletionResult | null {\n  return (context: CompletionContext): CompletionResult | null => {\n    // Look for {{ pattern before cursor\n    const beforeCursor = context.state.sliceDoc(Math.max(0, context.pos - 50), context.pos);\n    const match = beforeCursor.match(/\\{\\{([a-zA-Z0-9_.\\[\\]]*)?$/);\n\n    if (!match) {\n      return null;\n    }\n\n    // The text after {{ that we're matching against\n    const prefix = match[1] ?? '';\n    const startPos = context.pos - prefix.length;\n\n    // Filter variables based on what the user has typed\n    const filteredVariables = prefix\n      ? variables.filter(v => v.path.toLowerCase().startsWith(prefix.toLowerCase()))\n      : variables;\n\n    if (filteredVariables.length === 0) {\n      return null;\n    }\n\n    const completions: Completion[] = filteredVariables.map(variable => ({\n      label: variable.path,\n      displayLabel: variable.path,\n      detail: variable.type,\n      info: variable.description,\n      apply: (view, completion, from, to) => {\n        // Inside an existing placeholder, replace the rest of the identifier and reuse its closing }}\n        const rest = view.state.sliceDoc(to);\n        const identifierEnd = to + (rest.match(/^[a-zA-Z0-9_.\\[\\]]*/)?.[0].length ?? 0);\n        const hasClosingBraces = view.state.sliceDoc(identifierEnd, identifierEnd + 2) === '}}';\n        const end = hasClosingBraces ? identifierEnd : to;\n\n        const insertText = hasClosingBraces ? completion.label : `${completion.label}}}`;\n\n        view.dispatch({\n          changes: { from, to: end, insert: insertText },\n          selection: { anchor: from + insertText.length },\n        });\n      },\n    }));\n\n    return {\n      from: startPos,\n      options: completions,\n      validFor: /^[a-zA-Z0-9_.\\[\\]]*$/,\n    };\n  };\n}\n","import type { DecorationSet, EditorView, ViewUpdate } from '@codemirror/view';\nimport { Decoration, MatchDecorator, ViewPlugin } from '@codemirror/view';\n\n/**\n * Regex pattern to match variable placeholders like {{variableName}} or {{user.name}}\n * Matches: {{ followed by a valid identifier path (with optional dot notation), then }}\n */\nexport const VARIABLE_PATTERN = /\\{\\{([a-zA-Z_][a-zA-Z0-9_]*(?:\\.[a-zA-Z_][a-zA-Z0-9_]*)*)\\}\\}/g;\n\nconst variableDecoration = Decoration.mark({\n  class: 'cm-variable-highlight',\n});\n\nconst variableMatcher = new MatchDecorator({\n  regexp: VARIABLE_PATTERN,\n  decoration: () => variableDecoration,\n});\n\nconst variableHighlightPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = variableMatcher.createDeco(view);\n    }\n\n    update(update: ViewUpdate) {\n      this.decorations = variableMatcher.updateDeco(update, this.decorations);\n    }\n  },\n  {\n    decorations: v => v.decorations,\n  },\n);\n\n/**\n * CodeMirror extension that highlights {{variableName}} patterns\n * with orange color and semibold weight\n */\nexport const variableHighlight = variableHighlightPlugin;\n","import { jsonLanguage } from '@codemirror/lang-json';\nimport { markdown, markdownLanguage } from '@codemirror/lang-markdown';\nimport { syntaxHighlighting } from '@codemirror/language';\nimport { EditorState, Prec } from '@codemirror/state';\nimport type { Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport CodeMirror from '@uiw/react-codemirror';\nimport type { ReactCodeMirrorRef } from '@uiw/react-codemirror';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { Braces } from 'lucide-react';\nimport { forwardRef, useMemo } from 'react';\nimport type { HTMLAttributes } from 'react';\nimport { codeLanguages } from './code-languages';\nimport { codeFoldGutter } from './fold-gutter-extension';\nimport { syntaxHighlighter } from './highlight';\nimport { createVariableAutocomplete } from './variable-autocomplete-extension';\nimport { variableHighlight } from './variable-highlight-extension';\nimport { Button } from '@/ds/components/Button';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { useFieldControlAria } from '@/ds/components/Field/field-control-aria';\nimport { fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from '@/ds/primitives/form-element';\nimport { formatJSON } from '@/lib/formatting';\nimport type { JsonSchema } from '@/lib/json-schema';\nimport { toast } from '@/lib/toast';\nimport { cn } from '@/lib/utils';\n\nexport type CodeEditorLanguage = 'json' | 'markdown';\ntype CodeEditorFont = 'body' | 'mono';\n\n/**\n * The single CodeMirror theme for every editor. Chrome and syntax colors come\n * from CSS variables that flip under `.dark`, and syntax roles use the same\n * `syntaxHighlighter` as the read-only `<Code>` viewer, so editors and viewers\n * look identical in both modes.\n */\nfunction buildCodemirrorTheme(font: CodeEditorFont): Extension {\n  const editorTheme = EditorView.theme({\n    '&': {\n      backgroundColor: 'transparent',\n      color: 'var(--foreground)',\n      fontSize: 'var(--text-body-sm)',\n    },\n    '&.cm-editor .cm-scroller': {\n      fontFamily: `var(--font-${font})`,\n    },\n    '.cm-gutters': {\n      backgroundColor: 'transparent',\n      color: 'var(--placeholder)',\n      borderRight: 'none',\n    },\n    '.cm-content': {\n      color: 'var(--foreground)',\n      caretColor: 'var(--foreground)',\n    },\n    '.cm-activeLine': {\n      backgroundColor: 'transparent',\n    },\n    '.cm-lineNumbers .cm-gutterElement': {\n      color: 'var(--placeholder)',\n    },\n    '.cm-activeLineGutter': {\n      backgroundColor: 'transparent',\n      color: 'var(--muted-foreground)',\n    },\n    '.cm-cursor, .cm-dropCursor': {\n      borderLeftColor: 'var(--foreground)',\n    },\n    '&.cm-focused .cm-selectionBackground, & .cm-line::selection, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection':\n      {\n        background: 'var(--info-edge) !important',\n      },\n    '.cm-tooltip-autocomplete': {\n      backgroundColor: 'var(--background)',\n      border: '1px solid var(--border)',\n      borderRadius: '6px',\n      boxShadow: 'var(--elevation-overlay)',\n    },\n    '.cm-tooltip-autocomplete > ul': {\n      fontFamily: 'var(--font-mono)',\n    },\n    '.cm-completionLabel': {\n      color: 'var(--foreground)',\n    },\n    '.cm-completionDetail': {\n      color: 'var(--muted-foreground)',\n      fontSize: 'var(--text-caption)',\n      marginLeft: 'auto',\n      paddingLeft: '12px',\n    },\n    '.cm-completionInfo': {\n      backgroundColor: 'var(--background)',\n      border: '1px solid var(--border)',\n      color: 'var(--muted-foreground)',\n      padding: '8px 12px',\n    },\n    '.cm-completionIcon': {\n      display: 'none',\n    },\n    'ul.cm-completionList li[aria-selected]': {\n      backgroundColor: 'var(--fill-hover)',\n      color: 'var(--foreground)',\n    },\n    '.cm-line .cm-variable-highlight': {\n      color: 'var(--warning-foreground) !important',\n      fontWeight: '500',\n    },\n  });\n\n  return [editorTheme, syntaxHighlighting(syntaxHighlighter)];\n}\n\n// eslint-disable-next-line react-refresh/only-export-components -- shared hook intentionally co-located with the editor it themes\nexport const useCodemirrorTheme = (font: CodeEditorFont = 'mono'): Extension => {\n  return useMemo(() => buildCodemirrorTheme(font), [font]);\n};\n\nconst codeEditorVariants = cva(\n  cn(\n    'relative overflow-hidden font-mono outline-hidden focus-within:outline-hidden focus:outline-hidden',\n    'transition-colors duration-normal ease-out-custom',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusWithinStyle, 'rounded-md p-1', fieldErrorRimWithin),\n        embedded: 'rounded-none border-none bg-transparent p-0',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst editorFocusAttributes = Prec.highest(\n  EditorView.editorAttributes.of({\n    style: 'outline: none',\n  }),\n);\n\nconst editorFocusTheme = Prec.highest(\n  EditorView.theme({\n    '&': {\n      outline: 'none',\n    },\n    '&.cm-focused': {\n      outline: 'none',\n    },\n    '.cm-scroller': {\n      outline: 'none',\n    },\n    '.cm-content': {\n      outline: 'none',\n    },\n    '.cm-content:focus': {\n      outline: 'none',\n    },\n  }),\n);\n\nconst editorFocusExtensions: Extension[] = [editorFocusAttributes, editorFocusTheme];\n\ntype CodeEditorContentAttributes = {\n  'aria-label': string;\n  id?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-invalid'?: string;\n};\n\nexport type CodeEditorProps = {\n  /** Prose editors can opt into the body face; code stays monospace by default. */\n  font?: CodeEditorFont;\n  data?: Record<string, unknown> | Array<Record<string, unknown>>;\n  value?: string;\n  onChange?: (value: string) => void;\n  showCopyButton?: boolean;\n  /** Offers a button that rewrites the JSON with Prettier. Needs `onChange`; ignored for markdown or read-only editors. */\n  showFormatButton?: boolean;\n  className?: string;\n  highlightVariables?: boolean;\n  language?: CodeEditorLanguage;\n  placeholder?: string;\n  /** JSON Schema to enable variable autocomplete for {{variable}} placeholders (markdown only) */\n  schema?: JsonSchema;\n  autoFocus?: boolean;\n  /** Show line numbers in the gutter (default: true) */\n  lineNumbers?: boolean;\n  /** Wrap long lines within the editor viewport (default: true) */\n  lineWrapping?: boolean;\n  /** When false, makes the editor read-only */\n  editable?: boolean;\n  /** Extra CodeMirror extensions, added after the built-in ones. Memoize them to avoid reconfiguring on every render. */\n  extensions?: Extension[];\n} & VariantProps<typeof codeEditorVariants> &\n  Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const CodeEditor = forwardRef<ReactCodeMirrorRef, CodeEditorProps>(\n  (\n    {\n      data,\n      value,\n      onChange,\n      showCopyButton = true,\n      showFormatButton = false,\n      className,\n      language = 'json',\n      font = 'mono',\n      highlightVariables = false,\n      placeholder,\n      schema,\n      autoFocus,\n      lineNumbers = true,\n      lineWrapping = true,\n      editable,\n      extensions: extraExtensions,\n      variant,\n      id,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n      'aria-describedby': ariaDescribedByProp,\n      'aria-invalid': ariaInvalidProp,\n      ...props\n    },\n    ref,\n  ) => {\n    const fieldAria = useFieldControlAria({ 'aria-label': ariaLabelProp });\n    const ariaLabel = ariaLabelProp ?? 'Code editor';\n    const controlId = id ?? fieldAria.id;\n    const ariaLabelledBy = ariaLabelledByProp ?? fieldAria['aria-labelledby'];\n    const ariaDescribedBy = ariaDescribedByProp ?? fieldAria['aria-describedby'];\n    const ariaInvalid = ariaInvalidProp ?? fieldAria['aria-invalid'];\n    const theme = useCodemirrorTheme(font);\n    const formattedCode = data ? JSON.stringify(data, null, 2) : (value ?? '');\n    const canFormat = showFormatButton && language === 'json' && editable !== false && Boolean(onChange);\n\n    const handleFormat = async () => {\n      try {\n        onChange?.((await formatJSON(formattedCode)).trimEnd());\n      } catch {\n        toast.error('Can’t format: the JSON is invalid');\n      }\n    };\n\n    const extensions = useMemo(() => {\n      const contentAttributes: CodeEditorContentAttributes = { 'aria-label': ariaLabel };\n      if (controlId) contentAttributes.id = controlId;\n      if (ariaLabelledBy) contentAttributes['aria-labelledby'] = ariaLabelledBy;\n      if (ariaDescribedBy) contentAttributes['aria-describedby'] = ariaDescribedBy;\n      if (ariaInvalid !== undefined) contentAttributes['aria-invalid'] = String(ariaInvalid);\n\n      const exts: Extension[] = [\n        ...editorFocusExtensions,\n        EditorView.contentAttributes.of(contentAttributes),\n        codeFoldGutter,\n      ];\n\n      if (lineWrapping) {\n        exts.push(EditorView.lineWrapping);\n      }\n\n      if (language === 'json') {\n        exts.push(jsonLanguage);\n      } else if (language === 'markdown') {\n        exts.push(markdown({ base: markdownLanguage, codeLanguages }));\n      }\n\n      if (highlightVariables && language === 'markdown') {\n        exts.push(variableHighlight);\n      }\n\n      if (schema && language === 'markdown') {\n        exts.push(createVariableAutocomplete(schema));\n      }\n\n      if (editable === false) {\n        exts.push(EditorState.readOnly.of(true));\n      }\n\n      if (extraExtensions) {\n        exts.push(...extraExtensions);\n      }\n\n      return exts;\n    }, [\n      extraExtensions,\n      language,\n      highlightVariables,\n      schema,\n      editable,\n      lineWrapping,\n      controlId,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      ariaInvalid,\n    ]);\n\n    return (\n      <div className={cn(codeEditorVariants({ variant }), className)} {...props}>\n        {(showCopyButton || canFormat) && (\n          <div className=\"absolute top-2 right-2 z-20 flex gap-1\">\n            {canFormat && (\n              <Button\n                type=\"button\"\n                size=\"icon-sm\"\n                tooltip=\"Format JSON\"\n                aria-label=\"Format JSON\"\n                onClick={handleFormat}\n              >\n                <Braces />\n              </Button>\n            )}\n            {showCopyButton && <CopyButton content={formattedCode} />}\n          </div>\n        )}\n        <CodeMirror\n          ref={ref}\n          value={formattedCode}\n          theme={theme}\n          extensions={extensions}\n          onChange={onChange}\n          editable={editable}\n          aria-label={ariaLabel}\n          placeholder={placeholder}\n          height=\"100%\"\n          style={{ height: '100%' }}\n          autoFocus={autoFocus}\n          basicSetup={{ lineNumbers, foldGutter: false }}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"CodeEditor-DHIDfP5g.cjs","names":["LanguageSupport","StreamLanguage","LanguageDescription","EditorView","foldGutter","autocompletion","Decoration","MatchDecorator","ViewPlugin","EditorView","syntaxHighlighting","syntaxHighlighter","useMemo","cva","cn","inputSurfaceAndFocusWithinStyle","fieldErrorRimWithin","Prec","forwardRef","useFieldControlAria","formatJSON","jsonLanguage","markdown","markdownLanguage","EditorState","Button","Braces","CopyButton","CodeMirror"],"sources":["../src/ds/components/CodeEditor/code-languages.ts","../src/ds/components/CodeEditor/fold-gutter-extension.ts","../src/ds/components/CodeEditor/schema-to-variables.ts","../src/ds/components/CodeEditor/variable-autocomplete-extension.ts","../src/ds/components/CodeEditor/variable-highlight-extension.ts","../src/ds/components/CodeEditor/code-editor.tsx"],"sourcesContent":["import { LanguageDescription, LanguageSupport, StreamLanguage } from '@codemirror/language';\n\nfunction legacy(parser: Parameters<typeof StreamLanguage.define>[0]) {\n  return new LanguageSupport(StreamLanguage.define(parser));\n}\n\n/**\n * A minimal subset of CodeMirror language descriptions used for fenced code\n * blocks inside markdown. Mirrors the relevant entries from\n * `@codemirror/language-data` but only the languages we actually support, so\n * bundlers don't have to emit a chunk for every known language.\n */\nexport const codeLanguages = [\n  LanguageDescription.of({\n    name: 'JavaScript',\n    alias: ['ecmascript', 'js', 'node'],\n    extensions: ['js', 'mjs', 'cjs'],\n    load() {\n      return import('@codemirror/lang-javascript').then(m => m.javascript());\n    },\n  }),\n  LanguageDescription.of({\n    name: 'JSON',\n    alias: ['json5'],\n    extensions: ['json', 'map'],\n    load() {\n      return import('@codemirror/lang-json').then(m => m.json());\n    },\n  }),\n  LanguageDescription.of({\n    name: 'JSX',\n    extensions: ['jsx'],\n    load() {\n      return import('@codemirror/lang-javascript').then(m => m.javascript({ jsx: true }));\n    },\n  }),\n  LanguageDescription.of({\n    name: 'Markdown',\n    extensions: ['md', 'markdown', 'mkd'],\n    load() {\n      return import('@codemirror/lang-markdown').then(m => m.markdown());\n    },\n  }),\n  LanguageDescription.of({\n    name: 'TSX',\n    extensions: ['tsx'],\n    load() {\n      return import('@codemirror/lang-javascript').then(m => m.javascript({ jsx: true, typescript: true }));\n    },\n  }),\n  LanguageDescription.of({\n    name: 'TypeScript',\n    alias: ['ts'],\n    extensions: ['ts', 'mts', 'cts'],\n    load() {\n      return import('@codemirror/lang-javascript').then(m => m.javascript({ typescript: true }));\n    },\n  }),\n  LanguageDescription.of({\n    name: 'Shell',\n    alias: ['bash', 'sh', 'zsh'],\n    extensions: ['sh', 'ksh', 'bash'],\n    filename: /^PKGBUILD$/,\n    load() {\n      return import('@codemirror/legacy-modes/mode/shell').then(m => legacy(m.shell));\n    },\n  }),\n];\n","import { foldGutter } from '@codemirror/language';\nimport type { Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\n\nconst foldTheme = EditorView.theme({\n  '.cm-foldGutter .cm-gutterElement': {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: '0 4px',\n  },\n  '.cm-fold-marker': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '12px',\n    height: '12px',\n    boxSizing: 'border-box',\n    border: '1px solid var(--border)',\n    borderRadius: '2px',\n    color: 'var(--muted-foreground)',\n    fontSize: 'var(--text-caption)',\n    lineHeight: '1',\n    cursor: 'pointer',\n    userSelect: 'none',\n  },\n  '.cm-fold-marker:hover': {\n    background: 'var(--fill-hover)',\n    color: 'var(--foreground)',\n  },\n  '.cm-foldPlaceholder': {\n    background: 'var(--fill-hover)',\n    border: '1px solid var(--border)',\n    color: 'var(--muted-foreground)',\n    borderRadius: '2px',\n    padding: '0 4px',\n    margin: '0 2px',\n  },\n});\n\n/** Fold gutter with a square −/+ toggle next to each foldable line, styled with design tokens. */\nexport const codeFoldGutter: Extension = [\n  foldGutter({\n    markerDOM: open => {\n      const marker = document.createElement('span');\n      marker.className = 'cm-fold-marker';\n      marker.dataset.state = open ? 'open' : 'closed';\n      marker.title = open ? 'Fold' : 'Unfold';\n      marker.textContent = open ? '−' : '+';\n      return marker;\n    },\n  }),\n  foldTheme,\n];\n","import type { JsonSchema, JsonSchemaProperty } from '@/lib/json-schema';\n\n/**\n * Represents a variable completion option derived from a schema\n */\nexport interface VariableCompletion {\n  /** The dot-notation path (e.g., \"user.name\") */\n  path: string;\n  /** Display label for the autocomplete */\n  label: string;\n  /** Description from the schema, if available */\n  description?: string;\n  /** The type of the property */\n  type?: string;\n}\n\n/**\n * Flattens a JSON Schema into a list of variable completions for autocomplete.\n * Recursively extracts property paths using dot-notation.\n *\n * @param schema - The JSON Schema to flatten\n * @param maxDepth - Maximum recursion depth (default: 5)\n * @returns Array of variable completions\n *\n * @example\n * ```ts\n * const schema = {\n *   type: 'object',\n *   properties: {\n *     user: {\n *       type: 'object',\n *       properties: {\n *         name: { type: 'string' },\n *         email: { type: 'string' }\n *       }\n *     }\n *   }\n * };\n *\n * flattenSchemaToVariables(schema);\n * // Returns:\n * // [\n * //   { path: 'user', label: 'user', type: 'object' },\n * //   { path: 'user.name', label: 'user.name', type: 'string' },\n * //   { path: 'user.email', label: 'user.email', type: 'string' }\n * // ]\n * ```\n */\nexport function flattenSchemaToVariables(schema: JsonSchema | undefined, maxDepth = 5): VariableCompletion[] {\n  if (!schema?.properties) {\n    return [];\n  }\n\n  const results: VariableCompletion[] = [];\n\n  function processProperty(property: JsonSchemaProperty, path: string, depth: number): void {\n    if (depth > maxDepth) {\n      return;\n    }\n\n    const type = Array.isArray(property.type) ? property.type.join(' | ') : property.type;\n\n    results.push({\n      path,\n      label: path,\n      description: property.description ?? property.title,\n      type,\n    });\n\n    // Recurse into nested object properties\n    if (property.properties) {\n      for (const [key, nestedProperty] of Object.entries(property.properties)) {\n        processProperty(nestedProperty, `${path}.${key}`, depth + 1);\n      }\n    }\n\n    // Handle array items if they have properties (array of objects)\n    if (property.items?.properties) {\n      // Add a placeholder for array item access (e.g., items[0].name)\n      for (const [key, itemProperty] of Object.entries(property.items.properties)) {\n        processProperty(itemProperty, `${path}[].${key}`, depth + 1);\n      }\n    }\n  }\n\n  for (const [key, property] of Object.entries(schema.properties)) {\n    processProperty(property, key, 1);\n  }\n\n  return results;\n}\n","import { autocompletion } from '@codemirror/autocomplete';\nimport type { Completion, CompletionContext, CompletionResult } from '@codemirror/autocomplete';\nimport type { Extension } from '@codemirror/state';\nimport { flattenSchemaToVariables } from './schema-to-variables';\nimport type { VariableCompletion } from './schema-to-variables';\nimport type { JsonSchema } from '@/lib/json-schema';\n\n/**\n * Creates a CodeMirror autocomplete extension for {{variable}} placeholders.\n * Triggers when the user types `{{` and shows suggestions derived from the schema.\n *\n * @param schema - JSON Schema to derive variable suggestions from\n * @returns CodeMirror Extension that provides variable autocomplete\n *\n * @example\n * ```tsx\n * const schema = {\n *   type: 'object',\n *   properties: {\n *     user: { type: 'object', properties: { name: { type: 'string' } } }\n *   }\n * };\n *\n * <CodeMirror extensions={[createVariableAutocomplete(schema)]} />\n * // Typing \"{{\" will show: user, user.name\n * ```\n */\nexport function createVariableAutocomplete(schema: JsonSchema | undefined): Extension {\n  const variables = flattenSchemaToVariables(schema);\n\n  return autocompletion({\n    override: [createVariableCompletionSource(variables)],\n    defaultKeymap: true,\n    closeOnBlur: true,\n    icons: false,\n  });\n}\n\n/**\n * Creates a completion source function for CodeMirror's autocompletion.\n */\nexport function createVariableCompletionSource(\n  variables: VariableCompletion[],\n): (context: CompletionContext) => CompletionResult | null {\n  return (context: CompletionContext): CompletionResult | null => {\n    // Look for {{ pattern before cursor\n    const beforeCursor = context.state.sliceDoc(Math.max(0, context.pos - 50), context.pos);\n    const match = beforeCursor.match(/\\{\\{([a-zA-Z0-9_.\\[\\]]*)?$/);\n\n    if (!match) {\n      return null;\n    }\n\n    // The text after {{ that we're matching against\n    const prefix = match[1] ?? '';\n    const startPos = context.pos - prefix.length;\n\n    // Filter variables based on what the user has typed\n    const filteredVariables = prefix\n      ? variables.filter(v => v.path.toLowerCase().startsWith(prefix.toLowerCase()))\n      : variables;\n\n    if (filteredVariables.length === 0) {\n      return null;\n    }\n\n    const completions: Completion[] = filteredVariables.map(variable => ({\n      label: variable.path,\n      displayLabel: variable.path,\n      detail: variable.type,\n      info: variable.description,\n      apply: (view, completion, from, to) => {\n        // Inside an existing placeholder, replace the rest of the identifier and reuse its closing }}\n        const rest = view.state.sliceDoc(to);\n        const identifierEnd = to + (rest.match(/^[a-zA-Z0-9_.\\[\\]]*/)?.[0].length ?? 0);\n        const hasClosingBraces = view.state.sliceDoc(identifierEnd, identifierEnd + 2) === '}}';\n        const end = hasClosingBraces ? identifierEnd : to;\n\n        const insertText = hasClosingBraces ? completion.label : `${completion.label}}}`;\n\n        view.dispatch({\n          changes: { from, to: end, insert: insertText },\n          selection: { anchor: from + insertText.length },\n        });\n      },\n    }));\n\n    return {\n      from: startPos,\n      options: completions,\n      validFor: /^[a-zA-Z0-9_.\\[\\]]*$/,\n    };\n  };\n}\n","import type { DecorationSet, EditorView, ViewUpdate } from '@codemirror/view';\nimport { Decoration, MatchDecorator, ViewPlugin } from '@codemirror/view';\n\n/**\n * Regex pattern to match variable placeholders like {{variableName}} or {{user.name}}\n * Matches: {{ followed by a valid identifier path (with optional dot notation), then }}\n */\nexport const VARIABLE_PATTERN = /\\{\\{([a-zA-Z_][a-zA-Z0-9_]*(?:\\.[a-zA-Z_][a-zA-Z0-9_]*)*)\\}\\}/g;\n\nconst variableDecoration = Decoration.mark({\n  class: 'cm-variable-highlight',\n});\n\nconst variableMatcher = new MatchDecorator({\n  regexp: VARIABLE_PATTERN,\n  decoration: () => variableDecoration,\n});\n\nconst variableHighlightPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = variableMatcher.createDeco(view);\n    }\n\n    update(update: ViewUpdate) {\n      this.decorations = variableMatcher.updateDeco(update, this.decorations);\n    }\n  },\n  {\n    decorations: v => v.decorations,\n  },\n);\n\n/**\n * CodeMirror extension that highlights {{variableName}} patterns\n * with orange color and semibold weight\n */\nexport const variableHighlight = variableHighlightPlugin;\n","import { jsonLanguage } from '@codemirror/lang-json';\nimport { markdown, markdownLanguage } from '@codemirror/lang-markdown';\nimport { syntaxHighlighting } from '@codemirror/language';\nimport { EditorState, Prec } from '@codemirror/state';\nimport type { Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport CodeMirror from '@uiw/react-codemirror';\nimport type { ReactCodeMirrorRef } from '@uiw/react-codemirror';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { Braces } from 'lucide-react';\nimport { forwardRef, useMemo } from 'react';\nimport type { HTMLAttributes } from 'react';\nimport { codeLanguages } from './code-languages';\nimport { codeFoldGutter } from './fold-gutter-extension';\nimport { syntaxHighlighter } from './highlight';\nimport { createVariableAutocomplete } from './variable-autocomplete-extension';\nimport { variableHighlight } from './variable-highlight-extension';\nimport { Button } from '@/ds/components/Button';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { useFieldControlAria } from '@/ds/components/Field/field-control-aria';\nimport { fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from '@/ds/primitives/form-element';\nimport { formatJSON } from '@/lib/formatting';\nimport type { JsonSchema } from '@/lib/json-schema';\nimport { toast } from '@/lib/toast';\nimport { cn } from '@/lib/utils';\n\nexport type CodeEditorLanguage = 'json' | 'markdown';\ntype CodeEditorFont = 'body' | 'mono';\n\n/**\n * The single CodeMirror theme for every editor. Chrome and syntax colors come\n * from CSS variables that flip under `.dark`, and syntax roles use the same\n * `syntaxHighlighter` as the read-only `<Code>` viewer, so editors and viewers\n * look identical in both modes.\n */\nfunction buildCodemirrorTheme(font: CodeEditorFont): Extension {\n  const editorTheme = EditorView.theme({\n    '&': {\n      backgroundColor: 'transparent',\n      color: 'var(--foreground)',\n      fontSize: 'var(--text-body-sm)',\n    },\n    '&.cm-editor .cm-scroller': {\n      fontFamily: `var(--font-${font})`,\n    },\n    '.cm-gutters': {\n      backgroundColor: 'transparent',\n      color: 'var(--placeholder)',\n      borderRight: 'none',\n    },\n    '.cm-content': {\n      color: 'var(--foreground)',\n      caretColor: 'var(--foreground)',\n    },\n    '.cm-activeLine': {\n      backgroundColor: 'transparent',\n    },\n    '.cm-lineNumbers .cm-gutterElement': {\n      color: 'var(--placeholder)',\n    },\n    '.cm-activeLineGutter': {\n      backgroundColor: 'transparent',\n      color: 'var(--muted-foreground)',\n    },\n    '.cm-cursor, .cm-dropCursor': {\n      borderLeftColor: 'var(--foreground)',\n    },\n    '&.cm-focused .cm-selectionBackground, & .cm-line::selection, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection':\n      {\n        background: 'var(--info-edge) !important',\n      },\n    '.cm-tooltip-autocomplete': {\n      backgroundColor: 'var(--background)',\n      border: '1px solid var(--border)',\n      borderRadius: '6px',\n      boxShadow: 'var(--elevation-overlay)',\n    },\n    '.cm-tooltip-autocomplete > ul': {\n      fontFamily: 'var(--font-mono)',\n    },\n    '.cm-completionLabel': {\n      color: 'var(--foreground)',\n    },\n    '.cm-completionDetail': {\n      color: 'var(--muted-foreground)',\n      fontSize: 'var(--text-caption)',\n      marginLeft: 'auto',\n      paddingLeft: '12px',\n    },\n    '.cm-completionInfo': {\n      backgroundColor: 'var(--background)',\n      border: '1px solid var(--border)',\n      color: 'var(--muted-foreground)',\n      padding: '8px 12px',\n    },\n    '.cm-completionIcon': {\n      display: 'none',\n    },\n    'ul.cm-completionList li[aria-selected]': {\n      backgroundColor: 'var(--fill-hover)',\n      color: 'var(--foreground)',\n    },\n    '.cm-line .cm-variable-highlight': {\n      color: 'var(--warning-foreground) !important',\n      fontWeight: '500',\n    },\n  });\n\n  return [editorTheme, syntaxHighlighting(syntaxHighlighter)];\n}\n\n// eslint-disable-next-line react-refresh/only-export-components -- shared hook intentionally co-located with the editor it themes\nexport const useCodemirrorTheme = (font: CodeEditorFont = 'mono'): Extension => {\n  return useMemo(() => buildCodemirrorTheme(font), [font]);\n};\n\nconst codeEditorVariants = cva(\n  cn(\n    'relative overflow-hidden font-mono outline-hidden focus-within:outline-hidden focus:outline-hidden',\n    'transition-colors duration-normal ease-out-custom',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusWithinStyle, 'rounded-md p-1', fieldErrorRimWithin),\n        embedded: 'rounded-none border-none bg-transparent p-0',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst editorFocusAttributes = Prec.highest(\n  EditorView.editorAttributes.of({\n    style: 'outline: none',\n  }),\n);\n\nconst editorFocusTheme = Prec.highest(\n  EditorView.theme({\n    '&': {\n      outline: 'none',\n    },\n    '&.cm-focused': {\n      outline: 'none',\n    },\n    '.cm-scroller': {\n      outline: 'none',\n    },\n    '.cm-content': {\n      outline: 'none',\n    },\n    '.cm-content:focus': {\n      outline: 'none',\n    },\n  }),\n);\n\nconst editorFocusExtensions: Extension[] = [editorFocusAttributes, editorFocusTheme];\n\ntype CodeEditorContentAttributes = {\n  'aria-label': string;\n  id?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-invalid'?: string;\n};\n\nexport type CodeEditorProps = {\n  /** Prose editors can opt into the body face; code stays monospace by default. */\n  font?: CodeEditorFont;\n  data?: Record<string, unknown> | Array<Record<string, unknown>>;\n  value?: string;\n  onChange?: (value: string) => void;\n  showCopyButton?: boolean;\n  /** Offers a button that rewrites the JSON with Prettier. Needs `onChange`; ignored for markdown or read-only editors. */\n  showFormatButton?: boolean;\n  className?: string;\n  highlightVariables?: boolean;\n  language?: CodeEditorLanguage;\n  placeholder?: string;\n  /** JSON Schema to enable variable autocomplete for {{variable}} placeholders (markdown only) */\n  schema?: JsonSchema;\n  autoFocus?: boolean;\n  /** Show line numbers in the gutter (default: true) */\n  lineNumbers?: boolean;\n  /** Wrap long lines within the editor viewport (default: true) */\n  lineWrapping?: boolean;\n  /** When false, makes the editor read-only */\n  editable?: boolean;\n  /** Extra CodeMirror extensions, added after the built-in ones. Memoize them to avoid reconfiguring on every render. */\n  extensions?: Extension[];\n} & VariantProps<typeof codeEditorVariants> &\n  Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const CodeEditor = forwardRef<ReactCodeMirrorRef, CodeEditorProps>(\n  (\n    {\n      data,\n      value,\n      onChange,\n      showCopyButton = true,\n      showFormatButton = false,\n      className,\n      language = 'json',\n      font = 'mono',\n      highlightVariables = false,\n      placeholder,\n      schema,\n      autoFocus,\n      lineNumbers = true,\n      lineWrapping = true,\n      editable,\n      extensions: extraExtensions,\n      variant,\n      id,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n      'aria-describedby': ariaDescribedByProp,\n      'aria-invalid': ariaInvalidProp,\n      ...props\n    },\n    ref,\n  ) => {\n    const fieldAria = useFieldControlAria({ 'aria-label': ariaLabelProp });\n    const ariaLabel = ariaLabelProp ?? 'Code editor';\n    const controlId = id ?? fieldAria.id;\n    const ariaLabelledBy = ariaLabelledByProp ?? fieldAria['aria-labelledby'];\n    const ariaDescribedBy = ariaDescribedByProp ?? fieldAria['aria-describedby'];\n    const ariaInvalid = ariaInvalidProp ?? fieldAria['aria-invalid'];\n    const theme = useCodemirrorTheme(font);\n    const formattedCode = data ? JSON.stringify(data, null, 2) : (value ?? '');\n    const canFormat = showFormatButton && language === 'json' && editable !== false && Boolean(onChange);\n\n    const handleFormat = async () => {\n      try {\n        onChange?.((await formatJSON(formattedCode)).trimEnd());\n      } catch {\n        toast.error('Can’t format: the JSON is invalid');\n      }\n    };\n\n    const extensions = useMemo(() => {\n      const contentAttributes: CodeEditorContentAttributes = { 'aria-label': ariaLabel };\n      if (controlId) contentAttributes.id = controlId;\n      if (ariaLabelledBy) contentAttributes['aria-labelledby'] = ariaLabelledBy;\n      if (ariaDescribedBy) contentAttributes['aria-describedby'] = ariaDescribedBy;\n      if (ariaInvalid !== undefined) contentAttributes['aria-invalid'] = String(ariaInvalid);\n\n      const exts: Extension[] = [\n        ...editorFocusExtensions,\n        EditorView.contentAttributes.of(contentAttributes),\n        codeFoldGutter,\n      ];\n\n      if (lineWrapping) {\n        exts.push(EditorView.lineWrapping);\n      }\n\n      if (language === 'json') {\n        exts.push(jsonLanguage);\n      } else if (language === 'markdown') {\n        exts.push(markdown({ base: markdownLanguage, codeLanguages }));\n      }\n\n      if (highlightVariables && language === 'markdown') {\n        exts.push(variableHighlight);\n      }\n\n      if (schema && language === 'markdown') {\n        exts.push(createVariableAutocomplete(schema));\n      }\n\n      if (editable === false) {\n        exts.push(EditorState.readOnly.of(true));\n      }\n\n      if (extraExtensions) {\n        exts.push(...extraExtensions);\n      }\n\n      return exts;\n    }, [\n      extraExtensions,\n      language,\n      highlightVariables,\n      schema,\n      editable,\n      lineWrapping,\n      controlId,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      ariaInvalid,\n    ]);\n\n    return (\n      <div className={cn(codeEditorVariants({ variant }), className)} {...props}>\n        {(showCopyButton || canFormat) && (\n          <div className=\"absolute top-2 right-2 z-20 flex gap-1\">\n            {canFormat && (\n              <Button\n                type=\"button\"\n                size=\"icon-sm\"\n                tooltip=\"Format JSON\"\n                aria-label=\"Format JSON\"\n                onClick={handleFormat}\n              >\n                <Braces />\n              </Button>\n            )}\n            {showCopyButton && <CopyButton content={formattedCode} />}\n          </div>\n        )}\n        <CodeMirror\n          ref={ref}\n          value={formattedCode}\n          theme={theme}\n          extensions={extensions}\n          onChange={onChange}\n          editable={editable}\n          aria-label={ariaLabel}\n          placeholder={placeholder}\n          height=\"100%\"\n          style={{ height: '100%' }}\n          autoFocus={autoFocus}\n          basicSetup={{ lineNumbers, foldGutter: false }}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/dist/{CodeEditor-COnz9c6B.js → CodeEditor-ZoBu3Gjw.js}

@@ -1,12 +1,12 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
-import { t as formatJSON } from "./formatting-FU4kOXPG.js";
 import { t as cva } from "./dist-BhWtUEhi.js";
-import { fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from "./primitives/form-element.es.js";
-import { t as Button } from "./Button-CLXTbAY8.js";
-import { i as useFieldControlAria } from "./field-control-aria-BaRSUUMR.js";
-import { t as toast } from "./toast-api-D_rrRhNG.js";
-import { t as CopyButton } from "./copy-button-BXrbevLn.js";
 import { r as syntaxHighlighter } from "./highlight-DF-vd68d.js";
+import { t as Button } from "./Button-Bi7aXd_G.js";
+import { t as CopyButton } from "./copy-button-B-_Z6N6y.js";
+import { i as useFieldControlAria } from "./field-control-aria-BaRSUUMR.js";
+import { fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from "./primitives/form-element.es.js";
+import { t as formatJSON } from "./formatting-FU4kOXPG.js";
+import { t as toast } from "./toast-api-Cak5N8pT.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Braces } from "lucide-react";
@@ -463,4 +463,4 @@ var CodeEditor = forwardRef(({ data, value, onChange, showCopyButton = true, sho
 });
 export { createVariableAutocomplete as a, codeLanguages as c, variableHighlight as i, useCodemirrorTheme as n, flattenSchemaToVariables as o, VARIABLE_PATTERN as r, codeFoldGutter as s, CodeEditor as t };
 
-//# sourceMappingURL=CodeEditor-COnz9c6B.js.map
+//# sourceMappingURL=CodeEditor-ZoBu3Gjw.js.map