@q9labsai/chalk-react 4.1.14 → 4.1.16

package/dist/utils/index.js

@@ -1,6 +1,124 @@
 "use client";
 import {
+  captureFeedbackScreenshot,
+  collectBrowserFeedbackEvidence
+} from "../chunk-FFPNO2MY.js";
+import {
+  Alert02Icon,
+  ArrowDown01Icon,
+  ArrowLeft01Icon,
+  ArrowLeft02Icon,
+  ArrowLeft02Icon2,
+  ArrowRight01Icon,
+  ArrowUp01Icon,
+  Calendar01Icon,
+  CallEnd01Icon,
+  Cancel01Icon,
+  Cancel01Icon2,
+  CancelCircleIcon,
+  CheckmarkCircle02Icon,
+  CircleIcon,
+  Clock01Icon,
+  Clock01Icon2,
+  ColumnIcon,
+  Copy01Icon,
+  Copy01Icon2,
+  Crown01Icon,
+  CrownIcon,
+  Download01Icon,
+  Download01Icon2,
+  Edit02Icon,
+  Edit02Icon2,
+  FileTextIcon,
+  GridIcon,
+  HandIcon,
+  Home01Icon,
+  Home01Icon2,
+  Image01Icon,
+  Image01Icon2,
+  InformationCircleIcon,
+  InformationCircleIcon2,
+  LayoutGridIcon,
+  LayoutTableIcon,
+  Link01Icon,
+  Link01Icon2,
+  Loading01Icon,
+  Mail01Icon,
+  Mail01Icon2,
+  Maximize01Icon,
+  MaximizeScreenIcon,
+  Message01Icon,
+  Message01Icon2,
+  Mic01Icon,
+  Microphone01Icon,
+  MicrophoneOff01Icon,
+  Monitor01Icon,
+  MonitorOffIcon,
+  Moon02Icon,
+  Moon02Icon2,
+  MoreHorizontalIcon,
+  MoreHorizontalIcon2,
+  MoreVerticalIcon,
+  MoreVerticalIcon2,
   PARTICIPANT_GRADIENT_PRESETS,
+  PauseIcon,
+  PauseIcon2,
+  PictureInPictureIcon,
+  Pin01Icon,
+  PinIcon,
+  PlayIcon,
+  PlayIcon2,
+  PlusSignIcon,
+  PlusSignIcon2,
+  QrCode01Icon,
+  QrCode01Icon2,
+  Radio01Icon,
+  RefreshIcon,
+  RefreshIcon2,
+  Search01Icon,
+  Search01Icon2,
+  SentIcon,
+  SentIcon2,
+  Settings01Icon,
+  Settings01Icon2,
+  Share01Icon,
+  Share08Icon,
+  Shield01Icon,
+  Shield02Icon,
+  SignalFull02Icon,
+  SmileIcon,
+  SmileIcon2,
+  SparklesIcon,
+  SparklesIcon2,
+  SquareIcon,
+  StarIcon,
+  StarIcon2,
+  Sun02Icon,
+  TextIcon,
+  ThumbsUpIcon,
+  ThumbsUpIcon2,
+  Tick01Icon,
+  TickDouble01Icon,
+  Upload01Icon,
+  Upload01Icon2,
+  UserAdd01Icon,
+  UserAdd01Icon2,
+  UserGroupIcon,
+  UserGroupIcon2,
+  UserRemove01Icon,
+  UserRemove01Icon2,
+  Video01Icon,
+  Video01Icon2,
+  VideoOffIcon,
+  VolumeHighIcon,
+  VolumeHighIcon2,
+  VolumeMute01Icon,
+  VolumeMute01Icon2,
+  WifiOffIcon,
+  ZoomInAreaIcon,
+  ZoomInIcon,
+  ZoomOutAreaIcon,
+  ZoomOutIcon,
   applyThemeToDocument,
   cn,
   getParticipantAvatarGradient,
@@ -14,11 +132,189 @@ import {
   resolvePortalThemeFromDocument,
   resolveThemeFromDocument,
   subscribeToThemeChanges
-} from "../chunk-A3L7BOCE.js";
+} from "../chunk-S6OVGZD5.js";
+
+// src/utils/animated-icon-renderer.tsx
+import ArrowLeft02IconSvg from "@hugeicons/core-free-icons/ArrowLeft02Icon";
+import Cancel01IconSvg from "@hugeicons/core-free-icons/Cancel01Icon";
+import Clock01IconSvg from "@hugeicons/core-free-icons/Clock01Icon";
+import Copy01IconSvg from "@hugeicons/core-free-icons/Copy01Icon";
+import Crown01IconSvg from "@hugeicons/core-free-icons/CrownIcon";
+import Download01IconSvg from "@hugeicons/core-free-icons/Download01Icon";
+import Edit02IconSvg from "@hugeicons/core-free-icons/Edit02Icon";
+import Home01IconSvg from "@hugeicons/core-free-icons/Home01Icon";
+import Image01IconSvg from "@hugeicons/core-free-icons/Image01Icon";
+import InformationCircleIconSvg from "@hugeicons/core-free-icons/InformationCircleIcon";
+import Link01IconSvg from "@hugeicons/core-free-icons/Link01Icon";
+import Mail01IconSvg from "@hugeicons/core-free-icons/Mail01Icon";
+import MaximizeScreenIconSvg from "@hugeicons/core-free-icons/MaximizeScreenIcon";
+import Message01IconSvg from "@hugeicons/core-free-icons/Message01Icon";
+import Mic01IconSvg from "@hugeicons/core-free-icons/Mic01Icon";
+import Moon02IconSvg from "@hugeicons/core-free-icons/Moon02Icon";
+import MoreHorizontalIconSvg from "@hugeicons/core-free-icons/MoreHorizontalIcon";
+import MoreVerticalIconSvg from "@hugeicons/core-free-icons/MoreVerticalIcon";
+import PauseIconSvg from "@hugeicons/core-free-icons/PauseIcon";
+import PinIconSvg from "@hugeicons/core-free-icons/PinIcon";
+import PlayIconSvg from "@hugeicons/core-free-icons/PlayIcon";
+import PlusSignIconSvg from "@hugeicons/core-free-icons/PlusSignIcon";
+import QrCode01IconSvg from "@hugeicons/core-free-icons/QrCode01Icon";
+import RefreshIconSvg from "@hugeicons/core-free-icons/RefreshIcon";
+import Search01IconSvg from "@hugeicons/core-free-icons/Search01Icon";
+import SentIconSvg from "@hugeicons/core-free-icons/SentIcon";
+import Settings01IconSvg from "@hugeicons/core-free-icons/Settings01Icon";
+import Share01IconSvg from "@hugeicons/core-free-icons/Share01Icon";
+import Shield01IconSvg from "@hugeicons/core-free-icons/Shield01Icon";
+import SmileIconSvg from "@hugeicons/core-free-icons/SmileIcon";
+import SparklesIconSvg from "@hugeicons/core-free-icons/SparklesIcon";
+import StarIconSvg from "@hugeicons/core-free-icons/StarIcon";
+import ThumbsUpIconSvg from "@hugeicons/core-free-icons/ThumbsUpIcon";
+import Upload01IconSvg from "@hugeicons/core-free-icons/Upload01Icon";
+import UserAdd01IconSvg from "@hugeicons/core-free-icons/UserAdd01Icon";
+import UserGroupIconSvg from "@hugeicons/core-free-icons/UserGroupIcon";
+import UserRemove01IconSvg from "@hugeicons/core-free-icons/UserRemove01Icon";
+import Video01IconSvg from "@hugeicons/core-free-icons/Video01Icon";
+import VolumeHighIconSvg from "@hugeicons/core-free-icons/VolumeHighIcon";
+import VolumeMute01IconSvg from "@hugeicons/core-free-icons/VolumeMute01Icon";
+import ZoomInAreaIconSvg from "@hugeicons/core-free-icons/ZoomInAreaIcon";
+import ZoomOutAreaIconSvg from "@hugeicons/core-free-icons/ZoomOutAreaIcon";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { jsx } from "react/jsx-runtime";
+function getIconKey(icon) {
+  return JSON.stringify(icon);
+}
+var animatedIcons = /* @__PURE__ */ new Map([
+  [getIconKey(ArrowLeft02IconSvg), ArrowLeft02Icon],
+  [getIconKey(Cancel01IconSvg), Cancel01Icon],
+  [getIconKey(Clock01IconSvg), Clock01Icon],
+  [getIconKey(Copy01IconSvg), Copy01Icon],
+  [getIconKey(Crown01IconSvg), CrownIcon],
+  [getIconKey(Download01IconSvg), Download01Icon],
+  [getIconKey(Edit02IconSvg), Edit02Icon],
+  [getIconKey(Home01IconSvg), Home01Icon],
+  [getIconKey(Image01IconSvg), Image01Icon],
+  [getIconKey(InformationCircleIconSvg), InformationCircleIcon],
+  [getIconKey(Link01IconSvg), Link01Icon],
+  [getIconKey(Mail01IconSvg), Mail01Icon],
+  [getIconKey(MaximizeScreenIconSvg), MaximizeScreenIcon],
+  [getIconKey(Message01IconSvg), Message01Icon],
+  [getIconKey(Mic01IconSvg), Mic01Icon],
+  [getIconKey(Moon02IconSvg), Moon02Icon],
+  [getIconKey(MoreHorizontalIconSvg), MoreHorizontalIcon],
+  [getIconKey(MoreVerticalIconSvg), MoreVerticalIcon],
+  [getIconKey(PauseIconSvg), PauseIcon],
+  [getIconKey(PinIconSvg), PinIcon],
+  [getIconKey(PlayIconSvg), PlayIcon],
+  [getIconKey(PlusSignIconSvg), PlusSignIcon],
+  [getIconKey(QrCode01IconSvg), QrCode01Icon],
+  [getIconKey(RefreshIconSvg), RefreshIcon],
+  [getIconKey(Search01IconSvg), Search01Icon],
+  [getIconKey(SentIconSvg), SentIcon],
+  [getIconKey(Settings01IconSvg), Settings01Icon],
+  [getIconKey(Share01IconSvg), Share08Icon],
+  [getIconKey(Shield01IconSvg), Shield02Icon],
+  [getIconKey(SmileIconSvg), SmileIcon],
+  [getIconKey(SparklesIconSvg), SparklesIcon],
+  [getIconKey(StarIconSvg), StarIcon],
+  [getIconKey(ThumbsUpIconSvg), ThumbsUpIcon],
+  [getIconKey(Upload01IconSvg), Upload01Icon],
+  [getIconKey(UserAdd01IconSvg), UserAdd01Icon],
+  [getIconKey(UserGroupIconSvg), UserGroupIcon],
+  [getIconKey(UserRemove01IconSvg), UserRemove01Icon],
+  [getIconKey(Video01IconSvg), Video01Icon],
+  [getIconKey(VolumeHighIconSvg), VolumeHighIcon],
+  [getIconKey(VolumeMute01IconSvg), VolumeMute01Icon],
+  [getIconKey(ZoomInAreaIconSvg), ZoomInAreaIcon],
+  [getIconKey(ZoomOutAreaIconSvg), ZoomOutAreaIcon]
+]);
+function AnimatedHugeiconsIcon({ icon, size = 24, strokeWidth, absoluteStrokeWidth = false, color = "currentColor", primaryColor, secondaryColor, disableSecondaryOpacity = false, altIcon, showAlt = false, ...props }) {
+  const supportsAnimatedRendering = !(showAlt && altIcon) && secondaryColor === void 0 && !disableSecondaryOpacity;
+  const AnimatedIcon = supportsAnimatedRendering ? animatedIcons.get(getIconKey(icon)) : void 0;
+  if (!AnimatedIcon) {
+    return /* @__PURE__ */ jsx(HugeiconsIcon, { icon, size, strokeWidth, absoluteStrokeWidth, color, primaryColor, secondaryColor, disableSecondaryOpacity, altIcon, showAlt, ...props });
+  }
+  const calculatedStrokeWidth = strokeWidth === void 0 ? void 0 : absoluteStrokeWidth ? strokeWidth * 24 / Number(size) : strokeWidth;
+  return /* @__PURE__ */ jsx(AnimatedIcon, { ...props, size, color: primaryColor ?? color, strokeWidth: calculatedStrokeWidth });
+}
 export {
+  Alert02Icon,
+  Copy01Icon as AnimatedCopy01Icon,
+  AnimatedHugeiconsIcon,
+  ArrowDown01Icon,
+  ArrowLeft01Icon,
+  ArrowLeft02Icon2 as ArrowLeft02Icon,
+  ArrowRight01Icon,
+  ArrowUp01Icon,
+  Calendar01Icon,
+  CallEnd01Icon,
+  Cancel01Icon2 as Cancel01Icon,
+  CancelCircleIcon,
+  CheckmarkCircle02Icon,
+  CircleIcon,
+  Clock01Icon2 as Clock01Icon,
+  ColumnIcon,
+  Copy01Icon2 as Copy01Icon,
+  Crown01Icon,
+  Download01Icon2 as Download01Icon,
+  Edit02Icon2 as Edit02Icon,
+  FileTextIcon,
+  GridIcon,
+  HandIcon,
+  Home01Icon2 as Home01Icon,
+  Image01Icon2 as Image01Icon,
+  InformationCircleIcon2 as InformationCircleIcon,
+  LayoutGridIcon,
+  LayoutTableIcon,
+  Link01Icon2 as Link01Icon,
+  Loading01Icon,
+  Mail01Icon2 as Mail01Icon,
+  Maximize01Icon,
+  Message01Icon2 as Message01Icon,
+  Microphone01Icon,
+  MicrophoneOff01Icon,
+  Monitor01Icon,
+  MonitorOffIcon,
+  Moon02Icon2 as Moon02Icon,
+  MoreHorizontalIcon2 as MoreHorizontalIcon,
+  MoreVerticalIcon2 as MoreVerticalIcon,
   PARTICIPANT_GRADIENT_PRESETS,
+  PauseIcon2 as PauseIcon,
+  PictureInPictureIcon,
+  Pin01Icon,
+  PlayIcon2 as PlayIcon,
+  PlusSignIcon2 as PlusSignIcon,
+  QrCode01Icon2 as QrCode01Icon,
+  Radio01Icon,
+  RefreshIcon2 as RefreshIcon,
+  Search01Icon2 as Search01Icon,
+  SentIcon2 as SentIcon,
+  Settings01Icon2 as Settings01Icon,
+  Share01Icon,
+  Shield01Icon,
+  SignalFull02Icon,
+  SmileIcon2 as SmileIcon,
+  SparklesIcon2 as SparklesIcon,
+  SquareIcon,
+  StarIcon2 as StarIcon,
+  Sun02Icon,
+  TextIcon,
+  ThumbsUpIcon2 as ThumbsUpIcon,
+  Tick01Icon,
+  TickDouble01Icon,
+  Upload01Icon2 as Upload01Icon,
+  UserAdd01Icon2 as UserAdd01Icon,
+  UserGroupIcon2 as UserGroupIcon,
+  UserRemove01Icon2 as UserRemove01Icon,
+  Video01Icon2 as Video01Icon,
+  VideoOffIcon,
+  VolumeHighIcon2 as VolumeHighIcon,
+  VolumeMute01Icon2 as VolumeMute01Icon,
+  WifiOffIcon,
+  ZoomInIcon,
+  ZoomOutIcon,
   applyThemeToDocument,
+  captureFeedbackScreenshot,
   cn,
+  collectBrowserFeedbackEvidence,
   getParticipantAvatarGradient,
   getParticipantAvatarRecipe,
   getParticipantBorder,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@q9labsai/chalk-react",
-  "version": "4.1.14",
+  "version": "4.1.16",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -29,6 +29,9 @@
       ],
       "*": [
         "./dist/index.d.ts"
+      ],
+      "preview": [
+        "./dist/test-support/index.d.ts"
       ]
     }
   },
@@ -51,6 +54,16 @@
     "./utils": {
       "types": "./dist/utils/index.d.ts",
       "import": "./dist/utils/index.js"
+    },
+    "./headless": {
+      "types": "./dist/headless.d.ts",
+      "import": "./dist/headless.js",
+      "default": "./dist/headless.js"
+    },
+    "./preview": {
+      "types": "./dist/test-support/index.d.ts",
+      "import": "./dist/test-support/index.js",
+      "default": "./dist/test-support/index.js"
     }
   },
   "publishConfig": {
@@ -61,12 +74,15 @@
     "@base-ui/react": "^1.7.0",
     "@hugeicons/core-free-icons": "^4.2.3",
     "@hugeicons/react": "^1.1.9",
-    "@q9labsai/chalk-client": "^4.1.14",
-    "@q9labsai/chalk-ui": "^4.1.14",
-    "@q9labsai/chalk-whiteboard": "^4.1.14",
-    "@q9labsai/facehash": "^4.1.14",
+    "@q9labsai/chalk-client": "^4.1.16",
+    "@q9labsai/chalk-ui": "^4.1.16",
+    "@q9labsai/chalk-whiteboard": "^4.1.16",
+    "@q9labsai/facehash": "^4.1.16",
+    "@q9labsai/recording-presentation": "^0.1.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "modern-screenshot": "^4.7.0",
+    "motion": "^12.43.0",
     "qrcode.react": "^4.2.0",
     "sonner": "^2.0.8",
     "tailwind-merge": "^3.6.0"
@@ -86,10 +102,11 @@
   },
   "peerDependenciesMeta": {},
   "scripts": {
-    "build": "rm -rf ./dist && NODE_ENV=production tsup ./src/index.ts ./src/components/index.ts ./src/components/ui/index.ts ./src/utils/index.ts --format esm --out-dir ./dist --platform browser --external react --external react-dom --external @base-ui/react --external @hugeicons/core-free-icons --external @hugeicons/react --external @q9labsai/chalk-client --external @q9labsai/chalk-ui --external @q9labsai/chalk-ui/reactions --external @q9labsai/chalk-ui/assets --external @q9labsai/chalk-whiteboard --external @q9labsai/facehash --external @q9labsai/facehash/react --external class-variance-authority --external clsx --external sonner --external tailwind-merge && pnpm run build:fix-use-client && pnpm run build:types",
-    "build:fix-use-client": "node -e \"const fs=require('fs');const files=['./dist/index.js','./dist/components/index.js','./dist/components/ui/index.js','./dist/utils/index.js'];for(const f of files){if(!fs.existsSync(f))continue;let c=fs.readFileSync(f,'utf8');c=c.replace(/['\\\"]use client['\\\"];?\\n?/g,'');c='\\\"use client\\\";\\n'+c;fs.writeFileSync(f,c);}\"",
+    "test": "pnpm exec vitest run",
+    "build": "rm -rf ./dist && NODE_ENV=production tsup ./src/index.ts ./src/components/index.ts ./src/components/ui/index.ts ./src/utils/index.ts ./src/headless.ts ./src/test-support/index.ts --format esm --out-dir ./dist --platform browser --external react --external react-dom --external motion --external @base-ui/react --external @hugeicons/core-free-icons --external @hugeicons/react --external @q9labsai/chalk-client --external @q9labsai/recording-presentation --external @q9labsai/chalk-ui --external @q9labsai/chalk-ui/reactions --external @q9labsai/chalk-ui/assets --external @q9labsai/chalk-whiteboard --external @q9labsai/facehash --external @q9labsai/facehash/react --external class-variance-authority --external clsx --external modern-screenshot --external sonner --external tailwind-merge && pnpm run build:fix-use-client && pnpm run build:types",
+    "build:fix-use-client": "node -e \"const fs=require('fs');const files=['./dist/index.js','./dist/components/index.js','./dist/components/ui/index.js','./dist/utils/index.js','./dist/test-support/index.js'];for(const f of files){if(!fs.existsSync(f))continue;let c=fs.readFileSync(f,'utf8');c=c.replace(/['\\\"]use client['\\\"];?\\n?/g,'');c='\\\"use client\\\";\\n'+c;fs.writeFileSync(f,c);}\"",
     "build:types": "rm -f tsconfig.tsbuildinfo && tsc --build tsconfig.json",
-    "dev": "tsup ./src/index.ts ./src/components/index.ts ./src/components/ui/index.ts ./src/utils/index.ts --format esm --out-dir ./dist --platform browser --external react --external react-dom --external @base-ui/react --external @hugeicons/core-free-icons --external @hugeicons/react --external @q9labsai/chalk-client --external @q9labsai/chalk-ui --external @q9labsai/chalk-ui/reactions --external @q9labsai/chalk-ui/assets --external @q9labsai/chalk-whiteboard --external @q9labsai/facehash --external @q9labsai/facehash/react --external class-variance-authority --external clsx --external sonner --external tailwind-merge --watch",
+    "dev": "tsup ./src/index.ts ./src/components/index.ts ./src/components/ui/index.ts ./src/utils/index.ts ./src/headless.ts ./src/test-support/index.ts --format esm --out-dir ./dist --platform browser --external react --external react-dom --external motion --external @base-ui/react --external @hugeicons/core-free-icons --external @hugeicons/react --external @q9labsai/chalk-client --external @q9labsai/recording-presentation --external @q9labsai/chalk-ui --external @q9labsai/chalk-ui/reactions --external @q9labsai/chalk-ui/assets --external @q9labsai/chalk-whiteboard --external @q9labsai/facehash --external @q9labsai/facehash/react --external class-variance-authority --external clsx --external modern-screenshot --external sonner --external tailwind-merge --watch",
     "check-types": "tsc --project tsconfig.check-types.json --noEmit",
     "lint": "pnpm run check:tokens && pnpm exec oxfmt --check . && tsc --project tsconfig.check-types.json --noEmit",
     "check:tokens": "node ./scripts/check-token-reach.mjs",

package/dist/chunk-A3L7BOCE.js

@@ -1,210 +0,0 @@
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/utils/colorGenerator.ts
-var PARTICIPANT_GRADIENT_PRESETS = [
-  { id: "aurora", label: "Aurora", from: "#0ea5e9", to: "#22c55e" },
-  { id: "ember", label: "Ember", from: "#f97316", to: "#ef4444" },
-  { id: "orchid", label: "Orchid", from: "#a855f7", to: "#ec4899" },
-  { id: "cobalt", label: "Cobalt", from: "#2563eb", to: "#14b8a6" },
-  { id: "gold", label: "Gold", from: "#eab308", to: "#f97316" },
-  { id: "slate", label: "Slate", from: "#64748b", to: "#94a3b8" }
-];
-var AUTO_PALETTE = [
-  ["#315f72", "#dcebef"],
-  ["#5c6650", "#e3eadf"],
-  ["#6b5b4f", "#ece3dc"],
-  ["#64576b", "#e8e0ea"],
-  ["#49645d", "#dfeae6"],
-  ["#665d42", "#ebe6d6"],
-  ["#4d5d73", "#e1e6ec"],
-  ["#6d5158", "#eee0e3"]
-];
-function hashIdentity(identity) {
-  let hash = 2166136261;
-  for (const char of identity.trim().toLowerCase() || "chalk") {
-    hash ^= char.charCodeAt(0);
-    hash = Math.imul(hash, 16777619);
-  }
-  return hash >>> 0;
-}
-function resolveGradient(identity = "chalk", preference) {
-  if (preference?.mode === "custom" && preference.from && preference.to) {
-    return [preference.from, preference.to];
-  }
-  return AUTO_PALETTE[hashIdentity(identity) % AUTO_PALETTE.length] ?? ["#64748b", "#94a3b8"];
-}
-function getParticipantInitial(name) {
-  return (name?.trim()?.[0] ?? "?").toUpperCase();
-}
-function getParticipantInitials(name) {
-  const parts = (name ?? "").trim().split(/\s+/).filter(Boolean);
-  const first = parts[0]?.[0] ?? getParticipantInitial(name);
-  const second = parts[1]?.[0] ?? "";
-  return (parts.length > 1 ? first + second : first).toUpperCase();
-}
-function getParticipantColor(identity = "chalk", preference) {
-  const [primary, secondary] = resolveGradient(identity, preference);
-  return {
-    primary,
-    secondary,
-    text: "#ffffff",
-    gradientEnd: secondary
-  };
-}
-function getParticipantGradient(identity = "chalk", preference) {
-  const [primary, secondary] = resolveGradient(identity, preference);
-  return `linear-gradient(135deg, ${primary}, ${secondary})`;
-}
-function getParticipantAvatarGradient(identity = "chalk", preference) {
-  return getParticipantGradient(identity, preference);
-}
-function getParticipantBorder(identity = "chalk", preference) {
-  return getParticipantColor(identity, preference).primary;
-}
-function getParticipantThemeVariables(identity = "chalk", preference) {
-  const colors = getParticipantColor(identity, preference);
-  return {
-    "--primary": colors.primary,
-    "--ring": colors.primary,
-    "--chalk-accent": colors.primary,
-    "--chalk-accent-2": colors.secondary
-  };
-}
-function getParticipantAvatarRecipe(identity = "chalk", preference) {
-  const colors = getParticipantColor(identity, preference);
-  const avatarGradient = getParticipantGradient(identity, preference);
-  return {
-    initials: getParticipantInitials(identity),
-    gradient: avatarGradient,
-    avatarGradient,
-    darkerAvatarGradient: `linear-gradient(135deg, ${colors.primary}, #111827)`,
-    color: colors.primary,
-    border: colors.primary,
-    facehashColors: [colors.primary]
-  };
-}
-
-// src/utils/theme.ts
-var THEME_ATTRIBUTE_NAMES = ["data-chalk-theme", "data-theme"];
-var SYSTEM_DARK_QUERY = "(prefers-color-scheme: dark)";
-var normalizeTheme = (value) => {
-  if (value === "dark" || value === "light") {
-    return value;
-  }
-  return null;
-};
-var resolveThemeFromElement = (element) => {
-  if (!element) return null;
-  for (const attributeName of THEME_ATTRIBUTE_NAMES) {
-    const attributeTheme = normalizeTheme(element.getAttribute(attributeName));
-    if (attributeTheme) return attributeTheme;
-  }
-  const classList = element.classList;
-  if (classList.contains("dark")) return "dark";
-  if (classList.contains("light")) return "light";
-  return null;
-};
-var resolveThemeFromDocument = ({ defaultTheme = "light", allowSystem = true } = {}) => {
-  if (typeof document === "undefined") return defaultTheme;
-  const explicitTheme = resolveThemeFromElement(document.documentElement) ?? resolveThemeFromElement(document.body);
-  if (explicitTheme) return explicitTheme;
-  if (allowSystem && typeof window !== "undefined" && typeof window.matchMedia === "function") {
-    return window.matchMedia(SYSTEM_DARK_QUERY).matches ? "dark" : "light";
-  }
-  return defaultTheme;
-};
-var resolvePortalThemeFromDocument = ({ defaultTheme = "light", allowSystem = true } = {}) => {
-  if (typeof document === "undefined") return defaultTheme;
-  const portalTheme = normalizeTheme(document.querySelector("[data-chalk-theme]")?.getAttribute("data-chalk-theme"));
-  if (portalTheme) return portalTheme;
-  return resolveThemeFromDocument({ defaultTheme, allowSystem });
-};
-var applyThemeToDocument = (theme) => {
-  if (typeof document === "undefined") return;
-  const root = document.documentElement;
-  root.classList.remove("light", "dark");
-  root.classList.add(theme);
-  for (const element of [root, document.body]) {
-    if (!element) continue;
-    for (const attributeName of THEME_ATTRIBUTE_NAMES) {
-      if (element.hasAttribute(attributeName)) {
-        element.setAttribute(attributeName, theme);
-      }
-    }
-  }
-};
-var subscribeToThemeChanges = (onThemeChange, { defaultTheme = "light", allowSystem = true, attributes = ["class", ...THEME_ATTRIBUTE_NAMES] } = {}) => {
-  if (typeof document === "undefined") return () => {
-  };
-  let lastTheme = resolveThemeFromDocument({ defaultTheme, allowSystem });
-  const emitTheme = () => {
-    lastTheme = resolveThemeFromDocument({ defaultTheme, allowSystem });
-    onThemeChange(lastTheme);
-  };
-  const emitThemeIfChanged = () => {
-    const nextTheme = resolveThemeFromDocument({ defaultTheme, allowSystem });
-    if (nextTheme !== lastTheme) {
-      lastTheme = nextTheme;
-      onThemeChange(nextTheme);
-    }
-  };
-  emitTheme();
-  const observer = new MutationObserver((mutations) => {
-    for (const mutation of mutations) {
-      if (mutation.type === "attributes" && attributes.includes(mutation.attributeName ?? "")) {
-        emitTheme();
-        return;
-      }
-    }
-  });
-  const observerOptions = {
-    attributes: true,
-    attributeFilter: [...attributes]
-  };
-  observer.observe(document.documentElement, observerOptions);
-  if (document.body) {
-    observer.observe(document.body, observerOptions);
-  }
-  const intervalId = window.setInterval(emitThemeIfChanged, 250);
-  let mediaQueryList = null;
-  let removeSystemListener = () => {
-  };
-  if (allowSystem && typeof window !== "undefined" && typeof window.matchMedia === "function") {
-    mediaQueryList = window.matchMedia(SYSTEM_DARK_QUERY);
-    const handleChange = () => emitTheme();
-    if (typeof mediaQueryList.addEventListener === "function") {
-      mediaQueryList.addEventListener("change", handleChange);
-      removeSystemListener = () => mediaQueryList?.removeEventListener("change", handleChange);
-    } else if (typeof mediaQueryList.addListener === "function") {
-      mediaQueryList.addListener(handleChange);
-      removeSystemListener = () => mediaQueryList?.removeListener(handleChange);
-    }
-  }
-  return () => {
-    observer.disconnect();
-    removeSystemListener();
-    window.clearInterval(intervalId);
-  };
-};
-
-export {
-  cn,
-  PARTICIPANT_GRADIENT_PRESETS,
-  getParticipantInitial,
-  getParticipantInitials,
-  getParticipantColor,
-  getParticipantGradient,
-  getParticipantAvatarGradient,
-  getParticipantBorder,
-  getParticipantThemeVariables,
-  getParticipantAvatarRecipe,
-  resolveThemeFromDocument,
-  resolvePortalThemeFromDocument,
-  applyThemeToDocument,
-  subscribeToThemeChanges
-};