@apple-pie/slice 0.1.59 → 0.2.0

package/dist/types/index.d.ts

@@ -1,62 +1,65 @@
 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 { ComponentSize, FixedSize, ButtonSize, PaddingProps, ButtonStyleProps, ToolTip, ToolTipInfo, } from './components/sharedTypes';
+export { ToolTipType, buttonStyleDefaults } from './components/sharedTypes';
+export { light, dark, lightTheme, darkTheme, motion, elevations, Elevation, resolveColor, breakpoints, FormFactor, } from './theme';
+export type { SliceTheme, Colors, ColorToken, ColorValue, Type, Corners, Elevations, } from './theme';
 export { type KeyboardShortcut, type KeyboardShortcuts, type BreakPoints, type WindowGeolocation, type WindowGeolocationError, type MicOption, type UseBindWebRTCOptions, type UseBindWebRTCReturn, type UseMDStreamBufferOptions, type UseMicrophoneReturn, type ClipboardPermissionState, type ClipboardPasteResult, type UseClipboardOptions, type UseClipboardReturn, type UseClipboardTarget, useBindWebRTC, useKeyboardShortcuts, useTheme, useObserveTheme, useToolTip, useLastUpdated, useLocalStore, useMDStreamBuffer, useAudioRecorder, useMicrophone, useWindow, useDoubleClick, useObserveResize, useClipboard, useActiveTab, type UseActiveTabReturn, } from './hooks';
 export { AudioBubble } from './components/AudioBubble/index';
 export type { AudioBubbleProps } from './components/AudioBubble/index';
 export { Avatar } from './components/Avatar/index';
 export type { AvatarProps } from './components/Avatar/index';
 export { AvatarGroup } from './components/AvatarGroup';
-export type { AvatarGroupProps, AvatarInfo } from './components/AvatarGroup';
+export type { AvatarGroupProps, AvatarGroupMore, AvatarInfo } from './components/AvatarGroup';
 export { Badge } from './components/Badge';
 export type { BadgeProps } from './components/Badge';
-export { IconButton, AnimationPreset, AnimationType, } from './components/IconButton';
-export type { IconButtonProps, AnimationValue, MotionValue, TransitionValue, ButtonAnimation, } from './components/IconButton';
+export { IconButton } from './components/IconButton';
+export type { IconButtonProps } from './components/IconButton';
 export { Camera } from './components/Camera';
-export type { CameraElement, CameraProps, CameraSnapshotOptions, Controls, UserProfile, Settings, } from './components/Camera';
+export type { CameraElement, CameraProps, CameraSnapshotOptions, UserProfile, Settings, } from './components/Camera';
 export { CheckBox } from './components/CheckBox';
 export type { CheckBoxProps } from './components/CheckBox';
-export { DivInput } from './components/DivInput';
-export type { DivInputProps } from './components/DivInput';
+export { ContentEditable } from './components/ContentEditable';
+export type { ContentEditableProps, ContentEditableEditEndReason } from './components/ContentEditable';
 export { Dot } from './components/Dot';
 export type { DotProps } from './components/Dot';
 export { DraggablePanel } from './components/DraggablePanel';
-export type { DraggablePanelProps } from './components/DraggablePanel';
+export type { DraggablePanelProps, DraggablePanelResizeInfo } from './components/DraggablePanel';
 export { DropDown } from './components/DropDown';
 export type { DropDownOption, DropDownProps } from './components/DropDown';
 export { ErrorSummary } from './components/ErrorSummary';
 export type { ErrorMessage, ErrorSummaryProps, } from './components/ErrorSummary';
-export { Grouper } from './components/Grouper';
-export type { GrouperProps } from './components/Grouper';
 export { Overlay } from './components/Overlay';
 export type { OverlayProps } from './components/Overlay';
-export { Modal } from './components/Modal';
-export type { ModalAction, ModalProps } from './components/Modal';
+export { DialogBox, useDialogBox } from './components/DialogBox';
+export type { DialogBoxAction, DialogBoxProps, DialogBoxControls, DialogBoxSectionProps } from './components/DialogBox';
 export { ModalController } from './components/ModalController';
 export type { ModalControllerProps } from './components/ModalController';
-export { FlexDiv, Size, Preset } from './components/FlexDiv';
+export { FlexBox, Size, Preset } from './components/FlexBox';
+export type { FlexBoxProps } from './components/FlexBox';
+export { FlexDiv } from './components/FlexDiv';
 export type { FlexDivProps } from './components/FlexDiv';
 export { Pager } from './components/Pager';
 export type { PagerProps } from './components/Pager';
 export { PromptInput } from './components/PromptInput';
-export type { PromptProps } from './components/PromptInput';
+export type { PromptProps, PromptActions, PromptTextAreaProps } from './components/PromptInput';
 export { DoneCheck, ProgressIndicator } from './components/Progress';
 export type { DoneCheckProps, ProgressIndicatorProps, } from './components/Progress';
 export { RadioButton } from './components/RadioButton';
 export type { RadioButtonProps, RadioButtonOption, } from './components/RadioButton';
 export { RadioButtonList } from './components/RadioButtonList';
-export type { RadioButtonListProps } from './components/RadioButtonList';
+export type { RadioButtonListProps, RadioButtonListOption } from './components/RadioButtonList';
 export { Slider } from './components/Slider';
 export type { SliderProps } from './components/Slider';
 export { Spacer } from './components/Spacer';
+export type { SpacerProps } 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 { Tab } from './components/Tab';
+export type { TabBarProps } from './components/TabBar';
+export type { TabOption, TabProps } from './components/Tab';
 export { TextArea } from './components/TextArea';
 export type { TextAreaProps } from './components/TextArea';
 export { TextField } from './components/Textfield';
@@ -65,27 +68,24 @@ export { ThemeProvider } from './providers';
 export { Tip } from './components/Tip';
 export type { ToolTipProps } from './components/Tip';
 export { Toast, ToastType } from './components/Toast';
-export type { ToastProps } from './components/Toast';
+export type { ToastProps, ToastInfo, ToastHideInfo, ToastHideReason } from './components/Toast';
 export { Button } from './components/Button';
 export type { ButtonProps, ButtonHandle } from './components/Button';
 export { Chip } from './components/Chip';
 export type { ChipProps } from './components/Chip';
-export { FileIcon, FileIconNames } from './components/FileIcon';
-export type { FileIconProps } from './components/FileIcon/_types';
+export { FileIcon, FileIconTypes } from './components/FileIcon';
+export type { FileIconProps, FileIconType } from './components/FileIcon/_types';
 export { Icon, SliceIcons } from './components/Icon';
-export type { IconProps } from './components/Icon/_types';
+export type { IconProps, SliceIcon } from './components/Icon/_types';
 export { ButtonBar } from './components/ButtonBar';
 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 { AudioLevel } from './components/AudioLevel';
+export type { AudioLevelProps } from './components/AudioLevel';
 export { UploadArea } from './components/UploadArea';
-export type { UploadAreaProps } from './components/UploadArea/_types';
+export type { UploadAreaProps, UploadFileRejection } from './components/UploadArea/_types';
 export { imageTypes, videoTypes, documentTypes, audioTypes, textTypes, allTypes, } from './components/UploadArea/_types';
 export { Video } from './components/Video';
-export type { CustomVideoControls, PlayState, VideoElement, VideoProps, } from './components/Video';
+export type { CustomVideoControls, PlayState, VideoControlsContext, VideoElement, VideoProps, } from './components/Video';
 export { VideoController } from './components/VideoController';
 export type { VideoControllerProps } from './components/VideoController';
 export { DataTable } from './components/DataTable';
@@ -93,3 +93,12 @@ export type { DataTableProps, ColumnDefinition, CellContext, HeaderContext, Sort
 export { createColumnHelper, applyDataTableViewState, createDefaultViewState, resolveSortFromViewState, captureSortToViewState, } from './components/DataTable';
 export type { DataTableViewState } from './components/DataTable';
 export { useInfiniteScroll, type InfiniteScrollLoader, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, } from './hooks/useInfiniteScroll/useInfiniteScroll';
+export { PopMenu, PopMenuItem, PopMenuGroup } from './components/PopMenu';
+export type { PopMenuProps, PropMenuEntry, PopMenuItemBase, PopMenuItemGroupBase, PopMenuItemProps, PopMenuItemGroupProps, PopMenuItemClickInfo, PopMenuSubMenuProps, } from './components/PopMenu';
+export { PopMenuController } from './components/PopMenuController';
+export { resolveShortcut } from './utils/functions/resolveShortcut';
+export { resolveFileIconType } from './utils/functions/files';
+export { FileList } from './components/FileList';
+export type { FileItem, FileListProps } from './components/FileList';
+export { Attachment, ContentType } from './components/Attachment';
+export type { AttachmentProps, Content, ContentFormat } from './components/Attachment';

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

@@ -12,3 +12,4 @@ export * from './video';
 export { useBrowserChannelsStore, useBrowserChannels, useBrowserChannelActions, useIsActiveChannel, useMessage as useBrowserChannelMessage, useParentMessage, browserChannelActions, getBrowserChannels, getLastBrowserChannelMessage, getMessage as getBrowserChannelMessage, getParentMessage, } from './browserChannel';
 export type { BrowserChannelConfig, BrowserChannelsStore } from './browserChannel';
 export * from './activeTab';
+export * from './popMenu';

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

@@ -0,0 +1,13 @@
+import type { ReactElement } from 'react';
+import type { PopMenuProps } from '../../components/PopMenu/_types';
+/** A composed menu control, or props used by the controller to create a PopMenu. */
+export type PushedPopMenu = ReactElement<PopMenuProps> | PopMenuProps;
+export interface PopMenuStore {
+    popMenu: PushedPopMenu | null;
+    /** Each push starts a fresh menu instance, including repeated pushes of the same value. */
+    version: number;
+    actions: {
+        push: (popMenu: PushedPopMenu | null) => void;
+        clear: () => void;
+    };
+}

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

@@ -0,0 +1,2 @@
+export { usePopMenuStore, usePopMenu, usePopMenuActions, popMenuActions, getPopMenu } from './popMenuStore';
+export type { PopMenuStore, PushedPopMenu } from './_types';

package/dist/types/stores/popMenu/popMenuStore.d.ts

@@ -0,0 +1,12 @@
+import type { PopMenuStore } from './_types';
+export declare const usePopMenuStore: import("zustand").UseBoundStore<import("zustand").StoreApi<PopMenuStore>>;
+export declare const usePopMenu: () => import("./_types").PushedPopMenu | null;
+export declare const usePopMenuActions: () => {
+    push: (popMenu: import("./_types").PushedPopMenu | null) => void;
+    clear: () => void;
+};
+export declare const popMenuActions: {
+    push: (popMenu: import("./_types").PushedPopMenu | null) => void;
+    clear: () => void;
+};
+export declare const getPopMenu: () => import("./_types").PushedPopMenu | null;

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

@@ -1,18 +1,13 @@
-import type { ToastType } from '../../components/Toast';
-export type Toast = {
-    notifId?: string;
+import type { ToastHideInfo, ToastProps } from '../../components/Toast';
+/** Store values can be spread directly into Toast, including motion and lifecycle options. */
+export type Toast<T = unknown> = ToastProps<T> & {
     message: string | null;
-    duration?: number | 'Infinite';
-    type?: ToastType;
-    close?: boolean;
-    position?: 'top' | 'bottom';
-    progress?: boolean;
-    container?: 'parent' | 'window';
 };
 export interface ToastStore {
     toast: Toast | null;
     actions: {
-        push: (toast: Toast | null) => void;
-        clear: () => void;
+        push: <T = unknown>(toast: Toast<T> | null) => void;
+        /** With onHide metadata, clear only the matching notification; with no argument, clear unconditionally. */
+        clear: (notification?: ToastHideInfo) => void;
     };
 }

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

@@ -1,12 +1,12 @@
 import type { Toast, ToastStore } from './_types';
 export declare const useToastStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ToastStore>>;
-export declare const useToast: () => Toast | null;
+export declare const useToast: () => Toast<unknown> | null;
 export declare const useToastActions: () => {
-    push: (toast: Toast | null) => void;
-    clear: () => void;
+    push: <T = unknown>(toast: Toast<T> | null) => void;
+    clear: (notification?: import("../..").ToastHideInfo) => void;
 };
 export declare const toastActions: {
-    push: (toast: Toast | null) => void;
-    clear: () => void;
+    push: <T = unknown>(toast: Toast<T> | null) => void;
+    clear: (notification?: import("../..").ToastHideInfo) => void;
 };
-export declare const getToast: () => Toast | null;
+export declare const getToast: () => Toast<unknown> | null;

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: () => 2 | 1 | 3;
+export declare const useDpr: () => 1 | 3 | 2;
 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: () => 2 | 1 | 3;
+export declare const dpr: () => 1 | 3 | 2;
 export declare const location: () => WindowGeolocation | null;
 export declare const locationError: () => Error | null;
 export declare const gettingLocation: () => boolean;

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

@@ -0,0 +1,11 @@
+/** Form factor names used by Slice's viewport breakpoints. */
+export declare enum FormFactor {
+    Mobile = "mobile",
+    Tablet = "tablet",
+    Desktop = "desktop",
+    DesktopL = "desktopL",
+    DesktopXL = "desktopXL"
+}
+export type BreakPoints = Record<FormFactor, number>;
+/** Default minimum viewport widths in pixels. Shared defaults cannot be mutated. */
+export declare const breakpoints: Readonly<BreakPoints>;