@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/Notice-Ah-84yi6.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { B as Button } from './Button-cWcBEd-G.js';
+import { c as cn } from './cn-65Adrsfj.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-body", 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-border 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-body",
+          "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-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: [
+          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-Ah-84yi6.js.map

package/dist/Notice-Ah-84yi6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-Ah-84yi6.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-Cjti0e0j.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const Button = require('./Button-CVewl8nT.cjs');
+const utils_cn = require('./cn-DG0X1KEP.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-body", 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-border 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-body",
+          "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-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: [
+          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-Cjti0e0j.cjs.map

package/dist/Notice-Cjti0e0j.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-Cjti0e0j.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-B6TSGolC.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-UWXhBp5U.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-muted-foreground", children: /* @__PURE__ */ jsx(ShieldX, {}) }),
+      titleSlot: title ?? defaultTitle,
+      descriptionSlot: description ?? defaultDescription,
+      actionSlot
+    }
+  );
+}
+
+export { PermissionDenied as P };
+//# sourceMappingURL=PermissionDenied-B6TSGolC.js.map

package/dist/PermissionDenied-B6TSGolC.js.map

@@ -0,0 +1 @@
+{"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-Dz5qXpQj.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-CdRjFB06.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-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldX, {}) }),
+      titleSlot: title ?? defaultTitle,
+      descriptionSlot: description ?? defaultDescription,
+      actionSlot
+    }
+  );
+}
+
+exports.PermissionDenied = PermissionDenied;
+//# sourceMappingURL=PermissionDenied-Dz5qXpQj.cjs.map

package/dist/PermissionDenied-Dz5qXpQj.cjs.map

@@ -0,0 +1 @@
+{"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-Bq5LcsDu.js

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMastraClient } from '@mastra/react';
+import { LogIn } from 'lucide-react';
+import { useState, useCallback } from 'react';
+import { Icon } from './icons/Icon.es.js';
+import { B as Button } from './Button-cWcBEd-G.js';
+import { E as EmptyState } from './EmptyState-UWXhBp5U.js';
+
+function SessionExpired({ title, description, className }) {
+  const [isPending, setIsPending] = useState(false);
+  const client = useMastraClient();
+  const handleLogin = useCallback(async () => {
+    try {
+      setIsPending(true);
+      const { baseUrl = "", apiPrefix } = client.options || {};
+      const raw = (apiPrefix || "/api").trim();
+      const prefix = (raw.startsWith("/") ? raw : `/${raw}`).replace(/\/$/, "");
+      const params = new URLSearchParams({ redirect_uri: window.location.href });
+      const url = `${baseUrl}${prefix}/auth/sso/login?${params}`;
+      const response = await fetch(url, {
+        credentials: "include",
+        headers: { "Content-Type": "application/json" }
+      });
+      if (response.ok) {
+        const data = await response.json();
+        window.location.href = data.url;
+      }
+    } finally {
+      setIsPending(false);
+    }
+  }, [client]);
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      className,
+      iconSlot: /* @__PURE__ */ jsx(Icon, { size: "lg", className: "text-muted-foreground", children: /* @__PURE__ */ jsx(LogIn, {}) }),
+      titleSlot: title ?? "Session Expired",
+      descriptionSlot: description ?? "Your session has expired. Please log in again to continue.",
+      actionSlot: /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(LogIn, {}), variant: "default", onClick: handleLogin, disabled: isPending, children: isPending ? "Redirecting..." : "Log in" })
+    }
+  );
+}
+
+export { SessionExpired as S };
+//# sourceMappingURL=SessionExpired-Bq5LcsDu.js.map

package/dist/SessionExpired-Bq5LcsDu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionExpired-Bq5LcsDu.js","sources":["../src/ds/components/SessionExpired/SessionExpired.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { LogIn } from 'lucide-react';\nimport { useState, useCallback } from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Button } from '../Button';\nimport { EmptyState } from '../EmptyState';\n\nexport interface SessionExpiredProps {\n  /** Custom title override */\n  title?: string;\n  /** Custom description override */\n  description?: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport function SessionExpired({ title, description, className }: SessionExpiredProps) {\n  const [isPending, setIsPending] = useState(false);\n  const client = useMastraClient();\n\n  const handleLogin = useCallback(async () => {\n    try {\n      setIsPending(true);\n      const { baseUrl = '', apiPrefix } = (client as any).options || {};\n      const raw = (apiPrefix || '/api').trim();\n      const prefix = (raw.startsWith('/') ? raw : `/${raw}`).replace(/\\/$/, '');\n      const params = new URLSearchParams({ redirect_uri: window.location.href });\n      const url = `${baseUrl}${prefix}/auth/sso/login?${params}`;\n\n      const response = await fetch(url, {\n        credentials: 'include',\n        headers: { 'Content-Type': 'application/json' },\n      });\n\n      if (response.ok) {\n        const data = await response.json();\n        window.location.href = data.url;\n      }\n    } finally {\n      setIsPending(false);\n    }\n  }, [client]);\n\n  return (\n    <EmptyState\n      className={className}\n      iconSlot={\n        <Icon size=\"lg\" className=\"text-muted-foreground\">\n          <LogIn />\n        </Icon>\n      }\n      titleSlot={title ?? 'Session Expired'}\n      descriptionSlot={description ?? 'Your session has expired. Please log in again to continue.'}\n      actionSlot={\n        <Button icon={<LogIn />} variant=\"default\" onClick={handleLogin} disabled={isPending}>\n          {isPending ? 'Redirecting...' : 'Log in'}\n        </Button>\n      }\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAiBO,SAAS,cAAA,CAAe,EAAE,KAAA,EAAO,WAAA,EAAa,WAAU,EAAwB;AACrF,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,MAAM,WAAA,GAAc,YAAY,YAAY;AAC1C,IAAA,IAAI;AACF,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,MAAM,EAAE,OAAA,GAAU,EAAA,EAAI,WAAU,GAAK,MAAA,CAAe,WAAW,EAAC;AAChE,MAAA,MAAM,GAAA,GAAA,CAAO,SAAA,IAAa,MAAA,EAAQ,IAAA,EAAK;AACvC,MAAA,MAAM,MAAA,GAAA,CAAU,GAAA,CAAI,UAAA,CAAW,GAAG,CAAA,GAAI,GAAA,GAAM,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA,EAAI,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA;AACxE,MAAA,MAAM,MAAA,GAAS,IAAI,eAAA,CAAgB,EAAE,cAAc,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA;AACzE,MAAA,MAAM,MAAM,CAAA,EAAG,OAAO,CAAA,EAAG,MAAM,mBAAmB,MAAM,CAAA,CAAA;AAExD,MAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,GAAA,EAAK;AAAA,QAChC,WAAA,EAAa,SAAA;AAAA,QACb,OAAA,EAAS,EAAE,cAAA,EAAgB,kBAAA;AAAmB,OAC/C,CAAA;AAED,MAAA,IAAI,SAAS,EAAA,EAAI;AACf,QAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,QAAA,MAAA,CAAO,QAAA,CAAS,OAAO,IAAA,CAAK,GAAA;AAAA,MAC9B;AAAA,IACF,CAAA,SAAE;AACA,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,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,KAAA,EAAA,EAAM,CAAA,EACT,CAAA;AAAA,MAEF,WAAW,KAAA,IAAS,iBAAA;AAAA,MACpB,iBAAiB,WAAA,IAAe,4DAAA;AAAA,MAChC,UAAA,kBACE,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,sBAAO,KAAA,EAAA,EAAM,CAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,SAAS,WAAA,EAAa,QAAA,EAAU,SAAA,EACxE,QAAA,EAAA,SAAA,GAAY,mBAAmB,QAAA,EAClC;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/SessionExpired-CF0BGNo_.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+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-CVewl8nT.cjs');
+const EmptyState = require('./EmptyState-CdRjFB06.cjs');
+
+function SessionExpired({ title, description, className }) {
+  const [isPending, setIsPending] = React.useState(false);
+  const client = react.useMastraClient();
+  const handleLogin = React.useCallback(async () => {
+    try {
+      setIsPending(true);
+      const { baseUrl = "", apiPrefix } = client.options || {};
+      const raw = (apiPrefix || "/api").trim();
+      const prefix = (raw.startsWith("/") ? raw : `/${raw}`).replace(/\/$/, "");
+      const params = new URLSearchParams({ redirect_uri: window.location.href });
+      const url = `${baseUrl}${prefix}/auth/sso/login?${params}`;
+      const response = await fetch(url, {
+        credentials: "include",
+        headers: { "Content-Type": "application/json" }
+      });
+      if (response.ok) {
+        const data = await response.json();
+        window.location.href = data.url;
+      }
+    } finally {
+      setIsPending(false);
+    }
+  }, [client]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EmptyState.EmptyState,
+    {
+      className,
+      iconSlot: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "lg", className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogIn, {}) }),
+      titleSlot: title ?? "Session Expired",
+      descriptionSlot: description ?? "Your session has expired. Please log in again to continue.",
+      actionSlot: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogIn, {}), variant: "default", onClick: handleLogin, disabled: isPending, children: isPending ? "Redirecting..." : "Log in" })
+    }
+  );
+}
+
+exports.SessionExpired = SessionExpired;
+//# sourceMappingURL=SessionExpired-CF0BGNo_.cjs.map

package/dist/SessionExpired-CF0BGNo_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionExpired-CF0BGNo_.cjs","sources":["../src/ds/components/SessionExpired/SessionExpired.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { LogIn } from 'lucide-react';\nimport { useState, useCallback } from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Button } from '../Button';\nimport { EmptyState } from '../EmptyState';\n\nexport interface SessionExpiredProps {\n  /** Custom title override */\n  title?: string;\n  /** Custom description override */\n  description?: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport function SessionExpired({ title, description, className }: SessionExpiredProps) {\n  const [isPending, setIsPending] = useState(false);\n  const client = useMastraClient();\n\n  const handleLogin = useCallback(async () => {\n    try {\n      setIsPending(true);\n      const { baseUrl = '', apiPrefix } = (client as any).options || {};\n      const raw = (apiPrefix || '/api').trim();\n      const prefix = (raw.startsWith('/') ? raw : `/${raw}`).replace(/\\/$/, '');\n      const params = new URLSearchParams({ redirect_uri: window.location.href });\n      const url = `${baseUrl}${prefix}/auth/sso/login?${params}`;\n\n      const response = await fetch(url, {\n        credentials: 'include',\n        headers: { 'Content-Type': 'application/json' },\n      });\n\n      if (response.ok) {\n        const data = await response.json();\n        window.location.href = data.url;\n      }\n    } finally {\n      setIsPending(false);\n    }\n  }, [client]);\n\n  return (\n    <EmptyState\n      className={className}\n      iconSlot={\n        <Icon size=\"lg\" className=\"text-muted-foreground\">\n          <LogIn />\n        </Icon>\n      }\n      titleSlot={title ?? 'Session Expired'}\n      descriptionSlot={description ?? 'Your session has expired. Please log in again to continue.'}\n      actionSlot={\n        <Button icon={<LogIn />} variant=\"default\" onClick={handleLogin} disabled={isPending}>\n          {isPending ? 'Redirecting...' : 'Log in'}\n        </Button>\n      }\n    />\n  );\n}\n"],"names":["useState","useMastraClient","useCallback","jsx","EmptyState","Icon","LogIn","Button"],"mappings":";;;;;;;;;;AAiBO,SAAS,cAAA,CAAe,EAAE,KAAA,EAAO,WAAA,EAAa,WAAU,EAAwB;AACrF,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,KAAK,CAAA;AAChD,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAE/B,EAAA,MAAM,WAAA,GAAcC,kBAAY,YAAY;AAC1C,IAAA,IAAI;AACF,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,MAAM,EAAE,OAAA,GAAU,EAAA,EAAI,WAAU,GAAK,MAAA,CAAe,WAAW,EAAC;AAChE,MAAA,MAAM,GAAA,GAAA,CAAO,SAAA,IAAa,MAAA,EAAQ,IAAA,EAAK;AACvC,MAAA,MAAM,MAAA,GAAA,CAAU,GAAA,CAAI,UAAA,CAAW,GAAG,CAAA,GAAI,GAAA,GAAM,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA,EAAI,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA;AACxE,MAAA,MAAM,MAAA,GAAS,IAAI,eAAA,CAAgB,EAAE,cAAc,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA;AACzE,MAAA,MAAM,MAAM,CAAA,EAAG,OAAO,CAAA,EAAG,MAAM,mBAAmB,MAAM,CAAA,CAAA;AAExD,MAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,GAAA,EAAK;AAAA,QAChC,WAAA,EAAa,SAAA;AAAA,QACb,OAAA,EAAS,EAAE,cAAA,EAAgB,kBAAA;AAAmB,OAC/C,CAAA;AAED,MAAA,IAAI,SAAS,EAAA,EAAI;AACf,QAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,QAAA,MAAA,CAAO,QAAA,CAAS,OAAO,IAAA,CAAK,GAAA;AAAA,MAC9B;AAAA,IACF,CAAA,SAAE;AACA,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,uBACEC,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,iBAAA,EAAA,EAAM,CAAA,EACT,CAAA;AAAA,MAEF,WAAW,KAAA,IAAS,iBAAA;AAAA,MACpB,iBAAiB,WAAA,IAAe,4DAAA;AAAA,MAChC,UAAA,kBACEH,cAAA,CAACI,aAAA,EAAA,EAAO,IAAA,iCAAOD,iBAAA,EAAA,EAAM,CAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,SAAS,WAAA,EAAa,QAAA,EAAU,SAAA,EACxE,QAAA,EAAA,SAAA,GAAY,mBAAmB,QAAA,EAClC;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/Txt-B4-2nLaI.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const fonts = {
+  mono: "font-mono"
+};
+const roles = {
+  display: "text-display",
+  title: "text-title",
+  heading: "text-heading",
+  subheading: "text-subheading",
+  body: "text-body",
+  label: "text-label",
+  "body-sm": "text-body-sm",
+  column: "text-column",
+  caption: "text-caption",
+  meta: "text-meta"
+};
+const tones = {
+  ink: "text-foreground",
+  muted: "text-muted-foreground",
+  faint: "text-placeholder"
+};
+const Txt = ({ as: Root = "p", className, variant = "body", tone, font, ref, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Root,
+    {
+      ref,
+      className: utils_cn.cn(roles[variant], tone && tones[tone], font && fonts[font], className),
+      ...props
+    }
+  );
+};
+
+exports.Txt = Txt;
+//# sourceMappingURL=Txt-B4-2nLaI.cjs.map

package/dist/Txt-B4-2nLaI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Txt-B4-2nLaI.cjs","sources":["../src/ds/components/Txt/Txt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\n\nimport type { TextRole } from '@/ds/tokens';\nimport { cn } from '@/lib/utils';\n\nexport interface TxtProps extends HTMLAttributes<HTMLDivElement | HTMLLabelElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';\n  ref?: Ref<HTMLElement>;\n  variant?: TextRole;\n  tone?: keyof typeof tones;\n  font?: 'mono';\n  htmlFor?: string;\n  className?: string;\n  title?: string;\n  children?: ReactNode;\n}\n\nconst fonts = {\n  mono: 'font-mono',\n};\n\n// One class per role, written out so Tailwind's scanner finds it: size, line height,\n// weight and tracking come from the `--text-*` tokens in theme/typography.css, so nothing\n// here can drift from a component that writes the same role by hand. Typed against\n// `TextRole`, so a role added to the token list has to land here too.\nconst roles: Record<TextRole, string> = {\n  display: 'text-display',\n  title: 'text-title',\n  heading: 'text-heading',\n  subheading: 'text-subheading',\n  body: 'text-body',\n  label: 'text-label',\n  'body-sm': 'text-body-sm',\n  column: 'text-column',\n  caption: 'text-caption',\n  meta: 'text-meta',\n};\n\n// Three inks, the same ladder every control uses. Omitting `tone` inherits — `body` is\n// already `--foreground`, so ink is written only to lift text back out of a muted block.\nconst tones = {\n  ink: 'text-foreground',\n  muted: 'text-muted-foreground',\n  faint: 'text-placeholder',\n};\n\nexport const Txt = ({ as: Root = 'p', className, variant = 'body', tone, font, ref, ...props }: TxtProps) => {\n  // Cast needed: `Root` is polymorphic, so TS narrows the expected ref to a single element type.\n  return (\n    <Root\n      ref={ref as never}\n      className={cn(roles[variant], tone && tones[tone], font && fonts[font], className)}\n      {...props}\n    />\n  );\n};\n"],"names":["jsx","cn"],"mappings":";;;;;AAiBA,MAAM,KAAA,GAAQ;AAAA,EACZ,IAAA,EAAM;AACR,CAAA;AAMA,MAAM,KAAA,GAAkC;AAAA,EACtC,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,YAAA;AAAA,EACP,OAAA,EAAS,cAAA;AAAA,EACT,UAAA,EAAY,iBAAA;AAAA,EACZ,IAAA,EAAM,WAAA;AAAA,EACN,KAAA,EAAO,YAAA;AAAA,EACP,SAAA,EAAW,cAAA;AAAA,EACX,MAAA,EAAQ,aAAA;AAAA,EACR,OAAA,EAAS,cAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAIA,MAAM,KAAA,GAAQ;AAAA,EACZ,GAAA,EAAK,iBAAA;AAAA,EACL,KAAA,EAAO,uBAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEO,MAAM,GAAA,GAAM,CAAC,EAAE,EAAA,EAAI,OAAO,GAAA,EAAK,SAAA,EAAW,OAAA,GAAU,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,GAAG,OAAM,KAAgB;AAE3G,EAAA,uBACEA,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,WAAA,CAAG,KAAA,CAAM,OAAO,CAAA,EAAG,IAAA,IAAQ,KAAA,CAAM,IAAI,CAAA,EAAG,IAAA,IAAQ,KAAA,CAAM,IAAI,GAAG,SAAS,CAAA;AAAA,MAChF,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/Txt-DTh3Pa_a.js

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const fonts = {
+  mono: "font-mono"
+};
+const roles = {
+  display: "text-display",
+  title: "text-title",
+  heading: "text-heading",
+  subheading: "text-subheading",
+  body: "text-body",
+  label: "text-label",
+  "body-sm": "text-body-sm",
+  column: "text-column",
+  caption: "text-caption",
+  meta: "text-meta"
+};
+const tones = {
+  ink: "text-foreground",
+  muted: "text-muted-foreground",
+  faint: "text-placeholder"
+};
+const Txt = ({ as: Root = "p", className, variant = "body", tone, font, ref, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Root,
+    {
+      ref,
+      className: cn(roles[variant], tone && tones[tone], font && fonts[font], className),
+      ...props
+    }
+  );
+};
+
+export { Txt as T };
+//# sourceMappingURL=Txt-DTh3Pa_a.js.map

package/dist/Txt-DTh3Pa_a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Txt-DTh3Pa_a.js","sources":["../src/ds/components/Txt/Txt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\n\nimport type { TextRole } from '@/ds/tokens';\nimport { cn } from '@/lib/utils';\n\nexport interface TxtProps extends HTMLAttributes<HTMLDivElement | HTMLLabelElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';\n  ref?: Ref<HTMLElement>;\n  variant?: TextRole;\n  tone?: keyof typeof tones;\n  font?: 'mono';\n  htmlFor?: string;\n  className?: string;\n  title?: string;\n  children?: ReactNode;\n}\n\nconst fonts = {\n  mono: 'font-mono',\n};\n\n// One class per role, written out so Tailwind's scanner finds it: size, line height,\n// weight and tracking come from the `--text-*` tokens in theme/typography.css, so nothing\n// here can drift from a component that writes the same role by hand. Typed against\n// `TextRole`, so a role added to the token list has to land here too.\nconst roles: Record<TextRole, string> = {\n  display: 'text-display',\n  title: 'text-title',\n  heading: 'text-heading',\n  subheading: 'text-subheading',\n  body: 'text-body',\n  label: 'text-label',\n  'body-sm': 'text-body-sm',\n  column: 'text-column',\n  caption: 'text-caption',\n  meta: 'text-meta',\n};\n\n// Three inks, the same ladder every control uses. Omitting `tone` inherits — `body` is\n// already `--foreground`, so ink is written only to lift text back out of a muted block.\nconst tones = {\n  ink: 'text-foreground',\n  muted: 'text-muted-foreground',\n  faint: 'text-placeholder',\n};\n\nexport const Txt = ({ as: Root = 'p', className, variant = 'body', tone, font, ref, ...props }: TxtProps) => {\n  // Cast needed: `Root` is polymorphic, so TS narrows the expected ref to a single element type.\n  return (\n    <Root\n      ref={ref as never}\n      className={cn(roles[variant], tone && tones[tone], font && fonts[font], className)}\n      {...props}\n    />\n  );\n};\n"],"names":[],"mappings":";;;AAiBA,MAAM,KAAA,GAAQ;AAAA,EACZ,IAAA,EAAM;AACR,CAAA;AAMA,MAAM,KAAA,GAAkC;AAAA,EACtC,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,YAAA;AAAA,EACP,OAAA,EAAS,cAAA;AAAA,EACT,UAAA,EAAY,iBAAA;AAAA,EACZ,IAAA,EAAM,WAAA;AAAA,EACN,KAAA,EAAO,YAAA;AAAA,EACP,SAAA,EAAW,cAAA;AAAA,EACX,MAAA,EAAQ,aAAA;AAAA,EACR,OAAA,EAAS,cAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAIA,MAAM,KAAA,GAAQ;AAAA,EACZ,GAAA,EAAK,iBAAA;AAAA,EACL,KAAA,EAAO,uBAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEO,MAAM,GAAA,GAAM,CAAC,EAAE,EAAA,EAAI,OAAO,GAAA,EAAK,SAAA,EAAW,OAAA,GAAU,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,GAAG,OAAM,KAAgB;AAE3G,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,KAAA,CAAM,OAAO,CAAA,EAAG,IAAA,IAAQ,KAAA,CAAM,IAAI,CAAA,EAAG,IAAA,IAAQ,KAAA,CAAM,IAAI,GAAG,SAAS,CAAA;AAAA,MAChF,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/activity-B8TfxRNU.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './cn-65Adrsfj.js';
+
+import './activity.css';const PILLS = [0, 1, 2, 3, 4];
+const STATUS_TITLE = {
+  initializing: "Initializing",
+  working: "Working",
+  ready: "Waiting on you"
+};
+function statusAttributes(status, label) {
+  return label ? { role: "status", "aria-label": label, title: STATUS_TITLE[status] } : { "aria-hidden": true };
+}
+function ActivityBelt({
+  status,
+  label,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...props,
+      ...statusAttributes(status, label),
+      className: cn("session-belt", `session-${status}`, className),
+      children: /* @__PURE__ */ jsx("span", { className: "session-belt-sway", children: PILLS.map((pill) => /* @__PURE__ */ jsx("i", {}, pill)) })
+    }
+  );
+}
+function ActivityWick({
+  status,
+  label,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...props,
+      "data-live-session-indicator": status,
+      role: "status",
+      "aria-label": label ?? STATUS_TITLE[status],
+      title: STATUS_TITLE[status],
+      className: cn("session-wick", `session-${status}`, className)
+    }
+  );
+}
+
+export { ActivityBelt as A, ActivityWick as a };
+//# sourceMappingURL=activity-B8TfxRNU.js.map

package/dist/activity-B8TfxRNU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-B8TfxRNU.js","sources":["../src/ds/components/Activity/activity.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ActivityStatus = 'initializing' | 'working' | 'ready';\n\nimport './activity.css';\n\nconst PILLS = [0, 1, 2, 3, 4];\n\nconst STATUS_TITLE: Record<ActivityStatus, string> = {\n  initializing: 'Initializing',\n  working: 'Working',\n  ready: 'Waiting on you',\n};\n\nfunction statusAttributes(status: ActivityStatus, label: string | undefined) {\n  return label ? { role: 'status', 'aria-label': label, title: STATUS_TITLE[status] } : { 'aria-hidden': true };\n}\n\nexport function ActivityBelt({\n  status,\n  label,\n  className,\n  ...props\n}: ComponentProps<'span'> & {\n  status: ActivityStatus;\n  label?: string;\n}) {\n  return (\n    <span\n      {...props}\n      {...statusAttributes(status, label)}\n      className={cn('session-belt', `session-${status}`, className)}\n    >\n      <span className=\"session-belt-sway\">\n        {PILLS.map(pill => (\n          <i key={pill} />\n        ))}\n      </span>\n    </span>\n  );\n}\n\nexport function ActivityWick({\n  status,\n  label,\n  className,\n  ...props\n}: ComponentProps<'span'> & {\n  status: ActivityStatus;\n  label?: string;\n}) {\n  return (\n    <span\n      {...props}\n      data-live-session-indicator={status}\n      role=\"status\"\n      aria-label={label ?? STATUS_TITLE[status]}\n      title={STATUS_TITLE[status]}\n      className={cn('session-wick', `session-${status}`, className)}\n    />\n  );\n}\n"],"names":[],"mappings":";;;AAOA,MAAM,QAAQ,CAAC,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC,CAAA;AAE5B,MAAM,YAAA,GAA+C;AAAA,EACnD,YAAA,EAAc,cAAA;AAAA,EACd,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEA,SAAS,gBAAA,CAAiB,QAAwB,KAAA,EAA2B;AAC3E,EAAA,OAAO,KAAA,GAAQ,EAAE,IAAA,EAAM,QAAA,EAAU,YAAA,EAAc,KAAA,EAAO,KAAA,EAAO,YAAA,CAAa,MAAM,CAAA,EAAE,GAAI,EAAE,eAAe,IAAA,EAAK;AAC9G;AAEO,SAAS,YAAA,CAAa;AAAA,EAC3B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAGG;AACD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,GAAG,gBAAA,CAAiB,MAAA,EAAQ,KAAK,CAAA;AAAA,MAClC,WAAW,EAAA,CAAG,cAAA,EAAgB,CAAA,QAAA,EAAW,MAAM,IAAI,SAAS,CAAA;AAAA,MAE5D,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EACb,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,qBACT,GAAA,CAAC,GAAA,EAAA,EAAA,EAAO,IAAM,CACf,CAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEO,SAAS,YAAA,CAAa;AAAA,EAC3B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAGG;AACD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,6BAAA,EAA6B,MAAA;AAAA,MAC7B,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAY,KAAA,IAAS,YAAA,CAAa,MAAM,CAAA;AAAA,MACxC,KAAA,EAAO,aAAa,MAAM,CAAA;AAAA,MAC1B,WAAW,EAAA,CAAG,cAAA,EAAgB,CAAA,QAAA,EAAW,MAAM,IAAI,SAAS;AAAA;AAAA,GAC9D;AAEJ;;;;"}

package/dist/activity-BYMLNb0G.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+require('./activity.css');const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const PILLS = [0, 1, 2, 3, 4];
+const STATUS_TITLE = {
+  initializing: "Initializing",
+  working: "Working",
+  ready: "Waiting on you"
+};
+function statusAttributes(status, label) {
+  return label ? { role: "status", "aria-label": label, title: STATUS_TITLE[status] } : { "aria-hidden": true };
+}
+function ActivityBelt({
+  status,
+  label,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ...props,
+      ...statusAttributes(status, label),
+      className: utils_cn.cn("session-belt", `session-${status}`, className),
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "session-belt-sway", children: PILLS.map((pill) => /* @__PURE__ */ jsxRuntime.jsx("i", {}, pill)) })
+    }
+  );
+}
+function ActivityWick({
+  status,
+  label,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ...props,
+      "data-live-session-indicator": status,
+      role: "status",
+      "aria-label": label ?? STATUS_TITLE[status],
+      title: STATUS_TITLE[status],
+      className: utils_cn.cn("session-wick", `session-${status}`, className)
+    }
+  );
+}
+
+exports.ActivityBelt = ActivityBelt;
+exports.ActivityWick = ActivityWick;
+//# sourceMappingURL=activity-BYMLNb0G.cjs.map

package/dist/activity-BYMLNb0G.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-BYMLNb0G.cjs","sources":["../src/ds/components/Activity/activity.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ActivityStatus = 'initializing' | 'working' | 'ready';\n\nimport './activity.css';\n\nconst PILLS = [0, 1, 2, 3, 4];\n\nconst STATUS_TITLE: Record<ActivityStatus, string> = {\n  initializing: 'Initializing',\n  working: 'Working',\n  ready: 'Waiting on you',\n};\n\nfunction statusAttributes(status: ActivityStatus, label: string | undefined) {\n  return label ? { role: 'status', 'aria-label': label, title: STATUS_TITLE[status] } : { 'aria-hidden': true };\n}\n\nexport function ActivityBelt({\n  status,\n  label,\n  className,\n  ...props\n}: ComponentProps<'span'> & {\n  status: ActivityStatus;\n  label?: string;\n}) {\n  return (\n    <span\n      {...props}\n      {...statusAttributes(status, label)}\n      className={cn('session-belt', `session-${status}`, className)}\n    >\n      <span className=\"session-belt-sway\">\n        {PILLS.map(pill => (\n          <i key={pill} />\n        ))}\n      </span>\n    </span>\n  );\n}\n\nexport function ActivityWick({\n  status,\n  label,\n  className,\n  ...props\n}: ComponentProps<'span'> & {\n  status: ActivityStatus;\n  label?: string;\n}) {\n  return (\n    <span\n      {...props}\n      data-live-session-indicator={status}\n      role=\"status\"\n      aria-label={label ?? STATUS_TITLE[status]}\n      title={STATUS_TITLE[status]}\n      className={cn('session-wick', `session-${status}`, className)}\n    />\n  );\n}\n"],"names":["jsx","cn"],"mappings":";;;;;AAOA,MAAM,QAAQ,CAAC,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC,CAAA;AAE5B,MAAM,YAAA,GAA+C;AAAA,EACnD,YAAA,EAAc,cAAA;AAAA,EACd,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEA,SAAS,gBAAA,CAAiB,QAAwB,KAAA,EAA2B;AAC3E,EAAA,OAAO,KAAA,GAAQ,EAAE,IAAA,EAAM,QAAA,EAAU,YAAA,EAAc,KAAA,EAAO,KAAA,EAAO,YAAA,CAAa,MAAM,CAAA,EAAE,GAAI,EAAE,eAAe,IAAA,EAAK;AAC9G;AAEO,SAAS,YAAA,CAAa;AAAA,EAC3B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAGG;AACD,EAAA,uBACEA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,GAAG,gBAAA,CAAiB,MAAA,EAAQ,KAAK,CAAA;AAAA,MAClC,WAAWC,WAAA,CAAG,cAAA,EAAgB,CAAA,QAAA,EAAW,MAAM,IAAI,SAAS,CAAA;AAAA,MAE5D,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EACb,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,qBACTA,cAAA,CAAC,GAAA,EAAA,EAAA,EAAO,IAAM,CACf,CAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEO,SAAS,YAAA,CAAa;AAAA,EAC3B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAGG;AACD,EAAA,uBACEA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,6BAAA,EAA6B,MAAA;AAAA,MAC7B,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAY,KAAA,IAAS,YAAA,CAAa,MAAM,CAAA;AAAA,MACxC,KAAA,EAAO,aAAa,MAAM,CAAA;AAAA,MAC1B,WAAWC,WAAA,CAAG,cAAA,EAAgB,CAAA,QAAA,EAAW,MAAM,IAAI,SAAS;AAAA;AAAA,GAC9D;AAEJ;;;;;"}

package/dist/activity.css

@@ -269,7 +269,7 @@
     linear-gradient(
       color-mix(in oklab, var(--belt-hue) calc(var(--wick-fill) * 62% * var(--wick-lit)), transparent) 0 0
     ),
-    linear-gradient(color-mix(in oklab, var(--border1) 50%, transparent) 0 0);
+    linear-gradient(color-mix(in oklab, var(--border) 50%, transparent) 0 0);
   mask:
     linear-gradient(#000 0 0) content-box,
     linear-gradient(#000 0 0);