@apple-pie/slice 0.1.29 → 0.1.30

package/dist/esm/utils/index.mjs

@@ -1,4 +1,4 @@
-export { c as copyToClipboard, h as hexToRgb } from "../chunks/misc-Bjbro8Xe.mjs";
+export { c as copyToClipboard, h as hexToRgb } from "../chunks/misc-wS74txaa.mjs";
 
 export { d as debounce } from "../chunks/debounce-Bst1jxMS.mjs";
 

package/dist/esm/workers/uploads/uploads.mjs

@@ -1,4 +1,4 @@
-import { r as registerUploadsWorker } from "../../chunks/uploads-worker-7X9EwX9N.mjs";
+import { r as registerUploadsWorker } from "../../chunks/uploads-worker-CYp-F4dz.mjs";
 
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
 

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

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

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

@@ -0,0 +1,45 @@
+import type React from 'react';
+import type { ToolTip } from '../sharedTypes';
+export type ModalAction<T = string> = {
+    id: string;
+    label?: string;
+    value?: T;
+    primary?: boolean;
+    iconLeft?: string;
+    tooltip?: string;
+    iconRight?: string;
+    round?: boolean;
+    position?: 'left' | 'right';
+    promise?: 'resolve' | 'reject';
+};
+type ModalBaseProps<T = string> = {
+    children?: React.ReactNode;
+    minHeight?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    maxHeight?: number | string;
+    borderRadius?: number | string;
+    borderColor?: string;
+    borderWidth?: number | string;
+    backgroundColor?: string;
+    padding?: number | string;
+    title?: string;
+    titleColor?: string;
+    titleBorderColor?: string;
+    titleBorderWidth?: number;
+    titleIcon?: string;
+    titleSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    contentSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    close?: boolean;
+    actions?: ModalAction<T>[];
+    actionsBorderColor?: string;
+    actionsBorderWidth?: number;
+    onAction?: (value?: T) => void;
+    onResolve?: (value?: T) => void;
+    onReject?: (value?: Error) => void;
+    onClose?: () => void;
+    onDragPointerDown?: (e: React.PointerEvent<any>) => void;
+    onToolTip?: (tip: ToolTip | null) => void;
+};
+export type ModalProps<T = string> = Omit<React.HTMLAttributes<HTMLElement>, keyof ModalBaseProps<T>> & ModalBaseProps<T>;
+export {};

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

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalAction, ModalProps } from './_types';

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

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

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

@@ -0,0 +1,13 @@
+import type { Transition, Variants } from 'motion/react';
+import type React from 'react';
+export type ModalControllerProps = {
+    dragConstraintsRef?: React.RefObject<HTMLElement | null>;
+    overlayColor?: string;
+    overlayOpacity?: number;
+    transition?: Transition;
+    variants?: Variants;
+    initial?: string;
+    animate?: string;
+    exit?: string;
+    draggable?: boolean;
+};

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

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

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

@@ -1,11 +1,15 @@
+import type { Transition } from 'motion/react';
 import type React from 'react';
 type OverlayBaseProps = {
+    children?: React.ReactNode;
+    show?: boolean;
     opacity?: number;
     color?: string;
     type?: 'clear' | 'dark';
     global?: boolean;
     overlay?: any;
     onClick?: () => void;
+    transition?: Transition;
     toggleOverlay?: (state: boolean) => void;
 };
 export type OverlayProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof OverlayBaseProps> & OverlayBaseProps;

package/dist/types/components/Progress/ProgressIndicator/ProgressIndicator.d.ts

@@ -1,3 +1,3 @@
 import type { ProgressIndicatorProps } from './_types';
 export declare function ProgressIndicator(props: Readonly<ProgressIndicatorProps>): import("react/jsx-runtime").JSX.Element;
-export declare const OpenCircle: (size: number, secondsPerSpin: number, color: string, stroke?: number, playing?: boolean) => import("react/jsx-runtime").JSX.Element;
+export declare const OpenCircle: (size: number | string, secondsPerSpin: number, color: string, stroke?: number, playing?: boolean, inset?: boolean, gradientId?: string) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Progress/ProgressIndicator/_types.d.ts

@@ -1,12 +1,13 @@
 import type React from 'react';
 type ProgressIndicatorBaseProps = {
-    size?: number;
+    size?: number | string;
     secondsPerSpin?: number;
     show?: boolean;
     color?: string;
     stroke?: number;
     duration?: number;
     inline?: boolean;
+    inset?: boolean;
     didStart?: () => void;
     didStop?: () => void;
 };

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

@@ -18,6 +18,8 @@ type ToastBaseProps = {
     duration?: number | 'Infinite';
     close?: boolean;
     type?: ToastType;
+    progress?: boolean;
+    onShow?: () => void;
     didHide?: () => void;
 };
 type ReservedToastEvents = 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur';

package/dist/types/index.d.ts

@@ -31,6 +31,10 @@ 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 { ModalController } from './components/ModalController';
+export type { ModalControllerProps } from './components/ModalController';
 export { FlexDiv, Size, Preset } from './components/FlexDiv';
 export type { FlexDivProps } from './components/FlexDiv';
 export { Pager } from './components/Pager';

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

@@ -1,4 +1,5 @@
 export * from './LocalDB';
+export * from './modal';
 export * from './microphone';
 export * from './SSE';
 export * from './toast';

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

@@ -0,0 +1,27 @@
+import type React from 'react';
+export type ModalComponentProps<TResult = unknown> = {
+    onResolve?: (value?: TResult) => void;
+    onReject?: (error?: Error) => void;
+    onClose?: () => void;
+    onDragPointerDown?: React.PointerEventHandler;
+};
+export type ModalDescriptor<TProps extends Record<string, unknown> = Record<string, unknown>, TResult = unknown> = {
+    id?: string;
+    component: React.ComponentType<TProps & ModalComponentProps<TResult>>;
+    props?: TProps;
+};
+export type ActiveModal = ModalDescriptor & {
+    resolve?: (value?: unknown) => void;
+    reject?: (reason?: unknown) => void;
+};
+export interface ModalStore {
+    modal: ActiveModal | null;
+    actions: {
+        show: (modal: ModalDescriptor | null) => void;
+        hide: (reason?: unknown) => void;
+        modalResponse: <TResult = unknown>(modal: ModalDescriptor) => Promise<TResult | undefined>;
+        resolve: <TResult = unknown>(value?: TResult) => void;
+        reject: (reason?: unknown) => void;
+        clear: () => void;
+    };
+}

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

@@ -0,0 +1,2 @@
+export { useModalStore, useModal, useModalActions, modalActions, getModal, } from './modalStore';
+export type { ActiveModal, ModalComponentProps, ModalDescriptor, ModalStore, } from './_types';

package/dist/types/stores/modal/modalStore.d.ts

@@ -0,0 +1,20 @@
+import type { ActiveModal, ModalDescriptor, ModalStore } from './_types';
+export declare const useModalStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ModalStore>>;
+export declare const useModal: () => ActiveModal | null;
+export declare const useModalActions: () => {
+    show: (modal: ModalDescriptor | null) => void;
+    hide: (reason?: unknown) => void;
+    modalResponse: <TResult = unknown>(modal: ModalDescriptor) => Promise<TResult | undefined>;
+    resolve: <TResult = unknown>(value?: TResult) => void;
+    reject: (reason?: unknown) => void;
+    clear: () => void;
+};
+export declare const modalActions: {
+    show: (modal: ModalDescriptor | null) => void;
+    hide: (reason?: unknown) => void;
+    modalResponse: <TResult = unknown>(modal: ModalDescriptor) => Promise<TResult | undefined>;
+    resolve: <TResult = unknown>(value?: TResult) => void;
+    reject: (reason?: unknown) => void;
+    clear: () => void;
+};
+export declare const getModal: () => ActiveModal | null;

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

@@ -1,9 +1,11 @@
 import type { ToastType } from '../../components/Toast';
 export type Toast = {
     message: string | null;
-    duration?: number;
+    duration?: number | 'Infinite';
     type?: ToastType;
     close?: boolean;
+    position?: 'top' | 'bottom';
+    progress?: boolean;
 };
 export interface ToastStore {
     toast: Toast | null;

package/package.json

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