@oxyhq/bloom 0.26.0 → 0.26.1

package/lib/typescript/module/settings-list/types.d.ts

@@ -0,0 +1,44 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface SettingsListItemProps {
+    /** Icon element (e.g. SVG icon component) or Ionicons-style string */
+    icon?: React.ReactNode;
+    /** Primary label */
+    title: string;
+    /** Secondary description text below title */
+    description?: string;
+    /** Right-side value text (e.g. "English", "On") */
+    value?: string;
+    /** Custom right-side element (toggle, badge, etc.) */
+    rightElement?: React.ReactNode;
+    /** Show trailing chevron (default: true when onPress is set) */
+    showChevron?: boolean;
+    /** Destructive action styling (red text) */
+    destructive?: boolean;
+    /** Press handler */
+    onPress?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Accessibility label override */
+    accessibilityLabel?: string;
+    /** Accessibility hint override */
+    accessibilityHint?: string;
+    /** Accessibility role override (defaults to button when pressable) */
+    accessibilityRole?: 'button' | 'link' | 'none';
+    /** Left inset to align text when no icon is provided */
+    leftInset?: number;
+}
+export interface SettingsListGroupProps {
+    /** Optional section header text */
+    title?: string;
+    /** Optional section footer text */
+    footer?: string;
+    /** Group items */
+    children: React.ReactNode;
+    /** Override group container style */
+    style?: StyleProp<ViewStyle>;
+}
+export interface SettingsListDividerProps {
+    /** Inset from left edge to align with text (default: 52) */
+    inset?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/settings-list/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/settings-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,qBAAqB;IACpC,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/C,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/lib/typescript/module/skeleton/index.d.ts

@@ -0,0 +1,64 @@
+import React from 'react';
+import { type ViewStyle, type TextStyle, type DimensionValue } from 'react-native';
+export declare function Text({ blend, style, }: {
+    style?: TextStyle | TextStyle[];
+    blend?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Text {
+    var displayName: string;
+}
+export declare function Circle({ children, size, blend, style, }: {
+    children?: React.ReactNode;
+    size: number;
+    blend?: boolean;
+    style?: ViewStyle | ViewStyle[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Circle {
+    var displayName: string;
+}
+export declare function Pill({ size, blend, style, }: {
+    size: number;
+    blend?: boolean;
+    style?: ViewStyle | ViewStyle[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Pill {
+    var displayName: string;
+}
+/**
+ * Generic rectangular shimmering placeholder. Use for image/card/banner
+ * placeholders where neither {@link Pill} (forced borderRadius: 999) nor
+ * {@link Circle} fit. Defaults to a small borderRadius (8). Pass `0` for
+ * sharp corners or any larger number / percentage string for custom shapes.
+ */
+export declare function Box({ width, height, borderRadius, blend, style, }: {
+    /** Width as a number, percentage string, or any valid RN dimension. */
+    width?: DimensionValue;
+    /** Height as a number, percentage string, or any valid RN dimension. */
+    height?: DimensionValue;
+    /**
+     * Corner radius — number or percentage string. Defaults to 8. Pass 0 for
+     * sharp corners.
+     */
+    borderRadius?: ViewStyle['borderRadius'];
+    /** When true, dampens shimmer opacity (use for nested skeletons). */
+    blend?: boolean;
+    style?: ViewStyle | ViewStyle[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Box {
+    var displayName: string;
+}
+export declare function Col({ children, style, }: {
+    children?: React.ReactNode;
+    style?: ViewStyle | ViewStyle[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Col {
+    var displayName: string;
+}
+export declare function Row({ children, style, }: {
+    children?: React.ReactNode;
+    style?: ViewStyle | ViewStyle[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Row {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EAEpB,MAAM,cAAc,CAAC;AAkCtB,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,2CA0BA;yBAhCe,IAAI;;;AAmCpB,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAmBA;yBA7Be,MAAM;;;AAgCtB,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAkBA;yBA1Be,IAAI;;;AA6BpB;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,MAAM,EACN,YAAgB,EAChB,KAAK,EACL,KAAK,GACN,EAAE;IACD,uEAAuE;IACvE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,wEAAwE;IACxE,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,qEAAqE;IACrE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAkBA;yBArCe,GAAG;;;AAwCnB,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAEA;yBARe,GAAG;;;AAWnB,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAEA;yBARe,GAAG"}

package/lib/typescript/module/slider/Slider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SliderProps } from './types';
+export declare const Slider: React.MemoExoticComponent<({ value, onValueChange, onSlidingComplete, min, max, step, disabled, trackHeight, thumbSize, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, style, accessibilityLabel, testID, }: SliderProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=Slider.d.ts.map

package/lib/typescript/module/slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAc5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmQ3C,eAAO,MAAM,MAAM,8NA3NhB,WAAW,6CA2N6B,CAAC"}

package/lib/typescript/module/slider/index.d.ts

@@ -0,0 +1,3 @@
+export { Slider } from './Slider';
+export type { SliderProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/module/slider/types.d.ts

@@ -0,0 +1,30 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface SliderProps {
+    /** Current value (controlled). */
+    value: number;
+    /** Fired continuously as the user drags / steps the thumb. */
+    onValueChange: (value: number) => void;
+    /** Fired once when the drag gesture ends. */
+    onSlidingComplete?: (value: number) => void;
+    /** Minimum value. Defaults to `0`. */
+    min?: number;
+    /** Maximum value. Defaults to `100`. */
+    max?: number;
+    /** Step granularity. Defaults to `1`. Use a fractional step for fine control. */
+    step?: number;
+    disabled?: boolean;
+    /** Track thickness in px. Defaults to `4`. */
+    trackHeight?: number;
+    /** Thumb diameter in px. Defaults to `20`. */
+    thumbSize?: number;
+    /** Override the filled-track color. Defaults to the theme primary. */
+    minimumTrackTintColor?: string;
+    /** Override the unfilled-track color. Defaults to the theme border. */
+    maximumTrackTintColor?: string;
+    /** Override the thumb color. Defaults to the theme primary. */
+    thumbTintColor?: string;
+    style?: StyleProp<ViewStyle>;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/slider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uEAAuE;IACvE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/typescript/module/styles/atoms.d.ts

@@ -0,0 +1,464 @@
+import { type ImageStyle, type TextStyle, type ViewStyle } from 'react-native';
+type AtomStyle = ViewStyle & TextStyle & ImageStyle;
+/**
+ * Static, theme-independent style atoms.
+ * Follows ALF naming conventions (Tailwind-inspired with underscores).
+ */
+export declare const atoms: {
+    flex_row: {
+        flexDirection: "row";
+    };
+    flex_col: {
+        flexDirection: "column";
+    };
+    flex_row_reverse: {
+        flexDirection: "row-reverse";
+    };
+    flex_col_reverse: {
+        flexDirection: "column-reverse";
+    };
+    flex_wrap: {
+        flexWrap: "wrap";
+    };
+    flex_1: {
+        flex: number;
+    };
+    flex_shrink: {
+        flexShrink: number;
+    };
+    flex_grow: {
+        flexGrow: number;
+    };
+    align_center: {
+        alignItems: "center";
+    };
+    align_start: {
+        alignItems: "flex-start";
+    };
+    align_end: {
+        alignItems: "flex-end";
+    };
+    align_baseline: {
+        alignItems: "baseline";
+    };
+    align_stretch: {
+        alignItems: "stretch";
+    };
+    justify_center: {
+        justifyContent: "center";
+    };
+    justify_between: {
+        justifyContent: "space-between";
+    };
+    justify_end: {
+        justifyContent: "flex-end";
+    };
+    justify_start: {
+        justifyContent: "flex-start";
+    };
+    self_center: {
+        alignSelf: "center";
+    };
+    self_start: {
+        alignSelf: "flex-start";
+    };
+    self_end: {
+        alignSelf: "flex-end";
+    };
+    self_stretch: {
+        alignSelf: "stretch";
+    };
+    relative: {
+        position: "relative";
+    };
+    absolute: {
+        position: "absolute";
+    };
+    inset_0: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    top_0: {
+        top: number;
+    };
+    bottom_0: {
+        bottom: number;
+    };
+    left_0: {
+        left: number;
+    };
+    right_0: {
+        right: number;
+    };
+    w_full: {
+        width: "100%";
+    };
+    h_full: {
+        height: "100%";
+    };
+    max_w_full: {
+        maxWidth: "100%";
+    };
+    overflow_hidden: {
+        overflow: "hidden";
+    };
+    z_10: {
+        zIndex: number;
+    };
+    z_20: {
+        zIndex: number;
+    };
+    z_30: {
+        zIndex: number;
+    };
+    z_40: {
+        zIndex: number;
+    };
+    z_50: {
+        zIndex: number;
+    };
+    p_2xs: {
+        padding: 2;
+    };
+    p_xs: {
+        padding: 4;
+    };
+    p_sm: {
+        padding: 8;
+    };
+    p_md: {
+        padding: 12;
+    };
+    p_lg: {
+        padding: 16;
+    };
+    p_xl: {
+        padding: 20;
+    };
+    p_2xl: {
+        padding: 24;
+    };
+    px_2xs: {
+        paddingHorizontal: 2;
+    };
+    px_xs: {
+        paddingHorizontal: 4;
+    };
+    px_sm: {
+        paddingHorizontal: 8;
+    };
+    px_md: {
+        paddingHorizontal: 12;
+    };
+    px_lg: {
+        paddingHorizontal: 16;
+    };
+    px_xl: {
+        paddingHorizontal: 20;
+    };
+    px_2xl: {
+        paddingHorizontal: 24;
+    };
+    py_2xs: {
+        paddingVertical: 2;
+    };
+    py_xs: {
+        paddingVertical: 4;
+    };
+    py_sm: {
+        paddingVertical: 8;
+    };
+    py_md: {
+        paddingVertical: 12;
+    };
+    py_lg: {
+        paddingVertical: 16;
+    };
+    py_xl: {
+        paddingVertical: 20;
+    };
+    pt_2xs: {
+        paddingTop: 2;
+    };
+    pt_xs: {
+        paddingTop: 4;
+    };
+    pt_sm: {
+        paddingTop: 8;
+    };
+    pt_md: {
+        paddingTop: 12;
+    };
+    pt_lg: {
+        paddingTop: 16;
+    };
+    pb_2xs: {
+        paddingBottom: 2;
+    };
+    pb_xs: {
+        paddingBottom: 4;
+    };
+    pb_sm: {
+        paddingBottom: 8;
+    };
+    pb_md: {
+        paddingBottom: 12;
+    };
+    pb_lg: {
+        paddingBottom: 16;
+    };
+    pr_2xs: {
+        paddingRight: 2;
+    };
+    pr_xs: {
+        paddingRight: 4;
+    };
+    pr_sm: {
+        paddingRight: 8;
+    };
+    pr_md: {
+        paddingRight: 12;
+    };
+    pr_lg: {
+        paddingRight: 16;
+    };
+    pl_2xs: {
+        paddingLeft: 2;
+    };
+    pl_xs: {
+        paddingLeft: 4;
+    };
+    pl_sm: {
+        paddingLeft: 8;
+    };
+    pl_md: {
+        paddingLeft: 12;
+    };
+    pl_lg: {
+        paddingLeft: 16;
+    };
+    m_auto: {
+        margin: number;
+    };
+    mx_auto: {
+        marginHorizontal: number;
+    };
+    my_auto: {
+        marginVertical: number;
+    };
+    mt_2xs: {
+        marginTop: 2;
+    };
+    mt_xs: {
+        marginTop: 4;
+    };
+    mt_sm: {
+        marginTop: 8;
+    };
+    mt_md: {
+        marginTop: 12;
+    };
+    mt_lg: {
+        marginTop: 16;
+    };
+    mb_2xs: {
+        marginBottom: 2;
+    };
+    mb_xs: {
+        marginBottom: 4;
+    };
+    mb_sm: {
+        marginBottom: 8;
+    };
+    mb_md: {
+        marginBottom: 12;
+    };
+    mb_lg: {
+        marginBottom: 16;
+    };
+    mr_2xs: {
+        marginRight: 2;
+    };
+    mr_xs: {
+        marginRight: 4;
+    };
+    mr_sm: {
+        marginRight: 8;
+    };
+    mr_md: {
+        marginRight: 12;
+    };
+    ml_2xs: {
+        marginLeft: 2;
+    };
+    ml_xs: {
+        marginLeft: 4;
+    };
+    ml_sm: {
+        marginLeft: 8;
+    };
+    ml_md: {
+        marginLeft: 12;
+    };
+    gap_2xs: {
+        gap: 2;
+    };
+    gap_xs: {
+        gap: 4;
+    };
+    gap_sm: {
+        gap: 8;
+    };
+    gap_md: {
+        gap: 12;
+    };
+    gap_lg: {
+        gap: 16;
+    };
+    gap_xl: {
+        gap: 20;
+    };
+    gap_2xl: {
+        gap: 24;
+    };
+    border: {
+        borderWidth: number;
+    };
+    border_t: {
+        borderTopWidth: number;
+    };
+    border_b: {
+        borderBottomWidth: number;
+    };
+    border_l: {
+        borderLeftWidth: number;
+    };
+    border_r: {
+        borderRightWidth: number;
+    };
+    rounded_2xs: {
+        borderRadius: 2;
+    };
+    rounded_xs: {
+        borderRadius: 4;
+    };
+    rounded_sm: {
+        borderRadius: 8;
+    };
+    rounded_md: {
+        borderRadius: 12;
+    };
+    rounded_lg: {
+        borderRadius: 16;
+    };
+    rounded_xl: {
+        borderRadius: 20;
+    };
+    rounded_2xl: {
+        borderRadius: 24;
+    };
+    rounded_full: {
+        borderRadius: 999;
+    };
+    text_2xs: {
+        fontSize: 10;
+    };
+    text_xs: {
+        fontSize: 12;
+    };
+    text_sm: {
+        fontSize: 13;
+    };
+    text_md: {
+        fontSize: 15;
+    };
+    text_lg: {
+        fontSize: 17;
+    };
+    text_xl: {
+        fontSize: 20;
+    };
+    text_2xl: {
+        fontSize: 22;
+    };
+    text_3xl: {
+        fontSize: 26;
+    };
+    text_4xl: {
+        fontSize: 32;
+    };
+    text_5xl: {
+        fontSize: 40;
+    };
+    text_left: {
+        textAlign: "left";
+    };
+    text_center: {
+        textAlign: "center";
+    };
+    text_right: {
+        textAlign: "right";
+    };
+    font_normal: {
+        fontWeight: TextStyle["fontWeight"];
+    };
+    font_medium: {
+        fontWeight: TextStyle["fontWeight"];
+    };
+    font_semibold: {
+        fontWeight: TextStyle["fontWeight"];
+    };
+    font_bold: {
+        fontWeight: TextStyle["fontWeight"];
+    };
+    font_heavy: {
+        fontWeight: TextStyle["fontWeight"];
+    };
+    italic: {
+        fontStyle: "italic";
+    };
+    leading_tight: {
+        lineHeight: number;
+    };
+    leading_snug: {
+        lineHeight: number;
+    };
+    leading_normal: {
+        lineHeight: number;
+    };
+    leading_relaxed: {
+        lineHeight: number;
+    };
+    pointer_events_none: {
+        pointerEvents: "none";
+    };
+    pointer_events_auto: {
+        pointerEvents: "auto";
+    };
+    bg_transparent: {
+        backgroundColor: string;
+    };
+    opacity_0: {
+        opacity: number;
+    };
+    opacity_50: {
+        opacity: number;
+    };
+    opacity_100: {
+        opacity: number;
+    };
+};
+/**
+ * Flatten a style prop into a single object.
+ */
+export declare function flatten(style: AtomStyle | AtomStyle[] | undefined | null | false): AtomStyle;
+export type ViewStyleProp = {
+    style?: ViewStyle | ViewStyle[];
+};
+export type TextStyleProp = {
+    style?: TextStyle | TextStyle[];
+};
+export {};
+//# sourceMappingURL=atoms.d.ts.map

package/lib/typescript/module/styles/atoms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.d.ts","sourceRoot":"","sources":["../../../../src/styles/atoms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3F,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA6FuB,MAAM;;;0BACK,MAAM;;;wBACR,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA4DlB,SAAS,CAAC,YAAY,CAAC;;;oBACvB,SAAS,CAAC,YAAY,CAAC;;;oBACrB,SAAS,CAAC,YAAY,CAAC;;;oBAC3B,SAAS,CAAC,YAAY,CAAC;;;oBACtB,SAAS,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkB1D,CAAC;AAEH;;GAEG;AACH,wBAAgB,OAAO,CACrB,KAAK,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,GACxD,SAAS,CAEX;AAED,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CAAE,CAAC;AAChE,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CAAE,CAAC"}

package/lib/typescript/module/styles/index.d.ts

@@ -0,0 +1,7 @@
+export { atoms, flatten } from './atoms';
+export type { ViewStyleProp, TextStyleProp } from './atoms';
+export * as tokens from './tokens';
+export { Z_INDEX, zIndex } from './z-index';
+export { web, native, ios, android, platform, select } from './platform';
+export { SUPPORTS_NATIVE_DRIVER } from './native-driver';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/typescript/module/styles/native-driver.d.ts

@@ -0,0 +1,2 @@
+export declare const SUPPORTS_NATIVE_DRIVER: boolean;
+//# sourceMappingURL=native-driver.d.ts.map

package/lib/typescript/module/styles/native-driver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-driver.d.ts","sourceRoot":"","sources":["../../../../src/styles/native-driver.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,sBAAsB,SAAwB,CAAC"}

package/lib/typescript/module/styles/platform.d.ts

@@ -0,0 +1,33 @@
+import { type ImageStyle, type TextStyle, type ViewStyle } from 'react-native';
+type Style = ViewStyle & TextStyle & ImageStyle;
+/**
+ * Returns the provided styles only on web, undefined on native.
+ */
+export declare function web<T extends Style>(styles: T): T | undefined;
+/**
+ * Returns the provided styles only on native (iOS + Android), undefined on web.
+ */
+export declare function native<T extends Style>(styles: T): T | undefined;
+/**
+ * Returns the provided styles only on iOS, undefined elsewhere.
+ */
+export declare function ios<T extends Style>(styles: T): T | undefined;
+/**
+ * Returns the provided styles only on Android, undefined elsewhere.
+ */
+export declare function android<T extends Style>(styles: T): T | undefined;
+/**
+ * Returns platform-specific styles.
+ */
+export declare function platform<T extends Style>(specifics: {
+    web?: T;
+    ios?: T;
+    android?: T;
+    native?: T;
+}): T | undefined;
+/**
+ * Select a value based on theme name.
+ */
+export declare function select<T>(themeName: string, options: Record<string, T>): T;
+export {};
+//# sourceMappingURL=platform.d.ts.map

package/lib/typescript/module/styles/platform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/styles/platform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzF,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhD;;GAEG;AACH,wBAAgB,GAAG,CAAC,CAAC,SAAS,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAK7D;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAKhE;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,CAAC,SAAS,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAK7D;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAKjE;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,KAAK,EAAE,SAAS,EAAE;IACnD,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,CAAC,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,CAAC;CACZ,GAAG,CAAC,GAAG,SAAS,CAWhB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,CAAC,EACtB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,GACzB,CAAC,CAEH"}