@zentauri-ui/zentauri-components 2.3.1 → 2.3.2

package/dist/ui/speech-synthesizer/types.d.ts

@@ -0,0 +1,43 @@
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentPropsWithRef } from "react";
+import type { speechSynthesizerBtnVariants, speechSynthesizerVariants } from "./variants";
+export type SpeechSynthesizerVariantProps = VariantProps<typeof speechSynthesizerBtnVariants>;
+export type SpeechSynthesizerState = "idle" | "speaking" | "paused";
+export type SpeechSynthesizerBaseProps = VariantProps<typeof speechSynthesizerVariants> & VariantProps<typeof speechSynthesizerBtnVariants> & ComponentPropsWithRef<"div"> & {
+    text?: string;
+    lang?: string;
+    rate?: number;
+    pitch?: number;
+    volume?: number;
+    autoSpeak?: boolean;
+    onStart?: () => void;
+    onEnd?: () => void;
+    onError?: (error: string) => void;
+    onStateChange?: (state: SpeechSynthesizerState) => void;
+    renderPlay?: (props: {
+        isSpeaking: boolean;
+        isPaused: boolean;
+        state: SpeechSynthesizerState;
+    }) => React.ReactNode;
+    renderPause?: (props: {
+        isSpeaking: boolean;
+        isPaused: boolean;
+        state: SpeechSynthesizerState;
+    }) => React.ReactNode;
+    renderStop?: (props: {
+        isSpeaking: boolean;
+        isPaused: boolean;
+        state: SpeechSynthesizerState;
+    }) => React.ReactNode;
+    showProgress?: boolean;
+    children?: React.ReactNode;
+};
+export type SpeechSynthesizerProps = SpeechSynthesizerBaseProps;
+export type SpeechSynthesizerRef = {
+    speak: () => void;
+    pause: () => void;
+    resume: () => void;
+    stop: () => void;
+    state: SpeechSynthesizerState;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/speech-synthesizer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/speech-synthesizer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAO,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EACV,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,6BAA6B,GAAG,YAAY,CACtD,OAAO,4BAA4B,CACpC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEpE,MAAM,MAAM,0BAA0B,GAAG,YAAY,CACnD,OAAO,yBAAyB,CACjC,GACC,YAAY,CAAC,OAAO,4BAA4B,CAAC,GACjD,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QACnB,UAAU,EAAE,OAAO,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;QAClB,KAAK,EAAE,sBAAsB,CAAC;KAC/B,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,UAAU,EAAE,OAAO,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;QAClB,KAAK,EAAE,sBAAsB,CAAC;KAC/B,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QACnB,UAAU,EAAE,OAAO,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;QAClB,KAAK,EAAE,sBAAsB,CAAC;KAC/B,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,sBAAsB,CAAC;CAC/B,CAAC"}

package/dist/ui/speech-synthesizer/variants.d.ts

@@ -0,0 +1,13 @@
+export declare const speechSynthesizerVariants: (props?: ({
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const speechSynthesizerBtnVariants: (props?: ({
+    appearance?: "default" | "muted" | "sky" | "emerald" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "blue" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "zinc" | "subtle" | "primary" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const speechSynthesizerTextClasses: string;
+export declare const speechSynthesizerControlsClasses: string;
+export declare const speechSynthesizerBtnActiveClasses: string;
+export declare const speechSynthesizerProgressClasses: string;
+export declare const speechSynthesizerProgressBarClasses: string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/speech-synthesizer/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/speech-synthesizer/variants.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,yBAAyB;;8EAUrC,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;8EAYxC,CAAC;AAEF,eAAO,MAAM,4BAA4B,QACD,CAAC;AAEzC,eAAO,MAAM,gCAAgC,QACD,CAAC;AAE7C,eAAO,MAAM,iCAAiC,QACL,CAAC;AAE1C,eAAO,MAAM,gCAAgC,QACD,CAAC;AAE7C,eAAO,MAAM,mCAAmC,QACD,CAAC"}

package/dist/ui/speech-synthesizer.js

@@ -0,0 +1,220 @@
+"use client";
+'use strict';
+
+var chunkDUKHIN2W_js = require('../chunk-DUKHIN2W.js');
+require('../chunk-HJ7EFBED.js');
+var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function DefaultPlayIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "size-5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 5v14l11-7z" }) });
+}
+function DefaultPauseIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "size-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "6", y: "4", width: "4", height: "16" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "4", width: "4", height: "16" })
+  ] });
+}
+function DefaultStopIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "size-5", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "6", y: "6", width: "12", height: "12" }) });
+}
+function SpeechSynthesizerBase({
+  appearance,
+  size,
+  text,
+  lang,
+  rate = 1,
+  pitch = 1,
+  volume = 1,
+  autoSpeak = false,
+  onStart,
+  onEnd,
+  onError,
+  onStateChange,
+  renderPlay,
+  renderPause,
+  renderStop,
+  showProgress = false,
+  className,
+  children,
+  ...rest
+}) {
+  const [state, setState] = react.useState("idle");
+  const utteranceRef = react.useRef(null);
+  const stateRef = react.useRef("idle");
+  const localRef = react.useRef(null);
+  const setStateSafe = react.useCallback(
+    (newState) => {
+      stateRef.current = newState;
+      setState(newState);
+      onStateChange?.(newState);
+    },
+    [onStateChange]
+  );
+  const speak = react.useCallback(() => {
+    if (!text || typeof window === "undefined") return;
+    window.speechSynthesis.cancel();
+    const utterance = new SpeechSynthesisUtterance(text);
+    if (lang) utterance.lang = lang;
+    utterance.rate = rate;
+    utterance.pitch = pitch;
+    utterance.volume = volume;
+    utterance.onstart = () => {
+      setStateSafe("speaking");
+      onStart?.();
+    };
+    utterance.onend = () => {
+      setStateSafe("idle");
+      onEnd?.();
+    };
+    utterance.onerror = (event) => {
+      setStateSafe("idle");
+      onError?.(event.error);
+    };
+    utterance.onpause = () => setStateSafe("paused");
+    utterance.onresume = () => setStateSafe("speaking");
+    utteranceRef.current = utterance;
+    window.speechSynthesis.speak(utterance);
+  }, [text, lang, rate, pitch, volume, onStart, onEnd, onError, setStateSafe]);
+  const pause = react.useCallback(() => {
+    if (typeof window !== "undefined") {
+      window.speechSynthesis.pause();
+    }
+  }, []);
+  const resume = react.useCallback(() => {
+    if (typeof window !== "undefined") {
+      window.speechSynthesis.resume();
+    }
+  }, []);
+  const stop = react.useCallback(() => {
+    if (typeof window !== "undefined" && window.speechSynthesis) {
+      window.speechSynthesis.cancel();
+    }
+    setStateSafe("idle");
+  }, [setStateSafe]);
+  const imperativeHandle = {
+    speak,
+    pause,
+    resume,
+    stop,
+    get state() {
+      return stateRef.current;
+    }
+  };
+  react.useImperativeHandle(rest.ref, () => imperativeHandle, [
+    speak,
+    pause,
+    resume,
+    stop
+  ]);
+  react.useEffect(() => {
+    if (autoSpeak && text) speak();
+    return () => {
+      if (typeof window !== "undefined" && window.speechSynthesis) {
+        window.speechSynthesis.cancel();
+      }
+    };
+  }, []);
+  const isSpeaking = state === "speaking";
+  const isPaused = state === "paused";
+  const showPlay = state === "idle" || state === "paused";
+  const showPause = state === "speaking";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: localRef,
+      "data-slot": "speech-synthesizer",
+      className: chunkZS5756ZC_js.cn(chunkDUKHIN2W_js.speechSynthesizerVariants({ size }), className),
+      ...rest,
+      children: [
+        text && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            "data-slot": "speech-synthesizer-text",
+            className: chunkDUKHIN2W_js.speechSynthesizerTextClasses,
+            children: text
+          }
+        ),
+        showProgress && isSpeaking && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "speech-synthesizer-progress",
+            className: chunkDUKHIN2W_js.speechSynthesizerProgressClasses,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "data-slot": "speech-synthesizer-progress-bar",
+                className: chunkZS5756ZC_js.cn(
+                  chunkDUKHIN2W_js.speechSynthesizerProgressBarClasses,
+                  "w-full animate-pulse"
+                ),
+                style: { width: "100%" }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-slot": "speech-synthesizer-controls",
+            className: chunkDUKHIN2W_js.speechSynthesizerControlsClasses,
+            children: [
+              showPlay && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "speech-synthesizer-play-btn",
+                  className: chunkZS5756ZC_js.cn(
+                    chunkDUKHIN2W_js.speechSynthesizerBtnVariants({ appearance, size }),
+                    isPaused && chunkDUKHIN2W_js.speechSynthesizerBtnActiveClasses
+                  ),
+                  onClick: isPaused ? resume : speak,
+                  "aria-label": isPaused ? "Resume" : "Play",
+                  children: renderPlay ? renderPlay({ isSpeaking, isPaused, state }) : /* @__PURE__ */ jsxRuntime.jsx(DefaultPlayIcon, {})
+                }
+              ),
+              showPause && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "speech-synthesizer-pause-btn",
+                  className: chunkDUKHIN2W_js.speechSynthesizerBtnVariants({ appearance, size }),
+                  onClick: pause,
+                  "aria-label": "Pause",
+                  children: renderPause ? renderPause({ isSpeaking, isPaused, state }) : /* @__PURE__ */ jsxRuntime.jsx(DefaultPauseIcon, {})
+                }
+              ),
+              (isSpeaking || isPaused) && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "speech-synthesizer-stop-btn",
+                  className: chunkDUKHIN2W_js.speechSynthesizerBtnVariants({ appearance, size }),
+                  onClick: stop,
+                  "aria-label": "Stop",
+                  children: renderStop ? renderStop({ isSpeaking, isPaused, state }) : /* @__PURE__ */ jsxRuntime.jsx(DefaultStopIcon, {})
+                }
+              )
+            ]
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+SpeechSynthesizerBase.displayName = "SpeechSynthesizer";
+
+Object.defineProperty(exports, "speechSynthesizerBtnVariants", {
+  enumerable: true,
+  get: function () { return chunkDUKHIN2W_js.speechSynthesizerBtnVariants; }
+});
+Object.defineProperty(exports, "speechSynthesizerVariants", {
+  enumerable: true,
+  get: function () { return chunkDUKHIN2W_js.speechSynthesizerVariants; }
+});
+exports.SpeechSynthesizer = SpeechSynthesizerBase;
+//# sourceMappingURL=speech-synthesizer.js.map
+//# sourceMappingURL=speech-synthesizer.js.map

package/dist/ui/speech-synthesizer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/speech-synthesizer/speech-synthesizer-base.tsx"],"names":["jsx","useState","useRef","useCallback","useImperativeHandle","useEffect","jsxs","cn","speechSynthesizerVariants","speechSynthesizerTextClasses","speechSynthesizerProgressClasses","speechSynthesizerProgressBarClasses","speechSynthesizerControlsClasses","speechSynthesizerBtnVariants","speechSynthesizerBtnActiveClasses"],"mappings":"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","file":"speech-synthesizer.js","sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  SpeechSynthesizerBaseProps,\n  SpeechSynthesizerRef,\n  SpeechSynthesizerState,\n} from \"./types\";\nimport {\n  speechSynthesizerBtnActiveClasses,\n  speechSynthesizerBtnVariants,\n  speechSynthesizerControlsClasses,\n  speechSynthesizerProgressBarClasses,\n  speechSynthesizerProgressClasses,\n  speechSynthesizerTextClasses,\n  speechSynthesizerVariants,\n} from \"./variants\";\n\nfunction DefaultPlayIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"size-5\">\n      <path d=\"M8 5v14l11-7z\" />\n    </svg>\n  );\n}\n\nfunction DefaultPauseIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"size-5\">\n      <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" />\n      <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" />\n    </svg>\n  );\n}\n\nfunction DefaultStopIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"size-5\">\n      <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" />\n    </svg>\n  );\n}\n\nexport function SpeechSynthesizerBase({\n  appearance,\n  size,\n  text,\n  lang,\n  rate = 1,\n  pitch = 1,\n  volume = 1,\n  autoSpeak = false,\n  onStart,\n  onEnd,\n  onError,\n  onStateChange,\n  renderPlay,\n  renderPause,\n  renderStop,\n  showProgress = false,\n  className,\n  children,\n  ...rest\n}: SpeechSynthesizerBaseProps) {\n  const [state, setState] = useState<SpeechSynthesizerState>(\"idle\");\n  const utteranceRef = useRef<SpeechSynthesisUtterance | null>(null);\n  const stateRef = useRef<SpeechSynthesizerState>(\"idle\");\n  const localRef = useRef<HTMLDivElement>(null);\n\n  const setStateSafe = useCallback(\n    (newState: SpeechSynthesizerState) => {\n      stateRef.current = newState;\n      setState(newState);\n      onStateChange?.(newState);\n    },\n    [onStateChange],\n  );\n\n  const speak = useCallback(() => {\n    if (!text || typeof window === \"undefined\") return;\n    window.speechSynthesis.cancel();\n\n    const utterance = new SpeechSynthesisUtterance(text);\n    if (lang) utterance.lang = lang;\n    utterance.rate = rate;\n    utterance.pitch = pitch;\n    utterance.volume = volume;\n\n    utterance.onstart = () => {\n      setStateSafe(\"speaking\");\n      onStart?.();\n    };\n    utterance.onend = () => {\n      setStateSafe(\"idle\");\n      onEnd?.();\n    };\n    utterance.onerror = (event) => {\n      setStateSafe(\"idle\");\n      onError?.(event.error);\n    };\n    utterance.onpause = () => setStateSafe(\"paused\");\n    utterance.onresume = () => setStateSafe(\"speaking\");\n\n    utteranceRef.current = utterance;\n    window.speechSynthesis.speak(utterance);\n  }, [text, lang, rate, pitch, volume, onStart, onEnd, onError, setStateSafe]);\n\n  const pause = useCallback(() => {\n    if (typeof window !== \"undefined\") {\n      window.speechSynthesis.pause();\n    }\n  }, []);\n\n  const resume = useCallback(() => {\n    if (typeof window !== \"undefined\") {\n      window.speechSynthesis.resume();\n    }\n  }, []);\n\n  const stop = useCallback(() => {\n    if (typeof window !== \"undefined\" && window.speechSynthesis) {\n      window.speechSynthesis.cancel();\n    }\n    setStateSafe(\"idle\");\n  }, [setStateSafe]);\n\n  const imperativeHandle: SpeechSynthesizerRef = {\n    speak,\n    pause,\n    resume,\n    stop,\n    get state() {\n      return stateRef.current;\n    },\n  };\n\n  useImperativeHandle((rest as any).ref, () => imperativeHandle, [\n    speak,\n    pause,\n    resume,\n    stop,\n  ]);\n\n  useEffect(() => {\n    if (autoSpeak && text) speak();\n    return () => {\n      if (typeof window !== \"undefined\" && window.speechSynthesis) {\n        window.speechSynthesis.cancel();\n      }\n    };\n  }, []);\n\n  const isSpeaking = state === \"speaking\";\n  const isPaused = state === \"paused\";\n  const showPlay = state === \"idle\" || state === \"paused\";\n  const showPause = state === \"speaking\";\n\n  return (\n    <div\n      ref={localRef}\n      data-slot=\"speech-synthesizer\"\n      className={cn(speechSynthesizerVariants({ size }), className)}\n      {...rest}\n    >\n      {text && (\n        <p\n          data-slot=\"speech-synthesizer-text\"\n          className={speechSynthesizerTextClasses}\n        >\n          {text}\n        </p>\n      )}\n      {showProgress && isSpeaking && (\n        <div\n          data-slot=\"speech-synthesizer-progress\"\n          className={speechSynthesizerProgressClasses}\n        >\n          <div\n            data-slot=\"speech-synthesizer-progress-bar\"\n            className={cn(\n              speechSynthesizerProgressBarClasses,\n              \"w-full animate-pulse\",\n            )}\n            style={{ width: \"100%\" }}\n          />\n        </div>\n      )}\n      <div\n        data-slot=\"speech-synthesizer-controls\"\n        className={speechSynthesizerControlsClasses}\n      >\n        {showPlay && (\n          <button\n            type=\"button\"\n            data-slot=\"speech-synthesizer-play-btn\"\n            className={cn(\n              speechSynthesizerBtnVariants({ appearance, size }),\n              isPaused && speechSynthesizerBtnActiveClasses,\n            )}\n            onClick={isPaused ? resume : speak}\n            aria-label={isPaused ? \"Resume\" : \"Play\"}\n          >\n            {renderPlay ? (\n              renderPlay({ isSpeaking, isPaused, state })\n            ) : (\n              <DefaultPlayIcon />\n            )}\n          </button>\n        )}\n        {showPause && (\n          <button\n            type=\"button\"\n            data-slot=\"speech-synthesizer-pause-btn\"\n            className={speechSynthesizerBtnVariants({ appearance, size })}\n            onClick={pause}\n            aria-label=\"Pause\"\n          >\n            {renderPause ? (\n              renderPause({ isSpeaking, isPaused, state })\n            ) : (\n              <DefaultPauseIcon />\n            )}\n          </button>\n        )}\n        {(isSpeaking || isPaused) && (\n          <button\n            type=\"button\"\n            data-slot=\"speech-synthesizer-stop-btn\"\n            className={speechSynthesizerBtnVariants({ appearance, size })}\n            onClick={stop}\n            aria-label=\"Stop\"\n          >\n            {renderStop ? (\n              renderStop({ isSpeaking, isPaused, state })\n            ) : (\n              <DefaultStopIcon />\n            )}\n          </button>\n        )}\n      </div>\n      {children}\n    </div>\n  );\n}\n\nSpeechSynthesizerBase.displayName = \"SpeechSynthesizer\";\n"]}

package/dist/ui/speech-synthesizer.mjs

@@ -0,0 +1,211 @@
+"use client";
+import { speechSynthesizerTextClasses, speechSynthesizerProgressClasses, speechSynthesizerProgressBarClasses, speechSynthesizerControlsClasses, speechSynthesizerBtnVariants, speechSynthesizerBtnActiveClasses, speechSynthesizerVariants } from '../chunk-V5EE5ATH.mjs';
+export { speechSynthesizerBtnVariants, speechSynthesizerVariants } from '../chunk-V5EE5ATH.mjs';
+import '../chunk-K2VCZK4I.mjs';
+import { cn } from '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
+import { useState, useRef, useCallback, useImperativeHandle, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function DefaultPlayIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "size-5", children: /* @__PURE__ */ jsx("path", { d: "M8 5v14l11-7z" }) });
+}
+function DefaultPauseIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "size-5", children: [
+    /* @__PURE__ */ jsx("rect", { x: "6", y: "4", width: "4", height: "16" }),
+    /* @__PURE__ */ jsx("rect", { x: "14", y: "4", width: "4", height: "16" })
+  ] });
+}
+function DefaultStopIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "size-5", children: /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "12", height: "12" }) });
+}
+function SpeechSynthesizerBase({
+  appearance,
+  size,
+  text,
+  lang,
+  rate = 1,
+  pitch = 1,
+  volume = 1,
+  autoSpeak = false,
+  onStart,
+  onEnd,
+  onError,
+  onStateChange,
+  renderPlay,
+  renderPause,
+  renderStop,
+  showProgress = false,
+  className,
+  children,
+  ...rest
+}) {
+  const [state, setState] = useState("idle");
+  const utteranceRef = useRef(null);
+  const stateRef = useRef("idle");
+  const localRef = useRef(null);
+  const setStateSafe = useCallback(
+    (newState) => {
+      stateRef.current = newState;
+      setState(newState);
+      onStateChange?.(newState);
+    },
+    [onStateChange]
+  );
+  const speak = useCallback(() => {
+    if (!text || typeof window === "undefined") return;
+    window.speechSynthesis.cancel();
+    const utterance = new SpeechSynthesisUtterance(text);
+    if (lang) utterance.lang = lang;
+    utterance.rate = rate;
+    utterance.pitch = pitch;
+    utterance.volume = volume;
+    utterance.onstart = () => {
+      setStateSafe("speaking");
+      onStart?.();
+    };
+    utterance.onend = () => {
+      setStateSafe("idle");
+      onEnd?.();
+    };
+    utterance.onerror = (event) => {
+      setStateSafe("idle");
+      onError?.(event.error);
+    };
+    utterance.onpause = () => setStateSafe("paused");
+    utterance.onresume = () => setStateSafe("speaking");
+    utteranceRef.current = utterance;
+    window.speechSynthesis.speak(utterance);
+  }, [text, lang, rate, pitch, volume, onStart, onEnd, onError, setStateSafe]);
+  const pause = useCallback(() => {
+    if (typeof window !== "undefined") {
+      window.speechSynthesis.pause();
+    }
+  }, []);
+  const resume = useCallback(() => {
+    if (typeof window !== "undefined") {
+      window.speechSynthesis.resume();
+    }
+  }, []);
+  const stop = useCallback(() => {
+    if (typeof window !== "undefined" && window.speechSynthesis) {
+      window.speechSynthesis.cancel();
+    }
+    setStateSafe("idle");
+  }, [setStateSafe]);
+  const imperativeHandle = {
+    speak,
+    pause,
+    resume,
+    stop,
+    get state() {
+      return stateRef.current;
+    }
+  };
+  useImperativeHandle(rest.ref, () => imperativeHandle, [
+    speak,
+    pause,
+    resume,
+    stop
+  ]);
+  useEffect(() => {
+    if (autoSpeak && text) speak();
+    return () => {
+      if (typeof window !== "undefined" && window.speechSynthesis) {
+        window.speechSynthesis.cancel();
+      }
+    };
+  }, []);
+  const isSpeaking = state === "speaking";
+  const isPaused = state === "paused";
+  const showPlay = state === "idle" || state === "paused";
+  const showPause = state === "speaking";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: localRef,
+      "data-slot": "speech-synthesizer",
+      className: cn(speechSynthesizerVariants({ size }), className),
+      ...rest,
+      children: [
+        text && /* @__PURE__ */ jsx(
+          "p",
+          {
+            "data-slot": "speech-synthesizer-text",
+            className: speechSynthesizerTextClasses,
+            children: text
+          }
+        ),
+        showProgress && isSpeaking && /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "speech-synthesizer-progress",
+            className: speechSynthesizerProgressClasses,
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-slot": "speech-synthesizer-progress-bar",
+                className: cn(
+                  speechSynthesizerProgressBarClasses,
+                  "w-full animate-pulse"
+                ),
+                style: { width: "100%" }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "speech-synthesizer-controls",
+            className: speechSynthesizerControlsClasses,
+            children: [
+              showPlay && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "speech-synthesizer-play-btn",
+                  className: cn(
+                    speechSynthesizerBtnVariants({ appearance, size }),
+                    isPaused && speechSynthesizerBtnActiveClasses
+                  ),
+                  onClick: isPaused ? resume : speak,
+                  "aria-label": isPaused ? "Resume" : "Play",
+                  children: renderPlay ? renderPlay({ isSpeaking, isPaused, state }) : /* @__PURE__ */ jsx(DefaultPlayIcon, {})
+                }
+              ),
+              showPause && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "speech-synthesizer-pause-btn",
+                  className: speechSynthesizerBtnVariants({ appearance, size }),
+                  onClick: pause,
+                  "aria-label": "Pause",
+                  children: renderPause ? renderPause({ isSpeaking, isPaused, state }) : /* @__PURE__ */ jsx(DefaultPauseIcon, {})
+                }
+              ),
+              (isSpeaking || isPaused) && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "speech-synthesizer-stop-btn",
+                  className: speechSynthesizerBtnVariants({ appearance, size }),
+                  onClick: stop,
+                  "aria-label": "Stop",
+                  children: renderStop ? renderStop({ isSpeaking, isPaused, state }) : /* @__PURE__ */ jsx(DefaultStopIcon, {})
+                }
+              )
+            ]
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+SpeechSynthesizerBase.displayName = "SpeechSynthesizer";
+
+export { SpeechSynthesizerBase as SpeechSynthesizer };
+//# sourceMappingURL=speech-synthesizer.mjs.map
+//# sourceMappingURL=speech-synthesizer.mjs.map

package/dist/ui/speech-synthesizer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/speech-synthesizer/speech-synthesizer-base.tsx"],"names":[],"mappings":"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","file":"speech-synthesizer.mjs","sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  SpeechSynthesizerBaseProps,\n  SpeechSynthesizerRef,\n  SpeechSynthesizerState,\n} from \"./types\";\nimport {\n  speechSynthesizerBtnActiveClasses,\n  speechSynthesizerBtnVariants,\n  speechSynthesizerControlsClasses,\n  speechSynthesizerProgressBarClasses,\n  speechSynthesizerProgressClasses,\n  speechSynthesizerTextClasses,\n  speechSynthesizerVariants,\n} from \"./variants\";\n\nfunction DefaultPlayIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"size-5\">\n      <path d=\"M8 5v14l11-7z\" />\n    </svg>\n  );\n}\n\nfunction DefaultPauseIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"size-5\">\n      <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" />\n      <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" />\n    </svg>\n  );\n}\n\nfunction DefaultStopIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"size-5\">\n      <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" />\n    </svg>\n  );\n}\n\nexport function SpeechSynthesizerBase({\n  appearance,\n  size,\n  text,\n  lang,\n  rate = 1,\n  pitch = 1,\n  volume = 1,\n  autoSpeak = false,\n  onStart,\n  onEnd,\n  onError,\n  onStateChange,\n  renderPlay,\n  renderPause,\n  renderStop,\n  showProgress = false,\n  className,\n  children,\n  ...rest\n}: SpeechSynthesizerBaseProps) {\n  const [state, setState] = useState<SpeechSynthesizerState>(\"idle\");\n  const utteranceRef = useRef<SpeechSynthesisUtterance | null>(null);\n  const stateRef = useRef<SpeechSynthesizerState>(\"idle\");\n  const localRef = useRef<HTMLDivElement>(null);\n\n  const setStateSafe = useCallback(\n    (newState: SpeechSynthesizerState) => {\n      stateRef.current = newState;\n      setState(newState);\n      onStateChange?.(newState);\n    },\n    [onStateChange],\n  );\n\n  const speak = useCallback(() => {\n    if (!text || typeof window === \"undefined\") return;\n    window.speechSynthesis.cancel();\n\n    const utterance = new SpeechSynthesisUtterance(text);\n    if (lang) utterance.lang = lang;\n    utterance.rate = rate;\n    utterance.pitch = pitch;\n    utterance.volume = volume;\n\n    utterance.onstart = () => {\n      setStateSafe(\"speaking\");\n      onStart?.();\n    };\n    utterance.onend = () => {\n      setStateSafe(\"idle\");\n      onEnd?.();\n    };\n    utterance.onerror = (event) => {\n      setStateSafe(\"idle\");\n      onError?.(event.error);\n    };\n    utterance.onpause = () => setStateSafe(\"paused\");\n    utterance.onresume = () => setStateSafe(\"speaking\");\n\n    utteranceRef.current = utterance;\n    window.speechSynthesis.speak(utterance);\n  }, [text, lang, rate, pitch, volume, onStart, onEnd, onError, setStateSafe]);\n\n  const pause = useCallback(() => {\n    if (typeof window !== \"undefined\") {\n      window.speechSynthesis.pause();\n    }\n  }, []);\n\n  const resume = useCallback(() => {\n    if (typeof window !== \"undefined\") {\n      window.speechSynthesis.resume();\n    }\n  }, []);\n\n  const stop = useCallback(() => {\n    if (typeof window !== \"undefined\" && window.speechSynthesis) {\n      window.speechSynthesis.cancel();\n    }\n    setStateSafe(\"idle\");\n  }, [setStateSafe]);\n\n  const imperativeHandle: SpeechSynthesizerRef = {\n    speak,\n    pause,\n    resume,\n    stop,\n    get state() {\n      return stateRef.current;\n    },\n  };\n\n  useImperativeHandle((rest as any).ref, () => imperativeHandle, [\n    speak,\n    pause,\n    resume,\n    stop,\n  ]);\n\n  useEffect(() => {\n    if (autoSpeak && text) speak();\n    return () => {\n      if (typeof window !== \"undefined\" && window.speechSynthesis) {\n        window.speechSynthesis.cancel();\n      }\n    };\n  }, []);\n\n  const isSpeaking = state === \"speaking\";\n  const isPaused = state === \"paused\";\n  const showPlay = state === \"idle\" || state === \"paused\";\n  const showPause = state === \"speaking\";\n\n  return (\n    <div\n      ref={localRef}\n      data-slot=\"speech-synthesizer\"\n      className={cn(speechSynthesizerVariants({ size }), className)}\n      {...rest}\n    >\n      {text && (\n        <p\n          data-slot=\"speech-synthesizer-text\"\n          className={speechSynthesizerTextClasses}\n        >\n          {text}\n        </p>\n      )}\n      {showProgress && isSpeaking && (\n        <div\n          data-slot=\"speech-synthesizer-progress\"\n          className={speechSynthesizerProgressClasses}\n        >\n          <div\n            data-slot=\"speech-synthesizer-progress-bar\"\n            className={cn(\n              speechSynthesizerProgressBarClasses,\n              \"w-full animate-pulse\",\n            )}\n            style={{ width: \"100%\" }}\n          />\n        </div>\n      )}\n      <div\n        data-slot=\"speech-synthesizer-controls\"\n        className={speechSynthesizerControlsClasses}\n      >\n        {showPlay && (\n          <button\n            type=\"button\"\n            data-slot=\"speech-synthesizer-play-btn\"\n            className={cn(\n              speechSynthesizerBtnVariants({ appearance, size }),\n              isPaused && speechSynthesizerBtnActiveClasses,\n            )}\n            onClick={isPaused ? resume : speak}\n            aria-label={isPaused ? \"Resume\" : \"Play\"}\n          >\n            {renderPlay ? (\n              renderPlay({ isSpeaking, isPaused, state })\n            ) : (\n              <DefaultPlayIcon />\n            )}\n          </button>\n        )}\n        {showPause && (\n          <button\n            type=\"button\"\n            data-slot=\"speech-synthesizer-pause-btn\"\n            className={speechSynthesizerBtnVariants({ appearance, size })}\n            onClick={pause}\n            aria-label=\"Pause\"\n          >\n            {renderPause ? (\n              renderPause({ isSpeaking, isPaused, state })\n            ) : (\n              <DefaultPauseIcon />\n            )}\n          </button>\n        )}\n        {(isSpeaking || isPaused) && (\n          <button\n            type=\"button\"\n            data-slot=\"speech-synthesizer-stop-btn\"\n            className={speechSynthesizerBtnVariants({ appearance, size })}\n            onClick={stop}\n            aria-label=\"Stop\"\n          >\n            {renderStop ? (\n              renderStop({ isSpeaking, isPaused, state })\n            ) : (\n              <DefaultStopIcon />\n            )}\n          </button>\n        )}\n      </div>\n      {children}\n    </div>\n  );\n}\n\nSpeechSynthesizerBase.displayName = \"SpeechSynthesizer\";\n"]}

package/dist/ui/split-button.js

@@ -4,10 +4,12 @@
 var chunk4SLVTSHM_js = require('../chunk-4SLVTSHM.js');
 require('../chunk-7DCFVPWN.js');
 require('../chunk-XR3J46TZ.js');
-require('../chunk-RBNZNWYQ.js');
-var chunkMY3DQVNF_js = require('../chunk-MY3DQVNF.js');
-var chunkK7UU3K54_js = require('../chunk-K7UU3K54.js');
+require('../chunk-6GP74P4F.js');
+var chunk2RBBXVFA_js = require('../chunk-2RBBXVFA.js');
+var chunkNZQA4M35_js = require('../chunk-NZQA4M35.js');
 require('../chunk-FBUY6K6S.js');
+require('../chunk-OH5VOGNW.js');
+require('../chunk-Y7BU5RC4.js');
 require('../chunk-NDF3HORF.js');
 require('../chunk-USLNTKVQ.js');
 require('../chunk-D7ATXPVI.js');
@@ -17,10 +19,10 @@ require('../chunk-3MK7CWEX.js');
 require('../chunk-HNAUUCR5.js');
 require('../chunk-3EJCQXGV.js');
 require('../chunk-6KVTKYTB.js');
+require('../chunk-OME7XOPN.js');
+require('../chunk-HJ7EFBED.js');
 require('../chunk-L7W4NRK6.js');
 require('../chunk-KWBGLH7G.js');
-require('../chunk-OH5VOGNW.js');
-require('../chunk-Y7BU5RC4.js');
 require('../chunk-PZ25OHJE.js');
 require('../chunk-HOOZYA4N.js');
 require('../chunk-XUK5P37Y.js');
@@ -62,38 +64,38 @@ var fi = require('react-icons/fi');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
-var splitButtonRootVariants = classVarianceAuthority.cva(chunkK7UU3K54_js.zuiSplitButtonRoot, {
+var splitButtonRootVariants = classVarianceAuthority.cva(chunkNZQA4M35_js.zuiSplitButtonRoot, {
   variants: {
     fullWidth: {
-      true: chunkK7UU3K54_js.zuiSplitButtonFullWidth
+      true: chunkNZQA4M35_js.zuiSplitButtonFullWidth
     }
   }
 });
-var splitButtonDropdownVariants = classVarianceAuthority.cva(chunkK7UU3K54_js.zuiSplitButtonDropdown, {
+var splitButtonDropdownVariants = classVarianceAuthority.cva(chunkNZQA4M35_js.zuiSplitButtonDropdown, {
   variants: {
     fullWidth: {
-      true: chunkK7UU3K54_js.zuiSplitButtonFullWidth
+      true: chunkNZQA4M35_js.zuiSplitButtonFullWidth
     }
   }
 });
-var splitButtonGroupVariants = classVarianceAuthority.cva(chunkK7UU3K54_js.zuiSplitButtonGroup, {
+var splitButtonGroupVariants = classVarianceAuthority.cva(chunkNZQA4M35_js.zuiSplitButtonGroup, {
   variants: {
     fullWidth: {
-      true: chunkK7UU3K54_js.zuiSplitButtonFullWidth
+      true: chunkNZQA4M35_js.zuiSplitButtonFullWidth
     }
   }
 });
-var splitButtonPrimaryVariants = classVarianceAuthority.cva(chunkK7UU3K54_js.zuiSplitButtonPrimary);
-var splitButtonTriggerVariants = classVarianceAuthority.cva(chunkK7UU3K54_js.zuiSplitButtonTrigger, {
+var splitButtonPrimaryVariants = classVarianceAuthority.cva(chunkNZQA4M35_js.zuiSplitButtonPrimary);
+var splitButtonTriggerVariants = classVarianceAuthority.cva(chunkNZQA4M35_js.zuiSplitButtonTrigger, {
   variants: {
-    size: chunkK7UU3K54_js.zuiSplitButtonTriggerSizes
+    size: chunkNZQA4M35_js.zuiSplitButtonTriggerSizes
   },
   defaultVariants: {
     size: "md"
   }
 });
-var splitButtonContentVariants = classVarianceAuthority.cva(chunkK7UU3K54_js.zuiSplitButtonContent);
-var splitButtonItemDisabledVariants = classVarianceAuthority.cva(chunkK7UU3K54_js.zuiSplitButtonItemDisabled);
+var splitButtonContentVariants = classVarianceAuthority.cva(chunkNZQA4M35_js.zuiSplitButtonContent);
+var splitButtonItemDisabledVariants = classVarianceAuthority.cva(chunkNZQA4M35_js.zuiSplitButtonItemDisabled);
 var variantAppearanceMap = {
   primary: "default",
   secondary: "secondary",
@@ -204,7 +206,7 @@ function SplitButtonBase({
                       disabled: isUnavailable,
                       onClick,
                       className: chunkZS5756ZC_js.cn(
-                        chunkMY3DQVNF_js.buttonVariants({ appearance: resolvedAppearance, size }),
+                        chunk2RBBXVFA_js.buttonVariants({ appearance: resolvedAppearance, size }),
                         splitButtonPrimaryVariants()
                       ),
                       children: [
@@ -227,7 +229,7 @@ function SplitButtonBase({
                       "aria-label": menuLabel,
                       disabled: isUnavailable,
                       className: chunkZS5756ZC_js.cn(
-                        chunkMY3DQVNF_js.buttonVariants({ appearance: resolvedAppearance, size }),
+                        chunk2RBBXVFA_js.buttonVariants({ appearance: resolvedAppearance, size }),
                         splitButtonTriggerVariants({ size })
                       ),
                       children: /* @__PURE__ */ jsxRuntime.jsx(fi.FiChevronDown, { "aria-hidden": true })