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

package/dist/SessionExpired-C2NfmuTN.cjs

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

package/dist/SessionExpired-C2NfmuTN.cjs.map

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

package/dist/SessionExpired-C_J0XX8S.js

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

package/dist/SessionExpired-C_J0XX8S.js.map

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

package/dist/Txt-23XtxAlc.js

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

package/dist/Txt-23XtxAlc.js.map

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

package/dist/Txt-BZXvaPLR.cjs

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

package/dist/Txt-BZXvaPLR.cjs.map

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

package/dist/activity-DP2I8sw_.js

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

package/dist/activity-DP2I8sw_.js.map

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

package/dist/activity-qA_Yy7v6.cjs

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

package/dist/activity-qA_Yy7v6.cjs.map

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

package/dist/activity.css

@@ -0,0 +1,365 @@
+@property --belt-pitch {
+  syntax: '<length>';
+  inherits: true;
+  initial-value: 9px;
+}
+
+@property --belt-sway {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 0;
+}
+
+@property --belt-hue {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: currentcolor;
+}
+
+@property --wick-fill {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 0;
+}
+
+@property --wick-drift {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 1;
+}
+
+.session-working {
+  --belt-pitch: 9px;
+  --belt-sway: 0;
+  --wick-fill: 0;
+  --wick-drift: 1;
+  --belt-hue: var(--positive1);
+}
+
+.session-initializing {
+  --belt-pitch: 9px;
+  --belt-sway: 0;
+  --wick-fill: 0;
+  --wick-drift: 1;
+  --belt-hue: var(--warning1);
+}
+
+.session-ready {
+  --belt-pitch: 0px;
+  --belt-sway: 1;
+  --wick-fill: 1;
+  --wick-drift: 0;
+  --belt-hue: var(--accent3);
+}
+
+.session-belt {
+  --belt-beat: 1.4s;
+
+  transition:
+    --belt-pitch 700ms cubic-bezier(0.4, 0, 0.2, 1),
+    --belt-sway 700ms cubic-bezier(0.4, 0, 0.2, 1),
+    --belt-hue 520ms ease;
+}
+
+.session-belt {
+  position: absolute;
+  inset-block: 4px;
+  left: 3px;
+  width: 6px;
+  overflow: hidden;
+  mask: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
+}
+
+.session-belt-sway {
+  position: absolute;
+  inset: 0;
+  animation: session-belt-sway calc(var(--belt-beat) * 4) ease-in-out infinite;
+}
+
+.session-belt-sway i {
+  position: absolute;
+  top: calc(var(--belt-k) * 9px - 9px);
+  left: 50%;
+  width: 2px;
+  height: 6px;
+  margin-left: -1px;
+  border-radius: 999px;
+  background: var(--belt-hue);
+  animation: session-belt-flow calc(var(--belt-beat) * 0.9) linear infinite;
+}
+
+.session-belt-sway i:nth-child(1) {
+  --belt-k: 0;
+}
+
+.session-belt-sway i:nth-child(2) {
+  --belt-k: 1;
+}
+
+.session-belt-sway i:nth-child(3) {
+  --belt-k: 2;
+}
+
+.session-belt-sway i:nth-child(4) {
+  --belt-k: 3;
+}
+
+.session-belt-sway i:nth-child(5) {
+  --belt-k: 4;
+}
+
+@keyframes session-belt-flow {
+  to {
+    transform: translateY(var(--belt-pitch));
+  }
+}
+
+@keyframes session-belt-sway {
+  0%,
+  100% {
+    transform: translateY(calc(-3px * var(--belt-sway)));
+  }
+
+  50% {
+    transform: translateY(calc(3px * var(--belt-sway)));
+  }
+}
+
+@property --wick-a {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 0.5;
+}
+
+@property --wick-b {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 0.5;
+}
+
+@property --wick-c {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 0.5;
+}
+
+.session-wick {
+  --belt-beat: 1.4s;
+  --wick-phase: 0s;
+
+  --wick-hot: white;
+  --wick-lit: 1;
+  --wick-halo: 0.26;
+
+  position: absolute;
+
+  inset: -1px;
+  border-radius: inherit;
+  pointer-events: none;
+
+  animation:
+    session-wick-a 5.2s ease-in-out calc(-1.2s + var(--wick-phase)) infinite,
+    session-wick-b 6.8s ease-in-out calc(-4.7s + var(--wick-phase)) infinite,
+    session-wick-c 8.6s ease-in-out calc(-6.3s + var(--wick-phase)) infinite,
+    session-wick-breathe calc(var(--belt-beat) * 4) ease-in-out var(--wick-phase) infinite;
+  transition:
+    --wick-fill 700ms cubic-bezier(0.4, 0, 0.2, 1),
+    --wick-drift 700ms cubic-bezier(0.4, 0, 0.2, 1),
+    --belt-sway 700ms cubic-bezier(0.4, 0, 0.2, 1),
+    --belt-hue 520ms ease;
+}
+
+.session-wick::before,
+.session-wick::after {
+  --wick-ka: calc((var(--wick-a) - 0.5) * var(--wick-drift));
+  --wick-kb: calc((var(--wick-b) - 0.5) * var(--wick-drift));
+  --wick-kc: calc((var(--wick-c) - 0.5) * var(--wick-drift));
+
+  --wick-beam:
+    radial-gradient(
+      ellipse calc(30% * (1 + 0.5 * var(--wick-ka))) calc(11% * (1 + 0.4 * var(--wick-ka))) at
+        calc(27% + var(--wick-ka) * 58px) 0%,
+      color-mix(
+        in oklab,
+        color-mix(in oklab, var(--wick-hot) 62%, var(--belt-hue)) calc(92% * var(--wick-lit)),
+        transparent
+      ),
+      transparent
+    ),
+    radial-gradient(
+      ellipse calc(26% * (1 + 0.5 * var(--wick-kb))) calc(8% * (1 + 0.4 * var(--wick-kb))) at
+        calc(72% + var(--wick-kb) * 52px) 0%,
+      color-mix(
+        in oklab,
+        color-mix(in oklab, var(--wick-hot) 45%, var(--belt-hue)) calc(62% * var(--wick-lit)),
+        transparent
+      ),
+      transparent
+    ),
+    radial-gradient(
+      ellipse calc(7% * (1 + 0.5 * var(--wick-kc))) calc(26% * (1 + 0.4 * var(--wick-kc))) at 100%
+        calc(34% + var(--wick-kc) * 44px),
+      color-mix(
+        in oklab,
+        color-mix(in oklab, var(--wick-hot) 55%, var(--belt-hue)) calc(82% * var(--wick-lit)),
+        transparent
+      ),
+      transparent
+    ),
+    radial-gradient(
+      ellipse calc(6% * (1 + 0.5 * var(--wick-ka))) calc(20% * (1 + 0.4 * var(--wick-ka))) at 100%
+        calc(74% + var(--wick-ka) * 38px),
+      color-mix(
+        in oklab,
+        color-mix(in oklab, var(--wick-hot) 40%, var(--belt-hue)) calc(58% * var(--wick-lit)),
+        transparent
+      ),
+      transparent
+    ),
+    radial-gradient(
+      ellipse calc(31% * (1 + 0.5 * var(--wick-kb))) calc(9% * (1 + 0.4 * var(--wick-kb))) at
+        calc(66% + var(--wick-kb) * 58px) 100%,
+      color-mix(
+        in oklab,
+        color-mix(in oklab, var(--wick-hot) 58%, var(--belt-hue)) calc(88% * var(--wick-lit)),
+        transparent
+      ),
+      transparent
+    ),
+    radial-gradient(
+      ellipse calc(22% * (1 + 0.5 * var(--wick-kc))) calc(7% * (1 + 0.4 * var(--wick-kc))) at
+        calc(24% + var(--wick-kc) * 48px) 100%,
+      color-mix(
+        in oklab,
+        color-mix(in oklab, var(--wick-hot) 42%, var(--belt-hue)) calc(55% * var(--wick-lit)),
+        transparent
+      ),
+      transparent
+    ),
+    radial-gradient(
+      ellipse calc(7% * (1 + 0.5 * var(--wick-kc))) calc(23% * (1 + 0.4 * var(--wick-kc))) at 0%
+        calc(62% + var(--wick-kc) * 42px),
+      color-mix(
+        in oklab,
+        color-mix(in oklab, var(--wick-hot) 50%, var(--belt-hue)) calc(78% * var(--wick-lit)),
+        transparent
+      ),
+      transparent
+    ),
+    radial-gradient(
+      ellipse calc(6% * (1 + 0.5 * var(--wick-kb))) calc(17% * (1 + 0.4 * var(--wick-kb))) at 0%
+        calc(28% + var(--wick-kb) * 38px),
+      color-mix(
+        in oklab,
+        color-mix(in oklab, var(--wick-hot) 38%, var(--belt-hue)) calc(52% * var(--wick-lit)),
+        transparent
+      ),
+      transparent
+    );
+}
+
+.session-wick::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  padding: 1px;
+  background:
+    var(--wick-beam),
+    linear-gradient(
+      color-mix(in oklab, var(--belt-hue) calc(var(--wick-fill) * 62% * var(--wick-lit)), transparent) 0 0
+    ),
+    linear-gradient(color-mix(in oklab, var(--border1) 50%, transparent) 0 0);
+  mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  mask-composite: exclude;
+}
+
+.session-wick::before {
+  --wick-drift: 0;
+
+  content: '';
+  position: absolute;
+  inset: -6px;
+  border-radius: inherit;
+  background: var(--wick-beam);
+  opacity: var(--wick-halo);
+  filter: blur(9px);
+}
+
+html.light .session-wick {
+  --wick-hot: color-mix(in oklab, black 30%, var(--belt-hue));
+  --wick-lit: 1.15;
+  --wick-halo: 0.16;
+}
+
+:nth-child(2n) > .session-wick {
+  --wick-phase: -1.7s;
+}
+
+:nth-child(3n) > .session-wick {
+  --wick-phase: -3.4s;
+}
+
+:nth-child(5n) > .session-wick {
+  --wick-phase: -0.9s;
+}
+
+@keyframes session-wick-a {
+  0%,
+  100% {
+    --wick-a: 0;
+  }
+
+  50% {
+    --wick-a: 1;
+  }
+}
+
+@keyframes session-wick-b {
+  0%,
+  100% {
+    --wick-b: 0;
+  }
+
+  50% {
+    --wick-b: 1;
+  }
+}
+
+@keyframes session-wick-c {
+  0%,
+  100% {
+    --wick-c: 0;
+  }
+
+  50% {
+    --wick-c: 1;
+  }
+}
+
+@keyframes session-wick-breathe {
+  0%,
+  100% {
+    opacity: calc(1 - 0.5 * var(--belt-sway));
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .session-wick,
+  .session-belt,
+  .session-belt-sway,
+  .session-belt-sway i {
+    transition: none;
+    animation: none;
+  }
+
+  .session-wick.session-initializing {
+    --wick-fill: 0.4;
+  }
+}