@apple-pie/slice 0.1.1 → 0.1.2

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { CameraElement, DefaultNoVideoPosterProps, ToolbarButtonProps } from './_types';
+export declare const Camera: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof import("./_types").BaseCameraProps> & import("./_types").BaseCameraProps & React.RefAttributes<CameraElement>>;
+/**
+ * Custom toolbar button with labels for controlling video / audio / etc.
+ */
+export declare function ToolbarButton(props: Readonly<ToolbarButtonProps>): import("react/jsx-runtime").JSX.Element;
+/**
+ * the default poster image when no video is available
+ */
+export declare function DefaultNoVideoPoster(props: Readonly<DefaultNoVideoPosterProps>): string | import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,77 @@
+import type React from 'react';
+export interface DefaultNoVideoPosterProps {
+    size?: number | string;
+    user?: UserProfile;
+    message?: string;
+}
+export interface ToolbarButtonProps {
+    icon: string;
+    iconActive?: string;
+    onClick: () => void;
+    active?: boolean;
+    label?: string;
+    disabled?: boolean;
+}
+export interface CameraElement {
+    container?: HTMLDivElement;
+    video?: HTMLVideoElement;
+    stream?: MediaStream;
+    videoTrack?: MediaStreamTrack;
+    audioTrack?: MediaStreamTrack;
+    snapshot?: (options?: CameraSnapshotOptions) => Blob | undefined;
+    startCamera?: () => Promise<MediaStream | Error>;
+    stopCamera?: () => Promise<boolean | Error>;
+    enableVideo?: () => MediaStream | Error;
+    disableVideo?: () => boolean | Error;
+    muteMic?: () => boolean | Error;
+    unmuteMic?: () => boolean | Error;
+    toggleVideo?: () => Promise<MediaStream | boolean | Error>;
+    toggleMic?: () => boolean | Error;
+    devices?: () => Promise<MediaDeviceInfo[] | Error>;
+}
+export interface CameraSnapshotOptions {
+    width?: number;
+    height?: number;
+    toggle?: boolean;
+}
+export interface Controls {
+    mic?: boolean;
+    camera?: boolean;
+    play?: boolean;
+    stop?: boolean;
+    pause?: boolean;
+    videoDevices?: boolean;
+    audioDevices?: boolean;
+    flipCamera?: boolean;
+}
+export interface UserProfile {
+    first?: string;
+    last?: string;
+    avatar?: string;
+}
+export interface Settings {
+    micDeviceId?: string;
+    micVolume?: number;
+    videoDeviceId?: string;
+}
+export interface BaseCameraProps {
+    width?: number | string;
+    height?: number | string;
+    noVideoPoster?: React.ReactNode;
+    videoFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+    startCameraOff?: boolean;
+    startAudioMuted?: boolean;
+    userProfile?: UserProfile;
+    sessionSettings?: Settings;
+    onVideoStream?: (stream: MediaStream) => void;
+    onSnapshot?: (blob: Blob | undefined) => void;
+    onNoVideo?: (reason?: string | Error) => void;
+    onNoAudio?: (reason?: string | Error) => void;
+    onChangeProfile?: (profile?: UserProfile) => void;
+    onChangeSettings?: (settings?: Settings, devices?: MediaDeviceInfo[] | Error) => void;
+    showControlBar?: boolean;
+    autoHideControlBar?: boolean;
+    controls?: Controls;
+    pipSnapshot?: boolean;
+}
+export type CameraProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof BaseCameraProps> & BaseCameraProps;

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

@@ -0,0 +1,2 @@
+export { Camera } from './Camera';
+export type { CameraElement, CameraProps, CameraSnapshotOptions, Controls, UserProfile, Settings, } from './_types';

package/dist/types/{uikit → components}/Icon/_types.d.ts

@@ -13,6 +13,10 @@ type IconBaseProps = {
 };
 export type IconProps = Omit<React.SVGAttributes<SVGSVGElement>, keyof IconBaseProps> & IconBaseProps;
 export declare enum IconNames {
+    video = "video",
+    mic = "mic",
+    micMuted = "mic muted",
+    camera = "camera",
     home = "home",
     inbox = "inbox",
     sparkle = "sparkle",

package/dist/types/{uikit → components}/Switch/Switch.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Switch } from 'src/uikit/Switch';
+import { Switch } from 'src/components/Switch';
 declare const meta: Meta<typeof Switch>;
 export default meta;
 export declare const Default: StoryObj<typeof Switch>;

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

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { ToolTip } from '../../uikit/sharedTypes';
+import type { ToolTip } from '../../components/sharedTypes';
 export declare function useToolTip(toolTip: ToolTip | null, tipElement: React.RefObject<HTMLDivElement | null>): {
     x: number;
     y: number;

package/dist/types/index.d.ts

@@ -1,78 +1,78 @@
-export type { ToolTip, ToolTipInfo } from './uikit/sharedTypes';
-export { ToolTipType } from './uikit/sharedTypes';
+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, useKeyboardShortcuts, useTheme, useObserveTheme, useToolTip, useLastUpdated, useLocalStore, useWindow, useDoubleClick, useObserveResize, } from './hooks';
-export { Avatar } from './uikit/Avatar/index';
-export type { AvatarProps } from './uikit/Avatar/index';
-export { AvatarGroup } from './uikit/AvatarGroup';
-export type { AvatarGroupProps, AvatarInfo } from './uikit/AvatarGroup';
-export { Badge } from './uikit/Badge';
-export type { BadgeProps } from './uikit/Badge';
-export { IconButton } from './uikit/IconButton';
-export type { IconButtonProps } from './uikit/IconButton';
-export { CheckBox } from './uikit/CheckBox';
-export type { CheckBoxProps } from './uikit/CheckBox';
-export { DivInput } from './uikit/DivInput';
-export type { DivInputProps } from './uikit/DivInput';
-export { DocIcons } from './uikit/DocIcon';
-export type { DocsProps } from './uikit/DocIcon';
-export { Dot } from './uikit/Dot';
-export type { DotProps } from './uikit/Dot';
-export { DraggablePanel } from './uikit/DraggablePanel';
-export type { DraggablePanelProps } from './uikit/DraggablePanel';
-export { DropDown } from './uikit/DropDown';
-export type { DropDownOption, DropDownProps } from './uikit/DropDown';
-export { ErrorSummary } from './uikit/ErrorSummary';
-export type { ErrorMessage, ErrorSummaryProps } from './uikit/ErrorSummary';
-export { Grouper } from './uikit/Grouper';
-export type { GrouperProps } from './uikit/Grouper';
-export { Logos } from './uikit/Logos';
-export type { LogoProps } from './uikit/Logos';
-export { Overlay } from './uikit/Overlay';
-export type { OverlayProps } from './uikit/Overlay';
-export { FlexDiv } from './uikit/FlexDiv';
-export type { FlexDivProps } from './uikit/FlexDiv';
-export { Pager } from './uikit/Pager';
-export type { PagerProps } from './uikit/Pager';
-export { PromptInput } from './uikit/PromptInput';
-export type { PromptProps } from './uikit/PromptInput';
-export { DoneCheck, ProgressIndicator } from './uikit/Progress';
-export type { DoneCheckProps, ProgressIndicatorProps } from './uikit/Progress';
-export { RadioButton } from './uikit/RadioButton';
-export type { RadioButtonProps, RadioButtonOption } from './uikit/RadioButton';
-export { RadioButtonList } from './uikit/RadioButtonList';
-export type { RadioButtonListProps } from './uikit/RadioButtonList';
-export { Slider } from './uikit/Slider';
-export type { SliderProps } from './uikit/Slider';
-export { Spacer } from './uikit/Spacer';
-export { Switch } from './uikit/Switch';
-export type { SwitchProps } from './uikit/Switch';
-export { TabBar } from './uikit/TabBar';
-export type { TabOption, TabBarProps } from './uikit/TabBar';
-export { TextArea } from './uikit/TextArea';
-export type { TextAreaProps } from './uikit/TextArea';
-export { TextField } from './uikit/Textfield';
-export type { TextFieldProps } from './uikit/Textfield';
+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 { Badge } from './components/Badge';
+export type { BadgeProps } from './components/Badge';
+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 { CheckBox } from './components/CheckBox';
+export type { CheckBoxProps } from './components/CheckBox';
+export { DivInput } from './components/DivInput';
+export type { DivInputProps } from './components/DivInput';
+export { DocIcons } from './components/DocIcon';
+export type { DocsProps } from './components/DocIcon';
+export { Dot } from './components/Dot';
+export type { DotProps } from './components/Dot';
+export { DraggablePanel } from './components/DraggablePanel';
+export type { DraggablePanelProps } 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 { 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 { 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 { Slider } from './components/Slider';
+export type { SliderProps } from './components/Slider';
+export { Spacer } from './components/Spacer';
+export { Switch } from './components/Switch';
+export type { SwitchProps } from './components/Switch';
+export { TabBar } from './components/TabBar';
+export type { TabOption, TabBarProps } from './components/TabBar';
+export { TextArea } from './components/TextArea';
+export type { TextAreaProps } from './components/TextArea';
+export { TextField } from './components/Textfield';
+export type { TextFieldProps } from './components/Textfield';
 export { ThemeProvider } from './providers';
-export { Tip } from './uikit/Tip';
-export type { ToolTipProps } from './uikit/Tip';
-export { Toast, ToastType } from './uikit/Toast';
-export type { ToastProps } from './uikit/Toast';
-export { Button } from './uikit/Button';
-export type { ButtonProps, ButtonHandle } from './uikit/Button';
-export { Chip } from './uikit/Chip';
-export type { ChipProps } from './uikit/Chip';
-export { FileIcon, FileIconNames } from './uikit/FileIcon';
-export type { FileIconProps } from './uikit/FileIcon/_types';
-export { Icon, IconNames } from './uikit/Icon';
-export type { IconProps } from './uikit/Icon/_types';
-export { ButtonBar } from './uikit/ButtonBar';
-export type { BarButton, ButtonBarProps } from './uikit/ButtonBar/_types';
-export { Card } from './uikit/Card';
-export type { CardProps } from './uikit/Card/_types';
-export { Label } from './uikit/Label';
-export type { LabelProps } from './uikit/Label';
-export { UploadArea } from './uikit/UploadArea';
-export type { UploadAreaProps } from './uikit/UploadArea/_types';
-export { imageTypes, videoTypes, documentTypes, audioTypes, textTypes, allTypes, } from './uikit/UploadArea/_types';
+export { Tip } from './components/Tip';
+export type { ToolTipProps } from './components/Tip';
+export { Toast, ToastType } from './components/Toast';
+export type { ToastProps } 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 { Icon, IconNames } from './components/Icon';
+export type { IconProps } from './components/Icon/_types';
+export { ButtonBar } from './components/ButtonBar';
+export type { BarButton, ButtonBarProps } from './components/ButtonBar/_types';
+export { Card } from './components/Card';
+export type { CardProps } from './components/Card/_types';
+export { Label } from './components/Label';
+export type { LabelProps } from './components/Label';
+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/stores/tip/_types.d.ts

@@ -1,4 +1,4 @@
-import type { ToolTip } from '../../uikit/sharedTypes';
+import type { ToolTip } from '../../components/sharedTypes';
 export interface TipStore {
     tip: ToolTip | null;
     actions: {

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

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

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

@@ -0,0 +1,8 @@
+/**
+ * Create a tint value from a hex color
+ */
+export declare const tintFromColor: (hex: string, percent: number) => string;
+/**
+ * Adds the desired opacity level to a hex or RGB color string
+ */
+export declare const addOpacity: (color: string, opacity: number) => string;

package/dist/types/{util → utils/functions}/files.d.ts

@@ -2,7 +2,7 @@ export declare function nameAndExtension(fileName: string): {
     name: string;
     ext: string;
 };
-export declare function fileIconName(extension: string): "other" | "text" | "sheet" | "image" | "pdf" | "code" | "md" | "preso" | "audio" | "video" | "clipboard";
+export declare function fileIconName(extension: string): "other" | "text" | "sheet" | "image" | "video" | "audio" | "pdf" | "code" | "md" | "preso" | "clipboard";
 /**
  * Create a text file from clipboard content placing a clipboard file extension
  */

package/dist/types/{util/utils.d.ts → utils/functions/misc.d.ts}

@@ -48,6 +48,6 @@ export declare function setStyle(value: string | number | undefined, defaultVal?
  */
 export declare const copyToClipboard: (rawContent: string) => Promise<boolean>;
 /**
- * Create a tint value from a hex color
+ * Get normalized percent value from number or string
  */
-export declare const tintFromColor: (hex: string, percent: number) => string;
+export declare function normalizedPercent(value: number | string): number;

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

@@ -0,0 +1,2 @@
+export { copyToClipboard } from './functions/misc';
+export { tintFromColor, addOpacity } from './functions/colors';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.1.1",
+	"version": "0.1.2",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
 	"exports": {
@@ -78,10 +78,15 @@
 			"import": "./dist/esm/theme/themes.mjs",
 			"require": "./dist/cjs/theme/themes.js"
 		},
-		"./uikit/*": {
-			"types": "./dist/types/uikit/*/index.d.ts",
-			"import": "./dist/esm/uikit/*/index.mjs",
-			"require": "./dist/cjs/uikit/*/index.js"
+		"./utils": {
+			"types": "./dist/types/utils/index.d.ts",
+			"import": "./dist/esm/utils/index.mjs",
+			"require": "./dist/cjs/utils/index.js"
+		},
+		"./components/*": {
+			"types": "./dist/types/components/*/index.d.ts",
+			"import": "./dist/esm/components/*/index.mjs",
+			"require": "./dist/cjs/components/*/index.js"
 		}
 	},
 	"files": ["dist", "README.md", "scripts/copy-assets.mjs"],