@xaui/native 0.9.1-alpha.0 → 0.9.1-alpha.2

package/dist/theme.type-B3ODSLbB.d.cts

@@ -0,0 +1,153 @@
+/** The source layer — the only surface a consumer writes by hand, per mode. */
+type XAUISourceColors = {
+    background: string;
+    foreground: string;
+    surface: string;
+    surfaceForeground: string;
+    surfaceSecondary: string;
+    surfaceSecondaryForeground: string;
+    surfaceTertiary: string;
+    surfaceTertiaryForeground: string;
+    overlay: string;
+    overlayForeground: string;
+    backdrop: string;
+    muted: string;
+    default: string;
+    defaultForeground: string;
+    accent: string;
+    accentForeground: string;
+    fieldBackground: string;
+    fieldForeground: string;
+    fieldPlaceholder: string;
+    fieldBorder: string;
+    success: string;
+    successForeground: string;
+    warning: string;
+    warningForeground: string;
+    danger: string;
+    dangerForeground: string;
+    segment: string;
+    segmentForeground: string;
+    border: string;
+    separator: string;
+    focus: string;
+    link: string;
+};
+/** The derived layer — computed by `deriveColors`, never written by hand. */
+type XAUIDerivedColors = {
+    accentPressed: string;
+    successPressed: string;
+    warningPressed: string;
+    dangerPressed: string;
+    defaultPressed: string;
+    surfacePressed: string;
+    defaultSoft: string;
+    defaultSoftForeground: string;
+    defaultSoftPressed: string;
+    accentSoft: string;
+    accentSoftForeground: string;
+    accentSoftPressed: string;
+    successSoft: string;
+    successSoftForeground: string;
+    successSoftPressed: string;
+    warningSoft: string;
+    warningSoftForeground: string;
+    warningSoftPressed: string;
+    dangerSoft: string;
+    dangerSoftForeground: string;
+    dangerSoftPressed: string;
+    backgroundSecondary: string;
+    backgroundTertiary: string;
+    backgroundInverse: string;
+    borderSecondary: string;
+    borderTertiary: string;
+    separatorSecondary: string;
+    separatorTertiary: string;
+    fieldPressed: string;
+    fieldFocus: string;
+    fieldBorderPressed: string;
+    fieldBorderFocus: string;
+};
+/** Constant across both modes. */
+type XAUIPrimitiveColors = {
+    white: string;
+    black: string;
+    snow: string;
+    eclipse: string;
+};
+/** Everything a component reads, flattened. */
+type XAUIColors = XAUISourceColors & XAUIDerivedColors & XAUIPrimitiveColors;
+type ColorMode = 'light' | 'dark';
+type Size = 'xs' | 'sm' | 'md' | 'lg';
+type RadiusKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'field' | 'full';
+type FontSizeKey = Size | 'xl' | '2xl' | '3xl' | '4xl';
+type FontWeightKey = 'regular' | 'medium' | 'semibold' | 'bold';
+type XAUIRadius = Record<RadiusKey, number>;
+type XAUIShadow = {
+    shadowColor: string;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+    elevation: number;
+};
+type XAUITheme = {
+    id: string;
+    mode: ColorMode;
+    colors: XAUIColors;
+    /** Base 4 — `spacing(3) === 12`. A function, so there is no "what do we call 12px". */
+    spacing: (steps: number) => number;
+    radius: XAUIRadius;
+    borderWidth: {
+        default: number;
+        field: number;
+    };
+    fontSizes: Record<FontSizeKey, number>;
+    lineHeights: Record<FontSizeKey, number>;
+    fontWeights: Record<FontWeightKey, string>;
+    fontFamilies: {
+        body: string;
+        heading: string;
+        mono: string;
+    };
+    /** Semantic roles, not a scale: dark mode drops the surface shadow entirely. */
+    shadows: {
+        surface: XAUIShadow;
+        overlay: XAUIShadow;
+        field: XAUIShadow;
+    };
+    opacity: {
+        disabled: number;
+    };
+    controlHeights: Record<Size, number>;
+};
+type XAUIThemeConfig = {
+    colors?: {
+        light?: Partial<XAUISourceColors & XAUIDerivedColors>;
+        dark?: Partial<XAUISourceColors & XAUIDerivedColors>;
+    };
+    /** The single base the whole radius scale derives from. */
+    radius?: number;
+    spacingUnit?: number;
+    borderWidth?: Partial<XAUITheme['borderWidth']>;
+    fontSizes?: Partial<XAUITheme['fontSizes']>;
+    lineHeights?: Partial<XAUITheme['lineHeights']>;
+    fontWeights?: Partial<XAUITheme['fontWeights']>;
+    fontFamilies?: Partial<XAUITheme['fontFamilies']>;
+    /** Per role, and `shadowOffset` is replaced whole — a half-set offset is not a shadow. */
+    shadows?: {
+        [K in keyof XAUITheme['shadows']]?: Partial<XAUIShadow>;
+    };
+    opacity?: Partial<XAUITheme['opacity']>;
+    controlHeights?: Partial<XAUITheme['controlHeights']>;
+};
+/** What `createTheme` returns: both modes, resolved, sharing one id. */
+type XAUIThemeSet = {
+    id: string;
+    light: XAUITheme;
+    dark: XAUITheme;
+};
+
+export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUIColors as X, FontWeightKey as a, XAUIDerivedColors as b, XAUIPrimitiveColors as c, XAUIRadius as d, XAUIShadow as e, XAUISourceColors as f, XAUITheme as g, XAUIThemeConfig as h, XAUIThemeSet as i };

package/dist/theme.type-B3ODSLbB.d.ts

@@ -0,0 +1,153 @@
+/** The source layer — the only surface a consumer writes by hand, per mode. */
+type XAUISourceColors = {
+    background: string;
+    foreground: string;
+    surface: string;
+    surfaceForeground: string;
+    surfaceSecondary: string;
+    surfaceSecondaryForeground: string;
+    surfaceTertiary: string;
+    surfaceTertiaryForeground: string;
+    overlay: string;
+    overlayForeground: string;
+    backdrop: string;
+    muted: string;
+    default: string;
+    defaultForeground: string;
+    accent: string;
+    accentForeground: string;
+    fieldBackground: string;
+    fieldForeground: string;
+    fieldPlaceholder: string;
+    fieldBorder: string;
+    success: string;
+    successForeground: string;
+    warning: string;
+    warningForeground: string;
+    danger: string;
+    dangerForeground: string;
+    segment: string;
+    segmentForeground: string;
+    border: string;
+    separator: string;
+    focus: string;
+    link: string;
+};
+/** The derived layer — computed by `deriveColors`, never written by hand. */
+type XAUIDerivedColors = {
+    accentPressed: string;
+    successPressed: string;
+    warningPressed: string;
+    dangerPressed: string;
+    defaultPressed: string;
+    surfacePressed: string;
+    defaultSoft: string;
+    defaultSoftForeground: string;
+    defaultSoftPressed: string;
+    accentSoft: string;
+    accentSoftForeground: string;
+    accentSoftPressed: string;
+    successSoft: string;
+    successSoftForeground: string;
+    successSoftPressed: string;
+    warningSoft: string;
+    warningSoftForeground: string;
+    warningSoftPressed: string;
+    dangerSoft: string;
+    dangerSoftForeground: string;
+    dangerSoftPressed: string;
+    backgroundSecondary: string;
+    backgroundTertiary: string;
+    backgroundInverse: string;
+    borderSecondary: string;
+    borderTertiary: string;
+    separatorSecondary: string;
+    separatorTertiary: string;
+    fieldPressed: string;
+    fieldFocus: string;
+    fieldBorderPressed: string;
+    fieldBorderFocus: string;
+};
+/** Constant across both modes. */
+type XAUIPrimitiveColors = {
+    white: string;
+    black: string;
+    snow: string;
+    eclipse: string;
+};
+/** Everything a component reads, flattened. */
+type XAUIColors = XAUISourceColors & XAUIDerivedColors & XAUIPrimitiveColors;
+type ColorMode = 'light' | 'dark';
+type Size = 'xs' | 'sm' | 'md' | 'lg';
+type RadiusKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'field' | 'full';
+type FontSizeKey = Size | 'xl' | '2xl' | '3xl' | '4xl';
+type FontWeightKey = 'regular' | 'medium' | 'semibold' | 'bold';
+type XAUIRadius = Record<RadiusKey, number>;
+type XAUIShadow = {
+    shadowColor: string;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+    elevation: number;
+};
+type XAUITheme = {
+    id: string;
+    mode: ColorMode;
+    colors: XAUIColors;
+    /** Base 4 — `spacing(3) === 12`. A function, so there is no "what do we call 12px". */
+    spacing: (steps: number) => number;
+    radius: XAUIRadius;
+    borderWidth: {
+        default: number;
+        field: number;
+    };
+    fontSizes: Record<FontSizeKey, number>;
+    lineHeights: Record<FontSizeKey, number>;
+    fontWeights: Record<FontWeightKey, string>;
+    fontFamilies: {
+        body: string;
+        heading: string;
+        mono: string;
+    };
+    /** Semantic roles, not a scale: dark mode drops the surface shadow entirely. */
+    shadows: {
+        surface: XAUIShadow;
+        overlay: XAUIShadow;
+        field: XAUIShadow;
+    };
+    opacity: {
+        disabled: number;
+    };
+    controlHeights: Record<Size, number>;
+};
+type XAUIThemeConfig = {
+    colors?: {
+        light?: Partial<XAUISourceColors & XAUIDerivedColors>;
+        dark?: Partial<XAUISourceColors & XAUIDerivedColors>;
+    };
+    /** The single base the whole radius scale derives from. */
+    radius?: number;
+    spacingUnit?: number;
+    borderWidth?: Partial<XAUITheme['borderWidth']>;
+    fontSizes?: Partial<XAUITheme['fontSizes']>;
+    lineHeights?: Partial<XAUITheme['lineHeights']>;
+    fontWeights?: Partial<XAUITheme['fontWeights']>;
+    fontFamilies?: Partial<XAUITheme['fontFamilies']>;
+    /** Per role, and `shadowOffset` is replaced whole — a half-set offset is not a shadow. */
+    shadows?: {
+        [K in keyof XAUITheme['shadows']]?: Partial<XAUIShadow>;
+    };
+    opacity?: Partial<XAUITheme['opacity']>;
+    controlHeights?: Partial<XAUITheme['controlHeights']>;
+};
+/** What `createTheme` returns: both modes, resolved, sharing one id. */
+type XAUIThemeSet = {
+    id: string;
+    light: XAUITheme;
+    dark: XAUITheme;
+};
+
+export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUIColors as X, FontWeightKey as a, XAUIDerivedColors as b, XAUIPrimitiveColors as c, XAUIRadius as d, XAUIShadow as e, XAUISourceColors as f, XAUITheme as g, XAUIThemeConfig as h, XAUIThemeSet as i };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.9.1-alpha.0",
+  "version": "0.9.1-alpha.2",
   "description": "Composition-first React Native UI components with native animations powered by Reanimated",
   "keywords": [
     "react-native",
@@ -22,6 +22,11 @@
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
+    "./system": {
+      "types": "./dist/system/index.d.ts",
+      "import": "./dist/system/index.js",
+      "require": "./dist/system/index.js"
+    },
     "./theme": {
       "types": "./dist/theme/index.d.ts",
       "import": "./dist/theme/index.js",