@apple-pie/slice 0.1.33 → 0.1.35

package/dist/esm/stores.mjs

@@ -1,35 +1,35 @@
-export { g as getCurrentMicDeviceLabel, a as getMicrophoneState, m as microphoneActions, u as useCurrentMicDeviceId, b as useCurrentMicDeviceLabel, c as useMicActive, d as useMicError, e as useMicInputVolume, f as useMicMuted, h as useMicOptions, i as useMicRequesting, j as useMicStream, k as useMicSupported, l as useMicTrack, n as useMicrophoneStore, o as useMicrophoneStoreActions, p as useMicrophones, q as useProcessedMicStream, r as useSyncMicrophoneStore } from "./chunks/microphoneStore-Cbx9nV4R.mjs";
+export { g as getCurrentMicDeviceLabel, a as getMicrophoneState, m as microphoneActions, u as useCurrentMicDeviceId, b as useCurrentMicDeviceLabel, c as useMicActive, d as useMicError, e as useMicInputVolume, f as useMicMuted, h as useMicOptions, i as useMicRequesting, j as useMicStream, k as useMicSupported, l as useMicTrack, n as useMicrophoneStore, o as useMicrophoneStoreActions, p as useMicrophones, q as useProcessedMicStream, r as useSyncMicrophoneStore } from "./chunks/microphoneStore-Do0a5LZ9.mjs";
 
-export { g as getAttachedMedia, a as getMuted, b as getStoredVolume, c as getVolume, u as useAttachedMedia, d as useMuted, e as useStoredVolume, f as useVolume, h as useVolumeActions, i as useVolumeStore, v as volumeActions } from "./chunks/volumeStore-BrgZCRKF.mjs";
+export { g as getAttachedMedia, a as getMuted, b as getStoredVolume, c as getVolume, u as useAttachedMedia, d as useMuted, e as useStoredVolume, f as useVolume, h as useVolumeActions, i as useVolumeStore, v as volumeActions } from "./chunks/volumeStore-D5i1CeFf.mjs";
 
-export { g as getWebRTCConnections, u as useWebRTC, a as useWebRTCActions, b as useWebRTCConnected, c as useWebRTCConnection, d as useWebRTCConnections, e as useWebRTCStore } from "./chunks/webRTCStore-DhFE9-bb.mjs";
+export { g as getWebRTCConnections, u as useWebRTC, a as useWebRTCActions, b as useWebRTCConnected, c as useWebRTCConnection, d as useWebRTCConnections, e as useWebRTCStore } from "./chunks/webRTCStore-BLGNTnV3.mjs";
 
-export { F as FormFactor, d as dpr, f as formFactor, g as gettingLocation, i as isAppleDevice, a as isElectron, b as isTouchDevice, l as location, c as locationError, u as useDpr, e as useFormFactor, h as useGetLocation, j as useGettingLocation, k as useInitializeWindow, m as useIsAppleDevice, n as useIsElectron, o as useIsTouchDevice, p as useLocation, q as useLocationError, r as useViewportHeight, s as useViewportWidth, t as useWindowStore, v as viewportHeight, w as viewportWidth } from "./chunks/windowStore-BKW7HyoD.mjs";
+export { F as FormFactor, d as dpr, f as formFactor, g as gettingLocation, i as isAppleDevice, a as isElectron, b as isTouchDevice, l as location, c as locationError, u as useDpr, e as useFormFactor, h as useGetLocation, j as useGettingLocation, k as useInitializeWindow, m as useIsAppleDevice, n as useIsElectron, o as useIsTouchDevice, p as useLocation, q as useLocationError, r as useViewportHeight, s as useViewportWidth, t as useWindowStore, v as viewportHeight, w as viewportWidth } from "./chunks/windowStore-BqOOGKQ6.mjs";
 
-export { c as createUploadsWorker, g as getUploads, a as getUploadsError, b as getUploadsWorkerStatus, u as uploadsActions, d as uploadsInitialized, e as useUploads, f as useUploadsActions, h as useUploadsError, i as useUploadsInitialized, j as useUploadsStore, k as useUploadsWorkerStatus } from "./chunks/uploadsStore-9QngohOe.mjs";
+export { c as createUploadsWorker, g as getUploads, a as getUploadsError, b as getUploadsWorkerStatus, u as uploadsActions, d as uploadsInitialized, e as useUploads, f as useUploadsActions, h as useUploadsError, i as useUploadsInitialized, j as useUploadsStore, k as useUploadsWorkerStatus } from "./chunks/uploadsStore-BxpUKpcf.mjs";
 
-export { g as getModal, m as modalActions, u as useModal, a as useModalActions, b as useModalStore } from "./chunks/modalStore-D6_oc47l.mjs";
+export { g as getModal, m as modalActions, u as useModal, a as useModalActions, b as useModalStore } from "./chunks/modalStore-OVzsFkde.mjs";
 
-export { g as getTip, t as tipActions, u as useTip, a as useTipActions, b as useTipStore } from "./chunks/tipStore-C2M6zBzd.mjs";
+export { g as getTip, t as tipActions, u as useTip, a as useTipActions, b as useTipStore } from "./chunks/tipStore-o8uQjfPm.mjs";
 
-export { g as getToast, t as toastActions, u as useToast, a as useToastActions, b as useToastStore } from "./chunks/toastStore-B-6kdNHw.mjs";
+export { g as getToast, t as toastActions, u as useToast, a as useToastActions, b as useToastStore } from "./chunks/toastStore-Cnivb4IM.mjs";
 
-export { l as localDBActions, u as useLocalDB, a as useLocalDBError, b as useLocalDBStore, c as useLocalDBValues, d as useManageLocalDB } from "./chunks/localDBStore-C-5y16uv.mjs";
+export { l as localDBActions, u as useLocalDB, a as useLocalDBError, b as useLocalDBStore, c as useLocalDBValues, d as useManageLocalDB } from "./chunks/localDBStore-Bxvk_IzQ.mjs";
 
-export { u as useConnectionClose, a as useConnectionMessage, b as useIsConnected, c as useLastSSEMessage, d as useMessage, e as useSSE, f as useSSEActions, g as useSSEStore } from "./chunks/sseStore-DIquUNpm.mjs";
+export { u as useConnectionClose, a as useConnectionMessage, b as useIsConnected, c as useLastSSEMessage, d as useMessage, e as useSSE, f as useSSEActions, g as useSSEStore } from "./chunks/sseStore-oSknLkEF.mjs";
 
-import "./chunks/tslib.es6-CVvvNSPr.mjs";
+import "./chunks/tslib.es6-CDAuOlZ8.mjs";
 
 import "react";
 
 import "zustand";
 
-import "./chunks/WebRTCConnection-d0Yvd66q.mjs";
+import "./chunks/WebRTCConnection-rKAgZEbe.mjs";
 
-import "./chunks/uploads-worker-CUggKU9b.mjs";
+import "./chunks/uploads-worker-Cyum1zTV.mjs";
 
 import "zustand/react/shallow";
 
-import "./chunks/IndexedDB-DA5oZXju.mjs";
+import "./chunks/IndexedDB-C1lcbDjn.mjs";
 
-import "./chunks/SSEConnection-g0GBGAqe.mjs";
+import "./chunks/SSEConnection-CnZ9v2PI.mjs";

package/dist/esm/theme/colors.mjs

@@ -153,6 +153,7 @@ const coreColors = {
     "core-text-secondary": coreColors["brand-grey-700"],
     "core-text-tertiary": coreColors["brand-grey-600"],
     "core-text-special": coreColors["brand-sea-500"],
+    "core-text-accent": coreColors["brand-sky-500"],
     "core-link-primary": coreColors["brand-sea-500"],
     "eor-tag-employee": coreColors["brand-sky-700"],
     "eor-tag-overdue": coreColors["product-red-500"],
@@ -220,6 +221,7 @@ const coreColors = {
     "core-text-secondary": coreColors["brand-grey-200"],
     "core-text-tertiary": coreColors["brand-grey-400"],
     "core-text-special": coreColors["brand-sky-300"],
+    "core-text-accent": coreColors["brand-sky-300"],
     "core-link-primary": coreColors["brand-sky-300"],
     "eor-tag-employee": coreColors["brand-sky-700"],
     "eor-tag-overdue": coreColors["product-red-400"],
@@ -286,6 +288,7 @@ const coreColors = {
     "core-text-primary": "var(--core-text-primary)",
     "core-text-secondary": "var(--core-text-secondary)",
     "core-text-special": "var(--core-text-special)",
+    "core-text-accent": "var(--core-text-accent)",
     "core-text-tertiary": "var(--core-text-tertiary)",
     "core-link-primary": "var(--core-link-primary)",
     "eor-tag-employee": "var(--eor-tag-employee)",
@@ -353,6 +356,7 @@ const coreColors = {
     "core-text-primary": "core-text-primary",
     "core-text-secondary": "core-text-secondary",
     "core-text-special": "core-text-special",
+    "core-text-accent": "core-text-accent",
     "core-text-tertiary": "core-text-tertiary",
     "core-link-primary": "core-link-primary",
     "eor-tag-employee": "eor-tag-employee",

package/dist/esm/utils/index.mjs

@@ -1,19 +1,19 @@
-export { c as copyToClipboard, h as hexToRgb } from "../chunks/misc-zecH7-IH.mjs";
+export { c as copyToClipboard, h as hexToRgb } from "../chunks/misc-C5cfUKzm.mjs";
 
-export { d as debounce } from "../chunks/debounce-DFxAyrPi.mjs";
+export { d as debounce } from "../chunks/debounce-zgRcExLD.mjs";
 
-export { a as addOpacity, t as tintFromColor } from "../chunks/colors-v5b8_oYV.mjs";
+export { a as addOpacity, t as tintFromColor } from "../chunks/colors-7VDET9eL.mjs";
 
-export { I as IndexedDB } from "../chunks/IndexedDB-DA5oZXju.mjs";
+export { I as IndexedDB } from "../chunks/IndexedDB-C1lcbDjn.mjs";
 
-export { A as AudioVisualizer } from "../chunks/audioVisualizer-nMo67yOW.mjs";
+export { A as AudioVisualizer } from "../chunks/audioVisualizer-Cw40IeKn.mjs";
 
-export { M as MdBuffer } from "../chunks/MdStreamBuffer-Cyon3ytf.mjs";
+export { M as MdBuffer } from "../chunks/MdStreamBuffer-CvU2-p0i.mjs";
 
-export { S as SSEConnection } from "../chunks/SSEConnection-g0GBGAqe.mjs";
+export { S as SSEConnection } from "../chunks/SSEConnection-CnZ9v2PI.mjs";
 
-export { W as WSConnection } from "../chunks/WSConnection-TiYLENWB.mjs";
+export { W as WSConnection } from "../chunks/WSConnection-CjwR_k97.mjs";
 
-export { W as WebRTCConnection } from "../chunks/WebRTCConnection-d0Yvd66q.mjs";
+export { W as WebRTCConnection } from "../chunks/WebRTCConnection-rKAgZEbe.mjs";
 
-import "../chunks/tslib.es6-CVvvNSPr.mjs";
+import "../chunks/tslib.es6-CDAuOlZ8.mjs";

package/dist/esm/utils/objects/index.mjs

@@ -1,13 +1,13 @@
-export { I as IndexedDB } from "../../chunks/IndexedDB-DA5oZXju.mjs";
+export { I as IndexedDB } from "../../chunks/IndexedDB-C1lcbDjn.mjs";
 
-export { A as AudioVisualizer } from "../../chunks/audioVisualizer-nMo67yOW.mjs";
+export { A as AudioVisualizer } from "../../chunks/audioVisualizer-Cw40IeKn.mjs";
 
-export { M as MdBuffer } from "../../chunks/MdStreamBuffer-Cyon3ytf.mjs";
+export { M as MdBuffer } from "../../chunks/MdStreamBuffer-CvU2-p0i.mjs";
 
-export { S as SSEConnection } from "../../chunks/SSEConnection-g0GBGAqe.mjs";
+export { S as SSEConnection } from "../../chunks/SSEConnection-CnZ9v2PI.mjs";
 
-export { W as WSConnection } from "../../chunks/WSConnection-TiYLENWB.mjs";
+export { W as WSConnection } from "../../chunks/WSConnection-CjwR_k97.mjs";
 
-export { W as WebRTCConnection } from "../../chunks/WebRTCConnection-d0Yvd66q.mjs";
+export { W as WebRTCConnection } from "../../chunks/WebRTCConnection-rKAgZEbe.mjs";
 
-import "../../chunks/tslib.es6-CVvvNSPr.mjs";
+import "../../chunks/tslib.es6-CDAuOlZ8.mjs";

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

@@ -1,5 +1,5 @@
-import { r as registerUploadsWorker } from "../../chunks/uploads-worker-CUggKU9b.mjs";
+import { r as registerUploadsWorker } from "../../chunks/uploads-worker-Cyum1zTV.mjs";
 
-import "../../chunks/tslib.es6-CVvvNSPr.mjs";
+import "../../chunks/tslib.es6-CDAuOlZ8.mjs";
 
 registerUploadsWorker();

package/dist/styles.css

@@ -166,6 +166,7 @@
 	--core-text-secondary: var(--brand-grey-700);
 	--core-text-tertiary: var(--brand-grey-600);
 	--core-text-special: var(--brand-sea-500);
+	--core-text-accent: var(--brand-sky-500);
 	--core-link-primary: var(--brand-sea-500);
 	--eor-tag-employee: var(--brand-sky-700);
 	--eor-tag-overdue: var(--product-red-500);
@@ -243,6 +244,7 @@
 	--core-text-secondary: var(--brand-grey-200);
 	--core-text-tertiary: var(--brand-grey-400);
 	--core-text-special: var(--brand-sky-300);
+	--core-text-accent: var(--brand-sky-300);
 	--core-link-primary: var(--brand-sky-300);
 	--eor-tag-employee: var(--brand-sky-700);
 	--eor-tag-overdue: var(--product-red-400);
@@ -403,6 +405,9 @@
 [data-slice-theme-scope] .core-text-special {
 	color: var(--core-text-special);
 }
+[data-slice-theme-scope] .core-text-accent {
+	color: var(--core-text-accent);
+}
 [data-slice-theme-scope] .core-text-tertiary {
 	color: var(--core-text-tertiary);
 }
@@ -2766,7 +2771,7 @@ line {
 	top: 50%;
 	left: 50%;
 	transform: translateX(-50%) translateY(-50%);
-	z-index: 15000;
+	z-index: var(--elevation-overlay);
 }
 
 .flexBox-module_row__z24tF {
@@ -6586,8 +6591,9 @@ line {
 }
 
 .TabBar-module_wrapper__cyOR1 {
+	justify-content: var(--tab-bar-justify) !important;
 	gap: var(--tab-bar-gap);
-	border-bottom: var(--tab-bar-border-bottom) solid var(--core-outline-primary);
+	border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
 	height: var(--tab-bar-height);
 	width: var(--tab-bar-width);
 	cursor: pointer;
@@ -6628,6 +6634,25 @@ line {
 	width: min-content;
 }
 
+.TabBar-module_xs__QDjV9 {
+}
+
+.TabBar-module_s__-EBj2 {
+}
+
+.TabBar-module_m__3sCA3 {
+}
+
+.TabBar-module_l__hy1rR {
+}
+
+.TabBar-module_xl__zaASU {
+}
+
+.TabBar-module_selected__UmBdu {
+	font-weight: 520 !important;
+}
+
 .flexBox-module_row__z24tF {
 	display: flex;
 	justify-content: center;

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

@@ -38,6 +38,8 @@ export declare const Button: React.NamedExoticComponent<Omit<React.ButtonHTMLAtt
     destructive?: boolean;
     paddingRight?: number;
     paddingLeft?: number;
+    link?: string;
+    target?: "_blank" | "_self" | "_parent" | "_top";
     onToolTip?: (tip: ToolTip | null) => void;
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void;
 }> & {
@@ -77,6 +79,8 @@ export declare const Button: React.NamedExoticComponent<Omit<React.ButtonHTMLAtt
     destructive?: boolean;
     paddingRight?: number;
     paddingLeft?: number;
+    link?: string;
+    target?: "_blank" | "_self" | "_parent" | "_top";
     onToolTip?: (tip: ToolTip | null) => void;
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void;
 } & React.RefAttributes<ButtonHandle>>;

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

@@ -38,6 +38,8 @@ type ButtonBaseProps = {
     destructive?: boolean;
     paddingRight?: number;
     paddingLeft?: number;
+    link?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
     onToolTip?: (tip: ToolTip | null) => void;
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void;
 };

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

@@ -28,6 +28,7 @@ type ChipBaseProps = {
     paddingTop?: number;
     paddingTops?: number;
     paddingSides?: number;
+    variant?: 'button' | 'normal';
     onToolTip?: (tip: ToolTip | null) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement> | undefined) => void;
 };

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

@@ -96,6 +96,8 @@ export declare const SliceIcons: {
         readonly google: "google";
         readonly googleMono: "google mono";
         readonly linkedin: "linkedin";
+        readonly github: "github";
+        readonly npm: "npm";
     };
     readonly edit: {
         readonly edit: "edit";

package/dist/types/components/IconButton/_animation.d.ts

@@ -0,0 +1,18 @@
+import type { Variants } from 'motion/react';
+import { AnimationPreset, type ButtonAnimation } from './_types';
+/**
+ * Resolves presets to a button animation
+ */
+export declare const presetAnimation: {
+    rotate: ButtonAnimation;
+    fade: ButtonAnimation;
+    scale: ButtonAnimation;
+};
+/**
+ * Resolves button animation to motion variants
+ */
+export declare const animationVariants: (animations: ButtonAnimation | undefined) => Variants | undefined;
+/**
+ * Resolves presets and custom animations to motion variants
+ */
+export declare const resolveVariants: (presets: AnimationPreset | undefined, custom: ButtonAnimation | undefined) => Variants | undefined;

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

@@ -1,6 +1,50 @@
 import type { Transition, Variants } from 'motion/react';
 import type React from 'react';
 import type { ToolTip } from '../sharedTypes';
+/**
+ * Helper for quick popular animation effects
+ */
+export declare enum AnimationPreset {
+    Rotate = "rotate",
+    Fade = "fade",
+    Scale = "scale"
+}
+/**
+ * Popular types
+ */
+export declare enum AnimationType {
+    Rotate = "rotate",
+    Fade = "opacity",
+    Scale = "scale"
+}
+/**
+ * Motion value for initial, animate
+ */
+export type MotionValue = {
+    off: number | string;
+    on: number | string;
+};
+/**
+ * Animation type and motion value
+ */
+export type AnimationValue = {
+    type: AnimationType | string;
+    value: MotionValue;
+};
+/**
+ * Transition values for on and optionally off
+ */
+export type TransitionValue = {
+    on: Transition;
+    off?: Transition;
+};
+/**
+ * Overall button animation definition
+ */
+export type ButtonAnimation = {
+    animation: AnimationValue[] | AnimationValue;
+    transition?: TransitionValue;
+};
 type IconButtonBaseProps = {
     round?: boolean;
     frameSize?: number;
@@ -35,6 +79,8 @@ type IconButtonBaseProps = {
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onToolTip?: (tip: ToolTip | null) => void;
     buttonSize?: 's' | 'm' | 'l' | 'xl';
+    presetAnimations?: AnimationPreset;
+    customAnimations?: ButtonAnimation;
 };
 export type IconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof IconButtonBaseProps> & IconButtonBaseProps;
 export {};

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

@@ -1,2 +1,3 @@
 export { IconButton } from './IconButton';
-export type { IconButtonProps } from './_types';
+export type { IconButtonProps, AnimationValue, MotionValue, TransitionValue, ButtonAnimation, } from './_types';
+export { AnimationPreset, AnimationType } from './_types';

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' | 'xl';
 };
 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' | 'xl';
 }
 export {};

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

@@ -24,6 +24,7 @@ type TextAreaBaseProps = {
     textSize?: 'xs' | 's' | 'm' | 'l';
     disabled?: boolean;
     submitClears?: boolean;
+    maxLength?: number;
     onChange?: (value: string) => void;
     onSubmit?: (value: string) => void;
     onFocus?: (value: string) => void;

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

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { AnimationPreset, ButtonAnimation } from '../IconButton';
 import type { ToolTip } from '../sharedTypes';
 export interface ToggleButtonProps {
     children?: React.ReactNode;
@@ -7,6 +8,8 @@ export interface ToggleButtonProps {
     buttonSize?: 's' | 'm' | 'l' | 'xl';
     frameSize?: number;
     icon?: string;
+    iconOn?: string;
+    iconTwo?: string;
     selected?: boolean;
     iconColor?: string;
     iconColorOn?: string;
@@ -22,4 +25,6 @@ export interface ToggleButtonProps {
     fill?: boolean;
     unselect?: boolean;
     disabled?: boolean;
+    presetAnimations?: AnimationPreset;
+    customAnimations?: ButtonAnimation;
 }

package/dist/types/index.d.ts

@@ -12,8 +12,8 @@ export { AvatarGroup } from './components/AvatarGroup';
 export type { AvatarGroupProps, AvatarInfo } from './components/AvatarGroup';
 export { Badge } from './components/Badge';
 export type { BadgeProps } from './components/Badge';
-export { IconButton } from './components/IconButton';
-export type { IconButtonProps } from './components/IconButton';
+export { IconButton, AnimationPreset, AnimationType, } from './components/IconButton';
+export type { IconButtonProps, AnimationValue, MotionValue, TransitionValue, ButtonAnimation, } from './components/IconButton';
 export { Camera } from './components/Camera';
 export type { CameraElement, CameraProps, CameraSnapshotOptions, Controls, UserProfile, Settings, } from './components/Camera';
 export { CheckBox } from './components/CheckBox';

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/dist/types/theme/colors/types.d.ts

@@ -153,6 +153,7 @@ export type Colors = {
     'core-text-primary': string;
     'core-text-secondary': string;
     'core-text-special': string;
+    'core-text-accent': string;
     'core-text-tertiary': string;
     'core-link-primary': string;
     'eor-tag-employee': string;

package/package.json

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

package/dist/cjs/chunks/Chip-kzOvEo0P.js

@@ -1,77 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BwQIEIuF.js"), Icon = require("./Icon-DjvProjz.js"), sharedTypes = require("./sharedTypes-BOieqpQy.js"), css = {
-    chip: "Chip-module_chip__0nys- flexBox-module_row__z24tF",
-    icon: "Chip-module_icon__dtR-K flexBox-module_row__z24tF",
-    xs: "Chip-module_xs__s-KNG type-module_body-xs-regular__ZAFft",
-    s: "Chip-module_s__2KTXi type-module_body-s-regular__vRHSP",
-    m: "Chip-module_m__l2u3N type-module_body-m-regular__LuQBA",
-    l: "Chip-module_l__3MqPN type-module_body-l-regular__lOYbg"
-};
-
-const Chip = React.memo(props => {
-    const {children: children, label: label, icon: icon, tooltip: tooltip, iconSize: iconSize = 20, disabled: disabled = !1, focused: focused = !1, iconPosition: iconPosition = "left", labelSize: labelSize = "m", labelColor: labelColor = "var(--core-text-primary)", labelColorHover: labelColorHover = "var(--core-text-special)", iconColor: iconColor = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-special)", backgroundColor: backgroundColor, backgroundColorHover: backgroundColorHover, borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-text-primary)", borderColorHover: borderColorHover = "var(--core-text-special)", borderColorDisabled: borderColorDisabled = "var(--core-text-disabled)", bgColor: bgColor = "transparent", bgColorHover: bgColorHover = "var(--core-surface-secondary)", borderRadius: borderRadius = 8, paddingTop: paddingTop, paddingTops: paddingTops = 8, paddingSides: paddingSides = 16, gap: gap = 4, onToolTip: onToolTip = () => null, onClick: onClick = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "children", "label", "icon", "tooltip", "iconSize", "disabled", "focused", "iconPosition", "labelSize", "labelColor", "labelColorHover", "iconColor", "iconColorHover", "backgroundColor", "backgroundColorHover", "borderWidth", "borderSize", "borderColor", "borderColorHover", "borderColorDisabled", "bgColor", "bgColorHover", "borderRadius", "paddingTop", "paddingTops", "paddingSides", "gap", "onToolTip", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isHovered, setIsHovered] = React.useState(!1), resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBackgroundColorHover = null != backgroundColorHover ? backgroundColorHover : bgColorHover, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedPaddingTop = null != paddingTop ? paddingTop : paddingTops, handleClick = React.useCallback(e => {
-        disabled || onClick(e);
-    }, [ disabled, onClick ]), handleMouseEnter = React.useCallback((enter, event) => {
-        if (enter) {
-            if (tooltip) {
-                const tip = {
-                    type: sharedTypes.ToolTipType.button,
-                    payload: {
-                        label: tooltip
-                    },
-                    ref: null,
-                    event: event
-                };
-                onToolTip(tip);
-            }
-            setIsHovered(!0);
-        } else onToolTip(null), setIsHovered(!1);
-    }, [ tooltip, onToolTip ]), padding = React.useMemo(() => {
-        if (!icon) return `${resolvedPaddingTop}px ${paddingSides}px`;
-        return `${resolvedPaddingTop}px ${"right" === iconPosition ? paddingSides - 4 : paddingSides}px ${resolvedPaddingTop}px ${"right" === iconPosition ? paddingSides : paddingSides - 4}px`;
-    }, [ icon, iconPosition, resolvedPaddingTop, paddingSides ]), computedIconColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : isHovered ? null != iconColorHover ? iconColorHover : "var(--core-text-special)" : null != iconColor ? iconColor : "var(--core-text-primary)", [ iconColor, disabled, isHovered, iconColorHover ]), cssVars = React.useMemo(() => ({
-        "--ui-chip-padding": padding,
-        "--ui-chip-gap": misc.setStyle(gap),
-        "--ui-chip-border-radius": misc.setStyle(borderRadius),
-        "--ui-chip-border-size": misc.setStyle(resolvedBorderWidth),
-        "--ui-chip-border-color": disabled ? borderColorDisabled : borderColor,
-        "--ui-chip-border-color-hover": disabled ? borderColorDisabled : borderColorHover,
-        "--ui-chip-bg-color": resolvedBackgroundColor,
-        "--ui-chip-bg-color-hover": disabled ? resolvedBackgroundColor : resolvedBackgroundColorHover,
-        "--ui-chip-label-color": disabled ? "var(--core-text-disabled)" : labelColor,
-        "--ui-chip-label-color-hover": disabled ? "var(--core-text-disabled)" : labelColorHover,
-        "--ui-chip-cursor": disabled ? "default" : "pointer"
-    }), [ padding, resolvedBackgroundColor, borderColor, borderColorDisabled, borderColorHover, resolvedBorderWidth, resolvedBackgroundColorHover, labelColorHover, labelColor, gap, borderRadius, disabled ]);
-    return jsxRuntime.jsxs("div", Object.assign({
-        id: divId,
-        className: `${css.chip}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onKeyDown: e => misc.accessibleKeyDown(e, () => handleClick(e)),
-        onClick: handleClick,
-        onMouseEnter: e => handleMouseEnter(!0, e),
-        onMouseLeave: e => handleMouseEnter(!1, e)
-    }, rest, {
-        children: [ icon && "right" !== iconPosition && jsxRuntime.jsx("div", {
-            className: css.icon,
-            children: jsxRuntime.jsx(Icon.Icon, {
-                name: icon,
-                size: iconSize,
-                strokeColor: computedIconColor
-            })
-        }), jsxRuntime.jsx("div", {
-            className: css[labelSize],
-            children: null != children ? children : label
-        }), icon && "right" === iconPosition && jsxRuntime.jsx("div", {
-            className: css.icon,
-            children: jsxRuntime.jsx(Icon.Icon, {
-                name: icon,
-                size: iconSize,
-                strokeColor: computedIconColor
-            })
-        }) ]
-    }));
-});
-
-exports.Chip = Chip;

package/dist/cjs/chunks/IconButton-BuwQLUuj.js

@@ -1,82 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-DWUeXxm2.js"), Dot = require("./Dot-DaRF2JyO.js"), Icon = require("./Icon-DjvProjz.js"), sharedTypes = require("./sharedTypes-BOieqpQy.js"), css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
-
-const IconButton = React.memo(props => {
-    const {frameSize: frameSize = 36, iconSize: iconSize = 20, round: round = !0, icon: icon = "more", borderRadius: borderRadius = 4, border: border = !1, tooltip: tooltip, color: color, colorOn: colorOn, iconFill: iconFill = !1, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-outline-primary)", bgColorOn: bgColorOn = "var(--core-outline-primary)", iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-primary)", transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, fillColor: fillColor, label: label, hover: hover = !0, count: count = 0, toggle: toggle = !1, toggleIcon: toggleIcon = !1, isToggled: isToggled = !1, disabled: disabled = !1, showDot: showDot = !1, buttonSize: buttonSize = "m", onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "frameSize", "iconSize", "round", "icon", "borderRadius", "border", "tooltip", "color", "colorOn", "iconFill", "bgColor", "bgColorHover", "bgColorOn", "iconColor", "iconColorOn", "iconColorHover", "transition", "variants", "initial", "animate", "exit", "fillColor", "label", "hover", "count", "toggle", "toggleIcon", "isToggled", "disabled", "showDot", "buttonSize", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = React.useRef(null), [on, setOn] = React.useState(isToggled), [hovered, setHovered] = React.useState(!1);
-    React.useEffect(() => setOn(isToggled), [ isToggled ]);
-    const handleClick = React.useCallback(e => {
-        disabled || (tooltip && onToolTip(null), toggle && setOn(!on), onClick(e));
-    }, [ disabled, tooltip, onToolTip, on, onClick, toggle ]), handleMouseEnter = React.useCallback(e => {
-        if (setHovered(!0), !(null == ref ? void 0 : ref.current) || !tooltip) return;
-        const tip = {
-            type: sharedTypes.ToolTipType.button,
-            payload: {
-                label: tooltip
-            },
-            event: e,
-            ref: ref
-        };
-        onToolTip(tip);
-    }, [ tooltip, onToolTip ]), handleMouseLeave = React.useCallback(() => {
-        setHovered(!1), tooltip && onToolTip(null);
-    }, [ tooltip, onToolTip ]), bgColorNormal = React.useMemo(() => on ? bgColorOn : null != bgColor ? bgColor : "var(--core-surface-secondary)", [ bgColorOn, bgColor, on ]), bgHoverColor = React.useMemo(() => hover && on ? bgColorOn : hover ? bgColorHover : null != bgColor ? bgColor : "transparent", [ hover, bgColor, bgColorOn, bgColorHover, on ]), textColor = React.useMemo(() => on ? colorOn : null != color ? color : "var(--core-text-primary)", [ on, colorOn, color ]), setIconColor = React.useMemo(() => on ? iconColorOn : hovered ? iconColorHover : null != iconColor ? iconColor : "var(--core-text-primary)", [ on, iconColorOn, iconColor, iconColorHover, hovered ]), size = React.useMemo(() => buttonSize ? "s" === buttonSize ? 24 : "m" === buttonSize ? 36 : "l" === buttonSize ? 44 : "xl" === buttonSize ? 56 : void 0 : frameSize, [ frameSize, buttonSize ]), cssVars = React.useMemo(() => ({
-        "--ib-bg-color": bgColorNormal,
-        "--ib-bg-color-hover": disabled ? bgColorNormal : bgHoverColor,
-        "--ib-icon-size": `${null != iconSize ? iconSize : 0}px`,
-        "--ib-button-size": `${null != size ? size : 0}px`,
-        "--ib-border-radius": round ? "100%" : `${null != borderRadius ? borderRadius : 0}px`,
-        "--ib-border": border ? "1px" : 0,
-        "--ib-color": textColor,
-        "--ib-cursor": disabled ? "default" : "pointer"
-    }), [ bgColorNormal, bgHoverColor, textColor, border, size, borderRadius, iconSize, round, disabled ]);
-    return jsxRuntime.jsxs(react.motion.button, Object.assign({
-        id: divId,
-        type: "button",
-        className: `${css_button}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onClick: e => handleClick(e),
-        onMouseOutCapture: handleMouseLeave,
-        onMouseOverCapture: handleMouseEnter,
-        transition: transition,
-        variants: variants,
-        initial: initial,
-        animate: animate,
-        exit: exit,
-        disabled: disabled,
-        "aria-disabled": disabled,
-        ref: ref
-    }, rest, {
-        children: [ jsxRuntime.jsx("div", {
-            className: css_icon,
-            style: {
-                opacity: disabled ? .3 : 1
-            },
-            children: jsxRuntime.jsx(Icon.Icon, {
-                name: icon,
-                strokeColor: setIconColor,
-                fillColor: fillColor,
-                disabled: disabled,
-                size: iconSize,
-                fill: iconFill,
-                toggle: !!toggleIcon && on,
-                pointer: !0
-            })
-        }), label && jsxRuntime.jsx("div", {
-            className: css_label,
-            children: label
-        }), jsxRuntime.jsx(Dot.Dot, {
-            show: showDot
-        }), 0 !== count && jsxRuntime.jsx("div", {
-            className: css_count,
-            children: jsxRuntime.jsx(Badge.Badge, {
-                variant: "light",
-                count: count,
-                hideNull: !0
-            })
-        }) ]
-    }));
-});
-
-exports.IconButton = IconButton;