@apple-pie/slice 0.1.9 → 0.1.11

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

@@ -0,0 +1,79 @@
+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;
+    onMouseOver?: (e: React.MouseEvent<HTMLDivElement> | React.FocusEvent<HTMLDivElement>) => void;
+}
+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 {
+    name?: string;
+    email?: 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;
+    playLocalAudio?: 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/components/CheckBox/CheckBox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { CheckBoxProps } from './_types';
+export declare const CheckBox: React.MemoExoticComponent<(props: CheckBoxProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,11 @@
+import type React from 'react';
+type CheckBoxBaseProps = {
+    children?: React.ReactNode | string;
+    size?: number;
+    checked?: 'mixed' | boolean;
+    disabled?: boolean;
+    color?: string;
+    onChange?: (state: boolean) => void;
+};
+export type CheckBoxProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof CheckBoxBaseProps> & CheckBoxBaseProps;
+export {};

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ChipProps } from './_types';
+export declare const Chip: React.MemoExoticComponent<(props: ChipProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,35 @@
+import type React from 'react';
+import type { ToolTip } from '../sharedTypes';
+type ChipBaseProps = {
+    children?: React.ReactNode;
+    label?: string;
+    labelSize?: 'xs' | 's' | 'm' | 'l';
+    labelColor?: string;
+    labelColorHover?: string;
+    icon?: string;
+    iconSize?: number;
+    iconPosition?: 'left' | 'right';
+    iconColor?: string;
+    iconColorHover?: string;
+    backgroundColor?: string;
+    backgroundColorHover?: string;
+    bgColor?: string;
+    bgColorHover?: string;
+    disabled?: boolean;
+    focused?: boolean;
+    tooltip?: string;
+    borderWidth?: number;
+    borderSize?: number;
+    borderColor?: string;
+    borderColorHover?: string;
+    borderColorDisabled?: string;
+    borderRadius?: number;
+    gap?: number;
+    paddingTop?: number;
+    paddingTops?: number;
+    paddingSides?: number;
+    onToolTip?: (tip: ToolTip | null) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement> | undefined) => void;
+};
+export type ChipProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof ChipBaseProps> & ChipBaseProps;
+export {};

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

@@ -0,0 +1,3 @@
+import { Chip } from './Chip';
+export { Chip };
+export type { ChipProps } from './_types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DivInputProps } from './_types';
+export declare const DivInput: React.MemoExoticComponent<(props: DivInputProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,25 @@
+import type React from 'react';
+type DivInputBaseProps = {
+    name?: string;
+    onClick?: () => void;
+    onDblClick?: () => void;
+    onChange?: (value: string | null) => void;
+    onSubmit?: (value: string) => void;
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onBlur?: (value: string) => void;
+    placeholder?: string;
+    value?: string;
+    isEditable?: boolean;
+    wrap?: boolean;
+    focus?: boolean;
+    width?: number | string;
+    textAlign?: 'left' | 'center' | 'right';
+    clamp?: number;
+    padding?: string;
+    borderRadius?: number;
+    radius?: number;
+    backgroundColor?: string;
+    bgColor?: string;
+};
+export type DivInputProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DivInputBaseProps> & DivInputBaseProps;
+export {};

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type DotProps } from './_types';
+export declare const Dot: React.MemoExoticComponent<(props: DotProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,19 @@
+import type { Transition, Variants } from 'motion/react';
+import type React from 'react';
+type DotBaseProps = {
+    size?: number;
+    topOffset?: number;
+    rightOffset?: number;
+    border?: number;
+    position?: 'inline' | 'corner';
+    state?: 'red' | 'yellow' | 'green' | 'blue' | 'grey';
+    color?: string;
+    transition?: Transition;
+    motionValues?: Variants;
+    motion?: Variants;
+    show?: boolean;
+};
+export type DotProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DotBaseProps> & DotBaseProps;
+export declare const DEFAULT_VARIANTS: Variants;
+export declare const DEFAULT_TRANSITION: Transition;
+export {};

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

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

package/dist/types/components/DraggablePanel/DrggablePanel.d.ts

@@ -0,0 +1,44 @@
+import React, { type RefObject } from 'react';
+import type { Constraint } from './_types';
+type Info = {
+    div: RefObject<HTMLDivElement | null>;
+    divWidth: number;
+    divHeight: number;
+    deltaWidth: number;
+};
+type ResizeHandle = {
+    width?: number;
+    color?: string;
+    offsetX?: boolean;
+};
+type DraggablePanelBaseProps = {
+    children?: any;
+    onResize?: (info: Info) => void;
+    onResizeEnd?: (info: Info) => void;
+    onResizeStart?: (info: Info) => void;
+    containerRef?: React.RefObject<HTMLDivElement | null>;
+    sizeConstraints?: Constraint;
+    dragsRight?: boolean;
+    isClosed?: boolean;
+    resizeHandle?: Partial<ResizeHandle>;
+    borderRight?: any;
+    borderLeft?: any;
+    bgColor?: string;
+    drags?: boolean;
+    dragHandle?: boolean;
+    dragHandleStyle?: DragHandleProps;
+    disableOnContext?: boolean;
+    isTouchDevice?: boolean;
+};
+export type DraggablePanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DraggablePanelBaseProps> & DraggablePanelBaseProps;
+export declare const DraggablePanel: React.MemoExoticComponent<(props: DraggablePanelProps) => import("react/jsx-runtime").JSX.Element>;
+export type DragHandleProps = {
+    width?: number;
+    height?: number;
+    radius?: number;
+    stroke?: number;
+    strokeColor?: string;
+    color?: string;
+};
+export declare const DragHandle: React.MemoExoticComponent<(props: Readonly<DragHandleProps>) => import("react/jsx-runtime").JSX.Element>;
+export {};

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

@@ -0,0 +1,5 @@
+export type Constraint = {
+    initial: number;
+    max: number;
+    min: number;
+};

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

@@ -0,0 +1 @@
+export { DraggablePanel, type DraggablePanelProps } from './DrggablePanel';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DropDownProps } from './_types';
+export declare const DropDown: <T = string>(props: DropDownProps<T>) => React.JSX.Element;

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

@@ -0,0 +1,40 @@
+import type React from 'react';
+export type DropDownOption<T = string> = {
+    label?: string;
+    value?: T;
+    alt?: string;
+};
+type DropDownBaseProps<T = string> = {
+    name?: string;
+    label?: string;
+    labelColor?: string;
+    options?: DropDownOption<T>[];
+    selectedIndex?: number;
+    selectedValue?: T;
+    valueKey?: string;
+    placeholder?: boolean;
+    borderRadius?: number;
+    borderStyle?: 'bottom' | 'box' | 'none';
+    validate?: boolean;
+    iconColor?: string;
+    backgroundColor?: string;
+    bgColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    borderWidth?: number;
+    borderSize?: number;
+    width?: string;
+    height?: string;
+    paddingLeft?: number | string;
+    paddingRight?: number | string;
+    paddingTop?: number | string;
+    paddingBottom?: number | string;
+    iconSize?: number;
+    disabled?: boolean;
+    error?: boolean;
+    gap?: number;
+    size?: 'xs' | 's' | 'm' | 'l';
+    onChange?: (index: number, option: DropDownOption<T>) => void;
+};
+export type DropDownProps<T = string> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DropDownBaseProps<T>> & DropDownBaseProps<T>;
+export {};

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

@@ -0,0 +1,2 @@
+export { DropDown } from './DropDown';
+export type { DropDownOption, DropDownProps } from './_types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ErrorSummaryProps } from './_types';
+export declare const ErrorSummary: React.MemoExoticComponent<(props: ErrorSummaryProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,15 @@
+import type React from 'react';
+export type ErrorMessage = {
+    title: string;
+    message?: string | string[];
+};
+type ErrorSummaryBaseProps = {
+    entries?: ErrorMessage[];
+    textColor?: string;
+    autoNumber?: boolean;
+    backgroundColor?: string;
+    bgColor?: string;
+    textSize?: 'xs' | 's' | 'm' | 'l';
+};
+export type ErrorSummaryProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof ErrorSummaryBaseProps> & ErrorSummaryBaseProps;
+export {};

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

@@ -0,0 +1,2 @@
+export { ErrorSummary } from './ErrorSummary';
+export type { ErrorMessage, ErrorSummaryProps } from './_types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { FileIconProps } from './_types';
+export declare const FileIcon: React.MemoExoticComponent<(props: FileIconProps) => import("react/jsx-runtime").JSX.Element | null>;

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

@@ -0,0 +1,27 @@
+import type React from 'react';
+type FileIconBaseProps = {
+    name?: string;
+    size?: number;
+    pointer?: boolean;
+    disabled?: boolean;
+    onClick?: (e: React.MouseEvent<SVGElement, MouseEvent> | React.KeyboardEvent<SVGSVGElement>) => void;
+};
+export type FileIconProps = Omit<React.SVGAttributes<SVGSVGElement>, keyof FileIconBaseProps> & FileIconBaseProps;
+export declare enum FileIconNames {
+    pdf = "pdf",
+    text = "text",
+    sheet = "sheet",
+    preso = "preso",
+    md = "md",
+    code = "code",
+    image = "image",
+    audio = "audio",
+    video = "video",
+    other = "other"
+}
+type Scheme = {
+    dark: string;
+    light: string;
+};
+export declare const iconColorSchemes: Record<string, Scheme>;
+export {};

package/dist/types/components/FileIcon/fileIconRegistry.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from 'react';
+export declare const STATIC_FILE_ICONS: Map<string, {
+    paths: (theme: "dark" | "light") => JSX.Element;
+}>;

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

@@ -0,0 +1,3 @@
+export { FileIcon } from './FileIcon';
+export type { FileIconProps } from './_types';
+export { FileIconNames } from './_types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { FileListProps } from './_types';
+export declare const FileList: React.MemoExoticComponent<(props: FileListProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,25 @@
+import type React from 'react';
+import type { ToolTip } from '../sharedTypes';
+export type FileItem = {
+    file: File | string;
+    uploading?: boolean;
+    progress?: number;
+    error?: string;
+};
+type FileListBaseProps = {
+    files?: FileItem[];
+    direction?: 'row' | 'column';
+    gap?: number;
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    padding?: number | string;
+    iconSize?: number;
+    onChange?: (files: FileItem[]) => void;
+    backgroundColor?: string;
+    bgColor?: string;
+    canRemove?: boolean;
+    onToolTip?: (tip: ToolTip | null) => void;
+};
+export type FileListProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof FileListBaseProps> & FileListBaseProps;
+export {};

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

@@ -0,0 +1,2 @@
+export { FileList } from './FileList';
+export type { FileListProps, FileItem } from './_types';

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

@@ -0,0 +1,60 @@
+import React from 'react';
+export declare const FlexDiv: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof {
+    className?: string;
+    children?: any;
+    scrollY?: boolean;
+    scrollX?: boolean;
+    absolute?: boolean;
+    background?: string;
+    direction?: "row" | "column";
+    alignItems?: "start" | "center" | "end" | "between";
+    justify?: "start" | "top" | "center" | "end" | "bottom" | "between";
+    width?: number | "grow" | "fill" | "fit" | "viewport" | "auto";
+    height?: number | "grow" | "fill" | "fit" | "viewport" | "auto";
+    maxWidth?: number | string;
+    centerSelf?: boolean | string;
+    flex?: number;
+    reverse?: boolean;
+    wrap?: boolean;
+    border?: string;
+    padding?: number | string;
+    margin?: number | string;
+    enter?: any;
+    exit?: any;
+    animate?: any;
+    transition?: import("framer-motion").Transition;
+    variants?: any;
+    gap?: number;
+    borderRadius?: number;
+    scrollHandle?: string;
+    scrollHandleHover?: string;
+}> & {
+    className?: string;
+    children?: any;
+    scrollY?: boolean;
+    scrollX?: boolean;
+    absolute?: boolean;
+    background?: string;
+    direction?: "row" | "column";
+    alignItems?: "start" | "center" | "end" | "between";
+    justify?: "start" | "top" | "center" | "end" | "bottom" | "between";
+    width?: number | "grow" | "fill" | "fit" | "viewport" | "auto";
+    height?: number | "grow" | "fill" | "fit" | "viewport" | "auto";
+    maxWidth?: number | string;
+    centerSelf?: boolean | string;
+    flex?: number;
+    reverse?: boolean;
+    wrap?: boolean;
+    border?: string;
+    padding?: number | string;
+    margin?: number | string;
+    enter?: any;
+    exit?: any;
+    animate?: any;
+    transition?: import("framer-motion").Transition;
+    variants?: any;
+    gap?: number;
+    borderRadius?: number;
+    scrollHandle?: string;
+    scrollHandleHover?: string;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,34 @@
+import type { Transition } from 'motion/react';
+import type React from 'react';
+type FlexDivBaseProps = {
+    className?: string;
+    children?: any;
+    scrollY?: boolean;
+    scrollX?: boolean;
+    absolute?: boolean;
+    background?: string;
+    direction?: 'row' | 'column';
+    alignItems?: 'start' | 'center' | 'end' | 'between';
+    justify?: 'start' | 'top' | 'center' | 'end' | 'bottom' | 'between';
+    width?: number | 'grow' | 'fill' | 'fit' | 'viewport' | 'auto';
+    height?: number | 'grow' | 'fill' | 'fit' | 'viewport' | 'auto';
+    maxWidth?: number | string;
+    centerSelf?: boolean | string;
+    flex?: number;
+    reverse?: boolean;
+    wrap?: boolean;
+    border?: string;
+    padding?: number | string;
+    margin?: number | string;
+    enter?: any;
+    exit?: any;
+    animate?: any;
+    transition?: Transition;
+    variants?: any;
+    gap?: number;
+    borderRadius?: number;
+    scrollHandle?: string;
+    scrollHandleHover?: string;
+};
+export type FlexDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof FlexDivBaseProps> & FlexDivBaseProps;
+export {};

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { GrouperProps } from './_types';
+export declare const Grouper: React.MemoExoticComponent<(props: GrouperProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,20 @@
+import type React from 'react';
+type GrouperBaseProps = {
+    title?: string;
+    variant?: string;
+    toggle?: boolean;
+    open?: boolean;
+    hasIcon?: boolean;
+    iconName?: string;
+    iconSize?: number;
+    frameSize?: number;
+    border?: number;
+    count?: number | string;
+    hideNull?: boolean;
+    showFilterBadge?: boolean;
+    unframed?: boolean;
+    onChange?: (state: boolean) => void;
+    onClick?: () => void;
+};
+export type GrouperProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof GrouperBaseProps> & GrouperBaseProps;
+export {};

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IconProps } from './_types';
+export declare const Icon: React.MemoExoticComponent<(props: IconProps) => import("react/jsx-runtime").JSX.Element | null>;