@apple-pie/slice 0.1.26 → 0.1.29

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

@@ -9,6 +9,7 @@ type IconBaseProps = {
     toggle?: boolean;
     pointer?: boolean;
     disabled?: boolean;
+    fill?: boolean;
     onClick?: (e: React.MouseEvent<SVGElement, MouseEvent>) => void;
 };
 export type IconProps = Omit<React.SVGAttributes<SVGSVGElement>, keyof IconBaseProps> & IconBaseProps;
@@ -52,6 +53,10 @@ export declare const SliceIcons: {
         readonly videoOff: "video off";
         readonly download: "download";
         readonly upload: "upload";
+        readonly speaker: "speaker";
+        readonly speakerMuted: "speaker muted";
+        readonly speakerHigh: "speaker high";
+        readonly speakerLow: "speaker low";
     };
     readonly files: {
         readonly document: "document";
@@ -61,6 +66,7 @@ export declare const SliceIcons: {
     readonly people: {
         readonly people: "people";
         readonly person: "person";
+        readonly talk: "talk";
     };
     readonly business: {
         readonly briefcase: "briefcase";
@@ -68,6 +74,7 @@ export declare const SliceIcons: {
         readonly invoice: "invoice";
         readonly payment: "payment";
         readonly wallet: "wallet";
+        readonly laptop: "laptop";
     };
     readonly charts: {
         readonly barChart: "bar chart";
@@ -107,6 +114,10 @@ export declare const SliceIcons: {
         readonly fontSmaller: "font smaller";
         readonly characterBeam: "character beam";
     };
+    readonly weather: {
+        readonly sun: "sun";
+        readonly moonFull: "moon full";
+    };
     readonly ai: {
         readonly sparkle: "sparkle";
         readonly wand: "wand";
@@ -126,6 +137,8 @@ export declare const SliceIcons: {
         readonly menu: "menu";
         readonly more: "more";
         readonly sidebar: "sidebar";
+        readonly sidebarSplit: "sidebar split";
+        readonly keyboard: "keyboard";
         readonly x: "x";
     };
 };

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

@@ -5,6 +5,7 @@ type IconButtonBaseProps = {
     round?: boolean;
     frameSize?: number;
     iconSize?: number;
+    iconFill?: boolean;
     icon?: string;
     iconColor?: string;
     iconColorOn?: string;

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

@@ -10,6 +10,11 @@ type SliderBaseProps = {
     headColor?: string;
     trackColor?: string;
     progressColor?: string;
+    trackHeadBorderSize?: number;
+    trackHeadBorderColor?: string;
+    step?: number;
+    disabled?: boolean;
+    disabledOpacity?: number;
     cursor?: 'default' | 'grab' | 'grabbing' | 'pointer';
     onChange?: (value: number, percent: number) => void;
     onDragChange?: (value: number, percent: number) => void;

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

@@ -21,6 +21,7 @@ type TabBarBaseProps = {
     closeWidth?: number | string;
     padding?: number | string;
     iconSize?: number;
+    iconFill?: boolean;
     iconGap?: number;
     tabGap?: number;
     disabled?: boolean;
@@ -42,6 +43,7 @@ export interface TabOptionProps {
     iconGap?: number;
     disabled?: boolean;
     count?: number;
+    iconFill?: boolean;
     tabWidth?: 'compact' | 'fill' | number;
     underline?: boolean;
     onClick?: (value: number) => void;

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

@@ -12,6 +12,7 @@ type ToastBaseProps = {
     padding?: number | string;
     radius?: number | string;
     position?: 'top' | 'bottom';
+    container?: 'window' | 'parent';
     offset?: number;
     showDelay?: number;
     duration?: number | 'Infinite';

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

@@ -0,0 +1,2 @@
+import type { ToggleButtonProps } from './_types';
+export declare function ToggleButton(props: Readonly<ToggleButtonProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,24 @@
+import type React from 'react';
+import type { ToolTip } from '../sharedTypes';
+export interface ToggleButtonProps {
+    children?: React.ReactNode;
+    label?: string;
+    textSize?: 's' | 'm' | 'l';
+    buttonSize?: 's' | 'm' | 'l' | 'xl';
+    frameSize?: number;
+    icon?: string;
+    selected?: boolean;
+    iconColor?: string;
+    iconColorOn?: string;
+    bgColor?: string;
+    bgColorOn?: string;
+    onChange?: (state: boolean) => void;
+    onSelect?: () => void;
+    onToolTip?: (tip: ToolTip | null) => void;
+    gap?: number;
+    iconSize?: number;
+    tooltip?: string;
+    fill?: boolean;
+    unselect?: boolean;
+    disabled?: boolean;
+}

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

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

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

@@ -5,7 +5,11 @@ export type MicOption = {
 };
 export type UseMicrophoneReturn = {
     micStream: RefObject<MediaStream | null>;
+    processedMicStream: RefObject<MediaStream | null>;
     micTrack: RefObject<MediaStreamTrack | null>;
+    currentDeviceId: string | null;
+    isActive: boolean;
+    inputVolume: number;
     muted: boolean;
     isSupported: boolean;
     isRequesting: boolean;
@@ -17,7 +21,8 @@ export type UseMicrophoneReturn = {
     muteMic: () => boolean;
     unmuteMic: () => boolean;
     toggleMute: () => void;
+    setInputVolume: (volume: number) => number;
     refreshMicrophones: () => Promise<MediaDeviceInfo[]>;
     setMicrophone: (deviceId: string | DropDownOption<MicOption>) => Promise<void>;
 };
-export declare function useMicrophone(startMuted?: boolean, microphoneDeviceId?: string): UseMicrophoneReturn;
+export declare function useMicrophone(startMuted?: boolean, microphoneDeviceId?: string, autoRequest?: boolean): UseMicrophoneReturn;

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

@@ -37,11 +37,15 @@ export declare function useTheme(): {
      */
     set: (newTheme: SliceTheme | string) => void;
     /**
-     * Toggle between light and dark themes
+     * Togglebetween light and dark themes
      */
     toggle: () => void;
     /**
      * If the currently active theme is the Slice's default dark theme'
      */
     isDark: boolean;
+    /**
+     * True when the current theme is still being derived from the OS preference
+     */
+    systemTheme: boolean;
 };

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

@@ -34,7 +34,7 @@ export declare function useWindow(breakpoints?: BreakPoints, top?: boolean): {
     isElectron: boolean;
     isAppleDevice: boolean;
     formFactor: FormFactor;
-    dpr: 1 | 2 | 3;
+    dpr: 2 | 1 | 3;
     geolocationSupported: boolean;
     location: WindowGeolocation | null;
     locationError: Error | null;

package/dist/types/index.d.ts

@@ -48,6 +48,8 @@ export type { SliderProps } from './components/Slider';
 export { Spacer } from './components/Spacer';
 export { Switch } from './components/Switch';
 export type { SwitchProps } from './components/Switch';
+export { ToggleButton } from './components/ToggleButton';
+export type { ToggleButtonProps } from './components/ToggleButton';
 export { TabBar } from './components/TabBar';
 export type { TabOption, TabBarProps } from './components/TabBar';
 export { TextArea } from './components/TextArea';

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

@@ -14,6 +14,8 @@ interface ThemeProviderProps {
 }
 type ThemeContextValue = {
     initialTheme: string;
+    systemTheme: boolean;
+    setSystemTheme: (value: boolean) => void;
 };
 export declare function useThemeContext(): ThemeContextValue;
 export declare function ThemeProvider(props: Readonly<ThemeProviderProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,8 @@
 export * from './LocalDB';
+export * from './microphone';
 export * from './SSE';
 export * from './toast';
 export * from './tip';
 export * from './uploads';
+export * from './volume';
 export * from './window';

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

@@ -0,0 +1,32 @@
+import type { RefObject } from 'react';
+import type { DropDownOption } from '../../components/DropDown';
+import type { MicOption, UseMicrophoneReturn } from '../../hooks';
+export type MicrophoneStoreState = {
+    micStream: RefObject<MediaStream | null>;
+    processedMicStream: RefObject<MediaStream | null>;
+    micTrack: RefObject<MediaStreamTrack | null>;
+    currentDeviceId: string | null;
+    isActive: boolean;
+    inputVolume: number;
+    muted: boolean;
+    isSupported: boolean;
+    isRequesting: boolean;
+    error: Error | null;
+    microphones: MediaDeviceInfo[];
+    micOptions: DropDownOption<MicOption>[];
+};
+export type MicrophoneStoreActions = {
+    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 type MicrophoneStore = MicrophoneStoreState & {
+    actions: MicrophoneStoreActions;
+};

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

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

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

@@ -0,0 +1,27 @@
+import type { RefObject } from 'react';
+import type { DropDownOption } from '../../components/DropDown';
+import type { MicOption, UseMicrophoneReturn } from '../../hooks';
+import type { MicrophoneStore, MicrophoneStoreActions } from './_types';
+/**
+ * Store factory that creates the store state based on a sync or a clear
+ */
+export declare const useMicrophoneStore: import("zustand").UseBoundStore<import("zustand").StoreApi<MicrophoneStore>>;
+/**
+ * Bind the value of useMicrophone hook to the useMicrophoneStore. Use this to update the store with a new mic object.
+ */
+export declare function useSyncMicrophoneStore(microphone: UseMicrophoneReturn | null): void;
+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 useMicActive: () => boolean;
+export declare const useMicInputVolume: () => number;
+export declare const useMicMuted: () => boolean;
+export declare const useMicSupported: () => boolean;
+export declare const useMicRequesting: () => boolean;
+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 getMicrophoneState: () => MicrophoneStore;

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

@@ -0,0 +1,19 @@
+export type VolumeStore = {
+    volume: number;
+    storedVolume: number;
+    muted: boolean;
+    elements: Set<AudioElement>;
+    feedbackElement: AudioElement | null;
+    actions: {
+        attachMedia: (elements: AudioElement[] | AudioElement) => void;
+        detachMedia: (elements: AudioElement[] | AudioElement) => void;
+        attachFeedbackElement: (element: AudioElement) => void;
+        detachFeedbackElement: (element: AudioElement) => void;
+        playFeedback: (volume?: number) => Promise<void>;
+        setVolume: (volume: number) => void;
+        mute: () => Promise<void>;
+        unmute: () => Promise<void>;
+        clearMedia: () => void;
+    };
+};
+export type AudioElement = HTMLAudioElement | HTMLVideoElement;

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

@@ -0,0 +1,3 @@
+export { useVolumeStore } from './volumeStore';
+export { getAttachedMedia, getMuted, getStoredVolume, getVolume, useAttachedMedia, useMuted, useStoredVolume, useVolume, useVolumeActions, volumeActions, } from './volumeStore';
+export type { AudioElement, VolumeStore } from './_types';

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

@@ -0,0 +1,32 @@
+import type { AudioElement, VolumeStore } from './_types';
+export declare const useVolumeStore: import("zustand").UseBoundStore<import("zustand").StoreApi<VolumeStore>>;
+export declare const useVolume: () => number;
+export declare const useStoredVolume: () => number;
+export declare const useMuted: () => boolean;
+export declare const useAttachedMedia: () => Set<AudioElement>;
+export declare const useVolumeActions: () => {
+    attachMedia: (elements: AudioElement[] | AudioElement) => void;
+    detachMedia: (elements: AudioElement[] | AudioElement) => void;
+    attachFeedbackElement: (element: AudioElement) => void;
+    detachFeedbackElement: (element: AudioElement) => void;
+    playFeedback: (volume?: number) => Promise<void>;
+    setVolume: (volume: number) => void;
+    mute: () => Promise<void>;
+    unmute: () => Promise<void>;
+    clearMedia: () => void;
+};
+export declare const volumeActions: {
+    attachMedia: (elements: AudioElement[] | AudioElement) => void;
+    detachMedia: (elements: AudioElement[] | AudioElement) => void;
+    attachFeedbackElement: (element: AudioElement) => void;
+    detachFeedbackElement: (element: AudioElement) => void;
+    playFeedback: (volume?: number) => Promise<void>;
+    setVolume: (volume: number) => void;
+    mute: () => Promise<void>;
+    unmute: () => Promise<void>;
+    clearMedia: () => void;
+};
+export declare const getVolume: () => number;
+export declare const getStoredVolume: () => number;
+export declare const getMuted: () => boolean;
+export declare const getAttachedMedia: () => Set<AudioElement>;

package/dist/types/stores/window/windowStore.d.ts

@@ -7,7 +7,7 @@ export declare const useViewportHeight: () => number;
 export declare const useIsAppleDevice: () => boolean;
 export declare const useIsTouchDevice: () => boolean;
 export declare const useIsElectron: () => boolean;
-export declare const useDpr: () => 1 | 2 | 3;
+export declare const useDpr: () => 2 | 1 | 3;
 export declare const useLocation: () => WindowGeolocation | null;
 export declare const useLocationError: () => Error | null;
 export declare const useGettingLocation: () => boolean;
@@ -19,7 +19,7 @@ export declare const viewportHeight: () => number;
 export declare const isAppleDevice: () => boolean;
 export declare const isTouchDevice: () => boolean;
 export declare const isElectron: () => boolean;
-export declare const dpr: () => 1 | 2 | 3;
+export declare const dpr: () => 2 | 1 | 3;
 export declare const location: () => WindowGeolocation | null;
 export declare const locationError: () => Error | null;
 export declare const gettingLocation: () => boolean;

package/dist/types/theme/colors/types.d.ts

@@ -100,6 +100,8 @@ export type CoreColors = {
     'scroll-bar-dark': string;
     'scroll-bar-hover-light': string;
     'scroll-bar-hover-dark': string;
+    'surface-primary-tint-light': string;
+    'surface-primary-tint-dark': string;
     'surface-shadow-soft-light': string;
     'surface-shadow-soft-dark': string;
     'surface-shadow-strong-light': string;
@@ -141,6 +143,7 @@ export type Colors = {
     'core-surface-coverup-translucent': string;
     'core-surface-overlay-translucent': string;
     'core-surface-primary': string;
+    'core-surface-primary-tint': string;
     'core-surface-secondary': string;
     'core-surface-special': string;
     'core-text-dark': string;

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

@@ -34,7 +34,7 @@ export declare function setProps(props: any, mount?: boolean, unmount?: boolean)
 /**
  * Convert a hex color into an RGB string literal.
  */
-export declare const hexToRgb: (hex: string | undefined) => string | undefined;
+export declare const hexToRgb: (hex: string | undefined, opacity?: number) => string | undefined;
 /**
  * Trigger a click-like callback when one of the configured keys is pressed.
  */

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

@@ -4,6 +4,7 @@ import type { MarkdownStreamBufferOptions, MarkdownStreamBufferSnapshot } from '
  */
 export declare class MdBuffer {
     private readonly endOfStreamToken?;
+    private readonly healthyEndMarker?;
     private readonly htmlHandling;
     private readonly includeLinksAndImages;
     private readonly onFlush?;
@@ -47,7 +48,9 @@ export declare class MdBuffer {
     private scheduleFlush;
     private commitStableLines;
     private buildHealthyOutput;
+    private applyHealthyEndMarker;
     private buildHealthyTail;
+    private closeTrailingInlineSelect;
     private closeInlineMarkdown;
     private closeLinksAndImages;
     private getPairedRules;

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

@@ -16,6 +16,7 @@ export interface MarkdownAutoCloseRule {
 }
 export interface MarkdownStreamBufferOptions {
     endOfStreamToken?: string;
+    healthyEndMarker?: string;
     htmlHandling?: 'ignore' | 'strip';
     includeLinksAndImages?: boolean;
     onFlush?: (snapshot: MarkdownStreamBufferSnapshot) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.1.26",
+	"version": "0.1.29",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
 	"exports": {