@frosted-ui/react-native 0.0.1-canary.91

package/dist/lib/dialog-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-styles.js","sourceRoot":"","sources":["../../src/lib/dialog-styles.ts"],"names":[],"mappings":"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"}

package/dist/lib/native-colors.d.ts

@@ -0,0 +1,8 @@
+import type { AccentColor } from './types';
+type Shade = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+type AlphaShade = 'a1' | 'a2' | 'a3' | 'a4' | 'a5' | 'a6' | 'a7' | 'a8' | 'a9' | 'a10' | 'a11' | 'a12';
+export declare function getNativeAccentColor(color: AccentColor, shade: Shade): string | undefined;
+export declare function getNativeAccentAlphaColor(color: AccentColor, shade: AlphaShade): string | undefined;
+export declare function getNativeAccentContrastColor(color: AccentColor): string;
+export {};
+//# sourceMappingURL=native-colors.d.ts.map

package/dist/lib/native-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-colors.d.ts","sourceRoot":"","sources":["../../src/lib/native-colors.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAS3C,KAAK,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtF,KAAK,UAAU,GACX,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAaV,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,CAKzF;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,UAAU,GAChB,MAAM,GAAG,SAAS,CAMpB;AAmCD,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAEvE"}

package/dist/lib/native-colors.js

@@ -0,0 +1,67 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+// Import the Frosted UI color palettes directly.
+// This works on native because it's just a plain JS object.
+// Shape example:
+//   frostedColors.blue = { blue1: '#...', blue2: '#...', ..., blue12: '#...' }
+//   frostedColors.blueA = { blueA1: 'rgba(...)', ..., blueA12: 'rgba(...)' }
+const frostedColors = require('@frosted-ui/colors');
+function getPalette(color) {
+    // e.g. 'blue' → frostedColors.blue.blue1 ... blue12
+    return frostedColors[color];
+}
+function getAlphaPalette(color) {
+    // e.g. 'blue' → frostedColors.blueA.blueA1 ... blueA12
+    const key = `${color}A`;
+    return frostedColors[key];
+}
+export function getNativeAccentColor(color, shade) {
+    const palette = getPalette(color);
+    if (!palette)
+        return undefined;
+    const key = `${color}${shade}`; // e.g. blue + '9' → 'blue9'
+    return palette[key];
+}
+export function getNativeAccentAlphaColor(color, shade) {
+    const alphaPalette = getAlphaPalette(color);
+    if (!alphaPalette)
+        return undefined;
+    const numericShade = shade.slice(1); // a1 -> '1'
+    const key = `${color}A${numericShade}`; // e.g. blueA1
+    return alphaPalette[key];
+}
+// For contrast text colors we reuse the same mapping as web (from color.css),
+// but encoded directly as JS values so React Native can use them.
+const contrastColors = {
+    tomato: 'white',
+    red: 'white',
+    ruby: 'white',
+    crimson: 'white',
+    pink: 'white',
+    plum: 'white',
+    purple: 'white',
+    violet: 'white',
+    iris: 'white',
+    cyan: 'white',
+    teal: 'white',
+    jade: 'white',
+    green: 'white',
+    grass: 'white',
+    brown: 'white',
+    sky: '#1C2024',
+    mint: '#1A211E',
+    yellow: '#21201C',
+    amber: '#21201C',
+    gold: 'white',
+    bronze: 'white',
+    gray: 'white',
+    blue: 'white',
+    orange: 'white',
+    indigo: 'white',
+    magenta: '#141212',
+    lemon: '#20240D',
+    lime: '#162715',
+};
+export function getNativeAccentContrastColor(color) {
+    return contrastColors[color];
+}
+//# sourceMappingURL=native-colors.js.map

package/dist/lib/native-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-colors.js","sourceRoot":"","sources":["../../src/lib/native-colors.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAIvD,iDAAiD;AACjD,4DAA4D;AAC5D,iBAAiB;AACjB,+EAA+E;AAC/E,6EAA6E;AAC7E,MAAM,aAAa,GAAG,OAAO,CAAC,oBAAoB,CAA2C,CAAC;AAkB9F,SAAS,UAAU,CAAC,KAAkB;IACpC,oDAAoD;IACpD,OAAO,aAAa,CAAC,KAAK,CAAuC,CAAC;AACpE,CAAC;AAED,SAAS,eAAe,CAAC,KAAkB;IACzC,uDAAuD;IACvD,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,CAAC;IACxB,OAAO,aAAa,CAAC,GAAG,CAAuC,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,KAAkB,EAAE,KAAY;IACnE,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAClC,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IAC/B,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC,CAAC,4BAA4B;IAC5D,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,KAAkB,EAClB,KAAiB;IAEjB,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,IAAI,CAAC,YAAY;QAAE,OAAO,SAAS,CAAC;IACpC,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY;IACjD,MAAM,GAAG,GAAG,GAAG,KAAK,IAAI,YAAY,EAAE,CAAC,CAAC,cAAc;IACtD,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC;AAED,8EAA8E;AAC9E,kEAAkE;AAClE,MAAM,cAAc,GAAgC;IAClD,MAAM,EAAE,OAAO;IACf,GAAG,EAAE,OAAO;IACZ,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,OAAO;IACf,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,OAAO;IACf,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,UAAU,4BAA4B,CAAC,KAAkB;IAC7D,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC"}

package/dist/lib/panel-styles.d.ts

@@ -0,0 +1,32 @@
+import { type ViewStyle } from 'react-native';
+type PanelSize = '1' | '2' | '3' | '4';
+type PanelVariant = 'solid' | 'translucent';
+interface ThemeColors {
+    panelSolid: string;
+    panelTranslucent: string;
+    palettes: {
+        gray: {
+            a6: string;
+        };
+    };
+}
+interface PanelStyleOptions {
+    size: PanelSize;
+    variant: PanelVariant;
+    colors: ThemeColors;
+    isDark: boolean;
+}
+/**
+ * Get padding and border radius for panel content based on size
+ */
+declare function getPanelSizeStyle(size: PanelSize): {
+    padding: number;
+    borderRadius: number;
+};
+/**
+ * Get complete panel content style
+ */
+declare function getPanelContentStyle(options: PanelStyleOptions): ViewStyle;
+export { getPanelContentStyle, getPanelSizeStyle };
+export type { PanelSize, PanelStyleOptions, PanelVariant };
+//# sourceMappingURL=panel-styles.d.ts.map

package/dist/lib/panel-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-styles.d.ts","sourceRoot":"","sources":["../../src/lib/panel-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACvC,KAAK,YAAY,GAAG,OAAO,GAAG,aAAa,CAAC;AAE5C,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;KACH,CAAC;CACH;AAED,UAAU,iBAAiB;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,iBAAS,iBAAiB,CAAC,IAAI,EAAE,SAAS,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAWrF;AA6DD;;GAEG;AACH,iBAAS,oBAAoB,CAAC,OAAO,EAAE,iBAAiB,GAAG,SAAS,CA0BnE;AAED,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}

package/dist/lib/panel-styles.js

@@ -0,0 +1,96 @@
+import { Platform } from 'react-native';
+/**
+ * Get padding and border radius for panel content based on size
+ */
+function getPanelSizeStyle(size) {
+    switch (size) {
+        case '1':
+            return { padding: 12, borderRadius: 8 }; // space-3, 8px
+        case '2':
+            return { padding: 16, borderRadius: 12 }; // space-4, 12px
+        case '3':
+            return { padding: 24, borderRadius: 16 }; // space-5, 16px
+        case '4':
+            return { padding: 32, borderRadius: 20 }; // space-6, 20px
+    }
+}
+/**
+ * Get backdrop filter style for translucent panels (web only)
+ */
+function getPanelBackdropStyle(variant, isDark) {
+    if (variant !== 'translucent' || Platform.OS !== 'web') {
+        return undefined;
+    }
+    const backdropFilter = isDark
+        ? 'blur(20px) saturate(190%) contrast(90%) brightness(80%)'
+        : 'blur(20px) saturate(190%) contrast(50%) brightness(130%)';
+    return {
+        backdropFilter,
+        WebkitBackdropFilter: backdropFilter,
+    };
+}
+/**
+ * Get shadow style for panel content
+ * Includes outline via boxShadow on web:
+ * - Light mode: 1px gray.a6 outline (no border)
+ * - Dark mode: 0.5px black outline (+ border)
+ */
+function getPanelShadowStyle(colors, isDark) {
+    const baseShadow = '0px 12px 60px rgba(0, 0, 0, 0.25), 0px 2px 8px rgba(0, 0, 0, 0.12)';
+    const outlineShadow = isDark
+        ? `, 0 0 0 0.5px black`
+        : `, 0 0 0 1px ${colors.palettes.gray.a6}`;
+    return Platform.select({
+        web: {
+            boxShadow: baseShadow + outlineShadow,
+        },
+        default: {
+            shadowColor: '#000',
+            shadowOffset: { width: 0, height: 12 },
+            shadowOpacity: 0.25,
+            shadowRadius: 30,
+            elevation: 24,
+        },
+    });
+}
+/**
+ * Get border style for panel content
+ * Dark mode has 1px gray.a6 border on all platforms
+ * Light mode: no border on web (uses boxShadow outline), border on native as fallback
+ */
+function getPanelBorderStyle(colors, isDark) {
+    if (isDark || Platform.OS !== 'web') {
+        return {
+            borderWidth: 1,
+            borderColor: colors.palettes.gray.a6,
+        };
+    }
+    return undefined;
+}
+/**
+ * Get complete panel content style
+ */
+function getPanelContentStyle(options) {
+    const { size, variant, colors, isDark } = options;
+    const sizeStyle = getPanelSizeStyle(size);
+    // TODO: Handle translucent variant properly on native (iOS/Android) with blur effect
+    // For now, native always uses solid background since backdrop-filter is web-only
+    // and native blur requires additional setup (expo-blur or @react-native-community/blur)
+    const backgroundColor = Platform.OS === 'web' && variant === 'translucent'
+        ? colors.panelTranslucent
+        : colors.panelSolid;
+    const backdropStyle = getPanelBackdropStyle(variant, isDark);
+    const shadowStyle = getPanelShadowStyle(colors, isDark);
+    const borderStyle = getPanelBorderStyle(colors, isDark);
+    return {
+        backgroundColor,
+        padding: sizeStyle.padding,
+        borderRadius: sizeStyle.borderRadius,
+        overflow: 'hidden',
+        ...shadowStyle,
+        ...backdropStyle,
+        ...borderStyle,
+    };
+}
+export { getPanelContentStyle, getPanelSizeStyle };
+//# sourceMappingURL=panel-styles.js.map

package/dist/lib/panel-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-styles.js","sourceRoot":"","sources":["../../src/lib/panel-styles.ts"],"names":[],"mappings":"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"}

package/dist/lib/text-input-styles.d.ts

@@ -0,0 +1,35 @@
+import type { AccentColor, Color } from '../lib/types';
+import { useThemeVars } from '../lib/use-theme-vars';
+import { type ViewStyle } from 'react-native';
+export type TextInputSize = '1' | '2' | '3' | '4';
+export type TextInputVariant = 'surface' | 'soft';
+export declare function resolveAccentFromColor(color?: Color): AccentColor;
+/**
+ * Convert hex color to rgba with specified opacity
+ */
+export declare function hexToRgba(hex: string, opacity: number): string;
+/**
+ * Get background and border styles for surface variant
+ */
+export declare function getSurfaceVariantStyle(colors: ReturnType<typeof useThemeVars>['colors']): ViewStyle;
+/**
+ * Get background style for soft variant
+ */
+export declare function getSoftVariantStyle(colors: ReturnType<typeof useThemeVars>['colors'], accentColor: AccentColor): ViewStyle;
+/**
+ * Get text and placeholder colors based on variant
+ */
+export declare function getTextInputColors(variant: TextInputVariant, colors: ReturnType<typeof useThemeVars>['colors'], accentColor: AccentColor, disabled?: boolean): {
+    textColor: string;
+    placeholderColor: string;
+};
+/**
+ * Get disabled background style for surface variant
+ * Uses gray-a3 overlay (simulated with opacity/background)
+ */
+export declare function getDisabledSurfaceStyle(colors: ReturnType<typeof useThemeVars>['colors']): ViewStyle;
+/**
+ * Get disabled background style for soft variant
+ */
+export declare function getDisabledSoftStyle(colors: ReturnType<typeof useThemeVars>['colors']): ViewStyle;
+//# sourceMappingURL=text-input-styles.d.ts.map

package/dist/lib/text-input-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-styles.d.ts","sourceRoot":"","sources":["../../src/lib/text-input-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMxD,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAClD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,CAAC;AAMlD,wBAAgB,sBAAsB,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,WAAW,CAcjE;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAO9D;AAMD;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,QAAQ,CAAC,GAChD,SAAS,CAiBX;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,QAAQ,CAAC,EACjD,WAAW,EAAE,WAAW,GACvB,SAAS,CAIX;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,QAAQ,CAAC,EACjD,WAAW,EAAE,WAAW,EACxB,QAAQ,CAAC,EAAE,OAAO,GACjB;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,gBAAgB,EAAE,MAAM,CAAA;CAAE,CAyBjD;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,QAAQ,CAAC,GAChD,SAAS,CAIX;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,QAAQ,CAAC,GAAG,SAAS,CAIjG"}

package/dist/lib/text-input-styles.js

@@ -0,0 +1,107 @@
+import { Platform } from 'react-native';
+// ============================================================================
+// Helpers
+// ============================================================================
+export function resolveAccentFromColor(color) {
+    if (!color)
+        return 'gray';
+    switch (color) {
+        case 'danger':
+            return 'red';
+        case 'warning':
+            return 'amber';
+        case 'success':
+            return 'green';
+        case 'info':
+            return 'blue';
+        default:
+            return color;
+    }
+}
+/**
+ * Convert hex color to rgba with specified opacity
+ */
+export function hexToRgba(hex, opacity) {
+    // Remove # if present
+    const cleanHex = hex.replace('#', '');
+    const r = parseInt(cleanHex.substring(0, 2), 16);
+    const g = parseInt(cleanHex.substring(2, 4), 16);
+    const b = parseInt(cleanHex.substring(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+// ============================================================================
+// Variant Styles
+// ============================================================================
+/**
+ * Get background and border styles for surface variant
+ */
+export function getSurfaceVariantStyle(colors) {
+    return {
+        backgroundColor: colors.surface,
+        borderWidth: 1,
+        borderColor: colors.palettes.gray.a5,
+        ...(Platform.OS === 'web'
+            ? {
+                boxShadow: '0px 1px 2px 0px rgba(0, 0, 0, 0.05)',
+            }
+            : {
+                shadowColor: '#000',
+                shadowOffset: { width: 0, height: 1 },
+                shadowOpacity: 0.05,
+                shadowRadius: 2,
+                elevation: 1,
+            }),
+    };
+}
+/**
+ * Get background style for soft variant
+ */
+export function getSoftVariantStyle(colors, accentColor) {
+    return {
+        backgroundColor: colors.palettes[accentColor].a3,
+    };
+}
+/**
+ * Get text and placeholder colors based on variant
+ */
+export function getTextInputColors(variant, colors, accentColor, disabled) {
+    const grayPalette = colors.palettes.gray;
+    const palette = colors.palettes[accentColor];
+    // Disabled state: always use gray-a11 for text
+    // Placeholder uses gray-a5 (lighter alpha shade approximating gray-a11 at 0.5 opacity)
+    if (disabled) {
+        return {
+            textColor: grayPalette.a11,
+            placeholderColor: grayPalette.a5,
+        };
+    }
+    if (variant === 'surface') {
+        return {
+            textColor: grayPalette['12'],
+            placeholderColor: grayPalette.a10,
+        };
+    }
+    // Soft variant
+    return {
+        textColor: palette['12'],
+        placeholderColor: hexToRgba(palette['12'], 0.65), // TextArea uses 0.65, TextField uses 0.6
+    };
+}
+/**
+ * Get disabled background style for surface variant
+ * Uses gray-a3 overlay (simulated with opacity/background)
+ */
+export function getDisabledSurfaceStyle(colors) {
+    return {
+        backgroundColor: colors.palettes.gray.a3,
+    };
+}
+/**
+ * Get disabled background style for soft variant
+ */
+export function getDisabledSoftStyle(colors) {
+    return {
+        backgroundColor: colors.palettes.gray.a4,
+    };
+}
+//# sourceMappingURL=text-input-styles.js.map

package/dist/lib/text-input-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-styles.js","sourceRoot":"","sources":["../../src/lib/text-input-styles.ts"],"names":[],"mappings":"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"}

package/dist/lib/theme-vars.d.ts

@@ -0,0 +1,222 @@
+declare const typography: {
+    readonly '0': {
+        readonly fontSize: 10;
+        readonly lineHeight: 12;
+        readonly letterSpacing: 0.01;
+    };
+    readonly '1': {
+        readonly fontSize: 12;
+        readonly lineHeight: 16;
+        readonly letterSpacing: 0.01;
+    };
+    readonly '2': {
+        readonly fontSize: 14;
+        readonly lineHeight: 20;
+        readonly letterSpacing: 0.01;
+    };
+    readonly '3': {
+        readonly fontSize: 16;
+        readonly lineHeight: 24;
+        readonly letterSpacing: 0.01;
+    };
+    readonly '4': {
+        readonly fontSize: 18;
+        readonly lineHeight: 26;
+        readonly letterSpacing: 0.01;
+    };
+    readonly '5': {
+        readonly fontSize: 20;
+        readonly lineHeight: 28;
+        readonly letterSpacing: 0.01;
+    };
+    readonly '6': {
+        readonly fontSize: 24;
+        readonly lineHeight: 30;
+        readonly letterSpacing: 0.01;
+    };
+    readonly '7': {
+        readonly fontSize: 28;
+        readonly lineHeight: 34;
+        readonly letterSpacing: 0.005;
+    };
+    readonly '8': {
+        readonly fontSize: 32;
+        readonly lineHeight: 38;
+        readonly letterSpacing: 0;
+    };
+    readonly '9': {
+        readonly fontSize: 40;
+        readonly lineHeight: 48;
+        readonly letterSpacing: 0;
+    };
+};
+type TypographyStepKey = keyof typeof typography;
+declare const fontWeights: {
+    readonly light: "300";
+    readonly regular: "400";
+    readonly medium: "500";
+    readonly 'semi-bold': "600";
+    readonly bold: "700";
+};
+type FontWeightKey = keyof typeof fontWeights;
+type ShadeKey = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+type AlphaShadeKey = 'a1' | 'a2' | 'a3' | 'a4' | 'a5' | 'a6' | 'a7' | 'a8' | 'a9' | 'a10' | 'a11' | 'a12';
+type ColorShades = {
+    [K in ShadeKey]: string;
+} & {
+    '9-contrast': string;
+} & {
+    [K in AlphaShadeKey]: string;
+};
+type AlphaOnlyShades = {
+    [K in AlphaShadeKey]: string;
+};
+export declare function blackAndWhitePalettes(): {
+    black: AlphaOnlyShades;
+    white: AlphaOnlyShades;
+};
+export declare const themeVars: {
+    typography: {
+        readonly '0': {
+            readonly fontSize: 10;
+            readonly lineHeight: 12;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '1': {
+            readonly fontSize: 12;
+            readonly lineHeight: 16;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '2': {
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '3': {
+            readonly fontSize: 16;
+            readonly lineHeight: 24;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '4': {
+            readonly fontSize: 18;
+            readonly lineHeight: 26;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '5': {
+            readonly fontSize: 20;
+            readonly lineHeight: 28;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '6': {
+            readonly fontSize: 24;
+            readonly lineHeight: 30;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '7': {
+            readonly fontSize: 28;
+            readonly lineHeight: 34;
+            readonly letterSpacing: 0.005;
+        };
+        readonly '8': {
+            readonly fontSize: 32;
+            readonly lineHeight: 38;
+            readonly letterSpacing: 0;
+        };
+        readonly '9': {
+            readonly fontSize: 40;
+            readonly lineHeight: 48;
+            readonly letterSpacing: 0;
+        };
+    };
+    fontWeights: {
+        readonly light: "300";
+        readonly regular: "400";
+        readonly medium: "500";
+        readonly 'semi-bold': "600";
+        readonly bold: "700";
+    };
+    colors: {
+        light: {
+            palettes: {
+                black: AlphaOnlyShades;
+                white: AlphaOnlyShades;
+                tomato: ColorShades;
+                red: ColorShades;
+                ruby: ColorShades;
+                crimson: ColorShades;
+                pink: ColorShades;
+                plum: ColorShades;
+                purple: ColorShades;
+                violet: ColorShades;
+                iris: ColorShades;
+                cyan: ColorShades;
+                teal: ColorShades;
+                jade: ColorShades;
+                green: ColorShades;
+                grass: ColorShades;
+                brown: ColorShades;
+                blue: ColorShades;
+                orange: ColorShades;
+                indigo: ColorShades;
+                sky: ColorShades;
+                mint: ColorShades;
+                yellow: ColorShades;
+                amber: ColorShades;
+                lime: ColorShades;
+                lemon: ColorShades;
+                magenta: ColorShades;
+                gold: ColorShades;
+                bronze: ColorShades;
+                gray: ColorShades;
+            };
+            background: string;
+            overlay: string;
+            panelSolid: string;
+            panelTranslucent: string;
+            surface: string;
+            stroke: string;
+        };
+        dark: {
+            palettes: {
+                black: AlphaOnlyShades;
+                white: AlphaOnlyShades;
+                tomato: ColorShades;
+                red: ColorShades;
+                ruby: ColorShades;
+                crimson: ColorShades;
+                pink: ColorShades;
+                plum: ColorShades;
+                purple: ColorShades;
+                violet: ColorShades;
+                iris: ColorShades;
+                cyan: ColorShades;
+                teal: ColorShades;
+                jade: ColorShades;
+                green: ColorShades;
+                grass: ColorShades;
+                brown: ColorShades;
+                blue: ColorShades;
+                orange: ColorShades;
+                indigo: ColorShades;
+                sky: ColorShades;
+                mint: ColorShades;
+                yellow: ColorShades;
+                amber: ColorShades;
+                lime: ColorShades;
+                lemon: ColorShades;
+                magenta: ColorShades;
+                gold: ColorShades;
+                bronze: ColorShades;
+                gray: ColorShades;
+            };
+            background: string;
+            overlay: string;
+            panelSolid: string;
+            panelTranslucent: string;
+            surface: string;
+            stroke: string;
+        };
+    };
+};
+export type { ColorShades, FontWeightKey, TypographyStepKey };
+//# sourceMappingURL=theme-vars.d.ts.map

package/dist/lib/theme-vars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-vars.d.ts","sourceRoot":"","sources":["../../src/lib/theme-vars.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWN,CAAC;AAEX,KAAK,iBAAiB,GAAG,MAAM,OAAO,UAAU,CAAC;AAEjD,QAAA,MAAM,WAAW;;;;;;CAMP,CAAC;AAEX,KAAK,aAAa,GAAG,MAAM,OAAO,WAAW,CAAC;AAK9C,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzF,KAAK,aAAa,GACd,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,KAAK,WAAW,GAAG;KAChB,CAAC,IAAI,QAAQ,GAAG,MAAM;CACxB,GAAG;IACF,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG;KACD,CAAC,IAAI,aAAa,GAAG,MAAM;CAC7B,CAAC;AAoIF,KAAK,eAAe,GAAG;KAAG,CAAC,IAAI,aAAa,GAAG,MAAM;CAAE,CAAC;AAqBxD,wBAAgB,qBAAqB;;;EAKpC;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAC;AAEF,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}