@apple-pie/slice 0.1.32 → 0.1.34

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

@@ -30,6 +30,9 @@ type TabBarBaseProps = {
     onChange?: (index: number) => void;
     onTabChange?: (option: TabOption) => void;
     onClose?: () => void;
+    justify?: 'start' | 'center' | 'end';
+    borderColor?: string;
+    textSize?: 'xs' | 's' | 'm' | 'l';
 };
 export type TabBarProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TabBarBaseProps> & TabBarBaseProps;
 export interface TabOptionProps {
@@ -50,5 +53,7 @@ export interface TabOptionProps {
     onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, value: number) => void;
     onToolTip?: (tip: ToolTip | null) => void;
     buttonRef?: (element: HTMLButtonElement | null) => void;
+    borderColor?: string;
+    textSize?: 'xs' | 's' | 'm' | 'l';
 }
 export {};

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

@@ -16,6 +16,7 @@ export interface ToggleButtonProps {
     onSelect?: () => void;
     onToolTip?: (tip: ToolTip | null) => void;
     gap?: number;
+    border?: boolean;
     iconSize?: number;
     tooltip?: string;
     fill?: boolean;

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

@@ -12,7 +12,7 @@ export type VolumeStore = {
         playFeedback: (volume?: number) => Promise<void>;
         setVolume: (volume: number, options?: {
             playFeedback?: boolean;
-        }) => void;
+        }) => Promise<void>;
         mute: () => Promise<void>;
         unmute: () => Promise<void>;
         clearMedia: () => void;

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

@@ -12,7 +12,7 @@ export declare const useVolumeActions: () => {
     playFeedback: (volume?: number) => Promise<void>;
     setVolume: (volume: number, options?: {
         playFeedback?: boolean;
-    }) => void;
+    }) => Promise<void>;
     mute: () => Promise<void>;
     unmute: () => Promise<void>;
     clearMedia: () => void;
@@ -25,7 +25,7 @@ export declare const volumeActions: {
     playFeedback: (volume?: number) => Promise<void>;
     setVolume: (volume: number, options?: {
         playFeedback?: boolean;
-    }) => void;
+    }) => Promise<void>;
     mute: () => Promise<void>;
     unmute: () => Promise<void>;
     clearMedia: () => void;

package/package.json

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

package/dist/cjs/chunks/ModalController-Cp2PXOOS.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), Overlay = require("./Overlay-DRpHYZek.js"), modalStore = require("./modalStore-CFsfK3ba.js"), css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
-
-const defaultTransition = {
-    ease: "easeOut",
-    duration: .25,
-    delay: .1
-}, defaultVariants = {
-    initial: {
-        opacity: 0,
-        y: 20
-    },
-    animate: {
-        opacity: 1,
-        y: 0
-    },
-    exit: {
-        opacity: 0,
-        y: 20
-    }
-};
-
-exports.ModalController = function(props) {
-    const {dragConstraintsRef: dragConstraintsRef, transition: transition = defaultTransition, variants: variants = defaultVariants, initial: initial = "initial", animate: animate = "animate", exit: exit = "exit", draggable: draggable = !0, overlayOpacity: overlayOpacity = .7, overlayColor: overlayColor = "rgb(0,0,0)"} = props, controls = react.useDragControls(), modal = modalStore.useModal(), resolve = modalStore.useModalActions().resolve, reject = modalStore.useModalActions().reject, hide = modalStore.useModalActions().hide, ModalComponent = null == modal ? void 0 : modal.component, modalProps = null == modal ? void 0 : modal.props;
-    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [ jsxRuntime.jsx(Overlay.Overlay, {
-            show: !!modal,
-            type: "dark",
-            opacity: overlayOpacity,
-            color: overlayColor,
-            onClick: () => hide()
-        }), jsxRuntime.jsx(react.AnimatePresence, {
-            children: modal && ModalComponent && jsxRuntime.jsx(react.motion.div, {
-                className: css_wrapper,
-                variants: variants,
-                initial: initial,
-                animate: animate,
-                exit: exit,
-                transition: transition,
-                drag: draggable,
-                dragListener: !draggable && void 0,
-                dragControls: draggable ? controls : void 0,
-                dragConstraints: draggable ? dragConstraintsRef : void 0,
-                dragElastic: draggable ? 0 : void 0,
-                dragMomentum: !draggable && void 0,
-                children: jsxRuntime.jsx(ModalComponent, Object.assign({}, modalProps, {
-                    onResolve: value => {
-                        "function" == typeof (null == modalProps ? void 0 : modalProps.onResolve) && modalProps.onResolve(value), 
-                        resolve(value);
-                    },
-                    onReject: error => {
-                        "function" == typeof (null == modalProps ? void 0 : modalProps.onReject) && modalProps.onReject(error), 
-                        reject(error);
-                    },
-                    onClose: () => {
-                        "function" == typeof (null == modalProps ? void 0 : modalProps.onClose) && modalProps.onClose(), 
-                        hide();
-                    },
-                    onDragPointerDown: e => {
-                        "function" == typeof (null == modalProps ? void 0 : modalProps.onDragPointerDown) && (null == modalProps || modalProps.onDragPointerDown(e)), 
-                        controls.start(e);
-                    }
-                }))
-            })
-        }) ]
-    });
-};

package/dist/esm/chunks/ModalController-IyB9lDRa.mjs

@@ -1,76 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-
-import { useDragControls, AnimatePresence, motion } from "motion/react";
-
-import { O as Overlay } from "./Overlay-C-yori3-.mjs";
-
-import { u as useModal, a as useModalActions } from "./modalStore-DmaeMv7z.mjs";
-
-var css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
-
-const defaultTransition = {
-    ease: "easeOut",
-    duration: .25,
-    delay: .1
-}, defaultVariants = {
-    initial: {
-        opacity: 0,
-        y: 20
-    },
-    animate: {
-        opacity: 1,
-        y: 0
-    },
-    exit: {
-        opacity: 0,
-        y: 20
-    }
-};
-
-function ModalController(props) {
-    const {dragConstraintsRef: dragConstraintsRef, transition: transition = defaultTransition, variants: variants = defaultVariants, initial: initial = "initial", animate: animate = "animate", exit: exit = "exit", draggable: draggable = !0, overlayOpacity: overlayOpacity = .7, overlayColor: overlayColor = "rgb(0,0,0)"} = props, controls = useDragControls(), modal = useModal(), resolve = useModalActions().resolve, reject = useModalActions().reject, hide = useModalActions().hide, ModalComponent = null == modal ? void 0 : modal.component, modalProps = null == modal ? void 0 : modal.props;
-    return jsxs(Fragment, {
-        children: [ jsx(Overlay, {
-            show: !!modal,
-            type: "dark",
-            opacity: overlayOpacity,
-            color: overlayColor,
-            onClick: () => hide()
-        }), jsx(AnimatePresence, {
-            children: modal && ModalComponent && jsx(motion.div, {
-                className: css_wrapper,
-                variants: variants,
-                initial: initial,
-                animate: animate,
-                exit: exit,
-                transition: transition,
-                drag: draggable,
-                dragListener: !draggable && void 0,
-                dragControls: draggable ? controls : void 0,
-                dragConstraints: draggable ? dragConstraintsRef : void 0,
-                dragElastic: draggable ? 0 : void 0,
-                dragMomentum: !draggable && void 0,
-                children: jsx(ModalComponent, Object.assign({}, modalProps, {
-                    onResolve: value => {
-                        "function" == typeof (null == modalProps ? void 0 : modalProps.onResolve) && modalProps.onResolve(value), 
-                        resolve(value);
-                    },
-                    onReject: error => {
-                        "function" == typeof (null == modalProps ? void 0 : modalProps.onReject) && modalProps.onReject(error), 
-                        reject(error);
-                    },
-                    onClose: () => {
-                        "function" == typeof (null == modalProps ? void 0 : modalProps.onClose) && modalProps.onClose(), 
-                        hide();
-                    },
-                    onDragPointerDown: e => {
-                        "function" == typeof (null == modalProps ? void 0 : modalProps.onDragPointerDown) && (null == modalProps || modalProps.onDragPointerDown(e)), 
-                        controls.start(e);
-                    }
-                }))
-            })
-        }) ]
-    });
-}
-
-export { ModalController as M };