@apple-pie/slice 0.0.2 → 0.0.4

package/dist/esm/uikit/RadioButtonList.js

@@ -1,20 +1,21 @@
-export { R as RadioButtonList } from '../chunks/RadioButtonList-C2z8McAD.js';
+export { R as RadioButtonList } from '../chunks/RadioButtonList-iVlML5jt.js';
 import '../chunks/tslib.es6-0pkUdtrF.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../chunks/RadioButton-B5BxQI0R.js';
+import '../chunks/RadioButton-C4EhaRlp.js';
 import '../hooks/useTheme.js';
 import '../theme/themes.js';
 import '../theme/colors.js';
 import '../theme/corners.js';
+import '../theme/elevations.js';
 import '../theme/type.js';
 import '../hooks/useObserveTheme.js';
 import '../hooks/useWindow.js';
-import '../chunks/IconButton-CguHGkBM.js';
+import '../chunks/IconButton-hJDuWiDh.js';
 import 'motion/react';
 import '../chunks/Badge-PPf5Uvw3.js';
 import '../chunks/style-inject.es-tgCJW-Cu.js';
-import '../chunks/Dot-B84UVs2e.js';
+import '../chunks/Dot-BZcEZbnm.js';
 import '../chunks/_types-BaYeLEWK.js';
 import '../chunks/utils-BRZK2Drn.js';
 import '../chunks/sharedTypes-BfZzG1KX.js';

package/dist/esm/uikit/TabBar.js

@@ -1,4 +1,4 @@
-export { T as TabBar } from '../chunks/TabBar-BSBcgTbd.js';
+export { T as TabBar } from '../chunks/TabBar-CMfPQJj-.js';
 import '../chunks/tslib.es6-0pkUdtrF.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -6,6 +6,7 @@ import '../hooks/useTheme.js';
 import '../theme/themes.js';
 import '../theme/colors.js';
 import '../theme/corners.js';
+import '../theme/elevations.js';
 import '../theme/type.js';
 import '../hooks/useObserveTheme.js';
 import '../hooks/useWindow.js';
@@ -13,7 +14,7 @@ import '../chunks/Badge-PPf5Uvw3.js';
 import '../chunks/style-inject.es-tgCJW-Cu.js';
 import '../chunks/_types-BaYeLEWK.js';
 import '../chunks/utils-BRZK2Drn.js';
-import '../chunks/IconButton-CguHGkBM.js';
+import '../chunks/IconButton-hJDuWiDh.js';
 import 'motion/react';
-import '../chunks/Dot-B84UVs2e.js';
+import '../chunks/Dot-BZcEZbnm.js';
 import '../chunks/sharedTypes-BfZzG1KX.js';

package/dist/esm/uikit/TextArea.js

@@ -1,20 +1,21 @@
-export { T as TextArea } from '../chunks/TextArea-COM0UPo2.js';
+export { T as TextArea } from '../chunks/TextArea-CiHIh1P_.js';
 import '../chunks/tslib.es6-0pkUdtrF.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../chunks/UIButton-DKx-_O8h.js';
+import '../chunks/UIButton-HssaFaip.js';
 import 'motion/react';
 import '../hooks/useTheme.js';
 import '../theme/themes.js';
 import '../theme/colors.js';
 import '../theme/corners.js';
+import '../theme/elevations.js';
 import '../theme/type.js';
 import '../hooks/useObserveTheme.js';
 import '../hooks/useWindow.js';
 import '../chunks/Badge-PPf5Uvw3.js';
 import '../chunks/style-inject.es-tgCJW-Cu.js';
-import '../chunks/Dot-B84UVs2e.js';
+import '../chunks/Dot-BZcEZbnm.js';
 import '../chunks/_types-BaYeLEWK.js';
 import '../chunks/utils-BRZK2Drn.js';
-import '../chunks/ProgressIndicator-BVukxMU6.js';
+import '../chunks/ProgressIndicator-uI9BZwBB.js';
 import '../chunks/sharedTypes-BfZzG1KX.js';

package/dist/esm/uikit/Textfield.js

@@ -1,4 +1,4 @@
-export { T as TextField } from '../chunks/TextField-Bh24bRWs.js';
+export { T as TextField } from '../chunks/TextField-6wse4On1.js';
 import '../chunks/tslib.es6-0pkUdtrF.js';
 import 'react/jsx-runtime';
 import 'motion/react';
@@ -7,15 +7,16 @@ import '../hooks/useTheme.js';
 import '../theme/themes.js';
 import '../theme/colors.js';
 import '../theme/corners.js';
+import '../theme/elevations.js';
 import '../theme/type.js';
 import '../hooks/useObserveTheme.js';
 import '../hooks/useWindow.js';
 import '../chunks/_types-BaYeLEWK.js';
 import '../chunks/utils-BRZK2Drn.js';
-import '../chunks/IconButton-CguHGkBM.js';
+import '../chunks/IconButton-hJDuWiDh.js';
 import '../chunks/Badge-PPf5Uvw3.js';
 import '../chunks/style-inject.es-tgCJW-Cu.js';
-import '../chunks/Dot-B84UVs2e.js';
+import '../chunks/Dot-BZcEZbnm.js';
 import '../chunks/sharedTypes-BfZzG1KX.js';
-import '../chunks/UIButton-DKx-_O8h.js';
-import '../chunks/ProgressIndicator-BVukxMU6.js';
+import '../chunks/UIButton-HssaFaip.js';
+import '../chunks/ProgressIndicator-uI9BZwBB.js';

package/dist/esm/uikit/Tip.js

@@ -1,4 +1,4 @@
-export { T as Tip } from '../chunks/Tip-Ct19Ljul.js';
+export { T as Tip } from '../chunks/Tip-CeN0gy3B.js';
 import '../chunks/tslib.es6-0pkUdtrF.js';
 import 'react/jsx-runtime';
 import 'motion/react';

package/dist/esm/uikit/Toast.js

@@ -1,4 +1,4 @@
-export { T as Toast, a as ToastType } from '../chunks/Toast-BR0oMX6z.js';
+export { T as Toast, a as ToastType } from '../chunks/Toast-C9P_ptX5.js';
 import '../chunks/tslib.es6-0pkUdtrF.js';
 import 'react/jsx-runtime';
 import 'motion/react';
@@ -7,6 +7,7 @@ import '../hooks/useTheme.js';
 import '../theme/themes.js';
 import '../theme/colors.js';
 import '../theme/corners.js';
+import '../theme/elevations.js';
 import '../theme/type.js';
 import '../hooks/useObserveTheme.js';
 import '../hooks/useWindow.js';

package/dist/esm/uikit/UIButton.js

@@ -1,4 +1,4 @@
-export { U as UIButton } from '../chunks/UIButton-DKx-_O8h.js';
+export { U as UIButton } from '../chunks/UIButton-HssaFaip.js';
 import '../chunks/tslib.es6-0pkUdtrF.js';
 import 'react/jsx-runtime';
 import 'motion/react';
@@ -7,13 +7,14 @@ import '../hooks/useTheme.js';
 import '../theme/themes.js';
 import '../theme/colors.js';
 import '../theme/corners.js';
+import '../theme/elevations.js';
 import '../theme/type.js';
 import '../hooks/useObserveTheme.js';
 import '../hooks/useWindow.js';
 import '../chunks/Badge-PPf5Uvw3.js';
 import '../chunks/style-inject.es-tgCJW-Cu.js';
-import '../chunks/Dot-B84UVs2e.js';
+import '../chunks/Dot-BZcEZbnm.js';
 import '../chunks/_types-BaYeLEWK.js';
 import '../chunks/utils-BRZK2Drn.js';
-import '../chunks/ProgressIndicator-BVukxMU6.js';
+import '../chunks/ProgressIndicator-uI9BZwBB.js';
 import '../chunks/sharedTypes-BfZzG1KX.js';

package/dist/esm/uikit/UIButtonBar.js

@@ -1,4 +1,4 @@
-export { U as UIButtonBar } from '../chunks/UIButtonBar-BNdA5eVq.js';
+export { U as UIButtonBar } from '../chunks/UIButtonBar-CUat663I.js';
 import '../chunks/tslib.es6-0pkUdtrF.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -6,14 +6,15 @@ import '../hooks/useTheme.js';
 import '../theme/themes.js';
 import '../theme/colors.js';
 import '../theme/corners.js';
+import '../theme/elevations.js';
 import '../theme/type.js';
 import '../hooks/useObserveTheme.js';
 import '../hooks/useWindow.js';
-import '../chunks/IconButton-CguHGkBM.js';
+import '../chunks/IconButton-hJDuWiDh.js';
 import 'motion/react';
 import '../chunks/Badge-PPf5Uvw3.js';
 import '../chunks/style-inject.es-tgCJW-Cu.js';
-import '../chunks/Dot-B84UVs2e.js';
+import '../chunks/Dot-BZcEZbnm.js';
 import '../chunks/_types-BaYeLEWK.js';
 import '../chunks/utils-BRZK2Drn.js';
 import '../chunks/sharedTypes-BfZzG1KX.js';

package/dist/esm/uikit/UICard.js

@@ -7,6 +7,7 @@ import '../hooks/useTheme.js';
 import '../theme/themes.js';
 import '../theme/colors.js';
 import '../theme/corners.js';
+import '../theme/elevations.js';
 import '../theme/type.js';
 import '../hooks/useObserveTheme.js';
 import '../hooks/useWindow.js';

package/dist/esm/uikit/UIChip.js

@@ -6,6 +6,7 @@ import '../hooks/useTheme.js';
 import '../theme/themes.js';
 import '../theme/colors.js';
 import '../theme/corners.js';
+import '../theme/elevations.js';
 import '../theme/type.js';
 import '../hooks/useObserveTheme.js';
 import '../hooks/useWindow.js';

package/dist/esm/uikit/UIFileIcon.js

@@ -6,6 +6,7 @@ import '../hooks/useTheme.js';
 import '../theme/themes.js';
 import '../theme/colors.js';
 import '../theme/corners.js';
+import '../theme/elevations.js';
 import '../theme/type.js';
 import '../hooks/useObserveTheme.js';
 import '../hooks/useWindow.js';

package/dist/esm/uikit/UILabel.js

@@ -1,4 +1,4 @@
-export { U as UILabel } from '../chunks/UILabel-RnbodPCS.js';
+export { U as UILabel } from '../chunks/UILabel-CpLi8OLx.js';
 import '../chunks/tslib.es6-0pkUdtrF.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -6,7 +6,9 @@ import '../hooks/useTheme.js';
 import '../theme/themes.js';
 import '../theme/colors.js';
 import '../theme/corners.js';
+import '../theme/elevations.js';
 import '../theme/type.js';
 import '../hooks/useObserveTheme.js';
 import '../hooks/useWindow.js';
+import '../chunks/utils-BRZK2Drn.js';
 import '../chunks/style-inject.es-tgCJW-Cu.js';

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
 export type { ToolTip, ToolTipInfo } from './uikit/sharedTypes';
 export { ToolTipType } from './uikit/sharedTypes';
-export { light, dark, lightTheme, darkTheme, } from './theme';
-export type { SliceTheme, Colors, Type, Corners, } from './theme';
+export { light, dark, lightTheme, darkTheme, elevations, Elevation, } from './theme';
+export type { SliceTheme, Colors, Type, Corners, Elevations, } from './theme';
 export { type KeyboardShortcut, type KeyboardShortcuts, useKeyboardShortcuts, useTheme, useObserveTheme, useToolTip, useLastUpdated, useLocalStore, useWindow, useDoubleClick, useObserveResize, } from './hooks';
 export { Avatar } from './uikit/Avatar/index';
 export type { AvatarProps } from './uikit/Avatar/index';

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

@@ -1,5 +1,6 @@
 import type React from 'react';
 import '../theme/colors/colors.css';
+import '../theme/elevations/elevation.css';
 import '../theme/type/type.css';
 interface ThemeProviderProps {
     children?: React.ReactNode;

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

@@ -0,0 +1,10 @@
+export type Elevations = {
+    'elevation-below-surface': number;
+    'elevation-surface': number;
+    'elevation-float': number;
+    'elevation-describe': number;
+    'elevation-status': number;
+    'elevation-notify': number;
+    'elevation-overlay': number;
+    'elevation-confirm': number;
+};

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

@@ -0,0 +1,5 @@
+import type { Elevations } from './_types';
+/**
+ * Elevation levels for UI component types
+ */
+export declare const elevations: Elevations;

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

@@ -2,4 +2,6 @@ export { type SliceTheme, darkTheme, lightTheme, } from './themes';
 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 { light, dark } from './colors/colors';
+export { elevations, elevations as Elevation } from './elevations/elevations';

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

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

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

@@ -14,7 +14,7 @@ type ToastBaseProps = {
     position?: 'top' | 'bottom';
     offset?: number;
     showDelay?: number;
-    duration?: number;
+    duration?: number | 'Infinite';
     close?: boolean;
     type?: ToastType;
     didHide?: () => void;

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

@@ -1,10 +1,14 @@
 import type React from 'react';
 type UILabelBaseProps = {
-    label?: string;
+    children?: React.ReactNode;
     state?: 'red' | 'yellow' | 'green' | 'blue' | 'grey' | 'lightgrey' | 'white';
     noFill?: boolean;
     round?: boolean;
     button?: boolean;
+    border?: number;
+    padding?: number | string;
+    color?: string;
+    size?: 's' | 'm' | 'l';
     onClick?: (e: React.MouseEvent<any>) => void;
 };
 export type UILabelProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof UILabelBaseProps> & UILabelBaseProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.0.2",
+	"version": "0.0.4",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",
 	"exports": {
@@ -54,6 +54,11 @@
 			"import": "./dist/esm/theme/corners.js",
 			"require": "./dist/cjs/theme/corners.js"
 		},
+		"./theme/elevations": {
+			"types": "./dist/types/theme/elevations/elevations.d.ts",
+			"import": "./dist/esm/theme/elevations.js",
+			"require": "./dist/cjs/theme/elevations.js"
+		},
 		"./theme/type": {
 			"types": "./dist/types/theme/type/type.d.ts",
 			"import": "./dist/esm/theme/type.js",

package/dist/types/theme/components/BrandColors.d.ts

@@ -1 +0,0 @@
-export declare function BrandColors(): import("react/jsx-runtime").JSX.Element;

package/dist/types/theme/components/ColorTile.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ColorTileProps } from './_types';
-export declare const ColorTile: React.MemoExoticComponent<{
-    (props: Readonly<ColorTileProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}>;

package/dist/types/theme/components/ColorTileGroup.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ColorTileGroupProps } from './_types';
-export declare const ColorTileGroup: React.MemoExoticComponent<{
-    (props: Readonly<ColorTileGroupProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}>;

package/dist/types/theme/components/ThemeColors.d.ts

@@ -1,2 +0,0 @@
-export declare function LightModeBrandColors(): import("react/jsx-runtime").JSX.Element;
-export declare function DarkModeBrandColors(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +0,0 @@
-import type { ToolTip } from '../../uikit/sharedTypes';
-import type { SliceTheme } from '../themes';
-export interface ColorTileProps {
-    token?: string;
-    core?: string;
-    hex?: string;
-    width?: number;
-    height?: number;
-    onCopy?: (token: string, hex: string) => void;
-    onTooltip?: (tip: ToolTip | null) => void;
-}
-export interface ColorTileGroupProps {
-    pattern?: string | string[];
-    theme?: SliceTheme;
-}