@apple-pie/slice 0.0.8 → 0.0.9

package/dist/esm/uikit/PromptInput/index.mjs

@@ -1,4 +1,4 @@
-export { P as PromptInput } from "../../chunks/PromptInput-DdsIgZ3T.mjs";
+export { P as PromptInput } from "../../chunks/PromptInput-yFCsLMR2.mjs";
 
 import "react/jsx-runtime";
 
@@ -14,13 +14,15 @@ import "../../theme/corners.mjs";
 
 import "../../theme/elevations.mjs";
 
+import "../../theme/motion.mjs";
+
 import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/Button-B_aIY6wE.mjs";
+import "../../chunks/Button-C9nya1sX.mjs";
 
 import "../../chunks/tslib.es6-c-7TIv71.mjs";
 
@@ -32,14 +34,14 @@ import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 
 import "../../chunks/Dot-C-Xu24wF.mjs";
 
-import "../../chunks/_types-KZDzhaiK.mjs";
+import "../../chunks/_types-CmSsFhh_.mjs";
 
 import "../../chunks/utils-BQ1v7VE4.mjs";
 
-import "../../chunks/ProgressIndicator-CNOBQ_Fv.mjs";
+import "../../chunks/ProgressIndicator-CQQCcnPp.mjs";
 
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";
 
-import "../../chunks/FileList-DUzgHfE-.mjs";
+import "../../chunks/FileList-BsLcgJLA.mjs";
 
 import "../../chunks/FileIcon-BcIJzIwA.mjs";

package/dist/esm/uikit/RadioButton/index.mjs

@@ -1,4 +1,4 @@
-export { R as RadioButton } from "../../chunks/RadioButton-D-TdQu3a.mjs";
+export { R as RadioButton } from "../../chunks/RadioButton-RCNcLp2-.mjs";
 
 import "../../chunks/tslib.es6-c-7TIv71.mjs";
 
@@ -6,6 +6,10 @@ import "react/jsx-runtime";
 
 import "react";
 
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/_types-CmSsFhh_.mjs";
+
 import "../../hooks/useTheme.mjs";
 
 import "../../theme/themes.mjs";
@@ -16,24 +20,12 @@ import "../../theme/corners.mjs";
 
 import "../../theme/elevations.mjs";
 
+import "../../theme/motion.mjs";
+
 import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/IconButton-BBiZrXlS.mjs";
-
-import "motion/react";
-
-import "../../chunks/Badge-BISGWj5-.mjs";
-
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
-import "../../chunks/Dot-C-Xu24wF.mjs";
-
-import "../../chunks/_types-KZDzhaiK.mjs";
-
-import "../../chunks/utils-BQ1v7VE4.mjs";
-
-import "../../chunks/sharedTypes-tn9-uJvb.mjs";

package/dist/esm/uikit/RadioButtonList/index.mjs

@@ -1,4 +1,4 @@
-export { R as RadioButtonList } from "../../chunks/RadioButtonList-CEScWkbT.mjs";
+export { R as RadioButtonList } from "../../chunks/RadioButtonList-b5In81Sl.mjs";
 
 import "../../chunks/tslib.es6-c-7TIv71.mjs";
 
@@ -6,7 +6,11 @@ import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/RadioButton-D-TdQu3a.mjs";
+import "../../chunks/RadioButton-RCNcLp2-.mjs";
+
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/_types-CmSsFhh_.mjs";
 
 import "../../hooks/useTheme.mjs";
 
@@ -18,24 +22,12 @@ import "../../theme/corners.mjs";
 
 import "../../theme/elevations.mjs";
 
+import "../../theme/motion.mjs";
+
 import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/IconButton-BBiZrXlS.mjs";
-
-import "motion/react";
-
-import "../../chunks/Badge-BISGWj5-.mjs";
-
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
-import "../../chunks/Dot-C-Xu24wF.mjs";
-
-import "../../chunks/_types-KZDzhaiK.mjs";
-
-import "../../chunks/utils-BQ1v7VE4.mjs";
-
-import "../../chunks/sharedTypes-tn9-uJvb.mjs";

package/dist/esm/uikit/Switch/index.mjs

@@ -1,4 +1,4 @@
-export { S as Switch } from "../../chunks/Switch-obpmvCGd.mjs";
+export { S as Switch } from "../../chunks/Switch-Dt4ynf5r.mjs";
 
 import "../../chunks/tslib.es6-c-7TIv71.mjs";
 

package/dist/esm/uikit/TabBar/index.mjs

@@ -1,4 +1,4 @@
-export { T as TabBar } from "../../chunks/TabBar-DFj021UP.mjs";
+export { T as TabBar } from "../../chunks/TabBar-oY81T5Aw.mjs";
 
 import "../../chunks/tslib.es6-c-7TIv71.mjs";
 
@@ -16,6 +16,8 @@ import "../../theme/corners.mjs";
 
 import "../../theme/elevations.mjs";
 
+import "../../theme/motion.mjs";
+
 import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
@@ -26,11 +28,11 @@ import "../../chunks/Badge-BISGWj5-.mjs";
 
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 
-import "../../chunks/_types-KZDzhaiK.mjs";
+import "../../chunks/_types-CmSsFhh_.mjs";
 
 import "../../chunks/utils-BQ1v7VE4.mjs";
 
-import "../../chunks/IconButton-BBiZrXlS.mjs";
+import "../../chunks/IconButton-Dg_0XuJN.mjs";
 
 import "motion/react";
 

package/dist/esm/uikit/TextArea/index.mjs

@@ -1,4 +1,4 @@
-export { T as TextArea } from "../../chunks/TextArea-D_hq6VF3.mjs";
+export { T as TextArea } from "../../chunks/TextArea-rJEkPPyl.mjs";
 
 import "../../chunks/tslib.es6-c-7TIv71.mjs";
 
@@ -6,7 +6,7 @@ import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/Button-B_aIY6wE.mjs";
+import "../../chunks/Button-C9nya1sX.mjs";
 
 import "motion/react";
 
@@ -16,7 +16,7 @@ import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 
 import "../../chunks/Dot-C-Xu24wF.mjs";
 
-import "../../chunks/_types-KZDzhaiK.mjs";
+import "../../chunks/_types-CmSsFhh_.mjs";
 
 import "../../hooks/useTheme.mjs";
 
@@ -28,6 +28,8 @@ import "../../theme/corners.mjs";
 
 import "../../theme/elevations.mjs";
 
+import "../../theme/motion.mjs";
+
 import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
@@ -36,6 +38,6 @@ import "../../hooks/useWindow.mjs";
 
 import "../../chunks/utils-BQ1v7VE4.mjs";
 
-import "../../chunks/ProgressIndicator-CNOBQ_Fv.mjs";
+import "../../chunks/ProgressIndicator-CQQCcnPp.mjs";
 
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";

package/dist/esm/uikit/Textfield/index.mjs

@@ -1,4 +1,4 @@
-export { T as TextField } from "../../chunks/TextField-Co0u-xdd.mjs";
+export { T as TextField } from "../../chunks/TextField-B9DmZZgn.mjs";
 
 import "../../chunks/tslib.es6-c-7TIv71.mjs";
 
@@ -18,13 +18,15 @@ import "../../theme/corners.mjs";
 
 import "../../theme/elevations.mjs";
 
+import "../../theme/motion.mjs";
+
 import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/Button-B_aIY6wE.mjs";
+import "../../chunks/Button-C9nya1sX.mjs";
 
 import "../../chunks/Badge-BISGWj5-.mjs";
 
@@ -32,12 +34,12 @@ import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 
 import "../../chunks/Dot-C-Xu24wF.mjs";
 
-import "../../chunks/_types-KZDzhaiK.mjs";
+import "../../chunks/_types-CmSsFhh_.mjs";
 
 import "../../chunks/utils-BQ1v7VE4.mjs";
 
-import "../../chunks/ProgressIndicator-CNOBQ_Fv.mjs";
+import "../../chunks/ProgressIndicator-CQQCcnPp.mjs";
 
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";
 
-import "../../chunks/IconButton-BBiZrXlS.mjs";
+import "../../chunks/IconButton-Dg_0XuJN.mjs";

package/dist/esm/uikit/Toast/index.mjs

@@ -1,4 +1,4 @@
-export { T as Toast, a as ToastType } from "../../chunks/Toast-BiXzVFtM.mjs";
+export { T as Toast, a as ToastType } from "../../chunks/Toast-BX-vw3kS.mjs";
 
 import "../../chunks/tslib.es6-c-7TIv71.mjs";
 
@@ -18,6 +18,8 @@ import "../../theme/corners.mjs";
 
 import "../../theme/elevations.mjs";
 
+import "../../theme/motion.mjs";
+
 import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
@@ -26,6 +28,6 @@ import "../../hooks/useWindow.mjs";
 
 import "../../chunks/utils-BQ1v7VE4.mjs";
 
-import "../../chunks/_types-KZDzhaiK.mjs";
+import "../../chunks/_types-CmSsFhh_.mjs";
 
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/uikit/UploadArea/index.mjs

@@ -1,4 +1,4 @@
-export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "../../chunks/UploadArea-B9685Z06.mjs";
+export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "../../chunks/UploadArea-DJxTIfz6.mjs";
 
 import "react/jsx-runtime";
 
@@ -8,7 +8,7 @@ import "../../chunks/utils-BQ1v7VE4.mjs";
 
 import "../../chunks/tslib.es6-c-7TIv71.mjs";
 
-import "../../chunks/FileList-DUzgHfE-.mjs";
+import "../../chunks/FileList-BsLcgJLA.mjs";
 
 import "../../chunks/FileIcon-BcIJzIwA.mjs";
 
@@ -22,16 +22,18 @@ import "../../theme/corners.mjs";
 
 import "../../theme/elevations.mjs";
 
+import "../../theme/motion.mjs";
+
 import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/_types-KZDzhaiK.mjs";
+import "../../chunks/_types-CmSsFhh_.mjs";
 
-import "../../chunks/ProgressIndicator-CNOBQ_Fv.mjs";
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 
-import "motion/react";
+import "../../chunks/ProgressIndicator-CQQCcnPp.mjs";
 
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+import "motion/react";

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 export type { ToolTip, ToolTipInfo } from './uikit/sharedTypes';
 export { ToolTipType } from './uikit/sharedTypes';
-export { light, dark, lightTheme, darkTheme, elevations, Elevation, } from './theme';
+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';

package/dist/types/providers/ThemeProvider.d.ts

@@ -3,6 +3,7 @@ import '../theme/colors/colors.css';
 import '../theme/elevations/elevation.css';
 import '../theme/type/type.css';
 import '../theme/breakpoints/custom-media.css';
+import '../theme/motion/motion.css';
 interface ThemeProviderProps {
     children?: React.ReactNode;
     theme?: string;

package/dist/types/stories/playHelpers.d.ts

@@ -0,0 +1,35 @@
+type PlayContext<TArgs = unknown> = {
+    args: TArgs;
+    canvasElement: HTMLElement;
+};
+export declare function runAvatarGroupPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runBadgePlay<TArgs>({ canvasElement, args, }: PlayContext<TArgs>): Promise<void>;
+export declare function runCheckBoxPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runDivInputPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runDotPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runDraggablePanelPlay<TArgs>({ canvasElement, args, }: PlayContext<TArgs>): Promise<void>;
+export declare function runDropDownPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runErrorSummaryPlay<TArgs>({ canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runFlexDivPlay<TArgs>({ canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runGrouperPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runIconPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runIconButtonPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runLogosPlay<TArgs>({ canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runOverlayPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runPagerPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runProgressIndicatorPlay<TArgs>({ canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runRadioButtonPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runRadioButtonListPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runSliderPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runSpacerPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runSwitchPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runTabBarPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runTextAreaPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runTextFieldPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runButtonPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runButtonBarPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runCardPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runChipPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runUIFileIconPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runLabelPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export {};

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

@@ -3,5 +3,7 @@ export type { Colors } from './colors/types';
 export type { Type } from './type/types';
 export type { Corners } from './corners/types';
 export type { Elevations } from './elevations/_types';
+export type { SliceMotion } from './motion/_types';
 export { light, dark } from './colors/colors';
 export { elevations, elevations as Elevation } from './elevations/elevations';
+export { motion } from './motion/motion';

package/dist/types/theme/motion/_types.d.ts

@@ -0,0 +1,8 @@
+export type SliceMotion = {
+    'motion-magnet': string;
+    'motion-water': string;
+    'motion-spring': string;
+    'motion-magnet-duration': string;
+    'motion-water-duration': string;
+    'motion-spring-duration': string;
+};

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

@@ -0,0 +1,5 @@
+import type { SliceMotion } from './_types';
+/**
+ * Motion for Slice UI
+ */
+export declare const motion: SliceMotion;

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

@@ -1,6 +1,7 @@
 import type { Colors, CoreColors } from './colors/types';
 import type { Corners } from './corners/types';
 import type { Elevations } from './elevations/_types';
+import type { SliceMotion } from './motion/_types';
 import type { Type } from './type/types';
 export type SliceTheme = {
     name: string;
@@ -9,6 +10,7 @@ export type SliceTheme = {
     type: Type;
     corners: Corners;
     elevations: Elevations;
+    motion: SliceMotion;
 };
 export declare const lightTheme: SliceTheme;
 export declare const darkTheme: SliceTheme;

package/dist/types/uikit/Progress/DoneCheck/_types.d.ts

@@ -4,7 +4,6 @@ type DoneCheckBaseProps = {
     color?: string;
     stroke?: number;
     duration?: number;
-    bounce?: number;
     delay?: number;
     play?: boolean;
     didStart?: () => void;

package/dist/types/uikit/RadioButton/_types.d.ts

@@ -17,6 +17,8 @@ type RadioButtonBaseProps = {
     toggleIcon?: boolean;
     iconColor?: string;
     noFrame?: boolean;
+    gap?: number;
+    checkedIcon?: 'check circle' | 'circle fill';
     onChange?: (option: RadioButtonOption, state: boolean) => void;
 };
 export type RadioButtonProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof RadioButtonBaseProps> & RadioButtonBaseProps;

package/dist/types/uikit/RadioButtonList/_types.d.ts

@@ -17,6 +17,7 @@ type RadioButtonListBaseProps = {
     iconColor?: string;
     iconSelectedColor?: string;
     noFrame?: boolean;
+    checkedIcon?: 'check circle' | 'circle fill';
     onChange?: (options: RadioButtonOption[] | null, indexes: number[] | null) => void;
 };
 export type RadioButtonListProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof RadioButtonListBaseProps> & RadioButtonListBaseProps;

package/dist/types/uikit/Switch/Switch.stories.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.0.8",
+	"version": "0.0.9",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
 	"exports": {
@@ -63,6 +63,11 @@
 			"import": "./dist/esm/theme/elevations.mjs",
 			"require": "./dist/cjs/theme/elevations.js"
 		},
+		"./theme/motion": {
+			"types": "./dist/types/theme/motion/motion.d.ts",
+			"import": "./dist/esm/theme/motion.mjs",
+			"require": "./dist/cjs/theme/motion.js"
+		},
 		"./theme/type": {
 			"types": "./dist/types/theme/type/type.d.ts",
 			"import": "./dist/esm/theme/type.mjs",