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

package/dist/activity-8egTNbaI.cjs

@@ -0,0 +1,241 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const useWatched = require('./use-watched-BixmYWp0.cjs');
+const collapsible = require('./collapsible-jfzzU7Gp.cjs');
+const shimmer = require('./shimmer-DbSkqomT.cjs');
+const Txt = require('./Txt-DPmEpNbp.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const ActivityContext = React.createContext(void 0);
+const noopOpenChange = () => {
+};
+function useActivity() {
+  const context = React.useContext(ActivityContext);
+  if (!context) throw new Error("Activity compounds must be rendered within Activity");
+  return context;
+}
+function Activity({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange = noopOpenChange,
+  foldable = true,
+  status = "idle",
+  className,
+  children,
+  ...props
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const open = controlledOpen ?? (foldable && uncontrolledOpen);
+  const statusId = React.useId();
+  const handleOpenChange = (nextOpen) => {
+    if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
+    onOpenChange(nextOpen);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ActivityContext.Provider, { value: { open, foldable, status, toggle: () => handleOpenChange(!open) }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    collapsible.Collapsible,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      className: utils_cn.cn("max-w-full min-w-0", className),
+      role: "group",
+      "aria-busy": status === "running",
+      "aria-invalid": status === "error" || void 0,
+      "aria-describedby": status === "idle" ? void 0 : statusId,
+      "data-status": status,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { id: statusId, className: "sr-only", "aria-live": "polite", children: [
+          status === "running" && "Running",
+          status === "error" && "Failed"
+        ] })
+      ]
+    }
+  ) });
+}
+const ActivityTrigger = ({ className, children, ...props }) => {
+  const { foldable } = useActivity();
+  const lineId = React.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils_cn.cn(
+        "group/row relative w-full min-w-0 rounded-md transition-colors motion-reduce:transition-none",
+        foldable && "hover:bg-fill",
+        className
+      ),
+      ...props,
+      children: [
+        foldable && /* @__PURE__ */ jsxRuntime.jsx(
+          collapsible.CollapsibleTrigger,
+          {
+            "aria-labelledby": lineId,
+            className: "absolute inset-0 cursor-pointer rounded-md focus-visible:ring-1 focus-visible:ring-border-focus focus-visible:outline-hidden"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { id: lineId, className: utils_cn.cn(foldable && "pointer-events-none relative"), children })
+      ]
+    }
+  );
+};
+const ActivityHeader = ({ className, children, ...props }) => {
+  const { status } = useActivity();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    shimmer.Shimmer,
+    {
+      active: status === "running",
+      className: utils_cn.cn("flex w-full min-w-0 items-center gap-2 px-1.5 py-1", className),
+      ...props,
+      children
+    }
+  );
+};
+const ActivityLeading = ({ className, children, ...props }) => {
+  const { foldable, toggle } = useActivity();
+  if (!children) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils_cn.cn("pointer-events-auto flex shrink-0 empty:hidden", foldable && "cursor-pointer", className),
+      onClick: foldable ? toggle : void 0,
+      ...props,
+      children
+    }
+  );
+};
+const ActivityIcon = ({ className, ...props }) => {
+  const { status } = useActivity();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils_cn.cn(
+        "flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5 [&_svg]:shrink-0 [&_svg]:[stroke-width:1.75]",
+        status === "error" ? "text-destructive-indicator" : "text-placeholder",
+        className
+      ),
+      ...props
+    }
+  );
+};
+const ActivityLabel = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "muted", className: utils_cn.cn("max-w-[55%] shrink-0 truncate", className), ...props });
+const ActivityDetail = ({ font = "mono", wrap = false, className, ...props }) => {
+  const arriving = useWatched.useArriving();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Txt.Txt,
+    {
+      as: "span",
+      variant: "meta",
+      tone: "muted",
+      font: font === "mono" ? "mono" : void 0,
+      className: utils_cn.cn("min-w-0", wrap ? "break-words" : "truncate", arriving, className),
+      ...props
+    }
+  );
+};
+const ActivitySummary = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("flex min-w-0 items-center gap-1", className), ...props });
+const ActivitySpacer = ({ rule, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "span",
+  {
+    "aria-hidden": true,
+    className: utils_cn.cn("min-w-2 flex-1", rule && "h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]", className),
+    ...props
+  }
+);
+const ActivityTrailing = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("flex shrink-0 items-center", className), ...props });
+const ActivityDisclosure = ({ className, children, ...props }) => {
+  const { open, foldable } = useActivity();
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("flex size-4 shrink-0 items-center justify-center", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: utils_cn.cn(
+        "flex shrink-0 items-center text-muted-foreground/60 transition duration-150 motion-reduce:transition-none",
+        "group-hover/row:text-muted-foreground group-has-focus-visible/row:text-muted-foreground",
+        open && "rotate-90 text-muted-foreground",
+        !foldable && "opacity-0"
+      ),
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { size: 13 })
+    }
+  ) });
+};
+const ActivityHeadline = ({
+  leading,
+  icon,
+  label,
+  detail,
+  description,
+  detailFont,
+  wrapDetail,
+  badges,
+  ...props
+}) => {
+  const { status } = useActivity();
+  const hasBadges = Boolean(badges);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ActivityHeader, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ActivityLeading, { children: leading }),
+    /* @__PURE__ */ jsxRuntime.jsx(ActivityIcon, { children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils_cn.cn("contents", hasBadges && "flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ActivityLabel, { className: utils_cn.cn(description && "max-w-none min-w-0 shrink"), children: description || label }),
+      badges,
+      !description && detail && /* @__PURE__ */ jsxRuntime.jsx(ActivityDetail, { font: detailFont, wrap: wrapDetail, className: utils_cn.cn(hasBadges && "grow basis-40"), children: detail })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ActivitySpacer, { className: utils_cn.cn(hasBadges && "flex-none") }),
+    status === "error" && /* @__PURE__ */ jsxRuntime.jsx(ActivityTrailing, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 13, role: "img", "aria-label": "Failed", className: "shrink-0 text-destructive-indicator" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ActivityDisclosure, {})
+  ] });
+};
+const ActivityContent = ({ className, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { className: "max-w-full min-w-0", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: utils_cn.cn(
+      "relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']",
+      className
+    ),
+    children
+  }
+) });
+function ActivityItem({
+  icon,
+  label,
+  detail,
+  detailFont,
+  badges,
+  collapsible = true,
+  children,
+  ...props
+}) {
+  const folds = collapsible && Boolean(children);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Activity, { ...props, foldable: folds, open: collapsible ? void 0 : true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ActivityTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      ActivityHeadline,
+      {
+        icon,
+        label,
+        detail,
+        detailFont,
+        wrapDetail: !folds,
+        badges
+      }
+    ) }),
+    children && /* @__PURE__ */ jsxRuntime.jsx(ActivityContent, { children })
+  ] });
+}
+
+exports.Activity = Activity;
+exports.ActivityContent = ActivityContent;
+exports.ActivityDetail = ActivityDetail;
+exports.ActivityDisclosure = ActivityDisclosure;
+exports.ActivityHeader = ActivityHeader;
+exports.ActivityHeadline = ActivityHeadline;
+exports.ActivityIcon = ActivityIcon;
+exports.ActivityItem = ActivityItem;
+exports.ActivityLabel = ActivityLabel;
+exports.ActivityLeading = ActivityLeading;
+exports.ActivitySpacer = ActivitySpacer;
+exports.ActivitySummary = ActivitySummary;
+exports.ActivityTrailing = ActivityTrailing;
+exports.ActivityTrigger = ActivityTrigger;
+//# sourceMappingURL=activity-8egTNbaI.cjs.map

package/dist/activity-8egTNbaI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-8egTNbaI.cjs","sources":["../src/ds/components/ai/activity/activity.tsx"],"sourcesContent":["import { ChevronRight, X } from 'lucide-react';\nimport { createContext, useContext, useId, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype ActivityStatus = 'idle' | 'running' | 'error';\n\ninterface ActivityContextValue {\n  open: boolean;\n  foldable: boolean;\n  status: ActivityStatus;\n  toggle: () => void;\n}\n\nconst ActivityContext = createContext<ActivityContextValue | undefined>(undefined);\n\n// Stryker disable next-line ArrowFunction: the default callback is intentionally behaviorless.\nconst noopOpenChange = () => {};\n\nfunction useActivity() {\n  const context = useContext(ActivityContext);\n  if (!context) throw new Error('Activity compounds must be rendered within Activity');\n  return context;\n}\n\nexport interface ActivityProps extends Omit<\n  ComponentProps<typeof Collapsible>,\n  'defaultOpen' | 'onOpenChange' | 'open'\n> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  foldable?: boolean;\n  status?: ActivityStatus;\n}\n\nexport function Activity({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange = noopOpenChange,\n  foldable = true,\n  status = 'idle',\n  className,\n  children,\n  ...props\n}: ActivityProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = controlledOpen ?? (foldable && uncontrolledOpen);\n  const statusId = useId();\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <ActivityContext.Provider value={{ open, foldable, status, toggle: () => handleOpenChange(!open) }}>\n      <Collapsible\n        open={open}\n        onOpenChange={handleOpenChange}\n        className={cn('max-w-full min-w-0', className)}\n        role=\"group\"\n        aria-busy={status === 'running'}\n        aria-invalid={status === 'error' || undefined}\n        aria-describedby={status === 'idle' ? undefined : statusId}\n        data-status={status}\n        {...props}\n      >\n        {children}\n        <span id={statusId} className=\"sr-only\" aria-live=\"polite\">\n          {status === 'running' && 'Running'}\n          {status === 'error' && 'Failed'}\n        </span>\n      </Collapsible>\n    </ActivityContext.Provider>\n  );\n}\n\nexport const ActivityTrigger = ({ className, children, ...props }: ComponentProps<'div'>) => {\n  const { foldable } = useActivity();\n  const lineId = useId();\n\n  return (\n    <div\n      className={cn(\n        'group/row relative w-full min-w-0 rounded-md transition-colors motion-reduce:transition-none',\n        foldable && 'hover:bg-fill',\n        className,\n      )}\n      {...props}\n    >\n      {foldable && (\n        <CollapsibleTrigger\n          aria-labelledby={lineId}\n          className=\"absolute inset-0 cursor-pointer rounded-md focus-visible:ring-1 focus-visible:ring-border-focus focus-visible:outline-hidden\"\n        />\n      )}\n      <div id={lineId} className={cn(foldable && 'pointer-events-none relative')}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport const ActivityHeader = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { status } = useActivity();\n\n  return (\n    <Shimmer\n      active={status === 'running'}\n      className={cn('flex w-full min-w-0 items-center gap-2 px-1.5 py-1', className)}\n      {...props}\n    >\n      {children}\n    </Shimmer>\n  );\n};\n\nexport const ActivityLeading = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { foldable, toggle } = useActivity();\n\n  if (!children) return null;\n\n  return (\n    <span\n      className={cn('pointer-events-auto flex shrink-0 empty:hidden', foldable && 'cursor-pointer', className)}\n      onClick={foldable ? toggle : undefined}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport const ActivityIcon = ({ className, ...props }: ComponentProps<'span'>) => {\n  const { status } = useActivity();\n\n  return (\n    <span\n      className={cn(\n        'flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5 [&_svg]:shrink-0 [&_svg]:[stroke-width:1.75]',\n        status === 'error' ? 'text-destructive-indicator' : 'text-placeholder',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const ActivityLabel = ({ className, ...props }: ComponentProps<typeof Txt>) => (\n  <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className={cn('max-w-[55%] shrink-0 truncate', className)} {...props} />\n);\n\nexport interface ActivityDetailProps extends Omit<ComponentProps<typeof Txt>, 'font'> {\n  font?: 'mono' | 'sans';\n  wrap?: boolean;\n}\n\nexport const ActivityDetail = ({ font = 'mono', wrap = false, className, ...props }: ActivityDetailProps) => {\n  const arriving = useArriving();\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      font={font === 'mono' ? 'mono' : undefined}\n      className={cn('min-w-0', wrap ? 'break-words' : 'truncate', arriving, className)}\n      {...props}\n    />\n  );\n};\n\nexport const ActivitySummary = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex min-w-0 items-center gap-1', className)} {...props} />\n);\n\nexport interface ActivitySpacerProps extends ComponentProps<'span'> {\n  rule?: boolean;\n}\n\nexport const ActivitySpacer = ({ rule, className, ...props }: ActivitySpacerProps) => (\n  <span\n    aria-hidden\n    className={cn('min-w-2 flex-1', rule && 'h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]', className)}\n    {...props}\n  />\n);\n\nexport const ActivityTrailing = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex shrink-0 items-center', className)} {...props} />\n);\n\nexport const ActivityDisclosure = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { open, foldable } = useActivity();\n\n  return (\n    <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props}>\n      <span\n        aria-hidden\n        className={cn(\n          'flex shrink-0 items-center text-muted-foreground/60 transition duration-150 motion-reduce:transition-none',\n          'group-hover/row:text-muted-foreground group-has-focus-visible/row:text-muted-foreground',\n          open && 'rotate-90 text-muted-foreground',\n          !foldable && 'opacity-0',\n        )}\n      >\n        {children ?? <ChevronRight size={13} />}\n      </span>\n    </span>\n  );\n};\n\nexport interface ActivityHeadlineProps extends Omit<ComponentProps<typeof ActivityHeader>, 'children'> {\n  leading?: ReactNode;\n  icon: ReactNode;\n  label: ReactNode;\n  detail?: string;\n  description?: string;\n  detailFont?: ActivityDetailProps['font'];\n  wrapDetail?: boolean;\n  badges?: ReactNode;\n}\n\nexport const ActivityHeadline = ({\n  leading,\n  icon,\n  label,\n  detail,\n  description,\n  detailFont,\n  wrapDetail,\n  badges,\n  ...props\n}: ActivityHeadlineProps) => {\n  const { status } = useActivity();\n  const hasBadges = Boolean(badges);\n\n  return (\n    <ActivityHeader {...props}>\n      <ActivityLeading>{leading}</ActivityLeading>\n      <ActivityIcon>{icon}</ActivityIcon>\n      <span className={cn('contents', hasBadges && 'flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1')}>\n        <ActivityLabel className={cn(description && 'max-w-none min-w-0 shrink')}>{description || label}</ActivityLabel>\n        {badges}\n        {!description && detail && (\n          <ActivityDetail font={detailFont} wrap={wrapDetail} className={cn(hasBadges && 'grow basis-40')}>\n            {detail}\n          </ActivityDetail>\n        )}\n      </span>\n      <ActivitySpacer className={cn(hasBadges && 'flex-none')} />\n      {status === 'error' && (\n        <ActivityTrailing>\n          <X size={13} role=\"img\" aria-label=\"Failed\" className=\"shrink-0 text-destructive-indicator\" />\n        </ActivityTrailing>\n      )}\n      <ActivityDisclosure />\n    </ActivityHeader>\n  );\n};\n\nexport const ActivityContent = ({ className, children, ...props }: ComponentProps<typeof CollapsibleContent>) => (\n  <CollapsibleContent className=\"max-w-full min-w-0\" {...props}>\n    <div\n      className={cn(\n        \"relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n\nexport interface ActivityItemProps extends Omit<ActivityProps, 'children' | 'open' | 'onOpenChange' | 'foldable'> {\n  icon: ReactNode;\n  label: string;\n  detail?: string;\n  detailFont?: ActivityDetailProps['font'];\n  badges?: ReactNode;\n  collapsible?: boolean;\n  children?: ReactNode;\n  'aria-label': string;\n}\n\nexport function ActivityItem({\n  icon,\n  label,\n  detail,\n  detailFont,\n  badges,\n  collapsible = true,\n  children,\n  ...props\n}: ActivityItemProps) {\n  const folds = collapsible && Boolean(children);\n\n  return (\n    <Activity {...props} foldable={folds} open={collapsible ? undefined : true}>\n      <ActivityTrigger>\n        <ActivityHeadline\n          icon={icon}\n          label={label}\n          detail={detail}\n          detailFont={detailFont}\n          wrapDetail={!folds}\n          badges={badges}\n        />\n      </ActivityTrigger>\n      {children && <ActivityContent>{children}</ActivityContent>}\n    </Activity>\n  );\n}\n\nexport type { ActivityStatus };\n"],"names":["createContext","useContext","useState","useId","jsx","jsxs","Collapsible","cn","CollapsibleTrigger","Shimmer","Txt","useArriving","ChevronRight","X","CollapsibleContent"],"mappings":"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"}

package/dist/activity-Duth8KP_.js

@@ -0,0 +1,226 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronRight, X } from 'lucide-react';
+import { useState, useId, createContext, useContext } from 'react';
+import { u as useArriving } from './use-watched-CG9KoWl3.js';
+import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from './collapsible-BNUn4644.js';
+import { S as Shimmer } from './shimmer-BN7Dzm37.js';
+import { T as Txt } from './Txt-BP1SRHmL.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const ActivityContext = createContext(void 0);
+const noopOpenChange = () => {
+};
+function useActivity() {
+  const context = useContext(ActivityContext);
+  if (!context) throw new Error("Activity compounds must be rendered within Activity");
+  return context;
+}
+function Activity({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange = noopOpenChange,
+  foldable = true,
+  status = "idle",
+  className,
+  children,
+  ...props
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const open = controlledOpen ?? (foldable && uncontrolledOpen);
+  const statusId = useId();
+  const handleOpenChange = (nextOpen) => {
+    if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
+    onOpenChange(nextOpen);
+  };
+  return /* @__PURE__ */ jsx(ActivityContext.Provider, { value: { open, foldable, status, toggle: () => handleOpenChange(!open) }, children: /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      className: cn("max-w-full min-w-0", className),
+      role: "group",
+      "aria-busy": status === "running",
+      "aria-invalid": status === "error" || void 0,
+      "aria-describedby": status === "idle" ? void 0 : statusId,
+      "data-status": status,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs("span", { id: statusId, className: "sr-only", "aria-live": "polite", children: [
+          status === "running" && "Running",
+          status === "error" && "Failed"
+        ] })
+      ]
+    }
+  ) });
+}
+const ActivityTrigger = ({ className, children, ...props }) => {
+  const { foldable } = useActivity();
+  const lineId = useId();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "group/row relative w-full min-w-0 rounded-md transition-colors motion-reduce:transition-none",
+        foldable && "hover:bg-fill",
+        className
+      ),
+      ...props,
+      children: [
+        foldable && /* @__PURE__ */ jsx(
+          CollapsibleTrigger,
+          {
+            "aria-labelledby": lineId,
+            className: "absolute inset-0 cursor-pointer rounded-md focus-visible:ring-1 focus-visible:ring-border-focus focus-visible:outline-hidden"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { id: lineId, className: cn(foldable && "pointer-events-none relative"), children })
+      ]
+    }
+  );
+};
+const ActivityHeader = ({ className, children, ...props }) => {
+  const { status } = useActivity();
+  return /* @__PURE__ */ jsx(
+    Shimmer,
+    {
+      active: status === "running",
+      className: cn("flex w-full min-w-0 items-center gap-2 px-1.5 py-1", className),
+      ...props,
+      children
+    }
+  );
+};
+const ActivityLeading = ({ className, children, ...props }) => {
+  const { foldable, toggle } = useActivity();
+  if (!children) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("pointer-events-auto flex shrink-0 empty:hidden", foldable && "cursor-pointer", className),
+      onClick: foldable ? toggle : void 0,
+      ...props,
+      children
+    }
+  );
+};
+const ActivityIcon = ({ className, ...props }) => {
+  const { status } = useActivity();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5 [&_svg]:shrink-0 [&_svg]:[stroke-width:1.75]",
+        status === "error" ? "text-destructive-indicator" : "text-placeholder",
+        className
+      ),
+      ...props
+    }
+  );
+};
+const ActivityLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "muted", className: cn("max-w-[55%] shrink-0 truncate", className), ...props });
+const ActivityDetail = ({ font = "mono", wrap = false, className, ...props }) => {
+  const arriving = useArriving();
+  return /* @__PURE__ */ jsx(
+    Txt,
+    {
+      as: "span",
+      variant: "meta",
+      tone: "muted",
+      font: font === "mono" ? "mono" : void 0,
+      className: cn("min-w-0", wrap ? "break-words" : "truncate", arriving, className),
+      ...props
+    }
+  );
+};
+const ActivitySummary = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("flex min-w-0 items-center gap-1", className), ...props });
+const ActivitySpacer = ({ rule, className, ...props }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("min-w-2 flex-1", rule && "h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]", className),
+    ...props
+  }
+);
+const ActivityTrailing = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("flex shrink-0 items-center", className), ...props });
+const ActivityDisclosure = ({ className, children, ...props }) => {
+  const { open, foldable } = useActivity();
+  return /* @__PURE__ */ jsx("span", { className: cn("flex size-4 shrink-0 items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "flex shrink-0 items-center text-muted-foreground/60 transition duration-150 motion-reduce:transition-none",
+        "group-hover/row:text-muted-foreground group-has-focus-visible/row:text-muted-foreground",
+        open && "rotate-90 text-muted-foreground",
+        !foldable && "opacity-0"
+      ),
+      children: children ?? /* @__PURE__ */ jsx(ChevronRight, { size: 13 })
+    }
+  ) });
+};
+const ActivityHeadline = ({
+  leading,
+  icon,
+  label,
+  detail,
+  description,
+  detailFont,
+  wrapDetail,
+  badges,
+  ...props
+}) => {
+  const { status } = useActivity();
+  const hasBadges = Boolean(badges);
+  return /* @__PURE__ */ jsxs(ActivityHeader, { ...props, children: [
+    /* @__PURE__ */ jsx(ActivityLeading, { children: leading }),
+    /* @__PURE__ */ jsx(ActivityIcon, { children: icon }),
+    /* @__PURE__ */ jsxs("span", { className: cn("contents", hasBadges && "flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1"), children: [
+      /* @__PURE__ */ jsx(ActivityLabel, { className: cn(description && "max-w-none min-w-0 shrink"), children: description || label }),
+      badges,
+      !description && detail && /* @__PURE__ */ jsx(ActivityDetail, { font: detailFont, wrap: wrapDetail, className: cn(hasBadges && "grow basis-40"), children: detail })
+    ] }),
+    /* @__PURE__ */ jsx(ActivitySpacer, { className: cn(hasBadges && "flex-none") }),
+    status === "error" && /* @__PURE__ */ jsx(ActivityTrailing, { children: /* @__PURE__ */ jsx(X, { size: 13, role: "img", "aria-label": "Failed", className: "shrink-0 text-destructive-indicator" }) }),
+    /* @__PURE__ */ jsx(ActivityDisclosure, {})
+  ] });
+};
+const ActivityContent = ({ className, children, ...props }) => /* @__PURE__ */ jsx(CollapsibleContent, { className: "max-w-full min-w-0", ...props, children: /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']",
+      className
+    ),
+    children
+  }
+) });
+function ActivityItem({
+  icon,
+  label,
+  detail,
+  detailFont,
+  badges,
+  collapsible = true,
+  children,
+  ...props
+}) {
+  const folds = collapsible && Boolean(children);
+  return /* @__PURE__ */ jsxs(Activity, { ...props, foldable: folds, open: collapsible ? void 0 : true, children: [
+    /* @__PURE__ */ jsx(ActivityTrigger, { children: /* @__PURE__ */ jsx(
+      ActivityHeadline,
+      {
+        icon,
+        label,
+        detail,
+        detailFont,
+        wrapDetail: !folds,
+        badges
+      }
+    ) }),
+    children && /* @__PURE__ */ jsx(ActivityContent, { children })
+  ] });
+}
+
+export { Activity as A, ActivityContent as a, ActivityDetail as b, ActivityDisclosure as c, ActivityHeader as d, ActivityHeadline as e, ActivityIcon as f, ActivityItem as g, ActivityLabel as h, ActivityLeading as i, ActivitySpacer as j, ActivitySummary as k, ActivityTrailing as l, ActivityTrigger as m };
+//# sourceMappingURL=activity-Duth8KP_.js.map

package/dist/activity-Duth8KP_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-Duth8KP_.js","sources":["../src/ds/components/ai/activity/activity.tsx"],"sourcesContent":["import { ChevronRight, X } from 'lucide-react';\nimport { createContext, useContext, useId, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype ActivityStatus = 'idle' | 'running' | 'error';\n\ninterface ActivityContextValue {\n  open: boolean;\n  foldable: boolean;\n  status: ActivityStatus;\n  toggle: () => void;\n}\n\nconst ActivityContext = createContext<ActivityContextValue | undefined>(undefined);\n\n// Stryker disable next-line ArrowFunction: the default callback is intentionally behaviorless.\nconst noopOpenChange = () => {};\n\nfunction useActivity() {\n  const context = useContext(ActivityContext);\n  if (!context) throw new Error('Activity compounds must be rendered within Activity');\n  return context;\n}\n\nexport interface ActivityProps extends Omit<\n  ComponentProps<typeof Collapsible>,\n  'defaultOpen' | 'onOpenChange' | 'open'\n> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  foldable?: boolean;\n  status?: ActivityStatus;\n}\n\nexport function Activity({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange = noopOpenChange,\n  foldable = true,\n  status = 'idle',\n  className,\n  children,\n  ...props\n}: ActivityProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = controlledOpen ?? (foldable && uncontrolledOpen);\n  const statusId = useId();\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <ActivityContext.Provider value={{ open, foldable, status, toggle: () => handleOpenChange(!open) }}>\n      <Collapsible\n        open={open}\n        onOpenChange={handleOpenChange}\n        className={cn('max-w-full min-w-0', className)}\n        role=\"group\"\n        aria-busy={status === 'running'}\n        aria-invalid={status === 'error' || undefined}\n        aria-describedby={status === 'idle' ? undefined : statusId}\n        data-status={status}\n        {...props}\n      >\n        {children}\n        <span id={statusId} className=\"sr-only\" aria-live=\"polite\">\n          {status === 'running' && 'Running'}\n          {status === 'error' && 'Failed'}\n        </span>\n      </Collapsible>\n    </ActivityContext.Provider>\n  );\n}\n\nexport const ActivityTrigger = ({ className, children, ...props }: ComponentProps<'div'>) => {\n  const { foldable } = useActivity();\n  const lineId = useId();\n\n  return (\n    <div\n      className={cn(\n        'group/row relative w-full min-w-0 rounded-md transition-colors motion-reduce:transition-none',\n        foldable && 'hover:bg-fill',\n        className,\n      )}\n      {...props}\n    >\n      {foldable && (\n        <CollapsibleTrigger\n          aria-labelledby={lineId}\n          className=\"absolute inset-0 cursor-pointer rounded-md focus-visible:ring-1 focus-visible:ring-border-focus focus-visible:outline-hidden\"\n        />\n      )}\n      <div id={lineId} className={cn(foldable && 'pointer-events-none relative')}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport const ActivityHeader = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { status } = useActivity();\n\n  return (\n    <Shimmer\n      active={status === 'running'}\n      className={cn('flex w-full min-w-0 items-center gap-2 px-1.5 py-1', className)}\n      {...props}\n    >\n      {children}\n    </Shimmer>\n  );\n};\n\nexport const ActivityLeading = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { foldable, toggle } = useActivity();\n\n  if (!children) return null;\n\n  return (\n    <span\n      className={cn('pointer-events-auto flex shrink-0 empty:hidden', foldable && 'cursor-pointer', className)}\n      onClick={foldable ? toggle : undefined}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport const ActivityIcon = ({ className, ...props }: ComponentProps<'span'>) => {\n  const { status } = useActivity();\n\n  return (\n    <span\n      className={cn(\n        'flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5 [&_svg]:shrink-0 [&_svg]:[stroke-width:1.75]',\n        status === 'error' ? 'text-destructive-indicator' : 'text-placeholder',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const ActivityLabel = ({ className, ...props }: ComponentProps<typeof Txt>) => (\n  <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className={cn('max-w-[55%] shrink-0 truncate', className)} {...props} />\n);\n\nexport interface ActivityDetailProps extends Omit<ComponentProps<typeof Txt>, 'font'> {\n  font?: 'mono' | 'sans';\n  wrap?: boolean;\n}\n\nexport const ActivityDetail = ({ font = 'mono', wrap = false, className, ...props }: ActivityDetailProps) => {\n  const arriving = useArriving();\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      font={font === 'mono' ? 'mono' : undefined}\n      className={cn('min-w-0', wrap ? 'break-words' : 'truncate', arriving, className)}\n      {...props}\n    />\n  );\n};\n\nexport const ActivitySummary = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex min-w-0 items-center gap-1', className)} {...props} />\n);\n\nexport interface ActivitySpacerProps extends ComponentProps<'span'> {\n  rule?: boolean;\n}\n\nexport const ActivitySpacer = ({ rule, className, ...props }: ActivitySpacerProps) => (\n  <span\n    aria-hidden\n    className={cn('min-w-2 flex-1', rule && 'h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]', className)}\n    {...props}\n  />\n);\n\nexport const ActivityTrailing = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex shrink-0 items-center', className)} {...props} />\n);\n\nexport const ActivityDisclosure = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { open, foldable } = useActivity();\n\n  return (\n    <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props}>\n      <span\n        aria-hidden\n        className={cn(\n          'flex shrink-0 items-center text-muted-foreground/60 transition duration-150 motion-reduce:transition-none',\n          'group-hover/row:text-muted-foreground group-has-focus-visible/row:text-muted-foreground',\n          open && 'rotate-90 text-muted-foreground',\n          !foldable && 'opacity-0',\n        )}\n      >\n        {children ?? <ChevronRight size={13} />}\n      </span>\n    </span>\n  );\n};\n\nexport interface ActivityHeadlineProps extends Omit<ComponentProps<typeof ActivityHeader>, 'children'> {\n  leading?: ReactNode;\n  icon: ReactNode;\n  label: ReactNode;\n  detail?: string;\n  description?: string;\n  detailFont?: ActivityDetailProps['font'];\n  wrapDetail?: boolean;\n  badges?: ReactNode;\n}\n\nexport const ActivityHeadline = ({\n  leading,\n  icon,\n  label,\n  detail,\n  description,\n  detailFont,\n  wrapDetail,\n  badges,\n  ...props\n}: ActivityHeadlineProps) => {\n  const { status } = useActivity();\n  const hasBadges = Boolean(badges);\n\n  return (\n    <ActivityHeader {...props}>\n      <ActivityLeading>{leading}</ActivityLeading>\n      <ActivityIcon>{icon}</ActivityIcon>\n      <span className={cn('contents', hasBadges && 'flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1')}>\n        <ActivityLabel className={cn(description && 'max-w-none min-w-0 shrink')}>{description || label}</ActivityLabel>\n        {badges}\n        {!description && detail && (\n          <ActivityDetail font={detailFont} wrap={wrapDetail} className={cn(hasBadges && 'grow basis-40')}>\n            {detail}\n          </ActivityDetail>\n        )}\n      </span>\n      <ActivitySpacer className={cn(hasBadges && 'flex-none')} />\n      {status === 'error' && (\n        <ActivityTrailing>\n          <X size={13} role=\"img\" aria-label=\"Failed\" className=\"shrink-0 text-destructive-indicator\" />\n        </ActivityTrailing>\n      )}\n      <ActivityDisclosure />\n    </ActivityHeader>\n  );\n};\n\nexport const ActivityContent = ({ className, children, ...props }: ComponentProps<typeof CollapsibleContent>) => (\n  <CollapsibleContent className=\"max-w-full min-w-0\" {...props}>\n    <div\n      className={cn(\n        \"relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n\nexport interface ActivityItemProps extends Omit<ActivityProps, 'children' | 'open' | 'onOpenChange' | 'foldable'> {\n  icon: ReactNode;\n  label: string;\n  detail?: string;\n  detailFont?: ActivityDetailProps['font'];\n  badges?: ReactNode;\n  collapsible?: boolean;\n  children?: ReactNode;\n  'aria-label': string;\n}\n\nexport function ActivityItem({\n  icon,\n  label,\n  detail,\n  detailFont,\n  badges,\n  collapsible = true,\n  children,\n  ...props\n}: ActivityItemProps) {\n  const folds = collapsible && Boolean(children);\n\n  return (\n    <Activity {...props} foldable={folds} open={collapsible ? undefined : true}>\n      <ActivityTrigger>\n        <ActivityHeadline\n          icon={icon}\n          label={label}\n          detail={detail}\n          detailFont={detailFont}\n          wrapDetail={!folds}\n          badges={badges}\n        />\n      </ActivityTrigger>\n      {children && <ActivityContent>{children}</ActivityContent>}\n    </Activity>\n  );\n}\n\nexport type { ActivityStatus };\n"],"names":[],"mappings":";;;;;;;;;AAkBA,MAAM,eAAA,GAAkB,cAAgD,MAAS,CAAA;AAGjF,MAAM,iBAAiB,MAAM;AAAC,CAAA;AAE9B,SAAS,WAAA,GAAc;AACrB,EAAA,MAAM,OAAA,GAAU,WAAW,eAAe,CAAA;AAC1C,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,qDAAqD,CAAA;AACnF,EAAA,OAAO,OAAA;AACT;AAaO,SAAS,QAAA,CAAS;AAAA,EACvB,IAAA,EAAM,cAAA;AAAA,EACN,WAAA,GAAc,KAAA;AAAA,EACd,YAAA,GAAe,cAAA;AAAA,EACf,QAAA,GAAW,IAAA;AAAA,EACX,MAAA,GAAS,MAAA;AAAA,EACT,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,WAAW,CAAA;AACpE,EAAA,MAAM,IAAA,GAAO,mBAAmB,QAAA,IAAY,gBAAA,CAAA;AAC5C,EAAA,MAAM,WAAW,KAAA,EAAM;AAEvB,EAAA,MAAM,gBAAA,GAAmB,CAAC,QAAA,KAAsB;AAC9C,IAAA,IAAI,cAAA,KAAmB,MAAA,EAAW,mBAAA,CAAoB,QAAQ,CAAA;AAC9D,IAAA,YAAA,CAAa,QAAQ,CAAA;AAAA,EACvB,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,eAAA,CAAgB,QAAA,EAAhB,EAAyB,OAAO,EAAE,IAAA,EAAM,QAAA,EAAU,MAAA,EAAQ,QAAQ,MAAM,gBAAA,CAAiB,CAAC,IAAI,GAAE,EAC/F,QAAA,kBAAA,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA,EAAc,gBAAA;AAAA,MACd,SAAA,EAAW,EAAA,CAAG,oBAAA,EAAsB,SAAS,CAAA;AAAA,MAC7C,IAAA,EAAK,OAAA;AAAA,MACL,aAAW,MAAA,KAAW,SAAA;AAAA,MACtB,cAAA,EAAc,WAAW,OAAA,IAAW,MAAA;AAAA,MACpC,kBAAA,EAAkB,MAAA,KAAW,MAAA,GAAS,MAAA,GAAY,QAAA;AAAA,MAClD,aAAA,EAAa,MAAA;AAAA,MACZ,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,6BACA,MAAA,EAAA,EAAK,EAAA,EAAI,UAAU,SAAA,EAAU,SAAA,EAAU,aAAU,QAAA,EAC/C,QAAA,EAAA;AAAA,UAAA,MAAA,KAAW,SAAA,IAAa,SAAA;AAAA,UACxB,WAAW,OAAA,IAAW;AAAA,SAAA,EACzB;AAAA;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;AAEO,MAAM,kBAAkB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,OAAM,KAA6B;AAC3F,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,WAAA,EAAY;AACjC,EAAA,MAAM,SAAS,KAAA,EAAM;AAErB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,8FAAA;AAAA,QACA,QAAA,IAAY,eAAA;AAAA,QACZ;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,oBACC,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,iBAAA,EAAiB,MAAA;AAAA,YACjB,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,wBAEF,GAAA,CAAC,SAAI,EAAA,EAAI,MAAA,EAAQ,WAAW,EAAA,CAAG,QAAA,IAAY,8BAA8B,CAAA,EACtE,QAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;AAEO,MAAM,iBAAiB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,OAAM,KAA8B;AAC3F,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,WAAA,EAAY;AAE/B,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,QAAQ,MAAA,KAAW,SAAA;AAAA,MACnB,SAAA,EAAW,EAAA,CAAG,oDAAA,EAAsD,SAAS,CAAA;AAAA,MAC5E,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,kBAAkB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,OAAM,KAA8B;AAC5F,EAAA,MAAM,EAAE,QAAA,EAAU,MAAA,EAAO,GAAI,WAAA,EAAY;AAEzC,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,gDAAA,EAAkD,QAAA,IAAY,kBAAkB,SAAS,CAAA;AAAA,MACvG,OAAA,EAAS,WAAW,MAAA,GAAS,MAAA;AAAA,MAC5B,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,eAAe,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAA8B;AAC/E,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,WAAA,EAAY;AAE/B,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,gHAAA;AAAA,QACA,MAAA,KAAW,UAAU,4BAAA,GAA+B,kBAAA;AAAA,QACpD;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,yBACjD,GAAA,EAAA,EAAI,EAAA,EAAG,QAAO,OAAA,EAAQ,SAAA,EAAU,MAAK,OAAA,EAAQ,SAAA,EAAW,GAAG,+BAAA,EAAiC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAQ/G,MAAM,cAAA,GAAiB,CAAC,EAAE,IAAA,GAAO,MAAA,EAAQ,OAAO,KAAA,EAAO,SAAA,EAAW,GAAG,KAAA,EAAM,KAA2B;AAC3G,EAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,MAAA;AAAA,MACH,OAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAM,IAAA,KAAS,MAAA,GAAS,MAAA,GAAS,MAAA;AAAA,MACjC,WAAW,EAAA,CAAG,SAAA,EAAW,OAAO,aAAA,GAAgB,UAAA,EAAY,UAAU,SAAS,CAAA;AAAA,MAC9E,GAAG;AAAA;AAAA,GACN;AAEJ;AAEO,MAAM,eAAA,GAAkB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACpD,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAOzE,MAAM,iBAAiB,CAAC,EAAE,MAAM,SAAA,EAAW,GAAG,OAAM,qBACzD,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,aAAA,EAAW,IAAA;AAAA,IACX,SAAA,EAAW,EAAA,CAAG,gBAAA,EAAkB,IAAA,IAAQ,2DAA2D,SAAS,CAAA;AAAA,IAC3G,GAAG;AAAA;AACN;AAGK,MAAM,gBAAA,GAAmB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACrD,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAGpE,MAAM,qBAAqB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,OAAM,KAA8B;AAC/F,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAS,GAAI,WAAA,EAAY;AAEvC,EAAA,uBACE,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,oDAAoD,SAAS,CAAA,EAAI,GAAG,KAAA,EACtF,QAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA,QACT,2GAAA;AAAA,QACA,yFAAA;AAAA,QACA,IAAA,IAAQ,iCAAA;AAAA,QACR,CAAC,QAAA,IAAY;AAAA,OACf;AAAA,MAEC,QAAA,EAAA,QAAA,oBAAY,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI;AAAA;AAAA,GACvC,EACF,CAAA;AAEJ;AAaO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA6B;AAC3B,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,WAAA,EAAY;AAC/B,EAAA,MAAM,SAAA,GAAY,QAAQ,MAAM,CAAA;AAEhC,EAAA,uBACE,IAAA,CAAC,cAAA,EAAA,EAAgB,GAAG,KAAA,EAClB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,mBAAiB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,oBAC1B,GAAA,CAAC,gBAAc,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,yBACnB,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,UAAA,EAAY,SAAA,IAAa,4DAA4D,CAAA,EACvG,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAc,SAAA,EAAW,EAAA,CAAG,eAAe,2BAA2B,CAAA,EAAI,yBAAe,KAAA,EAAM,CAAA;AAAA,MAC/F,MAAA;AAAA,MACA,CAAC,WAAA,IAAe,MAAA,oBACf,GAAA,CAAC,kBAAe,IAAA,EAAM,UAAA,EAAY,IAAA,EAAM,UAAA,EAAY,SAAA,EAAW,EAAA,CAAG,SAAA,IAAa,eAAe,GAC3F,QAAA,EAAA,MAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,wBACC,cAAA,EAAA,EAAe,SAAA,EAAW,EAAA,CAAG,SAAA,IAAa,WAAW,CAAA,EAAG,CAAA;AAAA,IACxD,MAAA,KAAW,OAAA,oBACV,GAAA,CAAC,gBAAA,EAAA,EACC,8BAAC,CAAA,EAAA,EAAE,IAAA,EAAM,EAAA,EAAI,IAAA,EAAK,KAAA,EAAM,YAAA,EAAW,QAAA,EAAS,SAAA,EAAU,uCAAsC,CAAA,EAC9F,CAAA;AAAA,wBAED,kBAAA,EAAA,EAAmB;AAAA,GAAA,EACtB,CAAA;AAEJ;AAEO,MAAM,eAAA,GAAkB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,qBAC9D,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,oBAAA,EAAsB,GAAG,KAAA,EACrD,QAAA,kBAAA,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA;AAAA,MACT,4NAAA;AAAA,MACA;AAAA,KACF;AAAA,IAEC;AAAA;AACH,CAAA,EACF;AAcK,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,MAAM,KAAA,GAAQ,WAAA,IAAe,OAAA,CAAQ,QAAQ,CAAA;AAE7C,EAAA,uBACE,IAAA,CAAC,YAAU,GAAG,KAAA,EAAO,UAAU,KAAA,EAAO,IAAA,EAAM,WAAA,GAAc,MAAA,GAAY,IAAA,EACpE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,QACA,UAAA;AAAA,QACA,YAAY,CAAC,KAAA;AAAA,QACb;AAAA;AAAA,KACF,EACF,CAAA;AAAA,IACC,QAAA,oBAAY,GAAA,CAAC,eAAA,EAAA,EAAiB,QAAA,EAAS;AAAA,GAAA,EAC1C,CAAA;AAEJ;;;;"}

package/dist/activity.css

@@ -33,7 +33,7 @@
   --belt-sway: 0;
   --wick-fill: 0;
   --wick-drift: 1;
-  --belt-hue: var(--positive1);
+  --belt-hue: var(--success-bright);
 }
 
 .session-initializing {
@@ -41,7 +41,7 @@
   --belt-sway: 0;
   --wick-fill: 0;
   --wick-drift: 1;
-  --belt-hue: var(--warning1);
+  --belt-hue: var(--session-initializing);
 }
 
 .session-ready {
@@ -49,7 +49,7 @@
   --belt-sway: 1;
   --wick-fill: 1;
   --wick-drift: 0;
-  --belt-hue: var(--accent3);
+  --belt-hue: var(--info-bright);
 }
 
 .session-belt {

package/dist/alert-dialog-BcOSIOSW.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const alertDialog = require('@base-ui/react/alert-dialog');
+const Button = require('./Button-BnmR2HRc.cjs');
+const dialog = require('./dialog-DYpOpj9s.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const alertDialogContext = { intent: "default", pending: false };
+function AlertDialog(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContext.Provider, { value: alertDialogContext, children: /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Root, { ...props }) });
+}
+function AlertDialogContent({ className, size = "sm", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      alertDialog.AlertDialog.Popup,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: utils_cn.cn(dialog.dialogPopupClassName, dialog.dialogContentSizeClasses[size], className),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogAction({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    alertDialog.AlertDialog.Close,
+    {
+      render: /* @__PURE__ */ jsxRuntime.jsx(
+        Button.Button,
+        {
+          variant: "primary",
+          size: "md",
+          className: utils_cn.cn(dialog.dialogActionLayoutClasses, dialog.dialogActionSizeClasses.md),
+          children
+        }
+      ),
+      ...props
+    }
+  );
+}
+AlertDialog.Trigger = alertDialog.AlertDialog.Trigger;
+AlertDialog.Content = AlertDialogContent;
+AlertDialog.Header = dialog.DialogHeader;
+AlertDialog.Footer = dialog.DialogFooter;
+AlertDialog.Body = dialog.DialogBody;
+AlertDialog.Title = dialog.DialogTitle;
+AlertDialog.Description = dialog.DialogDescription;
+AlertDialog.Action = AlertDialogAction;
+AlertDialog.Cancel = dialog.DialogCancel;
+
+exports.AlertDialog = AlertDialog;
+//# sourceMappingURL=alert-dialog-BcOSIOSW.cjs.map

package/dist/alert-dialog-BcOSIOSW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-BcOSIOSW.cjs","sources":["../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\n\nimport { Button } from '@/ds/components/Button';\nimport {\n  DialogBody,\n  DialogCancel,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport {\n  DialogContext,\n  dialogActionLayoutClasses,\n  dialogActionSizeClasses,\n} from '@/ds/components/Dialog/dialog-context';\nimport type { DialogContextValue } from '@/ds/components/Dialog/dialog-context';\nimport { dialogContentSizeClasses, dialogPopupClassName } from '@/ds/components/Dialog/dialog-shell';\nimport type { DialogSize } from '@/ds/components/Dialog/dialog-shell';\nimport { cn } from '@/lib/utils';\n\nconst alertDialogContext: DialogContextValue = { intent: 'default', pending: false };\n\nfunction AlertDialog(props: AlertDialogPrimitive.Root.Props) {\n  return (\n    <DialogContext.Provider value={alertDialogContext}>\n      <AlertDialogPrimitive.Root {...props} />\n    </DialogContext.Provider>\n  );\n}\n\ntype AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n  size?: DialogSize;\n};\n\nfunction AlertDialogContent({ className, size = 'sm', ...props }: AlertDialogContentProps) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <AlertDialogPrimitive.Popup\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(dialogPopupClassName, dialogContentSizeClasses[size], className)}\n        {...props}\n      />\n    </DialogPortal>\n  );\n}\n\nfunction AlertDialogAction({ children, ...props }: AlertDialogPrimitive.Close.Props) {\n  return (\n    <AlertDialogPrimitive.Close\n      render={\n        <Button\n          variant=\"primary\"\n          size=\"md\"\n          className={cn(dialogActionLayoutClasses, dialogActionSizeClasses.md)}\n          children={children}\n        />\n      }\n      {...props}\n    />\n  );\n}\n\nAlertDialog.Trigger = AlertDialogPrimitive.Trigger;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = DialogHeader;\nAlertDialog.Footer = DialogFooter;\nAlertDialog.Body = DialogBody;\nAlertDialog.Title = DialogTitle;\nAlertDialog.Description = DialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = DialogCancel;\n\nexport { AlertDialog };\n"],"names":["jsx","DialogContext","AlertDialogPrimitive","DialogPortal","DialogOverlay","cn","dialogPopupClassName","dialogContentSizeClasses","Button","dialogActionLayoutClasses","dialogActionSizeClasses","DialogHeader","DialogFooter","DialogBody","DialogTitle","DialogDescription","DialogCancel"],"mappings":";;;;;;;;AAuBA,MAAM,kBAAA,GAAyC,EAAE,MAAA,EAAQ,SAAA,EAAW,SAAS,KAAA,EAAM;AAEnF,SAAS,YAAY,KAAA,EAAwC;AAC3D,EAAA,uBACEA,cAAA,CAACC,oBAAA,CAAc,QAAA,EAAd,EAAuB,KAAA,EAAO,kBAAA,EAC7B,QAAA,kBAAAD,cAAA,CAACE,uBAAA,CAAqB,IAAA,EAArB,EAA2B,GAAG,KAAA,EAAO,CAAA,EACxC,CAAA;AAEJ;AAOA,SAAS,mBAAmB,EAAE,SAAA,EAAW,OAAO,IAAA,EAAM,GAAG,OAAM,EAA4B;AACzF,EAAA,uCACGC,mBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAH,cAAA,CAACI,oBAAA,EAAA,EAAc,CAAA;AAAA,oBACfJ,cAAA;AAAA,MAACE,uBAAA,CAAqB,KAAA;AAAA,MAArB;AAAA,QACC,WAAA,EAAU,sBAAA;AAAA,QACV,WAAA,EAAW,IAAA;AAAA,QACX,WAAWG,WAAA,CAAGC,2BAAA,EAAsBC,+BAAA,CAAyB,IAAI,GAAG,SAAS,CAAA;AAAA,QAC5E,GAAG;AAAA;AAAA;AACN,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,iBAAA,CAAkB,EAAE,QAAA,EAAU,GAAG,OAAM,EAAqC;AACnF,EAAA,uBACEP,cAAA;AAAA,IAACE,uBAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,MAAA,kBACEF,cAAA;AAAA,QAACQ,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,SAAA,EAAWH,WAAA,CAAGI,gCAAA,EAA2BC,8BAAA,CAAwB,EAAE,CAAA;AAAA,UACnE;AAAA;AAAA,OACF;AAAA,MAED,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,WAAA,CAAY,UAAUR,uBAAA,CAAqB,OAAA;AAC3C,WAAA,CAAY,OAAA,GAAU,kBAAA;AACtB,WAAA,CAAY,MAAA,GAASS,mBAAA;AACrB,WAAA,CAAY,MAAA,GAASC,mBAAA;AACrB,WAAA,CAAY,IAAA,GAAOC,iBAAA;AACnB,WAAA,CAAY,KAAA,GAAQC,kBAAA;AACpB,WAAA,CAAY,WAAA,GAAcC,wBAAA;AAC1B,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,MAAA,GAASC,mBAAA;;;;"}