@mastra/playground-ui 55.0.0 → 56.0.0-alpha.10

package/dist/Notice-Cq7m_mxe.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const Button = require('./Button-C2dx_QZN.cjs');
+const utils_cn = require('./cn-BuHW7Wrt.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-Cq7m_mxe.cjs.map

package/dist/Notice-Cq7m_mxe.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-Cq7m_mxe.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/Notice-DEqr19sI.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { B as Button } from './Button-DS6O6fvU.js';
+import { c as cn } from './cn-C6s2yXwM.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-DEqr19sI.js.map

package/dist/Notice-DEqr19sI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-DEqr19sI.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/PermissionDenied-BCHmzPYk.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-_TZefNk_.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-BCHmzPYk.cjs.map

package/dist/PermissionDenied-BCHmzPYk.cjs.map

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

package/dist/PermissionDenied-lLDk9Zpw.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-CDM5htkF.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-lLDk9Zpw.js.map

package/dist/PermissionDenied-lLDk9Zpw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionDenied-lLDk9Zpw.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/PullRequestIcon.css

@@ -0,0 +1,7 @@
+.pull-request-icon-merged {
+  color: oklch(0.714 0.203 305.5) !important;
+}
+
+html.light .pull-request-icon-merged {
+  color: oklch(0.496 0.265 302) !important;
+}

package/dist/SessionExpired-B4qMlVNC.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-C2dx_QZN.cjs');
+const EmptyState = require('./EmptyState-_TZefNk_.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-neutral3", 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-B4qMlVNC.cjs.map

package/dist/SessionExpired-B4qMlVNC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionExpired-B4qMlVNC.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-neutral3\">\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,eAAA,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/SessionExpired-OS-dhsdb.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-DS6O6fvU.js';
+import { E as EmptyState } from './EmptyState-CDM5htkF.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-neutral3", 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-OS-dhsdb.js.map

package/dist/SessionExpired-OS-dhsdb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionExpired-OS-dhsdb.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-neutral3\">\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,eAAA,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/Txt-C7rZCmrg.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('./cn-BuHW7Wrt.cjs');
+
+const variants = {
+  // UI text sizes
+  "ui-xs": "text-ui-xs leading-ui-xs",
+  "ui-sm": "text-ui-sm leading-ui-sm",
+  "ui-smd": "text-ui-smd leading-ui-smd",
+  "ui-md": "text-ui-md leading-ui-md",
+  "ui-lg": "text-ui-lg leading-ui-lg",
+  // Header sizes
+  "header-xs": "text-header-xs leading-header-xs",
+  "header-sm": "text-header-sm leading-header-sm",
+  "header-md": "text-header-md leading-header-md",
+  "header-lg": "text-header-lg leading-header-lg",
+  "header-xl": "text-header-xl leading-header-xl",
+  title: "text-ui-md leading-ui-md font-semibold text-neutral6",
+  caption: "text-ui-sm leading-ui-sm text-neutral3"
+};
+const fonts = {
+  mono: "font-mono"
+};
+const Txt = ({ as: Root = "p", className, variant = "ui-md", font, ref, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Root, { ref, className: utils_cn.cn(variants[variant], font && fonts[font], className), ...props });
+};
+
+exports.Txt = Txt;
+//# sourceMappingURL=Txt-C7rZCmrg.cjs.map

package/dist/Txt-C7rZCmrg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Txt-C7rZCmrg.cjs","sources":["../src/ds/components/Txt/Txt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\n\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?: keyof typeof variants;\n  font?: 'mono';\n  htmlFor?: string;\n  className?: string;\n  title?: string;\n  children?: ReactNode;\n}\n\nconst variants = {\n  // UI text sizes\n  'ui-xs': 'text-ui-xs leading-ui-xs',\n  'ui-sm': 'text-ui-sm leading-ui-sm',\n  'ui-smd': 'text-ui-smd leading-ui-smd',\n  'ui-md': 'text-ui-md leading-ui-md',\n  'ui-lg': 'text-ui-lg leading-ui-lg',\n  // Header sizes\n  'header-xs': 'text-header-xs leading-header-xs',\n  'header-sm': 'text-header-sm leading-header-sm',\n  'header-md': 'text-header-md leading-header-md',\n  'header-lg': 'text-header-lg leading-header-lg',\n  'header-xl': 'text-header-xl leading-header-xl',\n  title: 'text-ui-md leading-ui-md font-semibold text-neutral6',\n  caption: 'text-ui-sm leading-ui-sm text-neutral3',\n};\n\nconst fonts = {\n  mono: 'font-mono',\n};\n\nexport const Txt = ({ as: Root = 'p', className, variant = 'ui-md', font, ref, ...props }: TxtProps) => {\n  // Cast needed: `Root` is polymorphic, so TS narrows the expected ref to a single element type.\n  return <Root ref={ref as never} className={cn(variants[variant], font && fonts[font], className)} {...props} />;\n};\n"],"names":["jsx","cn"],"mappings":";;;;;AAeA,MAAM,QAAA,GAAW;AAAA;AAAA,EAEf,OAAA,EAAS,0BAAA;AAAA,EACT,OAAA,EAAS,0BAAA;AAAA,EACT,QAAA,EAAU,4BAAA;AAAA,EACV,OAAA,EAAS,0BAAA;AAAA,EACT,OAAA,EAAS,0BAAA;AAAA;AAAA,EAET,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,KAAA,EAAO,sDAAA;AAAA,EACP,OAAA,EAAS;AACX,CAAA;AAEA,MAAM,KAAA,GAAQ;AAAA,EACZ,IAAA,EAAM;AACR,CAAA;AAEO,MAAM,GAAA,GAAM,CAAC,EAAE,EAAA,EAAI,IAAA,GAAO,GAAA,EAAK,SAAA,EAAW,OAAA,GAAU,OAAA,EAAS,IAAA,EAAM,GAAA,EAAK,GAAG,OAAM,KAAgB;AAEtG,EAAA,uBAAOA,cAAA,CAAC,IAAA,EAAA,EAAK,GAAA,EAAmB,SAAA,EAAWC,YAAG,QAAA,CAAS,OAAO,CAAA,EAAG,IAAA,IAAQ,MAAM,IAAI,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC/G;;;;"}

package/dist/Txt-hyo2FKuO.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './cn-C6s2yXwM.js';
+
+const variants = {
+  // UI text sizes
+  "ui-xs": "text-ui-xs leading-ui-xs",
+  "ui-sm": "text-ui-sm leading-ui-sm",
+  "ui-smd": "text-ui-smd leading-ui-smd",
+  "ui-md": "text-ui-md leading-ui-md",
+  "ui-lg": "text-ui-lg leading-ui-lg",
+  // Header sizes
+  "header-xs": "text-header-xs leading-header-xs",
+  "header-sm": "text-header-sm leading-header-sm",
+  "header-md": "text-header-md leading-header-md",
+  "header-lg": "text-header-lg leading-header-lg",
+  "header-xl": "text-header-xl leading-header-xl",
+  title: "text-ui-md leading-ui-md font-semibold text-neutral6",
+  caption: "text-ui-sm leading-ui-sm text-neutral3"
+};
+const fonts = {
+  mono: "font-mono"
+};
+const Txt = ({ as: Root = "p", className, variant = "ui-md", font, ref, ...props }) => {
+  return /* @__PURE__ */ jsx(Root, { ref, className: cn(variants[variant], font && fonts[font], className), ...props });
+};
+
+export { Txt as T };
+//# sourceMappingURL=Txt-hyo2FKuO.js.map

package/dist/Txt-hyo2FKuO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Txt-hyo2FKuO.js","sources":["../src/ds/components/Txt/Txt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\n\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?: keyof typeof variants;\n  font?: 'mono';\n  htmlFor?: string;\n  className?: string;\n  title?: string;\n  children?: ReactNode;\n}\n\nconst variants = {\n  // UI text sizes\n  'ui-xs': 'text-ui-xs leading-ui-xs',\n  'ui-sm': 'text-ui-sm leading-ui-sm',\n  'ui-smd': 'text-ui-smd leading-ui-smd',\n  'ui-md': 'text-ui-md leading-ui-md',\n  'ui-lg': 'text-ui-lg leading-ui-lg',\n  // Header sizes\n  'header-xs': 'text-header-xs leading-header-xs',\n  'header-sm': 'text-header-sm leading-header-sm',\n  'header-md': 'text-header-md leading-header-md',\n  'header-lg': 'text-header-lg leading-header-lg',\n  'header-xl': 'text-header-xl leading-header-xl',\n  title: 'text-ui-md leading-ui-md font-semibold text-neutral6',\n  caption: 'text-ui-sm leading-ui-sm text-neutral3',\n};\n\nconst fonts = {\n  mono: 'font-mono',\n};\n\nexport const Txt = ({ as: Root = 'p', className, variant = 'ui-md', font, ref, ...props }: TxtProps) => {\n  // Cast needed: `Root` is polymorphic, so TS narrows the expected ref to a single element type.\n  return <Root ref={ref as never} className={cn(variants[variant], font && fonts[font], className)} {...props} />;\n};\n"],"names":[],"mappings":";;;AAeA,MAAM,QAAA,GAAW;AAAA;AAAA,EAEf,OAAA,EAAS,0BAAA;AAAA,EACT,OAAA,EAAS,0BAAA;AAAA,EACT,QAAA,EAAU,4BAAA;AAAA,EACV,OAAA,EAAS,0BAAA;AAAA,EACT,OAAA,EAAS,0BAAA;AAAA;AAAA,EAET,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,KAAA,EAAO,sDAAA;AAAA,EACP,OAAA,EAAS;AACX,CAAA;AAEA,MAAM,KAAA,GAAQ;AAAA,EACZ,IAAA,EAAM;AACR,CAAA;AAEO,MAAM,GAAA,GAAM,CAAC,EAAE,EAAA,EAAI,IAAA,GAAO,GAAA,EAAK,SAAA,EAAW,OAAA,GAAU,OAAA,EAAS,IAAA,EAAM,GAAA,EAAK,GAAG,OAAM,KAAgB;AAEtG,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,GAAA,EAAmB,SAAA,EAAW,GAAG,QAAA,CAAS,OAAO,CAAA,EAAG,IAAA,IAAQ,MAAM,IAAI,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC/G;;;;"}

package/dist/activity-1GW2mu-d.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+require('./activity.css');const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('./cn-BuHW7Wrt.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-1GW2mu-d.cjs.map

package/dist/activity-1GW2mu-d.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-1GW2mu-d.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-BiQKEDt0.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './cn-C6s2yXwM.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-BiQKEDt0.js.map

package/dist/activity-BiQKEDt0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-BiQKEDt0.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;;;;"}