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

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

@@ -1,9 +1,10 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const index = require('./index-DklEHic9.cjs');
+const index = require('./index-C-fBJhpb.cjs');
 const React = require('react');
-const utils_cn = require('./cn-DqcFobIY.cjs');
+const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -25,74 +26,51 @@ function _interopNamespaceDefault(e) {
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const cardVariants = index.cva(
-  // Base styles
-  "duration-normal rounded-lg transition-all ease-out-custom motion-reduce:transition-none",
+  utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "duration-normal rounded-lg transition-all ease-out-custom motion-reduce:transition-none"),
   {
     variants: {
-      appearance: {
-        outlined: "border border-border1 bg-surface2",
-        surface: "bg-surface3"
-      },
       elevation: {
-        flat: "",
-        raised: "shadow-card",
-        elevated: "shadow-elevated"
+        flat: "shadow-none",
+        raised: ""
       },
       interactive: {
-        true: "cursor-pointer active:scale-99",
+        true: utils_cn.cn(
+          primitives_raisedSurface.surfaceStateLayerStyle,
+          "cursor-pointer focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring active:scale-99"
+        ),
         false: ""
       }
     },
-    compoundVariants: [
-      {
-        appearance: "outlined",
-        interactive: true,
-        className: "hover:border-border2 hover:bg-surface3"
-      },
-      {
-        appearance: "surface",
-        interactive: true,
-        className: "hover:bg-surface4 focus-visible:bg-surface4 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-border2 active:bg-surface5"
-      }
-    ],
     defaultVariants: {
-      appearance: "outlined",
-      elevation: "flat",
+      elevation: "raised",
       interactive: false
     }
   }
 );
 const Card = React__namespace.forwardRef(
-  ({ className, appearance, elevation, interactive, as, ...props }, ref) => {
+  ({ className, elevation, interactive, as, ...props }, ref) => {
     const Component = as || (interactive ? "button" : "div");
     return /* @__PURE__ */ jsxRuntime.jsx(
       Component,
       {
         ref,
         type: Component === "button" ? "button" : void 0,
-        className: utils_cn.cn(cardVariants({ appearance, elevation, interactive }), className),
+        className: utils_cn.cn(cardVariants({ elevation, interactive }), className),
         ...props
       }
     );
   }
 );
 Card.displayName = "Card";
-function CardLink({ className, appearance, elevation, LinkComponent: Link = "a", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Link, { className: utils_cn.cn(cardVariants({ appearance, elevation, interactive: true }), className), ...props });
+function CardLink({ className, elevation, LinkComponent: Link = "a", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Link, { className: utils_cn.cn(cardVariants({ elevation, interactive: true }), className), ...props });
 }
 const CardHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("flex flex-col space-y-1.5 p-3 pb-0", className), ...props }));
 CardHeader.displayName = "CardHeader";
-const CardTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "h3",
-  {
-    ref,
-    className: utils_cn.cn("text-ui-md leading-none font-semibold tracking-tight text-foreground", className),
-    ...props
-  }
-));
+const CardTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ref, className: utils_cn.cn("text-subheading text-foreground", className), ...props }));
 CardTitle.displayName = "CardTitle";
 const CardDescription = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: utils_cn.cn("text-ui-sm text-muted-foreground", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: utils_cn.cn("text-caption text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
 const cardContentVariants = index.cva("", {
@@ -120,4 +98,4 @@ exports.CardFooter = CardFooter;
 exports.CardHeader = CardHeader;
 exports.CardLink = CardLink;
 exports.CardTitle = CardTitle;
-//# sourceMappingURL=Card-CGCdI-3T.cjs.map
+//# sourceMappingURL=Card-D0kFp9j9.cjs.map

package/dist/Card-D0kFp9j9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-D0kFp9j9.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 { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nconst cardVariants = cva(\n  cn(raisedSurfaceStyle, 'duration-normal rounded-lg transition-all ease-out-custom motion-reduce:transition-none'),\n  {\n    variants: {\n      elevation: {\n        flat: 'shadow-none',\n        raised: '',\n      },\n      interactive: {\n        true: cn(\n          surfaceStateLayerStyle,\n          'cursor-pointer focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring active:scale-99',\n        ),\n        false: '',\n      },\n    },\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 p-3 pb-0', className)} {...props} />\n));\nCardHeader.displayName = 'CardHeader';\n\n// Card Title component\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => (\n  <h3 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"],"names":["cva","cn","raisedSurfaceStyle","surfaceStateLayerStyle","React","jsx"],"mappings":"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"}

package/dist/{Card-BAAZQk25.js → Card-DEvGFj-Z.js}

@@ -1,77 +1,55 @@
 import { jsx } from 'react/jsx-runtime';
-import { c as cva } from './index-BtcX2880.js';
+import { c as cva } from './index-Dubp6Qv4.js';
 import * as React from 'react';
-import { c as cn } from './cn-BmQQRqRs.js';
+import { surfaceStateLayerStyle, raisedSurfaceStyle } from './primitives/raised-surface.es.js';
+import { c as cn } from './cn-65Adrsfj.js';
 
 const cardVariants = cva(
-  // Base styles
-  "duration-normal rounded-lg transition-all ease-out-custom motion-reduce:transition-none",
+  cn(raisedSurfaceStyle, "duration-normal rounded-lg transition-all ease-out-custom motion-reduce:transition-none"),
   {
     variants: {
-      appearance: {
-        outlined: "border border-border1 bg-surface2",
-        surface: "bg-surface3"
-      },
       elevation: {
-        flat: "",
-        raised: "shadow-card",
-        elevated: "shadow-elevated"
+        flat: "shadow-none",
+        raised: ""
       },
       interactive: {
-        true: "cursor-pointer active:scale-99",
+        true: cn(
+          surfaceStateLayerStyle,
+          "cursor-pointer focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring active:scale-99"
+        ),
         false: ""
       }
     },
-    compoundVariants: [
-      {
-        appearance: "outlined",
-        interactive: true,
-        className: "hover:border-border2 hover:bg-surface3"
-      },
-      {
-        appearance: "surface",
-        interactive: true,
-        className: "hover:bg-surface4 focus-visible:bg-surface4 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-border2 active:bg-surface5"
-      }
-    ],
     defaultVariants: {
-      appearance: "outlined",
-      elevation: "flat",
+      elevation: "raised",
       interactive: false
     }
   }
 );
 const Card = React.forwardRef(
-  ({ className, appearance, elevation, interactive, as, ...props }, ref) => {
+  ({ className, elevation, interactive, as, ...props }, ref) => {
     const Component = as || (interactive ? "button" : "div");
     return /* @__PURE__ */ jsx(
       Component,
       {
         ref,
         type: Component === "button" ? "button" : void 0,
-        className: cn(cardVariants({ appearance, elevation, interactive }), className),
+        className: cn(cardVariants({ elevation, interactive }), className),
         ...props
       }
     );
   }
 );
 Card.displayName = "Card";
-function CardLink({ className, appearance, elevation, LinkComponent: Link = "a", ...props }) {
-  return /* @__PURE__ */ jsx(Link, { className: cn(cardVariants({ appearance, elevation, interactive: true }), className), ...props });
+function CardLink({ className, elevation, LinkComponent: Link = "a", ...props }) {
+  return /* @__PURE__ */ jsx(Link, { className: cn(cardVariants({ elevation, interactive: true }), className), ...props });
 }
 const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-3 pb-0", className), ...props }));
 CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "h3",
-  {
-    ref,
-    className: cn("text-ui-md leading-none font-semibold tracking-tight text-foreground", className),
-    ...props
-  }
-));
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, className: cn("text-subheading text-foreground", className), ...props }));
 CardTitle.displayName = "CardTitle";
 const CardDescription = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-ui-sm text-muted-foreground", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-caption text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
 const cardContentVariants = cva("", {
@@ -93,4 +71,4 @@ const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
 CardFooter.displayName = "CardFooter";
 
 export { Card as C, CardContent as a, CardDescription as b, CardFooter as c, CardHeader as d, CardLink as e, CardTitle as f };
-//# sourceMappingURL=Card-BAAZQk25.js.map
+//# sourceMappingURL=Card-DEvGFj-Z.js.map

package/dist/Card-DEvGFj-Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-DEvGFj-Z.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 { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nconst cardVariants = cva(\n  cn(raisedSurfaceStyle, 'duration-normal rounded-lg transition-all ease-out-custom motion-reduce:transition-none'),\n  {\n    variants: {\n      elevation: {\n        flat: 'shadow-none',\n        raised: '',\n      },\n      interactive: {\n        true: cn(\n          surfaceStateLayerStyle,\n          'cursor-pointer focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring active:scale-99',\n        ),\n        false: '',\n      },\n    },\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 p-3 pb-0', className)} {...props} />\n));\nCardHeader.displayName = 'CardHeader';\n\n// Card Title component\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => (\n  <h3 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"],"names":[],"mappings":"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"}

package/dist/CommandPalette.css

@@ -43,23 +43,24 @@
 }
 
 .command-palette-results-panel::after {
+  /* Inset by the rim: the panel's boundary is an inset shadow, which children paint over. */
   position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  right: 1px;
+  bottom: 1px;
+  left: 1px;
   z-index: 10;
   height: var(--command-palette-footer-height);
   pointer-events: none;
   content: '';
   background: linear-gradient(
     to top,
-    var(--surface2) 0%,
-    var(--surface2) 28%,
-    color-mix(in oklab, var(--surface2) 94%, transparent) 68%,
+    var(--card) 0%,
+    var(--card) 28%,
+    color-mix(in oklab, var(--card) 94%, transparent) 68%,
     transparent 100%
   );
-  border-bottom-right-radius: 1rem;
-  border-bottom-left-radius: 1rem;
+  border-bottom-right-radius: calc(var(--radius-xl) - 1px);
+  border-bottom-left-radius: calc(var(--radius-xl) - 1px);
 }
 
 .command-palette-list {
@@ -72,8 +73,6 @@
 
 .command-palette-footer {
   min-height: calc(var(--command-palette-footer-height) - 1.25rem);
-  border-bottom-right-radius: 1rem;
-  border-bottom-left-radius: 1rem;
 }
 
 .command-palette-popup[data-open] .command-palette-surface {

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

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

package/dist/EmptyState-CdRjFB06.cjs.map

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

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

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

package/dist/EmptyState-UWXhBp5U.js.map

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

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

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

package/dist/ErrorState-B3uTRAEd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState-B3uTRAEd.cjs","sources":["../src/ds/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import { CircleXIcon } from 'lucide-react';\n\nexport type ErrorStateProps = {\n  title: string;\n  message: string;\n  action?: React.ReactNode;\n};\n\nexport function ErrorState({ title, message, action }: ErrorStateProps) {\n  return (\n    <div className=\"flex h-[30vh] items-center justify-center\">\n      <div className=\"flex flex-col items-center justify-center px-6 py-10 text-center\">\n        <div className=\"mb-4\">\n          <CircleXIcon className=\"size-8 text-red-900\" />\n        </div>\n        <h3 className=\"text-subheading text-muted-foreground\">{title}</h3>\n        <p className=\"text-body text-placeholder mt-1.5 max-w-md\">{message}</p>\n        {action && <div className=\"flex items-center justify-center pt-4\">{action}</div>}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CircleXIcon"],"mappings":";;;;;AAQO,SAAS,UAAA,CAAW,EAAE,KAAA,EAAO,OAAA,EAAS,QAAO,EAAoB;AACtE,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,6CACb,QAAA,kBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kEAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,SAAI,SAAA,EAAU,MAAA,EACb,yCAACC,uBAAA,EAAA,EAAY,SAAA,EAAU,uBAAsB,CAAA,EAC/C,CAAA;AAAA,oBACAD,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uCAAA,EAAyC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC7DA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4CAAA,EAA8C,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,IAClE,MAAA,oBAAUA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAyC,QAAA,EAAA,MAAA,EAAO;AAAA,GAAA,EAC5E,CAAA,EACF,CAAA;AAEJ;;;;"}

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

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

package/dist/ErrorState-DqRx8Dw_.js.map

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

package/dist/{Notice-BHq_w0In.js → Notice-BF_RLqRI.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { B as Button } from './Button-CtuSHFtc.js';
-import { c as cn } from './cn-BmQQRqRs.js';
+import { B as Button } from './Button-agleFztW.js';
+import { c as cn } from './cn-65Adrsfj.js';
 import { FileTextIcon, InfoIcon, TriangleAlertIcon, OctagonAlertIcon, LightbulbIcon } from 'lucide-react';
 
 function NoticeButton(props) {
@@ -8,7 +8,7 @@ function NoticeButton(props) {
 }
 
 function NoticeMessage({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("text-ui-md leading-ui-md", className), children });
+  return /* @__PURE__ */ jsx("div", { className: cn("text-body", className), children });
 }
 
 const variantConfig = {
@@ -30,7 +30,7 @@ const variantConfig = {
   },
   note: {
     icon: /* @__PURE__ */ jsx(FileTextIcon, {}),
-    classes: "bg-notice-note border-border1 text-notice-note-fg"
+    classes: "bg-notice-note border-border text-notice-note-fg"
   }
 };
 function NoticeRoot({ variant, title, icon, action, children, className }) {
@@ -41,7 +41,7 @@ function NoticeRoot({ variant, title, icon, action, children, className }) {
       "div",
       {
         className: cn(
-          "@container relative rounded-2xl border p-3 text-ui-md leading-ui-md",
+          "@container relative rounded-2xl border p-3 text-body",
           "animate-in duration-200 fade-in-0 slide-in-from-top-2",
           classes,
           className
@@ -68,7 +68,7 @@ function NoticeRoot({ variant, title, icon, action, children, className }) {
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4", children: [
           resolvedIcon,
-          /* @__PURE__ */ jsx("span", { className: "text-ui-sm truncate leading-none font-medium tracking-wide uppercase", children: title })
+          /* @__PURE__ */ jsx("span", { className: "text-column truncate leading-none tracking-wide uppercase", children: title })
         ] }),
         action && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 hidden @md:block", children: action }),
         (children || action) && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-3 wrap-anywhere", children: [
@@ -86,4 +86,4 @@ const Notice = Object.assign(NoticeRoot, {
 });
 
 export { Notice as N };
-//# sourceMappingURL=Notice-BHq_w0In.js.map
+//# sourceMappingURL=Notice-BF_RLqRI.js.map

package/dist/Notice-BF_RLqRI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-BF_RLqRI.js","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\n\nexport function NoticeButton(props: ButtonProps) {\n  return <Button size=\"sm\" variant=\"ghost\" {...props} />;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface NoticeMessageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n  return <div className={cn('text-body', className)}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info' | 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: React.ReactNode; classes: string }> = {\n  success: {\n    icon: <LightbulbIcon />,\n    classes: 'bg-notice-success/20 border-notice-success/20 text-notice-success-fg',\n  },\n  destructive: {\n    icon: <OctagonAlertIcon />,\n    classes: 'bg-notice-destructive/20 border-notice-destructive/20 text-notice-destructive-fg',\n  },\n  warning: {\n    icon: <TriangleAlertIcon />,\n    classes: 'bg-notice-warning/20 border-notice-warning/20 text-notice-warning-fg',\n  },\n  info: {\n    icon: <InfoIcon />,\n    classes: 'bg-notice-info/20 border-notice-info/20 text-notice-info-fg',\n  },\n  note: {\n    icon: <FileTextIcon />,\n    classes: 'bg-notice-note border-border text-notice-note-fg',\n  },\n};\n\nexport interface NoticeRootProps {\n  variant: NoticeVariant;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n  const { icon: defaultIcon, classes } = variantConfig[variant];\n  const resolvedIcon = icon ?? defaultIcon;\n\n  if (!title) {\n    return (\n      <div\n        className={cn(\n          '@container relative rounded-2xl border p-3 text-body',\n          'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n          classes,\n          className,\n        )}\n      >\n        <div className=\"flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2\">\n          <div className=\"flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4\">\n            <span className=\"flex h-[1lh] shrink-0 items-center [&>svg]:size-4\">{resolvedIcon}</span>\n            {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n            {children && <div className=\"min-w-0 flex-1 wrap-anywhere\">{children}</div>}\n          </div>\n          {action && <div className=\"@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto\">{action}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        '@container relative flex flex-col gap-3 rounded-2xl border p-3',\n        'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n        classes,\n        className,\n      )}\n    >\n      <div className=\"flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4\">\n        {resolvedIcon}\n        {/* truncate, not wrap — the row is 1rem tall, a wrapped title would spill out of it */}\n        <span className=\"text-column truncate leading-none tracking-wide uppercase\">{title}</span>\n      </div>\n      {action && <div className=\"absolute top-2 right-2 hidden @md:block\">{action}</div>}\n      {(children || action) && (\n        <div className=\"flex min-w-0 flex-col gap-3 wrap-anywhere\">\n          {children}\n          {action && <div className=\"self-start @md:hidden\">{action}</div>}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n  Message: NoticeMessage,\n  Button: NoticeButton,\n});\n"],"names":[],"mappings":"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"}

package/dist/{Notice-CafEiN9-.cjs → Notice-DUb2QQqy.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const Button = require('./Button-CSmXdQ09.cjs');
-const utils_cn = require('./cn-DqcFobIY.cjs');
+const Button = require('./Button-DVIyS81j.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
 const lucideReact = require('lucide-react');
 
 function NoticeButton(props) {
@@ -10,7 +10,7 @@ function NoticeButton(props) {
 }
 
 function NoticeMessage({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("text-ui-md leading-ui-md", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("text-body", className), children });
 }
 
 const variantConfig = {
@@ -32,7 +32,7 @@ const variantConfig = {
   },
   note: {
     icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileTextIcon, {}),
-    classes: "bg-notice-note border-border1 text-notice-note-fg"
+    classes: "bg-notice-note border-border text-notice-note-fg"
   }
 };
 function NoticeRoot({ variant, title, icon, action, children, className }) {
@@ -43,7 +43,7 @@ function NoticeRoot({ variant, title, icon, action, children, className }) {
       "div",
       {
         className: utils_cn.cn(
-          "@container relative rounded-2xl border p-3 text-ui-md leading-ui-md",
+          "@container relative rounded-2xl border p-3 text-body",
           "animate-in duration-200 fade-in-0 slide-in-from-top-2",
           classes,
           className
@@ -70,7 +70,7 @@ function NoticeRoot({ variant, title, icon, action, children, className }) {
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4", children: [
           resolvedIcon,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-sm truncate leading-none font-medium tracking-wide uppercase", children: title })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-column truncate leading-none tracking-wide uppercase", children: title })
         ] }),
         action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-2 right-2 hidden @md:block", children: action }),
         (children || action) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-3 wrap-anywhere", children: [
@@ -88,4 +88,4 @@ const Notice = Object.assign(NoticeRoot, {
 });
 
 exports.Notice = Notice;
-//# sourceMappingURL=Notice-CafEiN9-.cjs.map
+//# sourceMappingURL=Notice-DUb2QQqy.cjs.map

package/dist/Notice-DUb2QQqy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-DUb2QQqy.cjs","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\n\nexport function NoticeButton(props: ButtonProps) {\n  return <Button size=\"sm\" variant=\"ghost\" {...props} />;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface NoticeMessageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n  return <div className={cn('text-body', className)}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info' | 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: React.ReactNode; classes: string }> = {\n  success: {\n    icon: <LightbulbIcon />,\n    classes: 'bg-notice-success/20 border-notice-success/20 text-notice-success-fg',\n  },\n  destructive: {\n    icon: <OctagonAlertIcon />,\n    classes: 'bg-notice-destructive/20 border-notice-destructive/20 text-notice-destructive-fg',\n  },\n  warning: {\n    icon: <TriangleAlertIcon />,\n    classes: 'bg-notice-warning/20 border-notice-warning/20 text-notice-warning-fg',\n  },\n  info: {\n    icon: <InfoIcon />,\n    classes: 'bg-notice-info/20 border-notice-info/20 text-notice-info-fg',\n  },\n  note: {\n    icon: <FileTextIcon />,\n    classes: 'bg-notice-note border-border text-notice-note-fg',\n  },\n};\n\nexport interface NoticeRootProps {\n  variant: NoticeVariant;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n  const { icon: defaultIcon, classes } = variantConfig[variant];\n  const resolvedIcon = icon ?? defaultIcon;\n\n  if (!title) {\n    return (\n      <div\n        className={cn(\n          '@container relative rounded-2xl border p-3 text-body',\n          'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n          classes,\n          className,\n        )}\n      >\n        <div className=\"flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2\">\n          <div className=\"flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4\">\n            <span className=\"flex h-[1lh] shrink-0 items-center [&>svg]:size-4\">{resolvedIcon}</span>\n            {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n            {children && <div className=\"min-w-0 flex-1 wrap-anywhere\">{children}</div>}\n          </div>\n          {action && <div className=\"@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto\">{action}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        '@container relative flex flex-col gap-3 rounded-2xl border p-3',\n        'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n        classes,\n        className,\n      )}\n    >\n      <div className=\"flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4\">\n        {resolvedIcon}\n        {/* truncate, not wrap — the row is 1rem tall, a wrapped title would spill out of it */}\n        <span className=\"text-column truncate leading-none tracking-wide uppercase\">{title}</span>\n      </div>\n      {action && <div className=\"absolute top-2 right-2 hidden @md:block\">{action}</div>}\n      {(children || action) && (\n        <div className=\"flex min-w-0 flex-col gap-3 wrap-anywhere\">\n          {children}\n          {action && <div className=\"self-start @md:hidden\">{action}</div>}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n  Message: NoticeMessage,\n  Button: NoticeButton,\n});\n"],"names":["Button","cn","LightbulbIcon","OctagonAlertIcon","TriangleAlertIcon","InfoIcon","FileTextIcon","jsx","jsxs"],"mappings":"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"}

package/dist/{PermissionDenied-DZuE_x-W.js → PermissionDenied-B6TSGolC.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { ShieldX } from 'lucide-react';
 import { Icon } from './icons/Icon.es.js';
-import { E as EmptyState } from './EmptyState-DDlpBodA.js';
+import { E as EmptyState } from './EmptyState-UWXhBp5U.js';
 
 function PermissionDenied({ resource, title, description, actionSlot, className }) {
   const defaultTitle = "Permission Denied";
@@ -19,4 +19,4 @@ function PermissionDenied({ resource, title, description, actionSlot, className
 }
 
 export { PermissionDenied as P };
-//# sourceMappingURL=PermissionDenied-DZuE_x-W.js.map
+//# sourceMappingURL=PermissionDenied-B6TSGolC.js.map

package/dist/{PermissionDenied-DZuE_x-W.js.map → PermissionDenied-B6TSGolC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PermissionDenied-DZuE_x-W.js","sources":["../src/ds/components/PermissionDenied/PermissionDenied.tsx"],"sourcesContent":["import { ShieldX } from 'lucide-react';\nimport * as React from 'react';\nimport { Icon } from '../../icons/Icon';\nimport { EmptyState } from '../EmptyState';\n\nexport interface PermissionDeniedProps {\n  /** Resource type (e.g., \"agents\", \"workflows\") */\n  resource?: string;\n  /** Custom title override */\n  title?: string;\n  /** Custom description override */\n  description?: string;\n  /** Optional action slot (e.g., contact admin button) */\n  actionSlot?: React.ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport function PermissionDenied({ resource, title, description, actionSlot, className }: PermissionDeniedProps) {\n  const defaultTitle = 'Permission Denied';\n  const defaultDescription = resource\n    ? `You don't have permission to access ${resource}. Contact your administrator for access.`\n    : \"You don't have permission to access this resource. Contact your administrator for access.\";\n\n  return (\n    <EmptyState\n      className={className}\n      iconSlot={\n        <Icon size=\"lg\" className=\"text-muted-foreground\">\n          <ShieldX />\n        </Icon>\n      }\n      titleSlot={title ?? defaultTitle}\n      descriptionSlot={description ?? defaultDescription}\n      actionSlot={actionSlot}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAkBO,SAAS,iBAAiB,EAAE,QAAA,EAAU,OAAO,WAAA,EAAa,UAAA,EAAY,WAAU,EAA0B;AAC/G,EAAA,MAAM,YAAA,GAAe,mBAAA;AACrB,EAAA,MAAM,kBAAA,GAAqB,QAAA,GACvB,CAAA,oCAAA,EAAuC,QAAQ,CAAA,wCAAA,CAAA,GAC/C,2FAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,QAAA,sBACG,IAAA,EAAA,EAAK,IAAA,EAAK,MAAK,SAAA,EAAU,uBAAA,EACxB,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,CAAA,EACX,CAAA;AAAA,MAEF,WAAW,KAAA,IAAS,YAAA;AAAA,MACpB,iBAAiB,WAAA,IAAe,kBAAA;AAAA,MAChC;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"PermissionDenied-B6TSGolC.js","sources":["../src/ds/components/PermissionDenied/PermissionDenied.tsx"],"sourcesContent":["import { ShieldX } from 'lucide-react';\nimport * as React from 'react';\nimport { Icon } from '../../icons/Icon';\nimport { EmptyState } from '../EmptyState';\n\nexport interface PermissionDeniedProps {\n  /** Resource type (e.g., \"agents\", \"workflows\") */\n  resource?: string;\n  /** Custom title override */\n  title?: string;\n  /** Custom description override */\n  description?: string;\n  /** Optional action slot (e.g., contact admin button) */\n  actionSlot?: React.ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport function PermissionDenied({ resource, title, description, actionSlot, className }: PermissionDeniedProps) {\n  const defaultTitle = 'Permission Denied';\n  const defaultDescription = resource\n    ? `You don't have permission to access ${resource}. Contact your administrator for access.`\n    : \"You don't have permission to access this resource. Contact your administrator for access.\";\n\n  return (\n    <EmptyState\n      className={className}\n      iconSlot={\n        <Icon size=\"lg\" className=\"text-muted-foreground\">\n          <ShieldX />\n        </Icon>\n      }\n      titleSlot={title ?? defaultTitle}\n      descriptionSlot={description ?? defaultDescription}\n      actionSlot={actionSlot}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAkBO,SAAS,iBAAiB,EAAE,QAAA,EAAU,OAAO,WAAA,EAAa,UAAA,EAAY,WAAU,EAA0B;AAC/G,EAAA,MAAM,YAAA,GAAe,mBAAA;AACrB,EAAA,MAAM,kBAAA,GAAqB,QAAA,GACvB,CAAA,oCAAA,EAAuC,QAAQ,CAAA,wCAAA,CAAA,GAC/C,2FAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,QAAA,sBACG,IAAA,EAAA,EAAK,IAAA,EAAK,MAAK,SAAA,EAAU,uBAAA,EACxB,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,CAAA,EACX,CAAA;AAAA,MAEF,WAAW,KAAA,IAAS,YAAA;AAAA,MACpB,iBAAiB,WAAA,IAAe,kBAAA;AAAA,MAChC;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/{PermissionDenied-DVOCySnP.cjs → PermissionDenied-Dz5qXpQj.cjs}

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const icons_Icon = require('./icons/Icon.cjs.js');
-const EmptyState = require('./EmptyState-BATNa-KF.cjs');
+const EmptyState = require('./EmptyState-CdRjFB06.cjs');
 
 function PermissionDenied({ resource, title, description, actionSlot, className }) {
   const defaultTitle = "Permission Denied";
@@ -21,4 +21,4 @@ function PermissionDenied({ resource, title, description, actionSlot, className
 }
 
 exports.PermissionDenied = PermissionDenied;
-//# sourceMappingURL=PermissionDenied-DVOCySnP.cjs.map
+//# sourceMappingURL=PermissionDenied-Dz5qXpQj.cjs.map

package/dist/{PermissionDenied-DVOCySnP.cjs.map → PermissionDenied-Dz5qXpQj.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PermissionDenied-DVOCySnP.cjs","sources":["../src/ds/components/PermissionDenied/PermissionDenied.tsx"],"sourcesContent":["import { ShieldX } from 'lucide-react';\nimport * as React from 'react';\nimport { Icon } from '../../icons/Icon';\nimport { EmptyState } from '../EmptyState';\n\nexport interface PermissionDeniedProps {\n  /** Resource type (e.g., \"agents\", \"workflows\") */\n  resource?: string;\n  /** Custom title override */\n  title?: string;\n  /** Custom description override */\n  description?: string;\n  /** Optional action slot (e.g., contact admin button) */\n  actionSlot?: React.ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport function PermissionDenied({ resource, title, description, actionSlot, className }: PermissionDeniedProps) {\n  const defaultTitle = 'Permission Denied';\n  const defaultDescription = resource\n    ? `You don't have permission to access ${resource}. Contact your administrator for access.`\n    : \"You don't have permission to access this resource. Contact your administrator for access.\";\n\n  return (\n    <EmptyState\n      className={className}\n      iconSlot={\n        <Icon size=\"lg\" className=\"text-muted-foreground\">\n          <ShieldX />\n        </Icon>\n      }\n      titleSlot={title ?? defaultTitle}\n      descriptionSlot={description ?? defaultDescription}\n      actionSlot={actionSlot}\n    />\n  );\n}\n"],"names":["jsx","EmptyState","Icon","ShieldX"],"mappings":";;;;;;;AAkBO,SAAS,iBAAiB,EAAE,QAAA,EAAU,OAAO,WAAA,EAAa,UAAA,EAAY,WAAU,EAA0B;AAC/G,EAAA,MAAM,YAAA,GAAe,mBAAA;AACrB,EAAA,MAAM,kBAAA,GAAqB,QAAA,GACvB,CAAA,oCAAA,EAAuC,QAAQ,CAAA,wCAAA,CAAA,GAC/C,2FAAA;AAEJ,EAAA,uBACEA,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,QAAA,iCACGC,eAAA,EAAA,EAAK,IAAA,EAAK,MAAK,SAAA,EAAU,uBAAA,EACxB,QAAA,kBAAAF,cAAA,CAACG,mBAAA,EAAA,EAAQ,CAAA,EACX,CAAA;AAAA,MAEF,WAAW,KAAA,IAAS,YAAA;AAAA,MACpB,iBAAiB,WAAA,IAAe,kBAAA;AAAA,MAChC;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"PermissionDenied-Dz5qXpQj.cjs","sources":["../src/ds/components/PermissionDenied/PermissionDenied.tsx"],"sourcesContent":["import { ShieldX } from 'lucide-react';\nimport * as React from 'react';\nimport { Icon } from '../../icons/Icon';\nimport { EmptyState } from '../EmptyState';\n\nexport interface PermissionDeniedProps {\n  /** Resource type (e.g., \"agents\", \"workflows\") */\n  resource?: string;\n  /** Custom title override */\n  title?: string;\n  /** Custom description override */\n  description?: string;\n  /** Optional action slot (e.g., contact admin button) */\n  actionSlot?: React.ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport function PermissionDenied({ resource, title, description, actionSlot, className }: PermissionDeniedProps) {\n  const defaultTitle = 'Permission Denied';\n  const defaultDescription = resource\n    ? `You don't have permission to access ${resource}. Contact your administrator for access.`\n    : \"You don't have permission to access this resource. Contact your administrator for access.\";\n\n  return (\n    <EmptyState\n      className={className}\n      iconSlot={\n        <Icon size=\"lg\" className=\"text-muted-foreground\">\n          <ShieldX />\n        </Icon>\n      }\n      titleSlot={title ?? defaultTitle}\n      descriptionSlot={description ?? defaultDescription}\n      actionSlot={actionSlot}\n    />\n  );\n}\n"],"names":["jsx","EmptyState","Icon","ShieldX"],"mappings":";;;;;;;AAkBO,SAAS,iBAAiB,EAAE,QAAA,EAAU,OAAO,WAAA,EAAa,UAAA,EAAY,WAAU,EAA0B;AAC/G,EAAA,MAAM,YAAA,GAAe,mBAAA;AACrB,EAAA,MAAM,kBAAA,GAAqB,QAAA,GACvB,CAAA,oCAAA,EAAuC,QAAQ,CAAA,wCAAA,CAAA,GAC/C,2FAAA;AAEJ,EAAA,uBACEA,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,QAAA,iCACGC,eAAA,EAAA,EAAK,IAAA,EAAK,MAAK,SAAA,EAAU,uBAAA,EACxB,QAAA,kBAAAF,cAAA,CAACG,mBAAA,EAAA,EAAQ,CAAA,EACX,CAAA;AAAA,MAEF,WAAW,KAAA,IAAS,YAAA;AAAA,MACpB,iBAAiB,WAAA,IAAe,kBAAA;AAAA,MAChC;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/{SessionExpired-IADGiLju.cjs → SessionExpired-B78l_tOk.cjs}

@@ -5,8 +5,8 @@ const react = require('@mastra/react');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const icons_Icon = require('./icons/Icon.cjs.js');
-const Button = require('./Button-CSmXdQ09.cjs');
-const EmptyState = require('./EmptyState-BATNa-KF.cjs');
+const Button = require('./Button-DVIyS81j.cjs');
+const EmptyState = require('./EmptyState-CdRjFB06.cjs');
 
 function SessionExpired({ title, description, className }) {
   const [isPending, setIsPending] = React.useState(false);
@@ -44,4 +44,4 @@ function SessionExpired({ title, description, className }) {
 }
 
 exports.SessionExpired = SessionExpired;
-//# sourceMappingURL=SessionExpired-IADGiLju.cjs.map
+//# sourceMappingURL=SessionExpired-B78l_tOk.cjs.map