@apple-pie/slice 0.1.60 → 0.2.0

package/dist/types/theme/colors/palette.d.ts

@@ -0,0 +1,461 @@
+export declare const corePalette: {
+    readonly 'core-red-50': "#ffeae8";
+    readonly 'core-red-100': "#ffd9d5";
+    readonly 'core-red-200': "#ffb7b0";
+    readonly 'core-red-300': "#ff9188";
+    readonly 'core-red-400': "#ff625d";
+    readonly 'core-red-450': "#ff4245";
+    readonly 'core-red-500': "#ff383c";
+    readonly 'core-red-600': "#cf2d2f";
+    readonly 'core-red-700': "#a12123";
+    readonly 'core-red-800': "#751718";
+    readonly 'core-red-900': "#4c0d0d";
+    readonly 'core-red-950': "#380808";
+    readonly 'core-orange-50': "#fef1e8";
+    readonly 'core-orange-100': "#ffe5d4";
+    readonly 'core-orange-200': "#ffcfad";
+    readonly 'core-orange-300': "#ffb884";
+    readonly 'core-orange-400': "#ff9f53";
+    readonly 'core-orange-450': "#ff9230";
+    readonly 'core-orange-500': "#ff8d28";
+    readonly 'core-orange-600': "#cd701d";
+    readonly 'core-orange-700': "#9d5413";
+    readonly 'core-orange-800': "#703a09";
+    readonly 'core-orange-900': "#462203";
+    readonly 'core-orange-950': "#321601";
+    readonly 'core-yellow-50': "#fcf8e7";
+    readonly 'core-yellow-100': "#fcf3d1";
+    readonly 'core-yellow-200': "#fdeaa4";
+    readonly 'core-yellow-300': "#fee170";
+    readonly 'core-yellow-400': "#ffd600";
+    readonly 'core-yellow-500': "#ffcc00";
+    readonly 'core-yellow-600': "#cba200";
+    readonly 'core-yellow-700': "#997900";
+    readonly 'core-yellow-800': "#6a5300";
+    readonly 'core-yellow-900': "#3f3000";
+    readonly 'core-yellow-950': "#2b2000";
+    readonly 'core-lime-50': "#f1f7e8";
+    readonly 'core-lime-100': "#e7f2d5";
+    readonly 'core-lime-200': "#d2e8ae";
+    readonly 'core-lime-300': "#bedd84";
+    readonly 'core-lime-400': "#aad254";
+    readonly 'core-lime-450': "#a0cc33";
+    readonly 'core-lime-500': "#9dcc29";
+    readonly 'core-lime-600': "#7da31d";
+    readonly 'core-lime-700': "#5e7c12";
+    readonly 'core-lime-800': "#405707";
+    readonly 'core-lime-900': "#253401";
+    readonly 'core-lime-950': "#192400";
+    readonly 'core-green-50': "#eaf8ea";
+    readonly 'core-green-100': "#d7f4d9";
+    readonly 'core-green-200': "#b1ebb6";
+    readonly 'core-green-300': "#88e192";
+    readonly 'core-green-400': "#56d66d";
+    readonly 'core-green-450': "#30d158";
+    readonly 'core-green-500': "#34c759";
+    readonly 'core-green-600': "#28a046";
+    readonly 'core-green-700': "#1c7a34";
+    readonly 'core-green-800': "#115622";
+    readonly 'core-green-900': "#073512";
+    readonly 'core-green-950': "#03260b";
+    readonly 'core-mint-50': "#e8f8f4";
+    readonly 'core-mint-100': "#d3f4ed";
+    readonly 'core-mint-200': "#a7ecdf";
+    readonly 'core-mint-300': "#72e3d1";
+    readonly 'core-mint-400': "#00dac3";
+    readonly 'core-mint-500': "#00c8b3";
+    readonly 'core-mint-600': "#00a08f";
+    readonly 'core-mint-700': "#007a6d";
+    readonly 'core-mint-800': "#00564c";
+    readonly 'core-mint-900': "#00352e";
+    readonly 'core-mint-950': "#002520";
+    readonly 'core-teal-50': "#e7f7f8";
+    readonly 'core-teal-100': "#d2f2f5";
+    readonly 'core-teal-200': "#a5e8ee";
+    readonly 'core-teal-300': "#71dde7";
+    readonly 'core-teal-400': "#00d2e0";
+    readonly 'core-teal-500': "#00c3d0";
+    readonly 'core-teal-600': "#009ca7";
+    readonly 'core-teal-700': "#00777f";
+    readonly 'core-teal-800': "#00545a";
+    readonly 'core-teal-900': "#003337";
+    readonly 'core-teal-950': "#002427";
+    readonly 'core-cyan-50': "#e9f7fc";
+    readonly 'core-cyan-100': "#d5f2fd";
+    readonly 'core-cyan-200': "#ace9fe";
+    readonly 'core-cyan-300': "#7edefe";
+    readonly 'core-cyan-400': "#3cd3fe";
+    readonly 'core-cyan-500': "#00c0e8";
+    readonly 'core-cyan-600': "#009aba";
+    readonly 'core-cyan-700': "#00758e";
+    readonly 'core-cyan-800': "#005265";
+    readonly 'core-cyan-900': "#00323e";
+    readonly 'core-cyan-950': "#00232c";
+    readonly 'core-blue-50': "#e5f1fe";
+    readonly 'core-blue-100': "#cfe6ff";
+    readonly 'core-blue-200': "#a3cfff";
+    readonly 'core-blue-300': "#74b7ff";
+    readonly 'core-blue-400': "#3c9eff";
+    readonly 'core-blue-450': "#0091ff";
+    readonly 'core-blue-500': "#0088ff";
+    readonly 'core-blue-600': "#036ecf";
+    readonly 'core-blue-700': "#0455a1";
+    readonly 'core-blue-800': "#043d75";
+    readonly 'core-blue-900': "#03264c";
+    readonly 'core-blue-950': "#031c39";
+    readonly 'core-indigo-50': "#e9ebfe";
+    readonly 'core-indigo-100': "#d7dbff";
+    readonly 'core-indigo-200': "#b5bbff";
+    readonly 'core-indigo-300': "#9598ff";
+    readonly 'core-indigo-400': "#7873ff";
+    readonly 'core-indigo-450': "#6b5dff";
+    readonly 'core-indigo-500': "#6155f5";
+    readonly 'core-indigo-600': "#4f45c8";
+    readonly 'core-indigo-700': "#3d369d";
+    readonly 'core-indigo-800': "#2c2874";
+    readonly 'core-indigo-900': "#1c1a4d";
+    readonly 'core-indigo-950': "#14133b";
+    readonly 'core-purple-50': "#fae9fc";
+    readonly 'core-purple-100': "#f8d6fc";
+    readonly 'core-purple-200': "#f2b0fb";
+    readonly 'core-purple-300': "#ea87f8";
+    readonly 'core-purple-400': "#e056f4";
+    readonly 'core-purple-450': "#db34f2";
+    readonly 'core-purple-500': "#cb30e0";
+    readonly 'core-purple-600': "#a527b6";
+    readonly 'core-purple-700': "#801e8d";
+    readonly 'core-purple-800': "#5d1567";
+    readonly 'core-purple-900': "#3c0c43";
+    readonly 'core-purple-950': "#2d0832";
+    readonly 'core-pink-50': "#ffeaea";
+    readonly 'core-pink-100': "#ffd8d9";
+    readonly 'core-pink-200': "#ffb4b8";
+    readonly 'core-pink-300': "#ff8d96";
+    readonly 'core-pink-400': "#ff5c72";
+    readonly 'core-pink-450': "#ff375f";
+    readonly 'core-pink-500': "#ff2d55";
+    readonly 'core-pink-600': "#cf2444";
+    readonly 'core-pink-700': "#a11b33";
+    readonly 'core-pink-800': "#751224";
+    readonly 'core-pink-900': "#4c0a15";
+    readonly 'core-pink-950': "#38060e";
+    readonly 'core-brown-50': "#f4efea";
+    readonly 'core-brown-100': "#ede2d9";
+    readonly 'core-brown-200': "#dec8b8";
+    readonly 'core-brown-300': "#ceaf97";
+    readonly 'core-brown-400': "#bf9676";
+    readonly 'core-brown-450': "#b78a66";
+    readonly 'core-brown-500': "#ac7f5e";
+    readonly 'core-brown-600': "#8b664b";
+    readonly 'core-brown-700': "#6c4f39";
+    readonly 'core-brown-800': "#4e3828";
+    readonly 'core-brown-900': "#322318";
+    readonly 'core-brown-950': "#241911";
+    readonly 'core-grey-0': "#ffffff";
+    readonly 'core-grey-40': "#f7f6f5";
+    readonly 'core-grey-50': "#f5f4f2";
+    readonly 'core-grey-51': "#f5f3f0";
+    readonly 'core-grey-85': "#ebebf5";
+    readonly 'core-grey-95': "#eae9e8";
+    readonly 'core-grey-100': "#e9e8e7";
+    readonly 'core-grey-185': "#d6d5d4";
+    readonly 'core-grey-200': "#d3d2d1";
+    readonly 'core-grey-230': "#cccbca";
+    readonly 'core-grey-300': "#bdbcbb";
+    readonly 'core-grey-350': "#b2b1b0";
+    readonly 'core-grey-400': "#a8a7a6";
+    readonly 'core-grey-500': "#939292";
+    readonly 'core-grey-501': "#939290";
+    readonly 'core-grey-565': "#808080";
+    readonly 'core-grey-595': "#787878";
+    readonly 'core-grey-600': "#777776";
+    readonly 'core-grey-660': "#666564";
+    readonly 'core-grey-700': "#5c5b5a";
+    readonly 'core-grey-770': "#4a4949";
+    readonly 'core-grey-795': "#434242";
+    readonly 'core-grey-800': "#424142";
+    readonly 'core-grey-820': "#3c3c43";
+    readonly 'core-grey-821': "#3c3c3b";
+    readonly 'core-grey-880': "#2e2e2d";
+    readonly 'core-grey-900': "#2a2929";
+    readonly 'core-grey-949': "#1f1e1e";
+    readonly 'core-grey-950': "#1e1e1d";
+    readonly 'core-grey-975': "#101010";
+    readonly 'core-grey-1000': "#000000";
+};
+export declare const corePaletteAnchors: {
+    readonly red: {
+        readonly light: 500;
+        readonly dark: 450;
+    };
+    readonly orange: {
+        readonly light: 500;
+        readonly dark: 450;
+    };
+    readonly yellow: {
+        readonly light: 500;
+        readonly dark: 400;
+    };
+    readonly lime: {
+        readonly light: 500;
+        readonly dark: 450;
+    };
+    readonly green: {
+        readonly light: 500;
+        readonly dark: 450;
+    };
+    readonly mint: {
+        readonly light: 500;
+        readonly dark: 400;
+    };
+    readonly teal: {
+        readonly light: 500;
+        readonly dark: 400;
+    };
+    readonly cyan: {
+        readonly light: 500;
+        readonly dark: 400;
+    };
+    readonly blue: {
+        readonly light: 500;
+        readonly dark: 450;
+    };
+    readonly indigo: {
+        readonly light: 500;
+        readonly dark: 450;
+    };
+    readonly purple: {
+        readonly light: 500;
+        readonly dark: 450;
+    };
+    readonly pink: {
+        readonly light: 500;
+        readonly dark: 450;
+    };
+    readonly brown: {
+        readonly light: 500;
+        readonly dark: 450;
+    };
+    readonly grey: {
+        readonly light: 500;
+        readonly dark: 501;
+    };
+};
+export declare const coreGreyAnchors: {
+    readonly '#ffffff': "core-grey-0";
+    readonly '#f7f6f5': "core-grey-40";
+    readonly '#f5f4f2': "core-grey-50";
+    readonly '#f5f3f0': "core-grey-51";
+    readonly '#ebebf5': "core-grey-85";
+    readonly '#eae9e8': "core-grey-95";
+    readonly '#d6d5d4': "core-grey-185";
+    readonly '#cccbca': "core-grey-230";
+    readonly '#b2b1b0': "core-grey-350";
+    readonly '#939292': "core-grey-500";
+    readonly '#939290': "core-grey-501";
+    readonly '#808080': "core-grey-565";
+    readonly '#787878': "core-grey-595";
+    readonly '#666564': "core-grey-660";
+    readonly '#4a4949': "core-grey-770";
+    readonly '#434242': "core-grey-795";
+    readonly '#3c3c43': "core-grey-820";
+    readonly '#3c3c3b': "core-grey-821";
+    readonly '#2e2e2d': "core-grey-880";
+    readonly '#1f1e1e': "core-grey-949";
+    readonly '#1e1e1d': "core-grey-950";
+    readonly '#000000': "core-grey-1000";
+};
+export declare const coreGreyLayers: {
+    readonly 'fills-primary': {
+        readonly light: {
+            readonly token: "core-grey-565";
+            readonly opacity: 0.12;
+        };
+        readonly dark: {
+            readonly token: "core-grey-565";
+            readonly opacity: 0.12;
+        };
+    };
+    readonly 'fills-secondary': {
+        readonly light: {
+            readonly token: "core-grey-820";
+            readonly opacity: 0.6;
+        };
+        readonly dark: {
+            readonly token: "core-grey-85";
+            readonly opacity: 0.6;
+        };
+    };
+    readonly 'fills-tertiary': {
+        readonly light: {
+            readonly token: "core-grey-595";
+            readonly opacity: 0.2;
+        };
+        readonly dark: {
+            readonly token: "core-grey-595";
+            readonly opacity: 0.2;
+        };
+    };
+    readonly 'fills-liquid-glass': {
+        readonly light: {
+            readonly token: "core-grey-0";
+            readonly opacity: 0.8;
+        };
+        readonly dark: {
+            readonly token: "core-grey-949";
+            readonly opacity: 0.8;
+        };
+    };
+    readonly 'text-secondary': {
+        readonly light: {
+            readonly token: "core-grey-795";
+            readonly opacity: 0.6;
+        };
+        readonly dark: {
+            readonly token: "core-grey-51";
+            readonly opacity: 0.6;
+        };
+    };
+    readonly 'text-tertiary': {
+        readonly light: {
+            readonly token: "core-grey-795";
+            readonly opacity: 0.3;
+        };
+        readonly dark: {
+            readonly token: "core-grey-51";
+            readonly opacity: 0.3;
+        };
+    };
+    readonly 'text-quaternary': {
+        readonly light: {
+            readonly token: "core-grey-795";
+            readonly opacity: 0.18;
+        };
+        readonly dark: {
+            readonly token: "core-grey-85";
+            readonly opacity: 0.18;
+        };
+    };
+};
+export declare const coreGreyRecipes: {
+    readonly 'fills-primary': {
+        readonly light: {
+            readonly token: "core-grey-565";
+            readonly opacity: 0.12;
+        };
+        readonly dark: {
+            readonly token: "core-grey-565";
+            readonly opacity: 0.12;
+        };
+    };
+    readonly 'fills-secondary': {
+        readonly light: {
+            readonly token: "core-grey-820";
+            readonly opacity: 0.6;
+        };
+        readonly dark: {
+            readonly token: "core-grey-85";
+            readonly opacity: 0.6;
+        };
+    };
+    readonly 'fills-tertiary': {
+        readonly light: {
+            readonly token: "core-grey-595";
+            readonly opacity: 0.2;
+        };
+        readonly dark: {
+            readonly token: "core-grey-595";
+            readonly opacity: 0.2;
+        };
+    };
+    readonly 'fills-elevated': {
+        readonly light: {
+            readonly token: "core-grey-0";
+            readonly opacity: 1;
+        };
+        readonly dark: {
+            readonly token: "core-grey-949";
+            readonly opacity: 1;
+        };
+    };
+    readonly 'fills-liquid-glass': {
+        readonly light: {
+            readonly token: "core-grey-0";
+            readonly opacity: 0.8;
+        };
+        readonly dark: {
+            readonly token: "core-grey-949";
+            readonly opacity: 0.8;
+        };
+    };
+    readonly 'text-primary': {
+        readonly light: {
+            readonly token: "core-grey-1000";
+            readonly opacity: 1;
+        };
+        readonly dark: {
+            readonly token: "core-grey-0";
+            readonly opacity: 1;
+        };
+    };
+    readonly 'text-secondary': {
+        readonly light: {
+            readonly token: "core-grey-795";
+            readonly opacity: 0.6;
+        };
+        readonly dark: {
+            readonly token: "core-grey-51";
+            readonly opacity: 0.6;
+        };
+    };
+    readonly 'text-tertiary': {
+        readonly light: {
+            readonly token: "core-grey-795";
+            readonly opacity: 0.3;
+        };
+        readonly dark: {
+            readonly token: "core-grey-51";
+            readonly opacity: 0.3;
+        };
+    };
+    readonly 'text-quaternary': {
+        readonly light: {
+            readonly token: "core-grey-795";
+            readonly opacity: 0.18;
+        };
+        readonly dark: {
+            readonly token: "core-grey-85";
+            readonly opacity: 0.18;
+        };
+    };
+    readonly 'background-primary': {
+        readonly light: {
+            readonly token: "core-grey-0";
+            readonly opacity: 1;
+        };
+        readonly dark: {
+            readonly token: "core-grey-1000";
+            readonly opacity: 1;
+        };
+    };
+    readonly 'background-secondary': {
+        readonly light: {
+            readonly token: "core-grey-50";
+            readonly opacity: 1;
+        };
+        readonly dark: {
+            readonly token: "core-grey-949";
+            readonly opacity: 1;
+        };
+    };
+    readonly 'background-elevated': {
+        readonly light: {
+            readonly token: "core-grey-0";
+            readonly opacity: 1;
+        };
+        readonly dark: {
+            readonly token: "core-grey-949";
+            readonly opacity: 1;
+        };
+    };
+};

package/dist/types/theme/colors/recipes.d.ts

@@ -0,0 +1,34 @@
+import { corePalette } from './palette';
+export type ColorRecipe = {
+    token: keyof typeof corePalette;
+    opacity: number;
+};
+type Appearance = 'light' | 'dark';
+/** Resolve a palette reference and alpha into a portable, unflattened color. */
+export declare function resolveColorRecipe(recipe: ColorRecipe): string;
+/** Web variables retain their palette references and composite against the real surface. */
+export declare function colorRecipeCss(recipe: ColorRecipe): string;
+export declare const neutralThemeRecipes: {
+    readonly 'core-text-primary': "text-primary";
+    readonly 'core-text-secondary': "text-secondary";
+    readonly 'core-text-tertiary': "text-tertiary";
+    readonly 'core-text-quaternary': "text-quaternary";
+    readonly 'core-text-disabled': "text-quaternary";
+    readonly 'core-icon-primary': "text-primary";
+    readonly 'core-icon-secondary': "text-secondary";
+    readonly 'core-icon-disabled': "text-quaternary";
+    readonly 'core-fill-primary': "fills-primary";
+    readonly 'core-fill-secondary': "fills-secondary";
+    readonly 'core-fill-tertiary': "fills-tertiary";
+    readonly 'core-button-disabled': "fills-primary";
+    readonly 'core-badge-secondary': "fills-primary";
+    readonly 'core-surface-primary': "background-primary";
+    readonly 'core-surface-secondary': "background-secondary";
+    readonly 'core-surface-elevated': "background-elevated";
+    readonly 'core-surface-liquid-glass': "fills-liquid-glass";
+    readonly 'core-surface-overlay-translucent': "fills-liquid-glass";
+};
+type NeutralToken = keyof typeof neutralThemeRecipes;
+export declare function neutralThemeColors(mode: Appearance): Record<NeutralToken, string>;
+export declare function neutralThemeCss(mode: Appearance): Record<NeutralToken, string>;
+export {};

package/dist/types/theme/colors/resolveColor.d.ts

@@ -0,0 +1,7 @@
+import type { Colors } from './types';
+export type ColorToken = keyof Colors;
+/** Theme token names with autocomplete, while retaining arbitrary CSS colors. */
+export type ColorValue = ColorToken | (string & {});
+/** Resolve theme tokens to live CSS variables; leave CSS values unchanged. */
+export declare function resolveColor(value: ColorValue): string;
+export declare function resolveColor<T extends string | number | null | undefined>(value: T): T | string;

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

@@ -1,95 +1,5 @@
-export type CoreColors = {
-    'brand-grey-100': string;
-    'brand-grey-200': string;
-    'brand-grey-300': string;
-    'brand-grey-400': string;
-    'brand-grey-50': string;
-    'brand-grey-500': string;
-    'brand-grey-600': string;
-    'brand-grey-700': string;
-    'brand-grey-800': string;
-    'brand-grey-900': string;
-    'brand-grey-950': string;
-    'brand-land-100': string;
-    'brand-land-200': string;
-    'brand-land-300': string;
-    'brand-land-400': string;
-    'brand-land-50': string;
-    'brand-land-500': string;
-    'brand-land-600': string;
-    'brand-land-700': string;
-    'brand-land-800': string;
-    'brand-land-900': string;
-    'brand-land-950': string;
-    'brand-magenta-100': string;
-    'brand-magenta-200': string;
-    'brand-magenta-300': string;
-    'brand-magenta-400': string;
-    'brand-magenta-50': string;
-    'brand-magenta-500': string;
-    'brand-magenta-600': string;
-    'brand-magenta-700': string;
-    'brand-magenta-800': string;
-    'brand-magenta-900': string;
-    'brand-magenta-950': string;
-    'brand-orange-100': string;
-    'brand-orange-200': string;
-    'brand-orange-300': string;
-    'brand-orange-400': string;
-    'brand-orange-50': string;
-    'brand-orange-500': string;
-    'brand-orange-600': string;
-    'brand-orange-700': string;
-    'brand-orange-800': string;
-    'brand-orange-900': string;
-    'brand-orange-950': string;
-    'brand-purple-100': string;
-    'brand-purple-200': string;
-    'brand-purple-300': string;
-    'brand-purple-400': string;
-    'brand-purple-50': string;
-    'brand-purple-500': string;
-    'brand-purple-600': string;
-    'brand-purple-700': string;
-    'brand-purple-800': string;
-    'brand-purple-900': string;
-    'brand-purple-950': string;
-    'brand-sea-100': string;
-    'brand-sea-200': string;
-    'brand-sea-300': string;
-    'brand-sea-400': string;
-    'brand-sea-50': string;
-    'brand-sea-500': string;
-    'brand-sea-600': string;
-    'brand-sea-700': string;
-    'brand-sea-800': string;
-    'brand-sea-900': string;
-    'brand-sea-950': string;
-    'brand-sky-100': string;
-    'brand-sky-200': string;
-    'brand-sky-300': string;
-    'brand-sky-400': string;
-    'brand-sky-50': string;
-    'brand-sky-500': string;
-    'brand-sky-600': string;
-    'brand-sky-700': string;
-    'brand-sky-800': string;
-    'brand-sky-900': string;
-    'brand-sky-950': string;
-    'brand-white-0': string;
-    'brand-yellow-100': string;
-    'brand-yellow-200': string;
-    'brand-yellow-300': string;
-    'brand-yellow-400': string;
-    'brand-yellow-50': string;
-    'brand-yellow-500': string;
-    'brand-yellow-600': string;
-    'brand-yellow-700': string;
-    'brand-yellow-800': string;
-    'brand-yellow-900': string;
-    'brand-yellow-950': string;
-    'product-red-400': string;
-    'product-red-500': string;
+import type { corePalette } from './palette';
+export type CoreColors = Record<keyof typeof corePalette, string> & {
     'core-drop-shadow-light': string;
     'core-drop-shadow-dark': string;
     'core-surface-coverup-translucent-light': string;
@@ -108,6 +18,12 @@ export type CoreColors = {
     'surface-shadow-strong-dark': string;
 };
 export type Colors = {
+    'core-text-quaternary': string;
+    'core-fill-primary': string;
+    'core-fill-secondary': string;
+    'core-fill-tertiary': string;
+    'core-surface-elevated': string;
+    'core-surface-liquid-glass': string;
     'array-land': string;
     'array-land-label': string;
     'array-magenta': string;

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

@@ -1,5 +1,7 @@
 export { type SliceTheme, darkTheme, lightTheme, } from './themes';
 export type { Colors } from './colors/types';
+export { resolveColor } from './colors/resolveColor';
+export type { ColorToken, ColorValue } from './colors/resolveColor';
 export type { Type } from './type/types';
 export type { Corners } from './corners/types';
 export type { Elevations } from './elevations/_types';
@@ -9,3 +11,5 @@ export { light, dark } from './colors/colors';
 export { elevations, elevations as Elevation } from './elevations/elevations';
 export { motion } from './motion/motion';
 export { spacing } from './spacing/spacing';
+export { breakpoints, FormFactor } from './breakpoints/breakpoints';
+export type { BreakPoints } from './breakpoints/breakpoints';

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

@@ -13,6 +13,7 @@ export declare const fontSizes: {
     m: string;
     l: string;
     xl: string;
+    xxl: string;
     h1: string;
     h2: string;
     h3: string;

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

@@ -14,6 +14,9 @@ export type Type = {
     'body-xl-regular': string;
     'body-xl-medium': string;
     'body-xl-bold': string;
+    'body-xxl-regular': string;
+    'body-xxl-medium': string;
+    'body-xxl-bold': string;
     h1: string;
     h2: string;
     h3: string;

package/dist/types/utils/audio/useAudioVisualizer.d.ts

@@ -0,0 +1,3 @@
+import { type AudioVisualizerOptions, type AudioVisualizerSource } from '../objects/audioVisualizer/audioVisualizer';
+/** Internal lifecycle shared by the audio visualizations. Never owns the input tracks. */
+export declare function useAudioVisualizer(source: AudioVisualizerSource | null | undefined, playing: boolean, options: Omit<AudioVisualizerOptions, 'onUpdate' | 'onError'>, onUpdate: NonNullable<AudioVisualizerOptions['onUpdate']>, onReset: () => void): void;

package/dist/types/utils/functions/colors.d.ts

@@ -6,3 +6,10 @@ export declare const tintFromColor: (hex: string, percent: number) => string;
  * Convert a hex or RGB color into an RGBA string with the requested opacity.
  */
 export declare const addOpacity: (color: string, opacity: number) => string;
+/**
+ * Resolve a missing or transparent color to an explicit RGBA value with zero alpha.
+ * Use the first resolvable reference color's RGB channels, falling back to transparent
+ * white in dark themes or transparent black in light themes. Nontransparent inputs
+ * are returned unchanged. This is a general color utility; animation is one use case.
+ */
+export declare function resolveTransparent(color: string | null | undefined, referenceColors: (string | null | undefined)[], colors: Record<string, string>, isDark: boolean): string;

package/dist/types/utils/functions/files.d.ts

@@ -1,3 +1,4 @@
+import type { FileIconType } from '../../components/FileIcon/_types';
 /**
  * Split a file name into its display name and extension.
  */
@@ -5,10 +6,8 @@ export declare function nameAndExtension(fileName: string): {
     name: string;
     ext: string;
 };
-/**
- * Map a file extension to the corresponding file icon name.
- */
-export declare function fileIconName(extension: string): "other" | "audio" | "video" | "text" | "sheet" | "image" | "md" | "code" | "preso" | "pdf" | "clipboard";
+/** Resolve filename/extension or File.name only; MIME type is deliberately ignored. */
+export declare function resolveFileIconType(file?: string | Pick<File, 'name'>): FileIconType;
 /**
  * Create a clipboard-text file with a guaranteed `.clipboard` extension.
  */