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

package/dist/chat-notification-DMwUG6M1.cjs

@@ -0,0 +1,111 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const useWatched = require('./use-watched-BixmYWp0.cjs');
+const collapsible = require('./collapsible-C3x1n6sF.cjs');
+const Txt = require('./Txt-C7rZCmrg.cjs');
+const utils_cn = require('./cn-BuHW7Wrt.cjs');
+const utils_truncateString = require('./utils/truncate-string.cjs.js');
+const domains_chat_messages_notificationSignalNoticeVariant = require('./domains/chat/messages/notification-signal-notice-variant.cjs.js');
+const Badge = require('./Badge-RWi6V_JT.cjs');
+const Notice = require('./Notice-Cq7m_mxe.cjs');
+
+function ChatEventDetail({ children }) {
+  const arriving = useWatched.useArriving();
+  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "ui-xs", font: "mono", className: utils_cn.cn("text-icon3 min-w-0 truncate", arriving), children });
+}
+function ChatEvent({ label, detail, icon, children, defaultOpen, ...props }) {
+  const header = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-full min-w-0 items-center gap-2 px-1.5 py-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "ui-sm", className: "text-icon3 max-w-[55%] shrink-0 truncate", children: label }),
+    detail && /* @__PURE__ */ jsxRuntime.jsx(ChatEventDetail, { children: detail }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "min-w-2 flex-1" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "flex size-4 shrink-0 items-center justify-center", children: children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-icon3 flex opacity-0 group-hover/event:opacity-100 group-focus-visible/event:opacity-100 group-data-[panel-open]/event:rotate-90 group-data-[panel-open]/event:opacity-100 motion-safe:transition motion-safe:duration-150", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { size: 13 }) }) })
+  ] });
+  if (!children) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-full min-w-0", role: "group", ...props, children: header });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(collapsible.Collapsible, { defaultOpen, className: "max-w-full min-w-0", role: "group", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleTrigger, { className: "group/event hover:bg-neutral6/5 w-full cursor-pointer rounded-md text-left motion-safe:transition-colors", children: header }),
+    /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "before:bg-border1 relative ml-[14px] max-w-full min-w-0 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']", children }) })
+  ] });
+}
+
+function chatEventPreview(message) {
+  return utils_truncateString.truncateString(message, 72);
+}
+
+function ChatNotification({
+  label,
+  message,
+  variant = "row",
+  state = "notification",
+  icon,
+  priority,
+  status,
+  pending,
+  link,
+  defaultOpen
+}) {
+  if (variant === "notice") {
+    const hasContent = Boolean(priority || status || pending || message || link);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Notice.Notice,
+      {
+        variant: domains_chat_messages_notificationSignalNoticeVariant.getNotificationNoticeVariant(priority),
+        title: label,
+        icon: icon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, {}),
+        className: "my-2 max-w-[80%]",
+        children: hasContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+          (priority || status || pending) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            priority && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", children: priority }),
+            status && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", children: status }),
+            pending && /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { size: "xs", children: [
+              pending,
+              " pending"
+            ] })
+          ] }),
+          message && /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { className: "break-words whitespace-pre-wrap", children: message }),
+          link && /* @__PURE__ */ jsxRuntime.jsx(NotificationLink, { link, message })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ChatEvent,
+    {
+      label,
+      detail: chatEventPreview(message),
+      icon: icon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { size: 13, className: "text-warning1", "aria-hidden": true }),
+      defaultOpen,
+      "data-notification-state": state,
+      "aria-label": `Notification: ${label}`,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "ui-sm", children: message }),
+        link && /* @__PURE__ */ jsxRuntime.jsx(NotificationLink, { link, message })
+      ] })
+    }
+  );
+}
+function NotificationLink({ link, message }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: link.href,
+      target: "_blank",
+      rel: "noreferrer",
+      "aria-label": `Open notification target: ${message}`,
+      className: "text-icon3 hover:text-icon5 text-ui-xs flex w-fit items-center gap-1",
+      children: [
+        link.label,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { size: 12, "aria-hidden": true })
+      ]
+    }
+  );
+}
+
+exports.ChatEvent = ChatEvent;
+exports.ChatNotification = ChatNotification;
+exports.chatEventPreview = chatEventPreview;
+//# sourceMappingURL=chat-notification-DMwUG6M1.cjs.map

package/dist/chat-notification-DMwUG6M1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-notification-DMwUG6M1.cjs","sources":["../src/ds/components/ai/chat-event/chat-event.tsx","../src/ds/components/ai/chat-event/chat-event-preview.ts","../src/ds/components/ai/chat-event/chat-notification.tsx"],"sourcesContent":["import { ChevronRight } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ninterface ChatEventProps {\n  label: string;\n  detail?: string;\n  icon: ReactNode;\n  children?: ReactNode;\n  defaultOpen?: boolean;\n  'aria-label': string;\n  'data-signal-kind'?: string;\n  'data-notification-state'?: string;\n  'data-skill-name'?: string;\n}\n\nfunction ChatEventDetail({ children }: { children: string }) {\n  const arriving = useArriving();\n  return (\n    <Txt as=\"span\" variant=\"ui-xs\" font=\"mono\" className={cn('text-icon3 min-w-0 truncate', arriving)}>\n      {children}\n    </Txt>\n  );\n}\n\nexport function ChatEvent({ label, detail, icon, children, defaultOpen, ...props }: ChatEventProps) {\n  const header = (\n    <span className=\"flex w-full min-w-0 items-center gap-2 px-1.5 py-1\">\n      <span className=\"flex size-4 shrink-0 items-center justify-center\">{icon}</span>\n      <Txt as=\"span\" variant=\"ui-sm\" className=\"text-icon3 max-w-[55%] shrink-0 truncate\">\n        {label}\n      </Txt>\n      {detail && <ChatEventDetail>{detail}</ChatEventDetail>}\n      <span aria-hidden className=\"min-w-2 flex-1\" />\n      <span aria-hidden className=\"flex size-4 shrink-0 items-center justify-center\">\n        {children && (\n          <span className=\"text-icon3 flex opacity-0 group-hover/event:opacity-100 group-focus-visible/event:opacity-100 group-data-[panel-open]/event:rotate-90 group-data-[panel-open]/event:opacity-100 motion-safe:transition motion-safe:duration-150\">\n            <ChevronRight size={13} />\n          </span>\n        )}\n      </span>\n    </span>\n  );\n\n  if (!children) {\n    return (\n      <div className=\"max-w-full min-w-0\" role=\"group\" {...props}>\n        {header}\n      </div>\n    );\n  }\n\n  return (\n    <Collapsible defaultOpen={defaultOpen} className=\"max-w-full min-w-0\" role=\"group\" {...props}>\n      <CollapsibleTrigger className=\"group/event hover:bg-neutral6/5 w-full cursor-pointer rounded-md text-left motion-safe:transition-colors\">\n        {header}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"max-w-full min-w-0\">\n        <div className=\"before:bg-border1 relative ml-[14px] max-w-full min-w-0 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\">\n          {children}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n","import { truncateString } from '@/lib/truncate-string';\n\nexport function chatEventPreview(message: string): string {\n  return truncateString(message, 72);\n}\n","import { Bell, ExternalLink } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { ChatEvent } from './chat-event';\nimport { chatEventPreview } from './chat-event-preview';\nimport { getNotificationNoticeVariant } from './notification-variant';\nimport { Badge } from '@/ds/components/Badge';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ChatNotificationProps {\n  label: string;\n  message: string;\n  variant?: 'row' | 'notice';\n  state?: string;\n  icon?: ReactNode;\n  priority?: string;\n  status?: string;\n  pending?: string;\n  link?: { href: string; label: string };\n  defaultOpen?: boolean;\n}\n\nexport function ChatNotification({\n  label,\n  message,\n  variant = 'row',\n  state = 'notification',\n  icon,\n  priority,\n  status,\n  pending,\n  link,\n  defaultOpen,\n}: ChatNotificationProps) {\n  if (variant === 'notice') {\n    const hasContent = Boolean(priority || status || pending || message || link);\n    return (\n      <Notice\n        variant={getNotificationNoticeVariant(priority)}\n        title={label}\n        icon={icon ?? <Bell />}\n        className=\"my-2 max-w-[80%]\"\n      >\n        {hasContent && (\n          <div className=\"flex flex-col gap-2\">\n            {(priority || status || pending) && (\n              <div className=\"flex flex-wrap items-center gap-2\">\n                {priority && <Badge size=\"xs\">{priority}</Badge>}\n                {status && <Badge size=\"xs\">{status}</Badge>}\n                {pending && <Badge size=\"xs\">{pending} pending</Badge>}\n              </div>\n            )}\n            {message && <Notice.Message className=\"break-words whitespace-pre-wrap\">{message}</Notice.Message>}\n            {link && <NotificationLink link={link} message={message} />}\n          </div>\n        )}\n      </Notice>\n    );\n  }\n\n  return (\n    <ChatEvent\n      label={label}\n      detail={chatEventPreview(message)}\n      icon={icon ?? <Bell size={13} className=\"text-warning1\" aria-hidden />}\n      defaultOpen={defaultOpen}\n      data-notification-state={state}\n      aria-label={`Notification: ${label}`}\n    >\n      <div className=\"flex flex-col gap-2\">\n        <Txt variant=\"ui-sm\">{message}</Txt>\n        {link && <NotificationLink link={link} message={message} />}\n      </div>\n    </ChatEvent>\n  );\n}\n\nfunction NotificationLink({ link, message }: { link: NonNullable<ChatNotificationProps['link']>; message: string }) {\n  return (\n    <a\n      href={link.href}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      aria-label={`Open notification target: ${message}`}\n      className=\"text-icon3 hover:text-icon5 text-ui-xs flex w-fit items-center gap-1\"\n    >\n      {link.label}\n      <ExternalLink size={12} aria-hidden />\n    </a>\n  );\n}\n"],"names":["useArriving","jsx","Txt","cn","jsxs","ChevronRight","Collapsible","CollapsibleTrigger","CollapsibleContent","truncateString","Notice","getNotificationNoticeVariant","Bell","Badge","ExternalLink"],"mappings":"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"}

package/dist/chat-notification-DyBAfleZ.js

@@ -0,0 +1,107 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronRight, Bell, ExternalLink } from 'lucide-react';
+import { u as useArriving } from './use-watched-CG9KoWl3.js';
+import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from './collapsible-C2RuZzc7.js';
+import { T as Txt } from './Txt-hyo2FKuO.js';
+import { c as cn } from './cn-C6s2yXwM.js';
+import { truncateString } from './utils/truncate-string.es.js';
+import { getNotificationNoticeVariant } from './domains/chat/messages/notification-signal-notice-variant.es.js';
+import { B as Badge } from './Badge-BCwBpIc7.js';
+import { N as Notice } from './Notice-DEqr19sI.js';
+
+function ChatEventDetail({ children }) {
+  const arriving = useArriving();
+  return /* @__PURE__ */ jsx(Txt, { as: "span", variant: "ui-xs", font: "mono", className: cn("text-icon3 min-w-0 truncate", arriving), children });
+}
+function ChatEvent({ label, detail, icon, children, defaultOpen, ...props }) {
+  const header = /* @__PURE__ */ jsxs("span", { className: "flex w-full min-w-0 items-center gap-2 px-1.5 py-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+    /* @__PURE__ */ jsx(Txt, { as: "span", variant: "ui-sm", className: "text-icon3 max-w-[55%] shrink-0 truncate", children: label }),
+    detail && /* @__PURE__ */ jsx(ChatEventDetail, { children: detail }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "min-w-2 flex-1" }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "flex size-4 shrink-0 items-center justify-center", children: children && /* @__PURE__ */ jsx("span", { className: "text-icon3 flex opacity-0 group-hover/event:opacity-100 group-focus-visible/event:opacity-100 group-data-[panel-open]/event:rotate-90 group-data-[panel-open]/event:opacity-100 motion-safe:transition motion-safe:duration-150", children: /* @__PURE__ */ jsx(ChevronRight, { size: 13 }) }) })
+  ] });
+  if (!children) {
+    return /* @__PURE__ */ jsx("div", { className: "max-w-full min-w-0", role: "group", ...props, children: header });
+  }
+  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen, className: "max-w-full min-w-0", role: "group", ...props, children: [
+    /* @__PURE__ */ jsx(CollapsibleTrigger, { className: "group/event hover:bg-neutral6/5 w-full cursor-pointer rounded-md text-left motion-safe:transition-colors", children: header }),
+    /* @__PURE__ */ jsx(CollapsibleContent, { className: "max-w-full min-w-0", children: /* @__PURE__ */ jsx("div", { className: "before:bg-border1 relative ml-[14px] max-w-full min-w-0 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']", children }) })
+  ] });
+}
+
+function chatEventPreview(message) {
+  return truncateString(message, 72);
+}
+
+function ChatNotification({
+  label,
+  message,
+  variant = "row",
+  state = "notification",
+  icon,
+  priority,
+  status,
+  pending,
+  link,
+  defaultOpen
+}) {
+  if (variant === "notice") {
+    const hasContent = Boolean(priority || status || pending || message || link);
+    return /* @__PURE__ */ jsx(
+      Notice,
+      {
+        variant: getNotificationNoticeVariant(priority),
+        title: label,
+        icon: icon ?? /* @__PURE__ */ jsx(Bell, {}),
+        className: "my-2 max-w-[80%]",
+        children: hasContent && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          (priority || status || pending) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            priority && /* @__PURE__ */ jsx(Badge, { size: "xs", children: priority }),
+            status && /* @__PURE__ */ jsx(Badge, { size: "xs", children: status }),
+            pending && /* @__PURE__ */ jsxs(Badge, { size: "xs", children: [
+              pending,
+              " pending"
+            ] })
+          ] }),
+          message && /* @__PURE__ */ jsx(Notice.Message, { className: "break-words whitespace-pre-wrap", children: message }),
+          link && /* @__PURE__ */ jsx(NotificationLink, { link, message })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    ChatEvent,
+    {
+      label,
+      detail: chatEventPreview(message),
+      icon: icon ?? /* @__PURE__ */ jsx(Bell, { size: 13, className: "text-warning1", "aria-hidden": true }),
+      defaultOpen,
+      "data-notification-state": state,
+      "aria-label": `Notification: ${label}`,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(Txt, { variant: "ui-sm", children: message }),
+        link && /* @__PURE__ */ jsx(NotificationLink, { link, message })
+      ] })
+    }
+  );
+}
+function NotificationLink({ link, message }) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: link.href,
+      target: "_blank",
+      rel: "noreferrer",
+      "aria-label": `Open notification target: ${message}`,
+      className: "text-icon3 hover:text-icon5 text-ui-xs flex w-fit items-center gap-1",
+      children: [
+        link.label,
+        /* @__PURE__ */ jsx(ExternalLink, { size: 12, "aria-hidden": true })
+      ]
+    }
+  );
+}
+
+export { ChatNotification as C, ChatEvent as a, chatEventPreview as c };
+//# sourceMappingURL=chat-notification-DyBAfleZ.js.map

package/dist/chat-notification-DyBAfleZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-notification-DyBAfleZ.js","sources":["../src/ds/components/ai/chat-event/chat-event.tsx","../src/ds/components/ai/chat-event/chat-event-preview.ts","../src/ds/components/ai/chat-event/chat-notification.tsx"],"sourcesContent":["import { ChevronRight } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ninterface ChatEventProps {\n  label: string;\n  detail?: string;\n  icon: ReactNode;\n  children?: ReactNode;\n  defaultOpen?: boolean;\n  'aria-label': string;\n  'data-signal-kind'?: string;\n  'data-notification-state'?: string;\n  'data-skill-name'?: string;\n}\n\nfunction ChatEventDetail({ children }: { children: string }) {\n  const arriving = useArriving();\n  return (\n    <Txt as=\"span\" variant=\"ui-xs\" font=\"mono\" className={cn('text-icon3 min-w-0 truncate', arriving)}>\n      {children}\n    </Txt>\n  );\n}\n\nexport function ChatEvent({ label, detail, icon, children, defaultOpen, ...props }: ChatEventProps) {\n  const header = (\n    <span className=\"flex w-full min-w-0 items-center gap-2 px-1.5 py-1\">\n      <span className=\"flex size-4 shrink-0 items-center justify-center\">{icon}</span>\n      <Txt as=\"span\" variant=\"ui-sm\" className=\"text-icon3 max-w-[55%] shrink-0 truncate\">\n        {label}\n      </Txt>\n      {detail && <ChatEventDetail>{detail}</ChatEventDetail>}\n      <span aria-hidden className=\"min-w-2 flex-1\" />\n      <span aria-hidden className=\"flex size-4 shrink-0 items-center justify-center\">\n        {children && (\n          <span className=\"text-icon3 flex opacity-0 group-hover/event:opacity-100 group-focus-visible/event:opacity-100 group-data-[panel-open]/event:rotate-90 group-data-[panel-open]/event:opacity-100 motion-safe:transition motion-safe:duration-150\">\n            <ChevronRight size={13} />\n          </span>\n        )}\n      </span>\n    </span>\n  );\n\n  if (!children) {\n    return (\n      <div className=\"max-w-full min-w-0\" role=\"group\" {...props}>\n        {header}\n      </div>\n    );\n  }\n\n  return (\n    <Collapsible defaultOpen={defaultOpen} className=\"max-w-full min-w-0\" role=\"group\" {...props}>\n      <CollapsibleTrigger className=\"group/event hover:bg-neutral6/5 w-full cursor-pointer rounded-md text-left motion-safe:transition-colors\">\n        {header}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"max-w-full min-w-0\">\n        <div className=\"before:bg-border1 relative ml-[14px] max-w-full min-w-0 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\">\n          {children}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n","import { truncateString } from '@/lib/truncate-string';\n\nexport function chatEventPreview(message: string): string {\n  return truncateString(message, 72);\n}\n","import { Bell, ExternalLink } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { ChatEvent } from './chat-event';\nimport { chatEventPreview } from './chat-event-preview';\nimport { getNotificationNoticeVariant } from './notification-variant';\nimport { Badge } from '@/ds/components/Badge';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ChatNotificationProps {\n  label: string;\n  message: string;\n  variant?: 'row' | 'notice';\n  state?: string;\n  icon?: ReactNode;\n  priority?: string;\n  status?: string;\n  pending?: string;\n  link?: { href: string; label: string };\n  defaultOpen?: boolean;\n}\n\nexport function ChatNotification({\n  label,\n  message,\n  variant = 'row',\n  state = 'notification',\n  icon,\n  priority,\n  status,\n  pending,\n  link,\n  defaultOpen,\n}: ChatNotificationProps) {\n  if (variant === 'notice') {\n    const hasContent = Boolean(priority || status || pending || message || link);\n    return (\n      <Notice\n        variant={getNotificationNoticeVariant(priority)}\n        title={label}\n        icon={icon ?? <Bell />}\n        className=\"my-2 max-w-[80%]\"\n      >\n        {hasContent && (\n          <div className=\"flex flex-col gap-2\">\n            {(priority || status || pending) && (\n              <div className=\"flex flex-wrap items-center gap-2\">\n                {priority && <Badge size=\"xs\">{priority}</Badge>}\n                {status && <Badge size=\"xs\">{status}</Badge>}\n                {pending && <Badge size=\"xs\">{pending} pending</Badge>}\n              </div>\n            )}\n            {message && <Notice.Message className=\"break-words whitespace-pre-wrap\">{message}</Notice.Message>}\n            {link && <NotificationLink link={link} message={message} />}\n          </div>\n        )}\n      </Notice>\n    );\n  }\n\n  return (\n    <ChatEvent\n      label={label}\n      detail={chatEventPreview(message)}\n      icon={icon ?? <Bell size={13} className=\"text-warning1\" aria-hidden />}\n      defaultOpen={defaultOpen}\n      data-notification-state={state}\n      aria-label={`Notification: ${label}`}\n    >\n      <div className=\"flex flex-col gap-2\">\n        <Txt variant=\"ui-sm\">{message}</Txt>\n        {link && <NotificationLink link={link} message={message} />}\n      </div>\n    </ChatEvent>\n  );\n}\n\nfunction NotificationLink({ link, message }: { link: NonNullable<ChatNotificationProps['link']>; message: string }) {\n  return (\n    <a\n      href={link.href}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      aria-label={`Open notification target: ${message}`}\n      className=\"text-icon3 hover:text-icon5 text-ui-xs flex w-fit items-center gap-1\"\n    >\n      {link.label}\n      <ExternalLink size={12} aria-hidden />\n    </a>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/chat-signal-D-8_rCn0.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const chatNotification = require('./chat-notification-DMwUG6M1.cjs');
+const Txt = require('./Txt-C7rZCmrg.cjs');
+
+const rowIcons = {
+  state: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Layers, { size: 13, className: "text-purple-400", "aria-hidden": true }),
+  reminder: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 13, className: "text-accent3", "aria-hidden": true }),
+  reactive: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 13, className: "text-icon3", "aria-hidden": true })
+};
+function ChatSignal({ kind, label, message, mode, variant = "row", defaultOpen }) {
+  if (variant === "card") {
+    const Icon = kind === "state" ? lucideReact.Database : lucideReact.Radio;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "text-icon3 mt-0.5 size-4 shrink-0", "aria-hidden": true }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm leading-ui-sm text-neutral6 font-medium", children: label }),
+          mode && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-border1 text-ui-sm text-neutral4 inline-flex items-center rounded-full border px-1.5 py-0.5 leading-none", children: mode })
+        ] }),
+        message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap", children: message })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chatNotification.ChatEvent,
+    {
+      label,
+      detail: chatNotification.chatEventPreview(message),
+      icon: rowIcons[kind],
+      defaultOpen,
+      "data-signal-kind": kind,
+      "aria-label": `Signal: ${label}`,
+      children: message && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "ui-sm", className: "break-words whitespace-pre-wrap", children: message })
+    }
+  );
+}
+
+exports.ChatSignal = ChatSignal;
+//# sourceMappingURL=chat-signal-D-8_rCn0.cjs.map

package/dist/chat-signal-D-8_rCn0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-signal-D-8_rCn0.cjs","sources":["../src/ds/components/ai/chat-event/chat-signal.tsx"],"sourcesContent":["import { Database, Info, Layers, Radio } from 'lucide-react';\nimport { ChatEvent } from './chat-event';\nimport { chatEventPreview } from './chat-event-preview';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ChatSignalProps {\n  kind: 'state' | 'reactive' | 'reminder';\n  label: string;\n  message: string;\n  mode?: string;\n  variant?: 'row' | 'card';\n  defaultOpen?: boolean;\n}\n\nconst rowIcons = {\n  state: <Layers size={13} className=\"text-purple-400\" aria-hidden />,\n  reminder: <Info size={13} className=\"text-accent3\" aria-hidden />,\n  reactive: <Info size={13} className=\"text-icon3\" aria-hidden />,\n};\n\nexport function ChatSignal({ kind, label, message, mode, variant = 'row', defaultOpen }: ChatSignalProps) {\n  if (variant === 'card') {\n    const Icon = kind === 'state' ? Database : Radio;\n    return (\n      <div className=\"border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3\">\n        <div className=\"flex items-start gap-3\">\n          <Icon className=\"text-icon3 mt-0.5 size-4 shrink-0\" aria-hidden />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <p className=\"text-ui-sm leading-ui-sm text-neutral6 font-medium\">{label}</p>\n              {mode && (\n                <span className=\"border-border1 text-ui-sm text-neutral4 inline-flex items-center rounded-full border px-1.5 py-0.5 leading-none\">\n                  {mode}\n                </span>\n              )}\n            </div>\n            {message && <p className=\"text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap\">{message}</p>}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <ChatEvent\n      label={label}\n      detail={chatEventPreview(message)}\n      icon={rowIcons[kind]}\n      defaultOpen={defaultOpen}\n      data-signal-kind={kind}\n      aria-label={`Signal: ${label}`}\n    >\n      {message && (\n        <Txt variant=\"ui-sm\" className=\"break-words whitespace-pre-wrap\">\n          {message}\n        </Txt>\n      )}\n    </ChatEvent>\n  );\n}\n"],"names":["Layers","Info","Database","Radio","jsxs","jsx","ChatEvent","chatEventPreview","Txt"],"mappings":";;;;;;;AAcA,MAAM,QAAA,GAAW;AAAA,EACf,KAAA,iCAAQA,kBAAA,EAAA,EAAO,IAAA,EAAM,IAAI,SAAA,EAAU,iBAAA,EAAkB,eAAW,IAAA,EAAC,CAAA;AAAA,EACjE,QAAA,iCAAWC,gBAAA,EAAA,EAAK,IAAA,EAAM,IAAI,SAAA,EAAU,cAAA,EAAe,eAAW,IAAA,EAAC,CAAA;AAAA,EAC/D,QAAA,iCAAWA,gBAAA,EAAA,EAAK,IAAA,EAAM,IAAI,SAAA,EAAU,YAAA,EAAa,eAAW,IAAA,EAAC;AAC/D,CAAA;AAEO,SAAS,UAAA,CAAW,EAAE,IAAA,EAAM,KAAA,EAAO,SAAS,IAAA,EAAM,OAAA,GAAU,KAAA,EAAO,WAAA,EAAY,EAAoB;AACxG,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,MAAM,IAAA,GAAO,IAAA,KAAS,OAAA,GAAUC,oBAAA,GAAWC,iBAAA;AAC3C,IAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,yFACb,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wBAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAoC,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,sBAChED,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mCAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oDAAA,EAAsD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACxE,IAAA,oBACCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mHACb,QAAA,EAAA,IAAA,EACH;AAAA,SAAA,EAEJ,CAAA;AAAA,QACC,OAAA,oBAAWA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iEAAiE,QAAA,EAAA,OAAA,EAAQ;AAAA,OAAA,EACpG;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACEA,cAAA;AAAA,IAACC,0BAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA,EAAQC,kCAAiB,OAAO,CAAA;AAAA,MAChC,IAAA,EAAM,SAAS,IAAI,CAAA;AAAA,MACnB,WAAA;AAAA,MACA,kBAAA,EAAkB,IAAA;AAAA,MAClB,YAAA,EAAY,WAAW,KAAK,CAAA,CAAA;AAAA,MAE3B,qCACCF,cAAA,CAACG,OAAA,EAAA,EAAI,SAAQ,OAAA,EAAQ,SAAA,EAAU,mCAC5B,QAAA,EAAA,OAAA,EACH;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/chat-signal-JGIN9unj.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Database, Radio, Info, Layers } from 'lucide-react';
+import { a as ChatEvent, c as chatEventPreview } from './chat-notification-DyBAfleZ.js';
+import { T as Txt } from './Txt-hyo2FKuO.js';
+
+const rowIcons = {
+  state: /* @__PURE__ */ jsx(Layers, { size: 13, className: "text-purple-400", "aria-hidden": true }),
+  reminder: /* @__PURE__ */ jsx(Info, { size: 13, className: "text-accent3", "aria-hidden": true }),
+  reactive: /* @__PURE__ */ jsx(Info, { size: 13, className: "text-icon3", "aria-hidden": true })
+};
+function ChatSignal({ kind, label, message, mode, variant = "row", defaultOpen }) {
+  if (variant === "card") {
+    const Icon = kind === "state" ? Database : Radio;
+    return /* @__PURE__ */ jsx("div", { className: "border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx(Icon, { className: "text-icon3 mt-0.5 size-4 shrink-0", "aria-hidden": true }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-ui-sm leading-ui-sm text-neutral6 font-medium", children: label }),
+          mode && /* @__PURE__ */ jsx("span", { className: "border-border1 text-ui-sm text-neutral4 inline-flex items-center rounded-full border px-1.5 py-0.5 leading-none", children: mode })
+        ] }),
+        message && /* @__PURE__ */ jsx("p", { className: "text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap", children: message })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(
+    ChatEvent,
+    {
+      label,
+      detail: chatEventPreview(message),
+      icon: rowIcons[kind],
+      defaultOpen,
+      "data-signal-kind": kind,
+      "aria-label": `Signal: ${label}`,
+      children: message && /* @__PURE__ */ jsx(Txt, { variant: "ui-sm", className: "break-words whitespace-pre-wrap", children: message })
+    }
+  );
+}
+
+export { ChatSignal as C };
+//# sourceMappingURL=chat-signal-JGIN9unj.js.map

package/dist/chat-signal-JGIN9unj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-signal-JGIN9unj.js","sources":["../src/ds/components/ai/chat-event/chat-signal.tsx"],"sourcesContent":["import { Database, Info, Layers, Radio } from 'lucide-react';\nimport { ChatEvent } from './chat-event';\nimport { chatEventPreview } from './chat-event-preview';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ChatSignalProps {\n  kind: 'state' | 'reactive' | 'reminder';\n  label: string;\n  message: string;\n  mode?: string;\n  variant?: 'row' | 'card';\n  defaultOpen?: boolean;\n}\n\nconst rowIcons = {\n  state: <Layers size={13} className=\"text-purple-400\" aria-hidden />,\n  reminder: <Info size={13} className=\"text-accent3\" aria-hidden />,\n  reactive: <Info size={13} className=\"text-icon3\" aria-hidden />,\n};\n\nexport function ChatSignal({ kind, label, message, mode, variant = 'row', defaultOpen }: ChatSignalProps) {\n  if (variant === 'card') {\n    const Icon = kind === 'state' ? Database : Radio;\n    return (\n      <div className=\"border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3\">\n        <div className=\"flex items-start gap-3\">\n          <Icon className=\"text-icon3 mt-0.5 size-4 shrink-0\" aria-hidden />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <p className=\"text-ui-sm leading-ui-sm text-neutral6 font-medium\">{label}</p>\n              {mode && (\n                <span className=\"border-border1 text-ui-sm text-neutral4 inline-flex items-center rounded-full border px-1.5 py-0.5 leading-none\">\n                  {mode}\n                </span>\n              )}\n            </div>\n            {message && <p className=\"text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap\">{message}</p>}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <ChatEvent\n      label={label}\n      detail={chatEventPreview(message)}\n      icon={rowIcons[kind]}\n      defaultOpen={defaultOpen}\n      data-signal-kind={kind}\n      aria-label={`Signal: ${label}`}\n    >\n      {message && (\n        <Txt variant=\"ui-sm\" className=\"break-words whitespace-pre-wrap\">\n          {message}\n        </Txt>\n      )}\n    </ChatEvent>\n  );\n}\n"],"names":[],"mappings":";;;;;AAcA,MAAM,QAAA,GAAW;AAAA,EACf,KAAA,sBAAQ,MAAA,EAAA,EAAO,IAAA,EAAM,IAAI,SAAA,EAAU,iBAAA,EAAkB,eAAW,IAAA,EAAC,CAAA;AAAA,EACjE,QAAA,sBAAW,IAAA,EAAA,EAAK,IAAA,EAAM,IAAI,SAAA,EAAU,cAAA,EAAe,eAAW,IAAA,EAAC,CAAA;AAAA,EAC/D,QAAA,sBAAW,IAAA,EAAA,EAAK,IAAA,EAAM,IAAI,SAAA,EAAU,YAAA,EAAa,eAAW,IAAA,EAAC;AAC/D,CAAA;AAEO,SAAS,UAAA,CAAW,EAAE,IAAA,EAAM,KAAA,EAAO,SAAS,IAAA,EAAM,OAAA,GAAU,KAAA,EAAO,WAAA,EAAY,EAAoB;AACxG,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,MAAM,IAAA,GAAO,IAAA,KAAS,OAAA,GAAU,QAAA,GAAW,KAAA;AAC3C,IAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,yFACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAoC,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,sBAChE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mCAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oDAAA,EAAsD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACxE,IAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mHACb,QAAA,EAAA,IAAA,EACH;AAAA,SAAA,EAEJ,CAAA;AAAA,QACC,OAAA,oBAAW,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iEAAiE,QAAA,EAAA,OAAA,EAAQ;AAAA,OAAA,EACpG;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA,EAAQ,iBAAiB,OAAO,CAAA;AAAA,MAChC,IAAA,EAAM,SAAS,IAAI,CAAA;AAAA,MACnB,WAAA;AAAA,MACA,kBAAA,EAAkB,IAAA;AAAA,MAClB,YAAA,EAAY,WAAW,KAAK,CAAA,CAAA;AAAA,MAE3B,qCACC,GAAA,CAAC,GAAA,EAAA,EAAI,SAAQ,OAAA,EAAQ,SAAA,EAAU,mCAC5B,QAAA,EAAA,OAAA,EACH;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/checkbox-BHOqsV3k.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import './new-theme.css';/* empty css                   */
+import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
+import { Check, Minus } from 'lucide-react';
+import * as React from 'react';
+import { transitions } from './primitives/transitions.es.js';
+import { c as cn } from './cn-C6s2yXwM.js';
+
+const Checkbox = React.forwardRef(
+  ({ className, checked, indeterminate, ...props }, ref) => {
+    const isCheckedIndeterminate = checked === "indeterminate";
+    return /* @__PURE__ */ jsx(
+      Checkbox$1.Root,
+      {
+        ref,
+        checked: isCheckedIndeterminate ? false : checked,
+        indeterminate: indeterminate ?? isCheckedIndeterminate,
+        "data-slot": "checkbox",
+        className: cn(
+          "new-theme peer flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[0.3125rem]",
+          "border border-border bg-foreground/14 text-background outline-hidden",
+          transitions.all,
+          "hover:border-foreground/18 hover:bg-foreground/18",
+          "active:scale-95 active:border-foreground/30 active:bg-foreground/30",
+          "focus-visible:border-foreground/45 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-foreground/45 focus-visible:outline-solid",
+          "data-[checked]:border-foreground data-[checked]:bg-foreground data-[checked]:text-background",
+          "data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background",
+          "data-[checked]:hover:border-foreground/90 data-[checked]:hover:bg-foreground/90",
+          "data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90",
+          "data-[checked]:active:border-foreground/75 data-[checked]:active:bg-foreground/75",
+          "data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75",
+          // Base UI's Checkbox.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.
+          "data-[disabled]:cursor-not-allowed data-[disabled]:border-foreground/45 data-[disabled]:bg-foreground/45 data-[disabled]:hover:border-foreground/45 data-[disabled]:hover:bg-foreground/45 data-[disabled]:active:scale-100",
+          "data-[disabled]:data-[checked]:border-foreground/45 data-[disabled]:data-[checked]:bg-foreground/45 data-[disabled]:data-[checked]:text-foreground",
+          "data-[disabled]:data-[indeterminate]:border-foreground/45 data-[disabled]:data-[indeterminate]:bg-foreground/45 data-[disabled]:data-[indeterminate]:text-foreground",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          Checkbox$1.Indicator,
+          {
+            keepMounted: true,
+            className: cn(
+              "group/checkbox-indicator flex items-center justify-center text-current",
+              "scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom",
+              "data-[checked]:scale-100 data-[checked]:opacity-100",
+              "data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100",
+              "data-[starting-style]:scale-75 data-[starting-style]:opacity-0",
+              "data-[ending-style]:scale-75 data-[ending-style]:opacity-0"
+            ),
+            children: /* @__PURE__ */ jsx(CheckboxIndicatorIcon, {})
+          }
+        )
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+function CheckboxIndicatorIcon() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Check,
+      {
+        className: cn(
+          "stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom",
+          // Lucide's check path is ~22.6 units long. Use a longer dash so the
+          // final checked mark is never clipped.
+          "[stroke-dasharray:28] [stroke-dashoffset:28]",
+          "group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]",
+          "group-data-[checked]/checkbox-indicator:scale-100",
+          "group-data-[indeterminate]/checkbox-indicator:hidden"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Minus,
+      {
+        className: cn(
+          "stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom",
+          "group-data-[indeterminate]/checkbox-indicator:block",
+          "group-data-[indeterminate]/checkbox-indicator:scale-100"
+        )
+      }
+    )
+  ] });
+}
+
+export { Checkbox as C };
+//# sourceMappingURL=checkbox-BHOqsV3k.js.map

package/dist/checkbox-BHOqsV3k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-BHOqsV3k.js","sources":["../src/ds/components/Checkbox/checkbox.tsx"],"sourcesContent":["import '../../../../new-theme.css';\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check, Minus } from 'lucide-react';\nimport * as React from 'react';\n\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n/**\n * Radix-style tri-state value for the controlled `checked` prop. Base UI splits\n * this into a strict `checked` boolean plus a separate `indeterminate` boolean —\n * we keep the Radix union here so existing consumers (which pass\n * `checked=\"indeterminate\"`) keep working without changes.\n *\n * `defaultChecked` is intentionally a plain boolean: an uncontrolled checkbox\n * cannot start \"indeterminate\" and then be toggled out of it (the indeterminate\n * state is inherently controlled), so `'indeterminate'` is not allowed there.\n */\nexport type CheckedState = boolean | 'indeterminate';\n\ntype CheckboxProps = Omit<CheckboxPrimitive.Root.Props, 'className' | 'checked'> & {\n  className?: string;\n  checked?: CheckedState;\n};\n\nconst Checkbox = React.forwardRef<HTMLSpanElement, CheckboxProps>(\n  ({ className, checked, indeterminate, ...props }, ref) => {\n    // Translate the Radix `'indeterminate'` sentinel into Base UI's dedicated\n    // `indeterminate` prop while leaving `checked` as a boolean.\n    const isCheckedIndeterminate = checked === 'indeterminate';\n\n    return (\n      <CheckboxPrimitive.Root\n        ref={ref}\n        checked={isCheckedIndeterminate ? false : checked}\n        indeterminate={indeterminate ?? isCheckedIndeterminate}\n        data-slot=\"checkbox\"\n        className={cn(\n          'new-theme peer flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[0.3125rem]',\n          'border border-border bg-foreground/14 text-background outline-hidden',\n          transitions.all,\n          'hover:border-foreground/18 hover:bg-foreground/18',\n          'active:scale-95 active:border-foreground/30 active:bg-foreground/30',\n          'focus-visible:border-foreground/45 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-foreground/45 focus-visible:outline-solid',\n          'data-[checked]:border-foreground data-[checked]:bg-foreground data-[checked]:text-background',\n          'data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background',\n          'data-[checked]:hover:border-foreground/90 data-[checked]:hover:bg-foreground/90',\n          'data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90',\n          'data-[checked]:active:border-foreground/75 data-[checked]:active:bg-foreground/75',\n          'data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75',\n          // Base UI's Checkbox.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.\n          'data-[disabled]:cursor-not-allowed data-[disabled]:border-foreground/45 data-[disabled]:bg-foreground/45 data-[disabled]:hover:border-foreground/45 data-[disabled]:hover:bg-foreground/45 data-[disabled]:active:scale-100',\n          'data-[disabled]:data-[checked]:border-foreground/45 data-[disabled]:data-[checked]:bg-foreground/45 data-[disabled]:data-[checked]:text-foreground',\n          'data-[disabled]:data-[indeterminate]:border-foreground/45 data-[disabled]:data-[indeterminate]:bg-foreground/45 data-[disabled]:data-[indeterminate]:text-foreground',\n          className,\n        )}\n        {...props}\n      >\n        <CheckboxPrimitive.Indicator\n          keepMounted\n          className={cn(\n            'group/checkbox-indicator flex items-center justify-center text-current',\n            'scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom',\n            'data-[checked]:scale-100 data-[checked]:opacity-100',\n            'data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100',\n            'data-[starting-style]:scale-75 data-[starting-style]:opacity-0',\n            'data-[ending-style]:scale-75 data-[ending-style]:opacity-0',\n          )}\n        >\n          <CheckboxIndicatorIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\n/**\n * Picks the checkmark vs. the dash based on the Indicator's data attributes.\n * The Indicator stays mounted so unchecked transitions can animate out cleanly.\n */\nfunction CheckboxIndicatorIcon() {\n  return (\n    <>\n      <Check\n        className={cn(\n          'stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom',\n          // Lucide's check path is ~22.6 units long. Use a longer dash so the\n          // final checked mark is never clipped.\n          '[stroke-dasharray:28] [stroke-dashoffset:28]',\n          'group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]',\n          'group-data-[checked]/checkbox-indicator:scale-100',\n          'group-data-[indeterminate]/checkbox-indicator:hidden',\n        )}\n      />\n      <Minus\n        className={cn(\n          'stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom',\n          'group-data-[indeterminate]/checkbox-indicator:block',\n          'group-data-[indeterminate]/checkbox-indicator:scale-100',\n        )}\n      />\n    </>\n  );\n}\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],"names":["CheckboxPrimitive"],"mappings":";;;;;;;;AAyBA,MAAM,WAAW,KAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,eAAe,GAAG,KAAA,IAAS,GAAA,KAAQ;AAGxD,IAAA,MAAM,yBAAyB,OAAA,KAAY,eAAA;AAE3C,IAAA,uBACE,GAAA;AAAA,MAACA,UAAA,CAAkB,IAAA;AAAA,MAAlB;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,yBAAyB,KAAA,GAAQ,OAAA;AAAA,QAC1C,eAAe,aAAA,IAAiB,sBAAA;AAAA,QAChC,WAAA,EAAU,UAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,oGAAA;AAAA,UACA,sEAAA;AAAA,UACA,WAAA,CAAY,GAAA;AAAA,UACZ,mDAAA;AAAA,UACA,qEAAA;AAAA,UACA,2JAAA;AAAA,UACA,8FAAA;AAAA,UACA,gHAAA;AAAA,UACA,iFAAA;AAAA,UACA,6FAAA;AAAA,UACA,mFAAA;AAAA,UACA,+FAAA;AAAA;AAAA,UAEA,6NAAA;AAAA,UACA,oJAAA;AAAA,UACA,sKAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAACA,UAAA,CAAkB,SAAA;AAAA,UAAlB;AAAA,YACC,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAW,EAAA;AAAA,cACT,wEAAA;AAAA,cACA,gFAAA;AAAA,cACA,qDAAA;AAAA,cACA,iEAAA;AAAA,cACA,gEAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,8BAAC,qBAAA,EAAA,EAAsB;AAAA;AAAA;AACzB;AAAA,KACF;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAMvB,SAAS,qBAAA,GAAwB;AAC/B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,mGAAA;AAAA;AAAA;AAAA,UAGA,8CAAA;AAAA,UACA,+DAAA;AAAA,UACA,mDAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,sFAAA;AAAA,UACA,qDAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/checkbox-DXapLh4O.cjs

@@ -0,0 +1,110 @@
+'use strict';
+
+require('./new-theme.css');const jsxRuntime = require('react/jsx-runtime');
+;/* empty css                     */
+const checkbox = require('@base-ui/react/checkbox');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const primitives_transitions = require('./primitives/transitions.cjs.js');
+const utils_cn = require('./cn-BuHW7Wrt.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Checkbox = React__namespace.forwardRef(
+  ({ className, checked, indeterminate, ...props }, ref) => {
+    const isCheckedIndeterminate = checked === "indeterminate";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      checkbox.Checkbox.Root,
+      {
+        ref,
+        checked: isCheckedIndeterminate ? false : checked,
+        indeterminate: indeterminate ?? isCheckedIndeterminate,
+        "data-slot": "checkbox",
+        className: utils_cn.cn(
+          "new-theme peer flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[0.3125rem]",
+          "border border-border bg-foreground/14 text-background outline-hidden",
+          primitives_transitions.transitions.all,
+          "hover:border-foreground/18 hover:bg-foreground/18",
+          "active:scale-95 active:border-foreground/30 active:bg-foreground/30",
+          "focus-visible:border-foreground/45 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-foreground/45 focus-visible:outline-solid",
+          "data-[checked]:border-foreground data-[checked]:bg-foreground data-[checked]:text-background",
+          "data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background",
+          "data-[checked]:hover:border-foreground/90 data-[checked]:hover:bg-foreground/90",
+          "data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90",
+          "data-[checked]:active:border-foreground/75 data-[checked]:active:bg-foreground/75",
+          "data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75",
+          // Base UI's Checkbox.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.
+          "data-[disabled]:cursor-not-allowed data-[disabled]:border-foreground/45 data-[disabled]:bg-foreground/45 data-[disabled]:hover:border-foreground/45 data-[disabled]:hover:bg-foreground/45 data-[disabled]:active:scale-100",
+          "data-[disabled]:data-[checked]:border-foreground/45 data-[disabled]:data-[checked]:bg-foreground/45 data-[disabled]:data-[checked]:text-foreground",
+          "data-[disabled]:data-[indeterminate]:border-foreground/45 data-[disabled]:data-[indeterminate]:bg-foreground/45 data-[disabled]:data-[indeterminate]:text-foreground",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          checkbox.Checkbox.Indicator,
+          {
+            keepMounted: true,
+            className: utils_cn.cn(
+              "group/checkbox-indicator flex items-center justify-center text-current",
+              "scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom",
+              "data-[checked]:scale-100 data-[checked]:opacity-100",
+              "data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100",
+              "data-[starting-style]:scale-75 data-[starting-style]:opacity-0",
+              "data-[ending-style]:scale-75 data-[ending-style]:opacity-0"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxIndicatorIcon, {})
+          }
+        )
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+function CheckboxIndicatorIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.Check,
+      {
+        className: utils_cn.cn(
+          "stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom",
+          // Lucide's check path is ~22.6 units long. Use a longer dash so the
+          // final checked mark is never clipped.
+          "[stroke-dasharray:28] [stroke-dashoffset:28]",
+          "group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]",
+          "group-data-[checked]/checkbox-indicator:scale-100",
+          "group-data-[indeterminate]/checkbox-indicator:hidden"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.Minus,
+      {
+        className: utils_cn.cn(
+          "stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom",
+          "group-data-[indeterminate]/checkbox-indicator:block",
+          "group-data-[indeterminate]/checkbox-indicator:scale-100"
+        )
+      }
+    )
+  ] });
+}
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=checkbox-DXapLh4O.cjs.map

package/dist/checkbox-DXapLh4O.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-DXapLh4O.cjs","sources":["../src/ds/components/Checkbox/checkbox.tsx"],"sourcesContent":["import '../../../../new-theme.css';\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check, Minus } from 'lucide-react';\nimport * as React from 'react';\n\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n/**\n * Radix-style tri-state value for the controlled `checked` prop. Base UI splits\n * this into a strict `checked` boolean plus a separate `indeterminate` boolean —\n * we keep the Radix union here so existing consumers (which pass\n * `checked=\"indeterminate\"`) keep working without changes.\n *\n * `defaultChecked` is intentionally a plain boolean: an uncontrolled checkbox\n * cannot start \"indeterminate\" and then be toggled out of it (the indeterminate\n * state is inherently controlled), so `'indeterminate'` is not allowed there.\n */\nexport type CheckedState = boolean | 'indeterminate';\n\ntype CheckboxProps = Omit<CheckboxPrimitive.Root.Props, 'className' | 'checked'> & {\n  className?: string;\n  checked?: CheckedState;\n};\n\nconst Checkbox = React.forwardRef<HTMLSpanElement, CheckboxProps>(\n  ({ className, checked, indeterminate, ...props }, ref) => {\n    // Translate the Radix `'indeterminate'` sentinel into Base UI's dedicated\n    // `indeterminate` prop while leaving `checked` as a boolean.\n    const isCheckedIndeterminate = checked === 'indeterminate';\n\n    return (\n      <CheckboxPrimitive.Root\n        ref={ref}\n        checked={isCheckedIndeterminate ? false : checked}\n        indeterminate={indeterminate ?? isCheckedIndeterminate}\n        data-slot=\"checkbox\"\n        className={cn(\n          'new-theme peer flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[0.3125rem]',\n          'border border-border bg-foreground/14 text-background outline-hidden',\n          transitions.all,\n          'hover:border-foreground/18 hover:bg-foreground/18',\n          'active:scale-95 active:border-foreground/30 active:bg-foreground/30',\n          'focus-visible:border-foreground/45 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-foreground/45 focus-visible:outline-solid',\n          'data-[checked]:border-foreground data-[checked]:bg-foreground data-[checked]:text-background',\n          'data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background',\n          'data-[checked]:hover:border-foreground/90 data-[checked]:hover:bg-foreground/90',\n          'data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90',\n          'data-[checked]:active:border-foreground/75 data-[checked]:active:bg-foreground/75',\n          'data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75',\n          // Base UI's Checkbox.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.\n          'data-[disabled]:cursor-not-allowed data-[disabled]:border-foreground/45 data-[disabled]:bg-foreground/45 data-[disabled]:hover:border-foreground/45 data-[disabled]:hover:bg-foreground/45 data-[disabled]:active:scale-100',\n          'data-[disabled]:data-[checked]:border-foreground/45 data-[disabled]:data-[checked]:bg-foreground/45 data-[disabled]:data-[checked]:text-foreground',\n          'data-[disabled]:data-[indeterminate]:border-foreground/45 data-[disabled]:data-[indeterminate]:bg-foreground/45 data-[disabled]:data-[indeterminate]:text-foreground',\n          className,\n        )}\n        {...props}\n      >\n        <CheckboxPrimitive.Indicator\n          keepMounted\n          className={cn(\n            'group/checkbox-indicator flex items-center justify-center text-current',\n            'scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom',\n            'data-[checked]:scale-100 data-[checked]:opacity-100',\n            'data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100',\n            'data-[starting-style]:scale-75 data-[starting-style]:opacity-0',\n            'data-[ending-style]:scale-75 data-[ending-style]:opacity-0',\n          )}\n        >\n          <CheckboxIndicatorIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\n/**\n * Picks the checkmark vs. the dash based on the Indicator's data attributes.\n * The Indicator stays mounted so unchecked transitions can animate out cleanly.\n */\nfunction CheckboxIndicatorIcon() {\n  return (\n    <>\n      <Check\n        className={cn(\n          'stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom',\n          // Lucide's check path is ~22.6 units long. Use a longer dash so the\n          // final checked mark is never clipped.\n          '[stroke-dasharray:28] [stroke-dashoffset:28]',\n          'group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]',\n          'group-data-[checked]/checkbox-indicator:scale-100',\n          'group-data-[indeterminate]/checkbox-indicator:hidden',\n        )}\n      />\n      <Minus\n        className={cn(\n          'stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom',\n          'group-data-[indeterminate]/checkbox-indicator:block',\n          'group-data-[indeterminate]/checkbox-indicator:scale-100',\n        )}\n      />\n    </>\n  );\n}\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],"names":["React","jsx","CheckboxPrimitive","cn","transitions","jsxs","Fragment","Check","Minus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,WAAWA,gBAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,eAAe,GAAG,KAAA,IAAS,GAAA,KAAQ;AAGxD,IAAA,MAAM,yBAAyB,OAAA,KAAY,eAAA;AAE3C,IAAA,uBACEC,cAAA;AAAA,MAACC,iBAAA,CAAkB,IAAA;AAAA,MAAlB;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,yBAAyB,KAAA,GAAQ,OAAA;AAAA,QAC1C,eAAe,aAAA,IAAiB,sBAAA;AAAA,QAChC,WAAA,EAAU,UAAA;AAAA,QACV,SAAA,EAAWC,WAAA;AAAA,UACT,oGAAA;AAAA,UACA,sEAAA;AAAA,UACAC,kCAAA,CAAY,GAAA;AAAA,UACZ,mDAAA;AAAA,UACA,qEAAA;AAAA,UACA,2JAAA;AAAA,UACA,8FAAA;AAAA,UACA,gHAAA;AAAA,UACA,iFAAA;AAAA,UACA,6FAAA;AAAA,UACA,mFAAA;AAAA,UACA,+FAAA;AAAA;AAAA,UAEA,6NAAA;AAAA,UACA,oJAAA;AAAA,UACA,sKAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAAH,cAAA;AAAA,UAACC,iBAAA,CAAkB,SAAA;AAAA,UAAlB;AAAA,YACC,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAWC,WAAA;AAAA,cACT,wEAAA;AAAA,cACA,gFAAA;AAAA,cACA,qDAAA;AAAA,cACA,iEAAA;AAAA,cACA,gEAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,yCAAC,qBAAA,EAAA,EAAsB;AAAA;AAAA;AACzB;AAAA,KACF;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAMvB,SAAS,qBAAA,GAAwB;AAC/B,EAAA,uBACEE,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAL,cAAA;AAAA,MAACM,iBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWJ,WAAA;AAAA,UACT,mGAAA;AAAA;AAAA;AAAA,UAGA,8CAAA;AAAA,UACA,+DAAA;AAAA,UACA,mDAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,oBACAF,cAAA;AAAA,MAACO,iBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWL,WAAA;AAAA,UACT,sFAAA;AAAA,UACA,qDAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}