@mastra/playground-ui 36.1.0-alpha.2 → 37.0.0-alpha.3

package/dist/Breadcrumb-CxbCgAij.js

@@ -1,35 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { I as Icon } from './Icon-CJEjdbjB.js';
-import { t as transitions } from './transitions-tFfqxz40.js';
-import { c as cn } from './utils-CzYGxqbG.js';
-
-const SlashIcon = (props) => /* @__PURE__ */ jsx("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M5.25684 12.6387L10.4003 3.36133H11.7432L6.5997 12.6387H5.25684Z", fill: "currentColor" }) });
-
-const Breadcrumb = ({ children, label, className, listClassName }) => {
-  return /* @__PURE__ */ jsx("nav", { "aria-label": label, className, children: /* @__PURE__ */ jsx("ol", { className: cn("gap-0.5 flex items-center", listClassName), children }) });
-};
-const Crumb = ({ className, as, isCurrent, action, ...props }) => {
-  const Root = as || "span";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("li", { className: cn("flex h-full min-w-0 items-center gap-1", isCurrent ? "shrink" : "shrink-0"), children: [
-      /* @__PURE__ */ jsx(
-        Root,
-        {
-          "aria-current": isCurrent ? "page" : void 0,
-          className: cn(
-            "text-ui-md leading-ui-md flex min-w-0 items-center gap-2 truncate",
-            transitions.colors,
-            isCurrent ? "text-neutral6 font-medium" : "text-neutral3 hover:text-neutral5",
-            className
-          ),
-          ...props
-        }
-      ),
-      action
-    ] }),
-    !isCurrent && /* @__PURE__ */ jsx("li", { role: "separator", className: "flex h-full items-center", children: /* @__PURE__ */ jsx(Icon, { className: cn("text-neutral2", transitions.colors), children: /* @__PURE__ */ jsx(SlashIcon, {}) }) })
-  ] });
-};
-
-export { Breadcrumb as B, Crumb as C, SlashIcon as S };
-//# sourceMappingURL=Breadcrumb-CxbCgAij.js.map

package/dist/Breadcrumb-CxbCgAij.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb-CxbCgAij.js","sources":["../src/ds/icons/SlashIcon.tsx","../src/ds/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\n\nexport const SlashIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"17\" height=\"16\" viewBox=\"0 0 17 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M5.25684 12.6387L10.4003 3.36133H11.7432L6.5997 12.6387H5.25684Z\" fill=\"currentColor\" />\n  </svg>\n);\n","import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n  children?: React.ReactNode;\n  label?: string;\n  className?: string;\n  listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n  return (\n    <nav aria-label={label} className={className}>\n      <ol className={cn('gap-0.5 flex items-center', listClassName)}>{children}</ol>\n    </nav>\n  );\n};\n\nexport interface CrumbProps {\n  isCurrent?: boolean;\n  as: React.ElementType;\n  className?: string;\n  to?: string;\n  prefetch?: boolean | null;\n  children: React.ReactNode;\n  action?: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport const Crumb = ({ className, as, isCurrent, action, ...props }: CrumbProps) => {\n  const Root = as || 'span';\n\n  return (\n    <>\n      <li className={cn('flex h-full min-w-0 items-center gap-1', isCurrent ? 'shrink' : 'shrink-0')}>\n        <Root\n          aria-current={isCurrent ? 'page' : undefined}\n          className={cn(\n            'text-ui-md leading-ui-md flex min-w-0 items-center gap-2 truncate',\n            transitions.colors,\n            isCurrent ? 'text-neutral6 font-medium' : 'text-neutral3 hover:text-neutral5',\n            className,\n          )}\n          {...props}\n        />\n        {action}\n      </li>\n      {!isCurrent && (\n        <li role=\"separator\" className=\"flex h-full items-center\">\n          <Icon className={cn('text-neutral2', transitions.colors)}>\n            <SlashIcon />\n          </Icon>\n        </li>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAEO,MAAM,SAAA,GAAY,CAAC,KAAA,qBACxB,GAAA,CAAC,SAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,MAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EACjG,QAAA,kBAAA,GAAA,CAAC,UAAK,CAAA,EAAE,kEAAA,EAAmE,IAAA,EAAK,cAAA,EAAe,CAAA,EACjG;;ACSK,MAAM,aAAa,CAAC,EAAE,UAAU,KAAA,EAAO,SAAA,EAAW,eAAc,KAAuB;AAC5F,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAY,KAAA,EAAO,SAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,aAAa,CAAA,EAAI,UAAS,CAAA,EAC3E,CAAA;AAEJ;AAaO,MAAM,KAAA,GAAQ,CAAC,EAAE,SAAA,EAAW,IAAI,SAAA,EAAW,MAAA,EAAQ,GAAG,KAAA,EAAM,KAAkB;AACnF,EAAA,MAAM,OAAO,EAAA,IAAM,MAAA;AAEnB,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAG,SAAA,EAAW,EAAA,CAAG,0CAA0C,SAAA,GAAY,QAAA,GAAW,UAAU,CAAA,EAC3F,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,UACnC,SAAA,EAAW,EAAA;AAAA,YACT,mEAAA;AAAA,YACA,WAAA,CAAY,MAAA;AAAA,YACZ,YAAY,2BAAA,GAA8B,mCAAA;AAAA,YAC1C;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC;AAAA,KAAA,EACH,CAAA;AAAA,IACC,CAAC,SAAA,oBACA,GAAA,CAAC,QAAG,IAAA,EAAK,WAAA,EAAY,WAAU,0BAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,QAAK,SAAA,EAAW,EAAA,CAAG,iBAAiB,WAAA,CAAY,MAAM,GACrD,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,GACb,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/Button-CIPDOgxX.js

@@ -1,105 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as cva } from './index-CsyK0ihk.js';
-import React__default from 'react';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-wX2UZKox.js';
-import { I as Icon } from './Icon-CJEjdbjB.js';
-import { c as controlHeight, a as controlSizeClasses } from './control-size-BdDLgGX4.js';
-import { c as controlFocusBorderVisible, s as sharedFormElementDisabledStyle } from './form-element-DUtZESwq.js';
-import { c as cn } from './utils-CzYGxqbG.js';
-
-const TEXT_MODE_ADORNMENTS = cn(
-  "gap-[.75em] rounded-full",
-  "[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:mx-[-.3em]",
-  "[&>svg]:opacity-50 [&:hover>svg]:opacity-100"
-);
-const buttonVariants = cva(
-  cn(
-    "inline-flex items-center justify-center leading-0 cursor-pointer",
-    "transition-all duration-normal ease-out-custom",
-    sharedFormElementDisabledStyle,
-    controlFocusBorderVisible
-  ),
-  {
-    variants: {
-      variant: {
-        default: "bg-surface3 border border-border2 hover:bg-surface5 hover:text-neutral6 active:bg-surface6 text-neutral6",
-        primary: "bg-neutral6 border border-transparent hover:bg-neutral6/90 active:bg-neutral6/80 text-surface1 font-medium",
-        ghost: "bg-transparent border border-transparent hover:bg-neutral6/5 hover:text-neutral6 active:bg-neutral6/10 text-neutral4",
-        outline: "bg-transparent border border-border1 hover:bg-surface3 hover:text-neutral6 active:bg-surface4 text-neutral5"
-      },
-      size: {
-        xs: cn(controlSizeClasses.xs, "px-[.8em]", TEXT_MODE_ADORNMENTS),
-        sm: cn(controlSizeClasses.sm, "px-[.9em]", TEXT_MODE_ADORNMENTS),
-        md: cn(controlSizeClasses.md, "px-[.9em]", TEXT_MODE_ADORNMENTS),
-        lg: cn(controlSizeClasses.default, "px-[1em]", TEXT_MODE_ADORNMENTS),
-        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant
-        // (e.g. `active:bg-surface5`) — same press feedback as text-mode for consistency.
-        "icon-xs": cn(controlHeight.xs, "w-form-xs rounded-full"),
-        "icon-sm": cn(controlHeight.sm, "w-form-sm rounded-full"),
-        "icon-md": cn(controlHeight.md, "w-form-md rounded-full"),
-        "icon-lg": cn(controlHeight.lg, "w-form-lg rounded-full")
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md"
-    }
-  }
-);
-const iconChildSizeMap = {
-  "icon-xs": "sm",
-  "icon-sm": "sm",
-  "icon-md": "default",
-  "icon-lg": "lg"
-};
-function flattenChildren(children) {
-  const result = [];
-  React__default.Children.forEach(children, (child) => {
-    if (React__default.isValidElement(child) && child.type === React__default.Fragment) {
-      result.push(...flattenChildren(child.props.children));
-    } else {
-      result.push(child);
-    }
-  });
-  return result;
-}
-function isIconOnly(children) {
-  const flat = flattenChildren(children);
-  return flat.length > 0 && flat.every((child) => React__default.isValidElement(child));
-}
-function isIconButtonSize(size) {
-  return typeof size === "string" && size.startsWith("icon-");
-}
-const Button = React__default.forwardRef(
-  ({ className, as, size, variant = "default", disabled, children, tooltip, "aria-label": ariaLabelProp, ...props }, ref) => {
-    const Component = as || "button";
-    const iconMode = isIconButtonSize(size);
-    const resolvedSize = size ?? "md";
-    const isLabelless = !iconMode && isIconOnly(children);
-    const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === "string" ? tooltip : void 0);
-    const content = iconMode ? /* @__PURE__ */ jsx(Icon, { size: iconChildSizeMap[size], children }) : children;
-    const button = /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        disabled,
-        "aria-label": ariaLabel,
-        "data-variant": variant,
-        className: cn(buttonVariants({ variant, size: resolvedSize }), isLabelless && "[&>svg]:opacity-75", className),
-        ...props,
-        children: content
-      }
-    );
-    if (tooltip) {
-      return /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
-        /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
-      ] });
-    }
-    return button;
-  }
-);
-Button.displayName = "Button";
-
-export { Button as B, buttonVariants as b };
-//# sourceMappingURL=Button-CIPDOgxX.js.map

package/dist/Button-CIPDOgxX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-CIPDOgxX.js","sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight, controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlFocusBorderVisible, sharedFormElementDisabledStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Adornments for text-mode buttons: gap between icon+label, larger radius, and SVG sizing for\n// inline `<svg>` children. Excluded from icon-mode because icon-mode wraps children in `<Icon>`\n// (so `[&>svg]` selectors don't match) and uses its own `rounded-full` (circle).\nconst TEXT_MODE_ADORNMENTS = cn(\n  'gap-[.75em] rounded-full',\n  '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:mx-[-.3em]',\n  '[&>svg]:opacity-50 [&:hover>svg]:opacity-100',\n);\n\nexport const buttonVariants = cva(\n  cn(\n    'inline-flex items-center justify-center leading-0 cursor-pointer',\n    'transition-all duration-normal ease-out-custom',\n    sharedFormElementDisabledStyle,\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-surface3 border border-border2 hover:bg-surface5 hover:text-neutral6 active:bg-surface6 text-neutral6',\n        primary:\n          'bg-neutral6 border border-transparent hover:bg-neutral6/90 active:bg-neutral6/80 text-surface1 font-medium',\n        ghost:\n          'bg-transparent border border-transparent hover:bg-neutral6/5 hover:text-neutral6 active:bg-neutral6/10 text-neutral4',\n        outline:\n          'bg-transparent border border-border1 hover:bg-surface3 hover:text-neutral6 active:bg-surface4 text-neutral5',\n      },\n      size: {\n        xs: cn(controlSizeClasses.xs, 'px-[.8em]', TEXT_MODE_ADORNMENTS),\n        sm: cn(controlSizeClasses.sm, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        md: cn(controlSizeClasses.md, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        lg: cn(controlSizeClasses.default, 'px-[1em]', TEXT_MODE_ADORNMENTS),\n        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n        // (e.g. `active:bg-surface5`) — same press feedback as text-mode for consistency.\n        'icon-xs': cn(controlHeight.xs, 'w-form-xs rounded-full'),\n        'icon-sm': cn(controlHeight.sm, 'w-form-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-form-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-form-lg rounded-full'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n  as?: React.ElementType;\n  className?: string;\n  href?: string;\n  to?: string;\n  prefetch?: boolean | null;\n  children: React.ReactNode;\n  tooltip?: React.ReactNode;\n  target?: string;\n  type?: 'button' | 'submit' | 'reset';\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\n// Button's icon-* sizes don't match `<Icon>`'s own size scale (`sm | default | lg`).\nconst iconChildSizeMap: Record<IconButtonSize, 'sm' | 'default' | 'lg'> = {\n  'icon-xs': 'sm',\n  'icon-sm': 'sm',\n  'icon-md': 'default',\n  'icon-lg': 'lg',\n};\n\n// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  const result: React.ReactNode[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n      result.push(...flattenChildren(child.props.children));\n    } else {\n      result.push(child);\n    }\n  });\n  return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\nfunction isIconOnly(children: React.ReactNode): boolean {\n  const flat = flattenChildren(children);\n  return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize` so consumers (e.g. `iconChildSizeMap`)\n// can index into icon-only structures without a cast.\nfunction isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n  return typeof size === 'string' && size.startsWith('icon-');\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { className, as, size, variant = 'default', disabled, children, tooltip, 'aria-label': ariaLabelProp, ...props },\n    ref,\n  ) => {\n    const Component = as || 'button';\n    const iconMode = isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const isLabelless = !iconMode && isIconOnly(children);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? <Icon size={iconChildSizeMap[size as IconButtonSize]}>{children}</Icon> : children;\n\n    const button = (\n      <Component\n        ref={ref}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n        // (filled buttons have an opaque background that hides a border seam, so the group\n        // paints their divider as an inset box-shadow instead — see buttons-group.tsx).\n        data-variant={variant}\n        className={cn(buttonVariants({ variant, size: resolvedSize }), isLabelless && '[&>svg]:opacity-75', className)}\n        {...props}\n      >\n        {content}\n      </Component>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["React"],"mappings":"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"}

package/dist/Button-DhjKny12.cjs

@@ -1,108 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const index = require('./index-DPkWrpVb.cjs');
-const React = require('react');
-const tooltip = require('./tooltip-FowezTqp.cjs');
-const Icon = require('./Icon-C_Ooy-cP.cjs');
-const controlSize = require('./control-size-D67C0kPZ.cjs');
-const formElement = require('./form-element-Cy7aV1Ds.cjs');
-const utils = require('./utils-vA5sWo9W.cjs');
-
-const TEXT_MODE_ADORNMENTS = utils.cn(
-  "gap-[.75em] rounded-full",
-  "[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:mx-[-.3em]",
-  "[&>svg]:opacity-50 [&:hover>svg]:opacity-100"
-);
-const buttonVariants = index.cva(
-  utils.cn(
-    "inline-flex items-center justify-center leading-0 cursor-pointer",
-    "transition-all duration-normal ease-out-custom",
-    formElement.sharedFormElementDisabledStyle,
-    formElement.controlFocusBorderVisible
-  ),
-  {
-    variants: {
-      variant: {
-        default: "bg-surface3 border border-border2 hover:bg-surface5 hover:text-neutral6 active:bg-surface6 text-neutral6",
-        primary: "bg-neutral6 border border-transparent hover:bg-neutral6/90 active:bg-neutral6/80 text-surface1 font-medium",
-        ghost: "bg-transparent border border-transparent hover:bg-neutral6/5 hover:text-neutral6 active:bg-neutral6/10 text-neutral4",
-        outline: "bg-transparent border border-border1 hover:bg-surface3 hover:text-neutral6 active:bg-surface4 text-neutral5"
-      },
-      size: {
-        xs: utils.cn(controlSize.controlSizeClasses.xs, "px-[.8em]", TEXT_MODE_ADORNMENTS),
-        sm: utils.cn(controlSize.controlSizeClasses.sm, "px-[.9em]", TEXT_MODE_ADORNMENTS),
-        md: utils.cn(controlSize.controlSizeClasses.md, "px-[.9em]", TEXT_MODE_ADORNMENTS),
-        lg: utils.cn(controlSize.controlSizeClasses.default, "px-[1em]", TEXT_MODE_ADORNMENTS),
-        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant
-        // (e.g. `active:bg-surface5`) — same press feedback as text-mode for consistency.
-        "icon-xs": utils.cn(controlSize.controlHeight.xs, "w-form-xs rounded-full"),
-        "icon-sm": utils.cn(controlSize.controlHeight.sm, "w-form-sm rounded-full"),
-        "icon-md": utils.cn(controlSize.controlHeight.md, "w-form-md rounded-full"),
-        "icon-lg": utils.cn(controlSize.controlHeight.lg, "w-form-lg rounded-full")
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md"
-    }
-  }
-);
-const iconChildSizeMap = {
-  "icon-xs": "sm",
-  "icon-sm": "sm",
-  "icon-md": "default",
-  "icon-lg": "lg"
-};
-function flattenChildren(children) {
-  const result = [];
-  React.Children.forEach(children, (child) => {
-    if (React.isValidElement(child) && child.type === React.Fragment) {
-      result.push(...flattenChildren(child.props.children));
-    } else {
-      result.push(child);
-    }
-  });
-  return result;
-}
-function isIconOnly(children) {
-  const flat = flattenChildren(children);
-  return flat.length > 0 && flat.every((child) => React.isValidElement(child));
-}
-function isIconButtonSize(size) {
-  return typeof size === "string" && size.startsWith("icon-");
-}
-const Button = React.forwardRef(
-  ({ className, as, size, variant = "default", disabled, children, tooltip: tooltip$1, "aria-label": ariaLabelProp, ...props }, ref) => {
-    const Component = as || "button";
-    const iconMode = isIconButtonSize(size);
-    const resolvedSize = size ?? "md";
-    const isLabelless = !iconMode && isIconOnly(children);
-    const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip$1 === "string" ? tooltip$1 : void 0);
-    const content = iconMode ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { size: iconChildSizeMap[size], children }) : children;
-    const button = /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        disabled,
-        "aria-label": ariaLabel,
-        "data-variant": variant,
-        className: utils.cn(buttonVariants({ variant, size: resolvedSize }), isLabelless && "[&>svg]:opacity-75", className),
-        ...props,
-        children: content
-      }
-    );
-    if (tooltip$1) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: button }),
-        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: tooltip$1 })
-      ] });
-    }
-    return button;
-  }
-);
-Button.displayName = "Button";
-
-exports.Button = Button;
-exports.buttonVariants = buttonVariants;
-//# sourceMappingURL=Button-DhjKny12.cjs.map

package/dist/Button-DhjKny12.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-DhjKny12.cjs","sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight, controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlFocusBorderVisible, sharedFormElementDisabledStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Adornments for text-mode buttons: gap between icon+label, larger radius, and SVG sizing for\n// inline `<svg>` children. Excluded from icon-mode because icon-mode wraps children in `<Icon>`\n// (so `[&>svg]` selectors don't match) and uses its own `rounded-full` (circle).\nconst TEXT_MODE_ADORNMENTS = cn(\n  'gap-[.75em] rounded-full',\n  '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:mx-[-.3em]',\n  '[&>svg]:opacity-50 [&:hover>svg]:opacity-100',\n);\n\nexport const buttonVariants = cva(\n  cn(\n    'inline-flex items-center justify-center leading-0 cursor-pointer',\n    'transition-all duration-normal ease-out-custom',\n    sharedFormElementDisabledStyle,\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-surface3 border border-border2 hover:bg-surface5 hover:text-neutral6 active:bg-surface6 text-neutral6',\n        primary:\n          'bg-neutral6 border border-transparent hover:bg-neutral6/90 active:bg-neutral6/80 text-surface1 font-medium',\n        ghost:\n          'bg-transparent border border-transparent hover:bg-neutral6/5 hover:text-neutral6 active:bg-neutral6/10 text-neutral4',\n        outline:\n          'bg-transparent border border-border1 hover:bg-surface3 hover:text-neutral6 active:bg-surface4 text-neutral5',\n      },\n      size: {\n        xs: cn(controlSizeClasses.xs, 'px-[.8em]', TEXT_MODE_ADORNMENTS),\n        sm: cn(controlSizeClasses.sm, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        md: cn(controlSizeClasses.md, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        lg: cn(controlSizeClasses.default, 'px-[1em]', TEXT_MODE_ADORNMENTS),\n        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n        // (e.g. `active:bg-surface5`) — same press feedback as text-mode for consistency.\n        'icon-xs': cn(controlHeight.xs, 'w-form-xs rounded-full'),\n        'icon-sm': cn(controlHeight.sm, 'w-form-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-form-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-form-lg rounded-full'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n  as?: React.ElementType;\n  className?: string;\n  href?: string;\n  to?: string;\n  prefetch?: boolean | null;\n  children: React.ReactNode;\n  tooltip?: React.ReactNode;\n  target?: string;\n  type?: 'button' | 'submit' | 'reset';\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\n// Button's icon-* sizes don't match `<Icon>`'s own size scale (`sm | default | lg`).\nconst iconChildSizeMap: Record<IconButtonSize, 'sm' | 'default' | 'lg'> = {\n  'icon-xs': 'sm',\n  'icon-sm': 'sm',\n  'icon-md': 'default',\n  'icon-lg': 'lg',\n};\n\n// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  const result: React.ReactNode[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n      result.push(...flattenChildren(child.props.children));\n    } else {\n      result.push(child);\n    }\n  });\n  return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\nfunction isIconOnly(children: React.ReactNode): boolean {\n  const flat = flattenChildren(children);\n  return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize` so consumers (e.g. `iconChildSizeMap`)\n// can index into icon-only structures without a cast.\nfunction isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n  return typeof size === 'string' && size.startsWith('icon-');\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { className, as, size, variant = 'default', disabled, children, tooltip, 'aria-label': ariaLabelProp, ...props },\n    ref,\n  ) => {\n    const Component = as || 'button';\n    const iconMode = isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const isLabelless = !iconMode && isIconOnly(children);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? <Icon size={iconChildSizeMap[size as IconButtonSize]}>{children}</Icon> : children;\n\n    const button = (\n      <Component\n        ref={ref}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n        // (filled buttons have an opaque background that hides a border seam, so the group\n        // paints their divider as an inset box-shadow instead — see buttons-group.tsx).\n        data-variant={variant}\n        className={cn(buttonVariants({ variant, size: resolvedSize }), isLabelless && '[&>svg]:opacity-75', className)}\n        {...props}\n      >\n        {content}\n      </Component>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["cn","cva","sharedFormElementDisabledStyle","controlFocusBorderVisible","controlSizeClasses","controlHeight","tooltip","jsx","Icon","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/Card-Xx0_PeuI.cjs

@@ -1,90 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const index = require('./index-DPkWrpVb.cjs');
-const React = require('react');
-const utils = require('./utils-vA5sWo9W.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const cardVariants = index.cva(
-  // Base styles
-  "rounded-lg border border-border1 bg-surface2 transition-all duration-normal ease-out-custom",
-  {
-    variants: {
-      elevation: {
-        flat: "",
-        raised: "shadow-card",
-        elevated: "shadow-elevated"
-      },
-      interactive: {
-        true: "cursor-pointer hover:border-border2 hover:bg-surface3 active:scale-[0.99]",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      elevation: "flat",
-      interactive: false
-    }
-  }
-);
-const Card = React__namespace.forwardRef(
-  ({ className, elevation, interactive, as, ...props }, ref) => {
-    const Component = as || "div";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: utils.cn(cardVariants({ elevation, interactive }), className),
-        role: interactive ? "button" : void 0,
-        tabIndex: interactive ? 0 : void 0,
-        ...props
-      }
-    );
-  }
-);
-Card.displayName = "Card";
-const CardHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("flex flex-col space-y-1.5 p-4 pb-0", className), ...props }));
-CardHeader.displayName = "CardHeader";
-const CardTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "h3",
-  {
-    ref,
-    className: utils.cn("text-ui-md font-semibold text-neutral6 leading-none tracking-tight", className),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-const CardDescription = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: utils.cn("text-ui-sm text-neutral3", className), ...props })
-);
-CardDescription.displayName = "CardDescription";
-const CardContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("p-4", className), ...props }));
-CardContent.displayName = "CardContent";
-const CardFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("flex items-center p-4 pt-0", className), ...props }));
-CardFooter.displayName = "CardFooter";
-
-exports.Card = Card;
-exports.CardContent = CardContent;
-exports.CardDescription = CardDescription;
-exports.CardFooter = CardFooter;
-exports.CardHeader = CardHeader;
-exports.CardTitle = CardTitle;
-//# sourceMappingURL=Card-Xx0_PeuI.cjs.map

package/dist/Card-Xx0_PeuI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card-Xx0_PeuI.cjs","sources":["../src/ds/components/Card/Card.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst cardVariants = cva(\n  // Base styles\n  'rounded-lg border border-border1 bg-surface2 transition-all duration-normal ease-out-custom',\n  {\n    variants: {\n      elevation: {\n        flat: '',\n        raised: 'shadow-card',\n        elevated: 'shadow-elevated',\n      },\n      interactive: {\n        true: 'cursor-pointer hover:border-border2 hover:bg-surface3 active:scale-[0.99]',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      elevation: 'flat',\n      interactive: false,\n    },\n  },\n);\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof cardVariants> & {\n    as?: React.ElementType;\n  };\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, elevation, interactive, as, ...props }, ref) => {\n    const Component = as || 'div';\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(cardVariants({ elevation, interactive }), className)}\n        role={interactive ? 'button' : undefined}\n        tabIndex={interactive ? 0 : undefined}\n        {...props}\n      />\n    );\n  },\n);\nCard.displayName = 'Card';\n\n// Card Header component\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex flex-col space-y-1.5 p-4 pb-0', className)} {...props} />\n));\nCardHeader.displayName = 'CardHeader';\n\n// Card Title component\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn('text-ui-md font-semibold text-neutral6 leading-none tracking-tight', className)}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n// Card Description component\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => <p ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />,\n);\nCardDescription.displayName = 'CardDescription';\n\n// Card Content component\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('p-4', className)} {...props} />\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-4 pt-0', className)} {...props} />\n));\nCardFooter.displayName = 'CardFooter';\n"],"names":["cva","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,YAAA,GAAeA,SAAA;AAAA;AAAA,EAEnB,6FAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,EAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,2EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW,MAAA;AAAA,MACX,WAAA,EAAa;AAAA;AACf;AAEJ,CAAA;AAOO,MAAM,OAAOC,gBAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,SAAA,EAAW,aAAa,EAAA,EAAI,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC5D,IAAA,MAAM,YAAY,EAAA,IAAM,KAAA;AAExB,IAAA,uBACEC,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,SAAG,YAAA,CAAa,EAAE,WAAW,WAAA,EAAa,GAAG,SAAS,CAAA;AAAA,QACjE,IAAA,EAAM,cAAc,QAAA,GAAW,MAAA;AAAA,QAC/B,QAAA,EAAU,cAAc,CAAA,GAAI,MAAA;AAAA,QAC3B,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAKZ,MAAM,UAAA,GAAaF,iBAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWE,QAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA,EAAI,GAAG,OAAO,CAC3F;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAKlB,MAAM,SAAA,GAAYF,iBAAM,UAAA,CAA+C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACtGC,cAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,QAAA,CAAG,oEAAA,EAAsE,SAAS,CAAA;AAAA,IAC5F,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAKjB,MAAM,kBAAkBF,gBAAA,CAAM,UAAA;AAAA,EACnC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBAAQC,cAAA,CAAC,GAAA,EAAA,EAAE,GAAA,EAAU,WAAWC,QAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAClH;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAKvB,MAAM,WAAA,GAAcF,iBAAM,UAAA,CAA6C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACrG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWE,QAAA,CAAG,KAAA,EAAO,SAAS,CAAA,EAAI,GAAG,OAAO,CAC5D;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAKnB,MAAM,UAAA,GAAaF,iBAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWE,QAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA,EAAI,GAAG,OAAO,CACnF;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;;;;;;;;;"}

package/dist/Card-cFJPRQ9O.js

@@ -1,64 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { c as cva } from './index-CsyK0ihk.js';
-import * as React from 'react';
-import { c as cn } from './utils-CzYGxqbG.js';
-
-const cardVariants = cva(
-  // Base styles
-  "rounded-lg border border-border1 bg-surface2 transition-all duration-normal ease-out-custom",
-  {
-    variants: {
-      elevation: {
-        flat: "",
-        raised: "shadow-card",
-        elevated: "shadow-elevated"
-      },
-      interactive: {
-        true: "cursor-pointer hover:border-border2 hover:bg-surface3 active:scale-[0.99]",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      elevation: "flat",
-      interactive: false
-    }
-  }
-);
-const Card = React.forwardRef(
-  ({ className, elevation, interactive, as, ...props }, ref) => {
-    const Component = as || "div";
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: cn(cardVariants({ elevation, interactive }), className),
-        role: interactive ? "button" : void 0,
-        tabIndex: interactive ? 0 : void 0,
-        ...props
-      }
-    );
-  }
-);
-Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-4 pb-0", className), ...props }));
-CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "h3",
-  {
-    ref,
-    className: cn("text-ui-md font-semibold text-neutral6 leading-none tracking-tight", className),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-ui-sm text-neutral3", className), ...props })
-);
-CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-4", className), ...props }));
-CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-4 pt-0", className), ...props }));
-CardFooter.displayName = "CardFooter";
-
-export { Card as C, CardContent as a, CardDescription as b, CardFooter as c, CardHeader as d, CardTitle as e };
-//# sourceMappingURL=Card-cFJPRQ9O.js.map

package/dist/Card-cFJPRQ9O.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card-cFJPRQ9O.js","sources":["../src/ds/components/Card/Card.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst cardVariants = cva(\n  // Base styles\n  'rounded-lg border border-border1 bg-surface2 transition-all duration-normal ease-out-custom',\n  {\n    variants: {\n      elevation: {\n        flat: '',\n        raised: 'shadow-card',\n        elevated: 'shadow-elevated',\n      },\n      interactive: {\n        true: 'cursor-pointer hover:border-border2 hover:bg-surface3 active:scale-[0.99]',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      elevation: 'flat',\n      interactive: false,\n    },\n  },\n);\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof cardVariants> & {\n    as?: React.ElementType;\n  };\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, elevation, interactive, as, ...props }, ref) => {\n    const Component = as || 'div';\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(cardVariants({ elevation, interactive }), className)}\n        role={interactive ? 'button' : undefined}\n        tabIndex={interactive ? 0 : undefined}\n        {...props}\n      />\n    );\n  },\n);\nCard.displayName = 'Card';\n\n// Card Header component\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex flex-col space-y-1.5 p-4 pb-0', className)} {...props} />\n));\nCardHeader.displayName = 'CardHeader';\n\n// Card Title component\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn('text-ui-md font-semibold text-neutral6 leading-none tracking-tight', className)}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n// Card Description component\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => <p ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />,\n);\nCardDescription.displayName = 'CardDescription';\n\n// Card Content component\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('p-4', className)} {...props} />\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-4 pt-0', className)} {...props} />\n));\nCardFooter.displayName = 'CardFooter';\n"],"names":[],"mappings":";;;;;AAKA,MAAM,YAAA,GAAe,GAAA;AAAA;AAAA,EAEnB,6FAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,EAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,2EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW,MAAA;AAAA,MACX,WAAA,EAAa;AAAA;AACf;AAEJ,CAAA;AAOO,MAAM,OAAO,KAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,SAAA,EAAW,aAAa,EAAA,EAAI,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC5D,IAAA,MAAM,YAAY,EAAA,IAAM,KAAA;AAExB,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,YAAA,CAAa,EAAE,WAAW,WAAA,EAAa,GAAG,SAAS,CAAA;AAAA,QACjE,IAAA,EAAM,cAAc,QAAA,GAAW,MAAA;AAAA,QAC/B,QAAA,EAAU,cAAc,CAAA,GAAI,MAAA;AAAA,QAC3B,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAKZ,MAAM,UAAA,GAAa,MAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,yBACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA,EAAI,GAAG,OAAO,CAC3F;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAKlB,MAAM,SAAA,GAAY,MAAM,UAAA,CAA+C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACtG,GAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,oEAAA,EAAsE,SAAS,CAAA;AAAA,IAC5F,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAKjB,MAAM,kBAAkB,KAAA,CAAM,UAAA;AAAA,EACnC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBAAQ,GAAA,CAAC,GAAA,EAAA,EAAE,GAAA,EAAU,WAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAClH;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAKvB,MAAM,WAAA,GAAc,MAAM,UAAA,CAA6C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,yBACrG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,KAAA,EAAO,SAAS,CAAA,EAAI,GAAG,OAAO,CAC5D;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAKnB,MAAM,UAAA,GAAa,MAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,yBACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA,EAAI,GAAG,OAAO,CACnF;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}

package/dist/EmptyState-DfXdX6I8.js

@@ -1,31 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as cn } from './utils-CzYGxqbG.js';
-
-function EmptyState({
-  iconSlot,
-  titleSlot,
-  descriptionSlot,
-  actionSlot,
-  className,
-  as: HeadingTag = "h3"
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex flex-col items-center justify-center text-center py-10 px-6",
-        "transition-opacity duration-normal ease-out-custom",
-        className
-      ),
-      children: [
-        iconSlot && /* @__PURE__ */ jsx("div", { className: "mb-4", children: iconSlot }),
-        /* @__PURE__ */ jsx(HeadingTag, { className: "font-medium text-neutral5 text-ui-md", children: titleSlot }),
-        descriptionSlot && /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-neutral3 text-ui-sm max-w-md", children: descriptionSlot }),
-        actionSlot && /* @__PURE__ */ jsx("div", { className: "mt-5", children: actionSlot })
-      ]
-    }
-  );
-}
-
-export { EmptyState as E };
-//# sourceMappingURL=EmptyState-DfXdX6I8.js.map

package/dist/EmptyState-DfXdX6I8.js.map

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

package/dist/EmptyState-vw7dhSKP.cjs

@@ -1,33 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const utils = require('./utils-vA5sWo9W.cjs');
-
-function EmptyState({
-  iconSlot,
-  titleSlot,
-  descriptionSlot,
-  actionSlot,
-  className,
-  as: HeadingTag = "h3"
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: utils.cn(
-        "flex flex-col items-center justify-center text-center py-10 px-6",
-        "transition-opacity duration-normal ease-out-custom",
-        className
-      ),
-      children: [
-        iconSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: iconSlot }),
-        /* @__PURE__ */ jsxRuntime.jsx(HeadingTag, { className: "font-medium text-neutral5 text-ui-md", children: titleSlot }),
-        descriptionSlot && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-neutral3 text-ui-sm max-w-md", children: descriptionSlot }),
-        actionSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-5", children: actionSlot })
-      ]
-    }
-  );
-}
-
-exports.EmptyState = EmptyState;
-//# sourceMappingURL=EmptyState-vw7dhSKP.cjs.map

package/dist/EmptyState-vw7dhSKP.cjs.map

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

package/dist/Entity-CVzaJDXu.js

@@ -1,42 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { T as Txt } from './Txt-AhytBlTj.js';
-import { c as cn } from './utils-CzYGxqbG.js';
-import { I as Icon } from './Icon-CJEjdbjB.js';
-
-const Entity = ({ children, className, onClick }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      tabIndex: onClick ? 0 : void 0,
-      onKeyDown: (e) => {
-        if (!onClick) return;
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onClick?.();
-        }
-      },
-      className: cn(
-        "flex gap-3 group/entity bg-surface3 rounded-xl border border-border1 py-3 px-4",
-        onClick && "cursor-pointer hover:bg-surface4 transition-all",
-        className
-      ),
-      onClick,
-      children
-    }
-  );
-};
-const EntityIcon = ({ children, className, style }) => {
-  return /* @__PURE__ */ jsx(Icon, { size: "lg", className: cn("text-neutral3 mt-1 shrink-0", className), style, children });
-};
-const EntityName = ({ children, className }) => {
-  return /* @__PURE__ */ jsx(Txt, { as: "p", variant: "ui-lg", className: cn("text-neutral6 font-medium", className), children });
-};
-const EntityDescription = ({ children, className }) => {
-  return /* @__PURE__ */ jsx(Txt, { as: "div", variant: "ui-sm", className: cn("text-neutral3", className), children });
-};
-const EntityContent = ({ children, className }) => {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex-1 w-full", className), children });
-};
-
-export { Entity as E, EntityContent as a, EntityDescription as b, EntityIcon as c, EntityName as d };
-//# sourceMappingURL=Entity-CVzaJDXu.js.map

package/dist/Entity-CVzaJDXu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Entity-CVzaJDXu.js","sources":["../src/ds/components/Entity/Entity.tsx"],"sourcesContent":["import { Txt } from '../Txt';\nimport { Icon } from '@/ds/icons';\nimport { cn } from '@/lib/utils';\n\nexport interface EntityProps {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n  style?: React.CSSProperties;\n}\n\nexport const Entity = ({ children, className, onClick }: EntityProps) => {\n  return (\n    <div\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={e => {\n        if (!onClick) return;\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        'flex gap-3 group/entity bg-surface3 rounded-xl border border-border1 py-3 px-4',\n        onClick && 'cursor-pointer hover:bg-surface4 transition-all',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const EntityIcon = ({ children, className, style }: EntityProps) => {\n  return (\n    <Icon size=\"lg\" className={cn('text-neutral3 mt-1 shrink-0', className)} style={style}>\n      {children}\n    </Icon>\n  );\n};\n\nexport const EntityName = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"p\" variant=\"ui-lg\" className={cn('text-neutral6 font-medium', className)}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityDescription = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"div\" variant=\"ui-sm\" className={cn('text-neutral3', className)}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityContent = ({ children, className }: EntityProps) => {\n  return <div className={cn('flex-1 w-full', className)}>{children}</div>;\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,SAAS,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,SAAQ,KAAmB;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,MACxB,WAAW,CAAA,CAAA,KAAK;AACd,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,IAAU;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,gFAAA;AAAA,QACA,OAAA,IAAW,iDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,aAAa,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAM,KAAmB;AACzE,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAW,GAAG,6BAAA,EAA+B,SAAS,CAAA,EAAG,KAAA,EACtE,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AAClE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,SAAS,CAAA,EAC7E,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACzE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EACnE,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACrE,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;;;;"}