@apple-pie/slice 0.0.8 → 0.1.0

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-BGt0FgwF.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-qeCEnTFJ.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-B0zIFpYY.mjs";
 
 import "../../chunks/utils-BQ1v7VE4.mjs";
 
-import "../../chunks/ProgressIndicator-CNOBQ_Fv.mjs";
+import "../../chunks/ProgressIndicator-DsN3c0J5.mjs";
 
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";
 
-import "../../chunks/FileList-DUzgHfE-.mjs";
+import "../../chunks/FileList-db86wx1X.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-D9qz4XDZ.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-B0zIFpYY.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-DCaC7MnI.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-D9qz4XDZ.mjs";
+
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/_types-B0zIFpYY.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-CYGdcsab.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-B0zIFpYY.mjs";
 
 import "../../chunks/utils-BQ1v7VE4.mjs";
 
-import "../../chunks/IconButton-BBiZrXlS.mjs";
+import "../../chunks/IconButton-DlgZO9hb.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-BWnMMBN0.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-qeCEnTFJ.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-B0zIFpYY.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-DsN3c0J5.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-D8j5hLhv.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-qeCEnTFJ.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-B0zIFpYY.mjs";
 
 import "../../chunks/utils-BQ1v7VE4.mjs";
 
-import "../../chunks/ProgressIndicator-CNOBQ_Fv.mjs";
+import "../../chunks/ProgressIndicator-DsN3c0J5.mjs";
 
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";
 
-import "../../chunks/IconButton-BBiZrXlS.mjs";
+import "../../chunks/IconButton-DlgZO9hb.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-MzHPO4x3.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-B0zIFpYY.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-DwGsYUhY.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-db86wx1X.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-B0zIFpYY.mjs";
 
-import "../../chunks/ProgressIndicator-CNOBQ_Fv.mjs";
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 
-import "motion/react";
+import "../../chunks/ProgressIndicator-DsN3c0J5.mjs";
 
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+import "motion/react";

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

@@ -1,6 +1,8 @@
 export interface KeyboardShortcut {
     key: string;
     metaPressed?: boolean;
+    shiftPressed?: boolean;
+    altPressed?: boolean;
     name: string;
 }
 export type KeyboardShortcuts = KeyboardShortcut[];

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/CheckBox/_types.d.ts

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

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

@@ -26,15 +26,14 @@ export declare enum IconNames {
     search = "search",
     filter = "filter",
     more = "more",
-    unchecked = "unchecked",
-    checked = "checked",
-    partial = "partial",
+    checkbox = "checkbox",
+    checkboxChecked = "checkbox checked",
+    checkboxPartial = "checkbox partial",
     chevronDown = "chevron down",
     chevronUp = "chevron up",
     plus = "plus",
     plusCircle = "plus circle",
     x = "x",
-    gpAssist = "g-p assist",
     upload = "upload",
     download = "download",
     share = "share",
@@ -42,9 +41,6 @@ export declare enum IconNames {
     circle = "circle",
     circleFill = "circle fill",
     person = "person",
-    ctrlKey = "ctrl key",
-    commandKey = "cmd key",
-    gKey = "g key",
     attach = "attach",
     menu = "menu",
     help = "help",
@@ -71,7 +67,6 @@ export declare enum IconNames {
     moderate = "moderate",
     mail = "mail",
     textDocument = "text document",
-    complianceCheck = "compliance check",
     edit = "edit",
     characterBeam = "character beam",
     undo = "undo",
@@ -92,16 +87,6 @@ export declare enum IconNames {
     stop = "stop",
     like = "like",
     unlike = "unlike",
-    bold = "bold",
-    italic = "italic",
-    underline = "underline",
-    strike = "strike",
-    bulletList = "bullet list",
-    numberedList = "numbered list",
-    sink = "sink",
-    lift = "lift",
-    code = "code",
-    taskList = "task list",
     highlight = "highlight"
 }
 export {};

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/dist/types/util/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" | "code" | "pdf" | "md" | "preso" | "audio" | "video" | "clipboard";
+export declare function fileIconName(extension: string): "other" | "text" | "sheet" | "image" | "pdf" | "code" | "md" | "preso" | "audio" | "video" | "clipboard";
 /**
  * Create a text file from clipboard content placing a clipboard file extension
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.0.8",
+	"version": "0.1.0",
 	"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",