@mastra/playground-ui 55.0.0-alpha.4 → 55.0.0-alpha.7

package/dist/Card-DYmiv8Dx.js

@@ -0,0 +1,96 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cva } from './index-CZvpHqka.js';
+import * as React from 'react';
+import { c as cn } from './cn-ByEbywDh.js';
+
+const cardVariants = cva(
+  // Base styles
+  "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"
+      },
+      interactive: {
+        true: "cursor-pointer 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",
+      interactive: false
+    }
+  }
+);
+const Card = React.forwardRef(
+  ({ className, appearance, 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),
+        ...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 });
+}
+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-neutral6", 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 cardContentVariants = cva("", {
+  variants: {
+    density: {
+      default: "p-3",
+      compact: "p-2"
+    }
+  },
+  defaultVariants: {
+    density: "default"
+  }
+});
+const CardContent = React.forwardRef(
+  ({ className, density, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardContentVariants({ density }), className), ...props })
+);
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-3 pt-0", className), ...props }));
+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-DYmiv8Dx.js.map

package/dist/Card-DYmiv8Dx.js.map

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

package/dist/Card-DZjvLsN9.cjs

@@ -0,0 +1,123 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index-BxcigDwC.cjs');
+const React = require('react');
+const utils_cn = require('./cn-DnbTIGXa.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
+  "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"
+      },
+      interactive: {
+        true: "cursor-pointer 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",
+      interactive: false
+    }
+  }
+);
+const Card = React__namespace.forwardRef(
+  ({ className, appearance, 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),
+        ...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 });
+}
+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-neutral6", className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: utils_cn.cn("text-ui-sm text-neutral3", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+const cardContentVariants = index.cva("", {
+  variants: {
+    density: {
+      default: "p-3",
+      compact: "p-2"
+    }
+  },
+  defaultVariants: {
+    density: "default"
+  }
+});
+const CardContent = React__namespace.forwardRef(
+  ({ className, density, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn(cardContentVariants({ density }), className), ...props })
+);
+CardContent.displayName = "CardContent";
+const CardFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("flex items-center p-3 pt-0", className), ...props }));
+CardFooter.displayName = "CardFooter";
+
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardLink = CardLink;
+exports.CardTitle = CardTitle;
+//# sourceMappingURL=Card-DZjvLsN9.cjs.map

package/dist/Card-DZjvLsN9.cjs.map

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

package/dist/EmptyState--bOUm8JU.cjs

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

package/dist/EmptyState--bOUm8JU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState--bOUm8JU.cjs","sources":["../src/ds/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type EmptyStateProps = {\n  iconSlot: React.ReactNode;\n  titleSlot: React.ReactNode;\n  descriptionSlot?: React.ReactNode;\n  actionSlot?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\n\nexport function EmptyState({\n  iconSlot,\n  titleSlot,\n  descriptionSlot,\n  actionSlot,\n  className,\n  as: HeadingTag = 'h3',\n}: EmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center px-4 py-6 text-center',\n        'duration-normal transition-opacity ease-out-custom',\n        className,\n      )}\n    >\n      {iconSlot && <div className=\"mb-3\">{iconSlot}</div>}\n      <HeadingTag className=\"text-ui-md text-neutral5 font-medium\">{titleSlot}</HeadingTag>\n      {descriptionSlot && <p className=\"text-ui-sm text-neutral3 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,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/EmptyState-CLoSRKxC.js

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

package/dist/EmptyState-CLoSRKxC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-CLoSRKxC.js","sources":["../src/ds/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type EmptyStateProps = {\n  iconSlot: React.ReactNode;\n  titleSlot: React.ReactNode;\n  descriptionSlot?: React.ReactNode;\n  actionSlot?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\n\nexport function EmptyState({\n  iconSlot,\n  titleSlot,\n  descriptionSlot,\n  actionSlot,\n  className,\n  as: HeadingTag = 'h3',\n}: EmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center px-4 py-6 text-center',\n        'duration-normal transition-opacity ease-out-custom',\n        className,\n      )}\n    >\n      {iconSlot && <div className=\"mb-3\">{iconSlot}</div>}\n      <HeadingTag className=\"text-ui-md text-neutral5 font-medium\">{titleSlot}</HeadingTag>\n      {descriptionSlot && <p className=\"text-ui-sm text-neutral3 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,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/Notice-CMZ86f1g.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { B as Button } from './Button-BVGwYwHT.js';
+import { c as cn } from './cn-ByEbywDh.js';
+import { FileTextIcon, InfoIcon, TriangleAlertIcon, OctagonAlertIcon, LightbulbIcon } from 'lucide-react';
+
+function NoticeButton(props) {
+  return /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", ...props });
+}
+
+function NoticeMessage({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("text-ui-md leading-ui-md", className), children });
+}
+
+const variantConfig = {
+  success: {
+    icon: /* @__PURE__ */ jsx(LightbulbIcon, {}),
+    classes: "bg-notice-success/20 border-notice-success/20 text-notice-success-fg"
+  },
+  destructive: {
+    icon: /* @__PURE__ */ jsx(OctagonAlertIcon, {}),
+    classes: "bg-notice-destructive/20 border-notice-destructive/20 text-notice-destructive-fg"
+  },
+  warning: {
+    icon: /* @__PURE__ */ jsx(TriangleAlertIcon, {}),
+    classes: "bg-notice-warning/20 border-notice-warning/20 text-notice-warning-fg"
+  },
+  info: {
+    icon: /* @__PURE__ */ jsx(InfoIcon, {}),
+    classes: "bg-notice-info/20 border-notice-info/20 text-notice-info-fg"
+  },
+  note: {
+    icon: /* @__PURE__ */ jsx(FileTextIcon, {}),
+    classes: "bg-notice-note border-border1 text-notice-note-fg"
+  }
+};
+function NoticeRoot({ variant, title, icon, action, children, className }) {
+  const { icon: defaultIcon, classes } = variantConfig[variant];
+  const resolvedIcon = icon ?? defaultIcon;
+  if (!title) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "@container relative rounded-2xl border p-3 text-ui-md leading-ui-md",
+          "animate-in duration-200 fade-in-0 slide-in-from-top-2",
+          classes,
+          className
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4", children: [
+            /* @__PURE__ */ jsx("span", { className: "flex h-[1lh] shrink-0 items-center [&>svg]:size-4", children: resolvedIcon }),
+            children && /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 wrap-anywhere", children })
+          ] }),
+          action && /* @__PURE__ */ jsx("div", { className: "@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto", children: action })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "@container relative flex flex-col gap-3 rounded-2xl border p-3",
+        "animate-in duration-200 fade-in-0 slide-in-from-top-2",
+        classes,
+        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 })
+        ] }),
+        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: [
+          children,
+          action && /* @__PURE__ */ jsx("div", { className: "self-start @md:hidden", children: action })
+        ] })
+      ]
+    }
+  );
+}
+
+const Notice = Object.assign(NoticeRoot, {
+  Message: NoticeMessage,
+  Button: NoticeButton
+});
+
+export { Notice as N };
+//# sourceMappingURL=Notice-CMZ86f1g.js.map

package/dist/Notice-CMZ86f1g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-CMZ86f1g.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-ui-md leading-ui-md', 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-border1 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-ui-md leading-ui-md',\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-ui-sm truncate leading-none font-medium 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-D0Mvqvr0.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const Button = require('./Button-BJOVwaxp.cjs');
+const utils_cn = require('./cn-DnbTIGXa.cjs');
+const lucideReact = require('lucide-react');
+
+function NoticeButton(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "sm", variant: "ghost", ...props });
+}
+
+function NoticeMessage({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("text-ui-md leading-ui-md", className), children });
+}
+
+const variantConfig = {
+  success: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LightbulbIcon, {}),
+    classes: "bg-notice-success/20 border-notice-success/20 text-notice-success-fg"
+  },
+  destructive: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonAlertIcon, {}),
+    classes: "bg-notice-destructive/20 border-notice-destructive/20 text-notice-destructive-fg"
+  },
+  warning: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, {}),
+    classes: "bg-notice-warning/20 border-notice-warning/20 text-notice-warning-fg"
+  },
+  info: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, {}),
+    classes: "bg-notice-info/20 border-notice-info/20 text-notice-info-fg"
+  },
+  note: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileTextIcon, {}),
+    classes: "bg-notice-note border-border1 text-notice-note-fg"
+  }
+};
+function NoticeRoot({ variant, title, icon, action, children, className }) {
+  const { icon: defaultIcon, classes } = variantConfig[variant];
+  const resolvedIcon = icon ?? defaultIcon;
+  if (!title) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils_cn.cn(
+          "@container relative rounded-2xl border p-3 text-ui-md leading-ui-md",
+          "animate-in duration-200 fade-in-0 slide-in-from-top-2",
+          classes,
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-[1lh] shrink-0 items-center [&>svg]:size-4", children: resolvedIcon }),
+            children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 wrap-anywhere", children })
+          ] }),
+          action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto", children: action })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils_cn.cn(
+        "@container relative flex flex-col gap-3 rounded-2xl border p-3",
+        "animate-in duration-200 fade-in-0 slide-in-from-top-2",
+        classes,
+        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 })
+        ] }),
+        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: [
+          children,
+          action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "self-start @md:hidden", children: action })
+        ] })
+      ]
+    }
+  );
+}
+
+const Notice = Object.assign(NoticeRoot, {
+  Message: NoticeMessage,
+  Button: NoticeButton
+});
+
+exports.Notice = Notice;
+//# sourceMappingURL=Notice-D0Mvqvr0.cjs.map

package/dist/Notice-D0Mvqvr0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-D0Mvqvr0.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-ui-md leading-ui-md', 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-border1 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-ui-md leading-ui-md',\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-ui-sm truncate leading-none font-medium 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-BmAbJ1Xn.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { ShieldX } from 'lucide-react';
+import { Icon } from './icons/Icon.es.js';
+import { E as EmptyState } from './EmptyState-CLoSRKxC.js';
+
+function PermissionDenied({ resource, title, description, actionSlot, className }) {
+  const defaultTitle = "Permission Denied";
+  const defaultDescription = resource ? `You don't have permission to access ${resource}. Contact your administrator for access.` : "You don't have permission to access this resource. Contact your administrator for access.";
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      className,
+      iconSlot: /* @__PURE__ */ jsx(Icon, { size: "lg", className: "text-neutral3", children: /* @__PURE__ */ jsx(ShieldX, {}) }),
+      titleSlot: title ?? defaultTitle,
+      descriptionSlot: description ?? defaultDescription,
+      actionSlot
+    }
+  );
+}
+
+export { PermissionDenied as P };
+//# sourceMappingURL=PermissionDenied-BmAbJ1Xn.js.map

package/dist/PermissionDenied-BmAbJ1Xn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionDenied-BmAbJ1Xn.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-neutral3\">\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,eAAA,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-Dge5a7OX.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const icons_Icon = require('./icons/Icon.cjs.js');
+const EmptyState = require('./EmptyState--bOUm8JU.cjs');
+
+function PermissionDenied({ resource, title, description, actionSlot, className }) {
+  const defaultTitle = "Permission Denied";
+  const defaultDescription = resource ? `You don't have permission to access ${resource}. Contact your administrator for access.` : "You don't have permission to access this resource. Contact your administrator for access.";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EmptyState.EmptyState,
+    {
+      className,
+      iconSlot: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "lg", className: "text-neutral3", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldX, {}) }),
+      titleSlot: title ?? defaultTitle,
+      descriptionSlot: description ?? defaultDescription,
+      actionSlot
+    }
+  );
+}
+
+exports.PermissionDenied = PermissionDenied;
+//# sourceMappingURL=PermissionDenied-Dge5a7OX.cjs.map

package/dist/PermissionDenied-Dge5a7OX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionDenied-Dge5a7OX.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-neutral3\">\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,eAAA,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;;;;"}