@apple-pie/slice 0.1.30 → 0.1.32

package/dist/types/components/Level/Level.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { LevelProps } from './_types';
+declare function BaseLevel(props: Readonly<LevelProps>): import("react/jsx-runtime").JSX.Element;
+export declare const Level: React.MemoExoticComponent<typeof BaseLevel>;
+export {};

package/dist/types/components/Level/_types.d.ts

@@ -0,0 +1,21 @@
+import type React from 'react';
+export type LevelBaseProps = {
+    audioStream?: MediaStream | MediaStreamTrack | null;
+    playing?: boolean;
+    backgroundColor?: string;
+    colorActive?: string;
+    borderRadius?: number | string;
+    borderColor?: string;
+    borderWidth?: number;
+    width?: number | string;
+    gap?: number;
+    height?: number;
+    minIntensity?: number;
+    maxIntensity?: number;
+    intensity?: number;
+    peakIntensity?: number;
+    risePerSeconds?: number;
+    releasePerSeconds?: number;
+    ReleasePerSeconds?: number;
+};
+export type LevelProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof LevelBaseProps> & LevelBaseProps;

package/dist/types/components/Level/index.d.ts

@@ -0,0 +1,2 @@
+export { Level } from './Level';
+export type { LevelProps } from './_types';

package/dist/types/components/Modal/_types.d.ts

@@ -28,12 +28,16 @@ type ModalBaseProps<T = string> = {
     titleBorderColor?: string;
     titleBorderWidth?: number;
     titleIcon?: string;
+    titleIconFill?: boolean;
     titleSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     contentSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     close?: boolean;
     actions?: ModalAction<T>[];
     actionsBorderColor?: string;
     actionsBorderWidth?: number;
+    autoBorderBottom?: boolean;
+    scrollHandleColor?: string;
+    scrollHandleColorHover?: string;
     onAction?: (value?: T) => void;
     onResolve?: (value?: T) => void;
     onReject?: (value?: Error) => void;

package/dist/types/components/Toast/_types.d.ts

@@ -6,6 +6,7 @@ export declare enum ToastType {
     Info = "info"
 }
 type ToastBaseProps = {
+    notifId?: string;
     message?: string | null;
     size?: 's' | 'm' | 'l';
     border?: boolean;

package/dist/types/hooks/index.d.ts

@@ -6,6 +6,8 @@ export { type KeyboardShortcut, type KeyboardShortcuts, useKeyboardShortcuts, }
 export { useLastUpdated } from './useLastUpdated/useLastUpdated';
 export { useLocalStore } from './useLocalStore/useLocalStore';
 export { useMDStreamBuffer } from './useMdStreamBuffer/useMdStreamBuffer';
+export type { UseMDStreamBufferOptions } from './useMdStreamBuffer/useMdStreamBuffer';
+export { useBindWebRTC, type UseBindWebRTCOptions, type UseBindWebRTCReturn, } from './useBindWebRTC/useBindWebRTC';
 export { useMicrophone } from './useMicrophone/useMicrophone';
 export type { MicOption, UseMicrophoneReturn, } from './useMicrophone/useMicrophone';
 export { useAudioRecorder } from './useAudioRecorder/useAudioRecorder';

package/dist/types/hooks/useBindWebRTC/index.d.ts

@@ -0,0 +1 @@
+export * from './useBindWebRTC';

package/dist/types/hooks/useBindWebRTC/useBindWebRTC.d.ts

@@ -0,0 +1,15 @@
+import type { WebRTCStoreConnectionOptions } from '../../stores/WebRTC';
+import type { WebRTCConnection } from '../../utils';
+export type UseBindWebRTCOptions = {
+    connectionName: string;
+    offerOptions?: RTCOfferOptions;
+    bearerToken?: string;
+} & Omit<WebRTCStoreConnectionOptions, 'micStream' | 'micTrack' | 'volume'>;
+export type UseBindWebRTCReturn = {
+    connection: WebRTCConnection | null;
+    error: Error | null;
+    bind: () => Promise<WebRTCConnection | null>;
+    unbind: () => void;
+    bound: boolean;
+};
+export declare function useBindWebRTC(options: UseBindWebRTCOptions): UseBindWebRTCReturn;

package/dist/types/hooks/useLocalStore/useLocalStore.d.ts

@@ -1 +1 @@
-export declare function useLocalStore<T>(key: string, value: T): readonly [T, (data: T) => void];
+export declare function useLocalStore<T>(key: string, value: T): readonly [T, (data: T) => void, boolean];

package/dist/types/hooks/useMdStreamBuffer/useMdStreamBuffer.d.ts

@@ -1,8 +1,13 @@
 import type { MarkdownStreamBufferOptions, MarkdownStreamBufferSnapshot } from '../../utils';
-export declare function useMDStreamBuffer(options?: MarkdownStreamBufferOptions): {
+export type UseMDStreamBufferOptions = MarkdownStreamBufferOptions & {
+    paceDelayMs?: number;
+    paceChunkSize?: number;
+};
+export declare function useMDStreamBuffer(options?: UseMDStreamBufferOptions): {
     raw: string;
     healthy: string;
     isComplete: boolean;
+    pendingCharacters: number;
     append: (value: string) => void;
     flush: () => MarkdownStreamBufferSnapshot | undefined;
     complete: () => MarkdownStreamBufferSnapshot | undefined;

package/dist/types/index.d.ts

@@ -1,8 +1,9 @@
+import './theme.css';
 export type { ToolTip, ToolTipInfo } from './components/sharedTypes';
 export { ToolTipType } from './components/sharedTypes';
 export { light, dark, lightTheme, darkTheme, motion, elevations, Elevation, } from './theme';
 export type { SliceTheme, Colors, Type, Corners, Elevations, } from './theme';
-export { type KeyboardShortcut, type KeyboardShortcuts, type BreakPoints, type WindowGeolocation, type WindowGeolocationError, type MicOption, type UseMicrophoneReturn, useKeyboardShortcuts, useTheme, useObserveTheme, useToolTip, useLastUpdated, useLocalStore, useMDStreamBuffer, useAudioRecorder, useMicrophone, useWindow, useDoubleClick, useObserveResize, } from './hooks';
+export { type KeyboardShortcut, type KeyboardShortcuts, type BreakPoints, type WindowGeolocation, type WindowGeolocationError, type MicOption, type UseBindWebRTCOptions, type UseBindWebRTCReturn, type UseMDStreamBufferOptions, type UseMicrophoneReturn, useBindWebRTC, useKeyboardShortcuts, useTheme, useObserveTheme, useToolTip, useLastUpdated, useLocalStore, useMDStreamBuffer, useAudioRecorder, useMicrophone, useWindow, useDoubleClick, useObserveResize, } from './hooks';
 export { AudioBubble } from './components/AudioBubble/index';
 export type { AudioBubbleProps } from './components/AudioBubble/index';
 export { Avatar } from './components/Avatar/index';
@@ -78,6 +79,8 @@ export type { BarButton, ButtonBarProps } from './components/ButtonBar/_types';
 export { Label } from './components/Label';
 export { LabelBackground } from './components/Label';
 export type { LabelProps } from './components/Label';
+export { Level } from './components/Level';
+export type { LevelProps } from './components/Level';
 export { UploadArea } from './components/UploadArea';
 export type { UploadAreaProps } from './components/UploadArea/_types';
 export { imageTypes, videoTypes, documentTypes, audioTypes, textTypes, allTypes, } from './components/UploadArea/_types';

package/dist/types/providers/ThemeProvider.d.ts

@@ -1,14 +1,9 @@
 import type React from 'react';
-import '../theme/colors/colors.css';
-import '../theme/elevations/elevation.css';
-import '../theme/type/type.css';
-import '../theme/breakpoints/custom-media.css';
-import '../theme/motion/motion.css';
-import '../theme/global/global.css';
 interface ThemeProviderProps {
     children?: React.ReactNode;
     theme?: string;
     initialTheme?: string;
+    initialSystem?: boolean;
     system?: boolean;
     global?: boolean;
 }

package/dist/types/providers/themeServer.d.ts

@@ -1,14 +1,18 @@
 export type SliceThemeName = 'lightMode' | 'darkMode';
 type ResolveInitialThemeOptions = {
     theme?: string | null;
-    cookieTheme?: string | null;
+    systemTheme?: boolean;
+    activeTheme?: string | null;
     fallbackTheme?: SliceThemeName;
 };
 /**
  * Resolve the startup Slice theme from an explicit theme value, cookie value,
- * or fallback theme in that order.
+ * or fallback theme in that order. Resolves a system to true if undefined.
  */
-export declare function resolveInitialTheme(options?: ResolveInitialThemeOptions): SliceThemeName;
+export declare function resolveInitialTheme(options?: ResolveInitialThemeOptions): {
+    initialTheme: SliceThemeName;
+    initialSystem: boolean;
+};
 /**
  * Return the root HTML attributes needed to render the active Slice theme
  * before client hydration.

package/dist/types/stores/WebRTC/_types.d.ts

@@ -0,0 +1,16 @@
+import type { WebRTCConnection, WebRTCConnectionOptions } from '../../utils';
+export type WebRTCStoreConnectionOptions = WebRTCConnectionOptions;
+export interface WebRTCStoreConnection {
+    name: string;
+    connection: WebRTCConnection;
+}
+export interface WebRTCStore {
+    connections: WebRTCStoreConnection[];
+    actions: {
+        addConnection: (name: string, options: WebRTCStoreConnectionOptions) => WebRTCStoreConnection;
+        initializeConnection: (name: string, offerOptions?: RTCOfferOptions, bearerToken?: string) => Promise<void>;
+        removeConnection: (name: string) => void;
+        setMicStream: (name: string, stream: MediaStream | null) => Promise<void>;
+        setVolume: (name: string, volume: number) => void;
+    };
+}

package/dist/types/stores/WebRTC/index.d.ts

@@ -0,0 +1,2 @@
+export * from './_types';
+export * from './webRTCStore';

package/dist/types/stores/WebRTC/webRTCStore.d.ts

@@ -0,0 +1,21 @@
+import type { WebRTCStore, WebRTCStoreConnectionOptions } from './_types';
+export declare const useWebRTCStore: import("zustand").UseBoundStore<import("zustand").StoreApi<WebRTCStore>>;
+export declare const useWebRTC: () => {
+    addConnection: (name: string, options: WebRTCStoreConnectionOptions) => import("./_types").WebRTCStoreConnection;
+    initializeConnection: (name: string, offerOptions?: RTCOfferOptions, bearerToken?: string) => Promise<void>;
+    removeConnection: (name: string) => void;
+    setMicStream: (name: string, stream: MediaStream | null) => Promise<void>;
+    setVolume: (name: string, volume: number) => void;
+};
+export declare const useWebRTCConnections: () => import("./_types").WebRTCStoreConnection[];
+export declare const useWebRTCConnection: (name: string) => import("./_types").WebRTCStoreConnection | null;
+export declare const useWebRTCConnected: (name?: string) => boolean;
+export declare const useWebRTCActions: {
+    addConnection: (name: string, options: WebRTCStoreConnectionOptions) => import("./_types").WebRTCStoreConnection;
+    initializeConnection: (name: string, offerOptions?: RTCOfferOptions, bearerToken?: string) => Promise<void>;
+    removeConnection: (name: string) => void;
+    setMicStream: (name: string, stream: MediaStream | null) => Promise<void>;
+    setVolume: (name: string, volume: number) => void;
+};
+export declare function getWebRTCConnections(): ReturnType<typeof useWebRTCStore.getState>['connections'];
+export declare function getWebRTCConnections(name: string): ReturnType<typeof useWebRTCStore.getState>['connections'][number] | null;

package/dist/types/stores/index.d.ts

@@ -6,4 +6,5 @@ export * from './toast';
 export * from './tip';
 export * from './uploads';
 export * from './volume';
+export * from './WebRTC';
 export * from './window';

package/dist/types/stores/microphone/index.d.ts

@@ -1,2 +1,2 @@
-export { useMicrophoneStore, useSyncMicrophoneStore, useMicStream, useProcessedMicStream, useMicTrack, useCurrentMicDeviceId, useMicActive, useMicInputVolume, useMicMuted, useMicSupported, useMicRequesting, useMicError, useMicrophones, useMicOptions, useMicrophoneStoreActions, microphoneActions, getMicrophoneState, } from './microphoneStore';
+export { useMicrophoneStore, useSyncMicrophoneStore, useMicStream, useProcessedMicStream, useMicTrack, useCurrentMicDeviceId, useCurrentMicDeviceLabel, useMicActive, useMicInputVolume, useMicMuted, useMicSupported, useMicRequesting, useMicError, useMicrophones, useMicOptions, useMicrophoneStoreActions, microphoneActions, getMicrophoneState, getCurrentMicDeviceLabel, } from './microphoneStore';
 export type { MicrophoneStore, MicrophoneStoreActions, MicrophoneStoreState, } from './_types';

package/dist/types/stores/microphone/microphoneStore.d.ts

@@ -14,6 +14,7 @@ export declare const useMicStream: () => RefObject<MediaStream | null>;
 export declare const useProcessedMicStream: () => RefObject<MediaStream | null>;
 export declare const useMicTrack: () => RefObject<MediaStreamTrack | null>;
 export declare const useCurrentMicDeviceId: () => string | null;
+export declare const useCurrentMicDeviceLabel: () => string | null;
 export declare const useMicActive: () => boolean;
 export declare const useMicInputVolume: () => number;
 export declare const useMicMuted: () => boolean;
@@ -23,5 +24,17 @@ export declare const useMicError: () => Error | null;
 export declare const useMicrophones: () => MediaDeviceInfo[];
 export declare const useMicOptions: () => DropDownOption<MicOption>[];
 export declare const useMicrophoneStoreActions: () => MicrophoneStoreActions;
-export declare const microphoneActions: MicrophoneStoreActions;
+export declare const microphoneActions: {
+    sync: (microphone: UseMicrophoneReturn | null) => void;
+    clear: () => void;
+    requestMicrophone: () => Promise<MediaStream | null>;
+    stopMicrophone: () => void;
+    muteMic: () => boolean;
+    unmuteMic: () => boolean;
+    toggleMute: () => void;
+    setInputVolume: (volume: number) => number;
+    refreshMicrophones: () => Promise<MediaDeviceInfo[]>;
+    setMicrophone: (deviceId: string | DropDownOption<MicOption>) => Promise<void>;
+};
 export declare const getMicrophoneState: () => MicrophoneStore;
+export declare const getCurrentMicDeviceLabel: () => string | null;

package/dist/types/stores/toast/_types.d.ts

@@ -1,5 +1,6 @@
 import type { ToastType } from '../../components/Toast';
 export type Toast = {
+    notifId?: string;
     message: string | null;
     duration?: number | 'Infinite';
     type?: ToastType;

package/dist/types/stores/volume/_types.d.ts

@@ -10,7 +10,9 @@ export type VolumeStore = {
         attachFeedbackElement: (element: AudioElement) => void;
         detachFeedbackElement: (element: AudioElement) => void;
         playFeedback: (volume?: number) => Promise<void>;
-        setVolume: (volume: number) => void;
+        setVolume: (volume: number, options?: {
+            playFeedback?: boolean;
+        }) => void;
         mute: () => Promise<void>;
         unmute: () => Promise<void>;
         clearMedia: () => void;

package/dist/types/stores/volume/volumeStore.d.ts

@@ -10,7 +10,9 @@ export declare const useVolumeActions: () => {
     attachFeedbackElement: (element: AudioElement) => void;
     detachFeedbackElement: (element: AudioElement) => void;
     playFeedback: (volume?: number) => Promise<void>;
-    setVolume: (volume: number) => void;
+    setVolume: (volume: number, options?: {
+        playFeedback?: boolean;
+    }) => void;
     mute: () => Promise<void>;
     unmute: () => Promise<void>;
     clearMedia: () => void;
@@ -21,7 +23,9 @@ export declare const volumeActions: {
     attachFeedbackElement: (element: AudioElement) => void;
     detachFeedbackElement: (element: AudioElement) => void;
     playFeedback: (volume?: number) => Promise<void>;
-    setVolume: (volume: number) => void;
+    setVolume: (volume: number, options?: {
+        playFeedback?: boolean;
+    }) => void;
     mute: () => Promise<void>;
     unmute: () => Promise<void>;
     clearMedia: () => void;

package/dist/types/utils/functions/files.d.ts

@@ -8,7 +8,7 @@ export declare function nameAndExtension(fileName: string): {
 /**
  * Map a file extension to the corresponding file icon name.
  */
-export declare function fileIconName(extension: string): "other" | "video" | "text" | "sheet" | "image" | "audio" | "md" | "code" | "preso" | "pdf" | "clipboard";
+export declare function fileIconName(extension: string): "other" | "audio" | "video" | "text" | "sheet" | "image" | "md" | "code" | "preso" | "pdf" | "clipboard";
 /**
  * Create a clipboard-text file with a guaranteed `.clipboard` extension.
  */

package/dist/types/utils/index.d.ts

@@ -1,5 +1,5 @@
 export { copyToClipboard, hexToRgb } from './functions/misc';
 export { debounce } from './functions/debounce';
 export * from './functions/colors';
-export { AudioVisualizer, IndexedDB, MdBuffer, SSEConnection, WSConnection, } from './objects';
-export type { AudioVisualizerOptions, AudioVisualizerSource, IndexedDBOptions, MarkdownAutoCloseRule, MarkdownStreamBufferOptions, MarkdownStreamBufferSnapshot, SSECustomEvent, SSEConnectionCloseOption, SSEConnectionOptions, SSEEventMap, SSEUnifiedBuiltInMessage, SSEUnifiedCustomMessage, SSEUnifiedMessage, UnifiedMessageEvent, WSConnectionOptions, } from './objects';
+export { AudioVisualizer, IndexedDB, MdBuffer, SSEConnection, WebRTCConnection, WSConnection, } from './objects';
+export type { AudioVisualizerOptions, AudioVisualizerSource, IndexedDBOptions, MarkdownAutoCloseRule, MarkdownStreamBufferOptions, MarkdownStreamBufferSnapshot, SSECustomEvent, SSEConnectionCloseOption, SSEConnectionOptions, SSEEventMap, SSEUnifiedBuiltInMessage, SSEUnifiedCustomMessage, SSEUnifiedMessage, UnifiedMessageEvent, WebRTCConnectionOptions, WSConnectionOptions, } from './objects';

package/dist/types/utils/objects/MDStreamBuffer/MdStreamBuffer.d.ts

@@ -7,6 +7,7 @@ export declare class MdBuffer {
     private readonly healthyEndMarker?;
     private readonly htmlHandling;
     private readonly includeLinksAndImages;
+    private readonly flushDelayMs;
     private readonly onFlush?;
     private readonly requestFrame;
     private readonly cancelFrame;
@@ -14,6 +15,9 @@ export declare class MdBuffer {
     private committedRaw;
     private activeRaw;
     private frameHandle;
+    private flushTimer;
+    private lastFlushAt;
+    private lastFlushedRawLength;
     private completeSignal;
     constructor(options?: MarkdownStreamBufferOptions);
     /**
@@ -24,6 +28,10 @@ export declare class MdBuffer {
      * The current parser-safe preview derived from the raw buffer.
      */
     get healthy(): string;
+    /**
+     * Characters appended since the last emitted snapshot.
+     */
+    get pendingCharacters(): number;
     /**
      * Append a streamed Markdown token and schedule a frame flush.
      */
@@ -46,6 +54,8 @@ export declare class MdBuffer {
     dispose(): void;
     private handleEndOfStreamToken;
     private scheduleFlush;
+    private getRemainingFlushDelay;
+    private clearScheduledFlush;
     private commitStableLines;
     private buildHealthyOutput;
     private applyHealthyEndMarker;

package/dist/types/utils/objects/MDStreamBuffer/_types.d.ts

@@ -3,6 +3,7 @@ export interface MarkdownStreamBufferSnapshot {
     healthy: string;
     reason: 'raf' | 'manual' | 'complete';
     isComplete: boolean;
+    pendingCharacters: number;
 }
 export interface MarkdownAutoCloseRule {
     name?: string;
@@ -19,6 +20,7 @@ export interface MarkdownStreamBufferOptions {
     healthyEndMarker?: string;
     htmlHandling?: 'ignore' | 'strip';
     includeLinksAndImages?: boolean;
+    flushDelayMs?: number;
     onFlush?: (snapshot: MarkdownStreamBufferSnapshot) => void;
     requestFrame?: (callback: FrameRequestCallback) => number;
     cancelFrame?: (handle: number) => void;

package/dist/types/utils/objects/WebRTCConnection/WebRTCConnection.d.ts

@@ -1,8 +1,10 @@
 import type { WebRTCConnectionOptions } from './_types';
 export declare class WebRTCConnection {
     private readonly peerConnection;
-    private readonly RTCSenderAudioTrack?;
+    private RTCSenderAudioTrack;
     private readonly RTCSenderVideoTrack?;
+    private RTCSenderAudioSender;
+    private readonly RTCSenderAudioStream;
     private RTCScreenShareTrack;
     private RTCScreenShareSender;
     private readonly RTCReceiverAudioStream;
@@ -11,7 +13,7 @@ export declare class WebRTCConnection {
     private readonly RTCDataChannels;
     private readonly connectionUrl;
     private connectionOffer;
-    private audioElement;
+    private readonly audioElement;
     private readonly autoPlayAudio;
     private readonly onRemoteAudioStream?;
     private readonly onRemoteVideoStream?;
@@ -19,6 +21,22 @@ export declare class WebRTCConnection {
     private iceTimer?;
     private offerOptions?;
     private bearerToken?;
+    /**
+     * Report whether the peer connection is currently connected
+     */
+    get connected(): boolean;
+    /**
+     * Report whether the connection currently has an audio path attached
+     */
+    get audioConnected(): boolean;
+    /**
+     * Report whether the connection currently has a video path attached
+     */
+    get videoConnected(): boolean;
+    /**
+     * Report whether any data channel is currently open
+     */
+    get dataConnected(): boolean;
     /**
      * Create the base instance
      */
@@ -54,7 +72,19 @@ export declare class WebRTCConnection {
     /**
      * Set the playback volume for the incoming audio element
      */
-    setAudioVolume(volume: number): void;
+    setVolume(volume: number): void;
+    /**
+     * Replace the outgoing audio source with the first track from a stream
+     */
+    setOutgoingAudioStream(stream: MediaStream | null): Promise<void>;
+    /**
+     * Replace the outgoing audio track without rebuilding the peer connection
+     */
+    replaceAudioTrack(track: MediaStreamTrack | null): Promise<void>;
+    /**
+     * Close the peer connection and release local media bindings
+     */
+    close(): void;
     /**
      * Create an audio source node from the unified incoming audio stream
      */
@@ -71,6 +101,10 @@ export declare class WebRTCConnection {
      * Set up a local stream with mic and video tracks and add to peer connection
      */
     private setupOutgoingMediaStream;
+    /**
+     * Keep the sender stream aligned to the current local audio track
+     */
+    private syncSenderAudioStream;
     /**
      * Setup data channels
      */

package/dist/types/utils/objects/WebRTCConnection/_types.d.ts

@@ -1,11 +1,20 @@
-export interface WebRTCConnectionOptions {
+type WebRTCMicStreamOption = {
+    micStream: MediaStream;
+    micTrack?: MediaStreamTrack | null;
+};
+type WebRTCMicTrackOption = {
+    micStream?: MediaStream | null;
+    micTrack: MediaStreamTrack;
+};
+export type WebRTCConnectionOptions = (WebRTCMicStreamOption | WebRTCMicTrackOption) & {
     connectionUrl?: string;
     audioElement?: HTMLAudioElement;
     autoPlayAudio?: boolean;
+    volume?: number;
     dataChannels?: string | string[];
-    micMediaTrack: MediaStreamTrack;
-    videoMediaTrack?: MediaStreamTrack;
+    videoTrack?: MediaStreamTrack | null;
     onRemoteVideoStream?: (streams: Map<string, MediaStream>) => void;
     onRemoteAudioStream?: (streams: Map<string, MediaStream>) => void;
     onDataChannelEvent?: (channel: string, eventType: 'message' | 'open' | 'close' | 'error', eventData: MessageEvent | Event | RTCErrorEvent) => void;
-}
+};
+export {};

package/dist/types/utils/objects/index.d.ts

@@ -8,3 +8,5 @@ export { SSEConnection } from './SSEConnection/SSEConnection';
 export { WSConnection } from './WSConnection/WSConnection';
 export type { SSECustomEvent, SSEConnectionCloseOption, SSEConnectionOptions, SSEEventMap, SSEUnifiedBuiltInMessage, SSEUnifiedCustomMessage, SSEUnifiedMessage, } from './SSEConnection/SSEConnection';
 export type { UnifiedMessageEvent, WSConnectionOptions, } from './WSConnection/WSConnection';
+export { WebRTCConnection } from './WebRTCConnection/WebRTCConnection';
+export type { WebRTCConnectionOptions } from './WebRTCConnection/_types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.1.30",
+	"version": "0.1.32",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
 	"exports": {
@@ -73,6 +73,9 @@
 			"import": "./dist/esm/theme/type.mjs",
 			"require": "./dist/cjs/theme/type.js"
 		},
+		"./styles.css": "./dist/styles.css",
+		"./css/flexBox.module.css": "./dist/css/flexBox.module.css",
+		"./css/type.module.css": "./dist/css/type.module.css",
 		"./theme/themes": {
 			"types": "./dist/types/theme/themes.d.ts",
 			"import": "./dist/esm/theme/themes.mjs",
@@ -109,8 +112,8 @@
 		"pack:tarball": "npm pack && ./scripts/copy-tgz.sh",
 		"prepack": "npm run build",
 		"prebuild": "rm -rf dist",
-		"build": "NODE_ENV=production rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json && ./scripts/copy-css.sh",
-		"build:min": "MINIFY=true NODE_ENV=production rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json && ./scripts/copy-css.sh",
+		"build": "NODE_ENV=production rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json && node ./scripts/finalize-styles.mjs && ./scripts/copy-css.sh",
+		"build:min": "MINIFY=true NODE_ENV=production rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json && node ./scripts/finalize-styles.mjs && ./scripts/copy-css.sh",
 		"dev": "vite",
 		"storybook": "storybook dev -p 6006",
 		"build-storybook": "storybook build"
@@ -152,6 +155,8 @@
 		"jsdom": "^28.1.0",
 		"playwright": "^1.58.2",
 		"postcss-custom-media": "^11.0.6",
+		"postcss-import": "^16.1.1",
+		"postcss-nested": "^6.2.0",
 		"rollup": "^4.32.0",
 		"rollup-plugin-json": "^4.0.0",
 		"rollup-plugin-peer-deps-external": "^2.2.4",

package/dist/cjs/chunks/Avatar-CqUSRzVd.js

@@ -1,84 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-QpU0XEOW.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "Avatar-module_wrapper__ab1D7 flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_user = "Avatar-module_user__ZQv0Q flexBox-module_row__z24tF type-module_body-m-regular__LuQBA";
-
-styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Avatar-module_wrapper__ab1D7 {\n\tposition: relative;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\tmax-height: var(--avatar-size);\n\tmax-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tborder: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);\n\tborder-radius: 100%;\n\toutline: 0;\n}\n\n.Avatar-module_user__ZQv0Q {\n\tfont-size: var(--avatar-font-size) !important;\n\theight: 100%;\n\twidth: 100%;\n\tline-height: 1em;\n\ttext-transform: uppercase;\n\tborder-radius: 100%;\n\tborder: var(--avatar-border) solid var(--avatar-border-color);\n\tbackground-color: var(--avatar-bg-color);\n\tcolor: var(--avatar-color);\n\tbackground-image: var(--avatar-bg-image);\n\tbackground-size: cover;\n\tcursor: pointer;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttransition: border-color var(--motion-water-duration) var(--motion-water) 0s;\n\t&:hover {\n\t\tborder-color: var(--avatar-border-color-hover);\n\t}\n}\n");
-
-const Avatar = React.memo(props => {
-    var _a;
-    const {email: email, name: name, image: image = "", textColor: textColor, borderWidth: borderWidth, borderSize: borderSize = 0, color: color, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize, outerBorderColor: outerBorderColor, backgroundColor: backgroundColor, bgColor: bgColor, onClick: onClick, onKeyDown: onKeyDown, fontSize: fontSize, onToolTip: onToolTip = () => null, size: size = 34, frame: frame = 34, tabIndex: tabIndex = 0} = props, divAttributes = tslib_es6.__rest(props, [ "email", "name", "image", "textColor", "borderWidth", "borderSize", "color", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "backgroundColor", "bgColor", "onClick", "onKeyDown", "fontSize", "onToolTip", "size", "frame", "tabIndex" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = React.useRef(null), [textSize, setTextSize] = React.useState("inherit"), resolvedTextColor = null != textColor ? textColor : color, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, initials = React.useMemo(() => {
-        if (!name && !email) return "";
-        if (name) {
-            let last;
-            const parts = name.trim().split(" "), first = parts[0];
-            return parts.length > 1 && (last = parts.at(-1)), `${first.charAt(0)}${last ? last.charAt(0) : ""}`;
-        }
-        return email ? email.charAt(0) : void 0;
-    }, [ name, email ]), bgImage = React.useMemo(() => image ? `url(${image})` : "", [ image ]);
-    React.useEffect(() => {
-        var _a;
-        if (void 0 !== fontSize) {
-            if ("auto" === fontSize || "number" == typeof fontSize && fontSize <= 1) {
-                const parentHeight = null === (_a = ref.current) || void 0 === _a ? void 0 : _a.offsetHeight;
-                if (!parentHeight) return void setTextSize("inherit");
-                let size = .5;
-                "number" == typeof fontSize && (size = fontSize);
-                const fSize = Math.round(parentHeight * size);
-                return void setTextSize(fSize);
-            }
-            if ("string" == typeof fontSize && fontSize.includes("%")) {
-                const normalized = misc.normalizedPercent(fontSize);
-                return void setTextSize(normalized);
-            }
-            setTextSize(fontSize);
-        } else setTextSize("inherit");
-    }, [ fontSize ]);
-    const displayContent = React.useMemo(() => image ? null : initials, [ image, initials ]), onMouseEnter = React.useCallback(event => {
-        var _a;
-        const payload = {
-            label: null !== (_a = null != name ? name : email) && void 0 !== _a ? _a : ""
-        };
-        onToolTip({
-            payload: payload,
-            event: event
-        });
-    }, [ name, email, onToolTip ]), onMouseLeave = React.useCallback(() => {
-        onToolTip(null);
-    }, [ onToolTip ]), handleKeyDown = React.useCallback(event => {
-        null == onKeyDown || onKeyDown(event), onClick && !event.defaultPrevented && misc.accessibleKeyDown(event, () => onClick(event));
-    }, [ onClick, onKeyDown ]), avatarVars = React.useMemo(() => ({
-        "--avatar-size": misc.setStyle(size),
-        "--avatar-frame": misc.setStyle(frame),
-        "--avatar-border": `${resolvedBorderWidth}px`,
-        "--avatar-color": null != resolvedTextColor ? resolvedTextColor : "var(--core-text-primary)",
-        "--avatar-bg-color": null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)",
-        "--avatar-border-color": null != borderColor ? borderColor : "var(--core-outline-primary)",
-        "--avatar-border-color-hover": null != borderColorHover ? borderColorHover : "var(--core-outline-special)",
-        "--avatar-bg-image": `${bgImage}`,
-        "--avatar-font-size": misc.setStyle(textSize),
-        "--avatar-outer-border-size": misc.setStyle(outerBorderSize),
-        "--avatar-outer-border-color": null != outerBorderColor ? outerBorderColor : "var(--core-surface-primary)"
-    }), [ size, frame, resolvedBorderWidth, resolvedTextColor, resolvedBackgroundColor, borderColor, borderColorHover, bgImage, textSize, outerBorderSize, outerBorderColor ]), classNames = React.useMemo(() => `${css_wrapper}${divClass}`, [ divClass ]);
-    return jsxRuntime.jsx("div", Object.assign({
-        id: divId,
-        className: classNames,
-        style: Object.assign(Object.assign({}, divStyle), avatarVars),
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave,
-        onClick: onClick,
-        onKeyDown: handleKeyDown,
-        role: onClick ? "button" : "img",
-        tabIndex: onClick ? tabIndex : void 0,
-        "aria-label": `User Avatar - ${null !== (_a = null != name ? name : email) && void 0 !== _a ? _a : "Unknown User"}`
-    }, rest, {
-        children: jsxRuntime.jsx("div", {
-            ref: ref,
-            "aria-hidden": !0,
-            className: css_user,
-            children: displayContent
-        })
-    }));
-});
-
-exports.Avatar = Avatar;