fluent-styles 1.62.13 → 1.62.15

package/lib/typescript/divider/index.d.ts

@@ -5,12 +5,7 @@ type DividerVariants = {
     horizontal?: boolean | [boolean, ViewStyle];
 };
 type DividerProps = ViewProps & DividerVariants & ViewStyle;
-declare const StyledDivider: {
-    (props: ViewProps & DividerVariants & ViewStyle & {
-        ref?: import("react").Ref<any> | undefined;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
+declare const StyledDivider: import("react").ForwardRefExoticComponent<ViewProps & DividerVariants & ViewStyle & import("react").RefAttributes<any>>;
 export { StyledDivider };
 export type { DividerProps };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/divider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/divider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,KAAK,eAAe,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,YAAY,GAAG,SAAS,GAAI,eAAe,GAAG,SAAS,CAAC;AAE7D,QAAA,MAAM,aAAa;;;;;CA0BlB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/divider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,KAAK,eAAe,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,YAAY,GAAG,SAAS,GAAI,eAAe,GAAG,SAAS,CAAC;AAE7D,QAAA,MAAM,aAAa,yHA0BlB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/lib/typescript/dropdown/index.d.ts

@@ -34,6 +34,31 @@ interface DropdownBaseProps<TItem extends DropdownOptionItem> extends ViewStyle
     emptyText?: string;
     focusColor?: string;
     groupBy?: (item: TItem) => string;
+    /**
+     * Resting-surface + option-panel colour overrides — lets a consumer theme
+     * the dropdown (e.g. for dark mode) without the trigger's own focus/error
+     * border logic needing to change. A nested `colors` object (rather than
+     * a flat `backgroundColor` prop) avoids colliding with the `ViewStyle`
+     * props this interface already extends, which style the outer wrapper,
+     * not the trigger box.
+     */
+    colors?: StyledDropdownColors;
+}
+export interface StyledDropdownColors {
+    /** Trigger box resting background. @default '#fff' */
+    background?: string;
+    /** Trigger box resting border (overridden by focus/error). @default gray[200] */
+    border?: string;
+    /** Selected value text colour. @default gray[800] */
+    text?: string;
+    /** Open option-panel background. @default '#fff' */
+    panelBackground?: string;
+    /** Open option-panel border. @default gray[200] */
+    panelBorder?: string;
+    /** Option row label text colour. @default gray[800] */
+    panelText?: string;
+    /** Dividers / section-header strip background inside the panel. @default gray[100] */
+    panelDivider?: string;
 }
 export interface StyledDropdownProps<TItem extends DropdownOptionItem = DropdownOptionItem> extends DropdownBaseProps<TItem> {
     value?: string;
@@ -49,13 +74,13 @@ export interface StyledMultiSelectDropdownProps<TItem extends DropdownOptionItem
     selectAll?: boolean;
 }
 export declare const StyledDropdown: {
-    ({ data, onChange, placeholder, placeholderTextColor, value, defaultValue, disabled, maxHeight, size, variant, leftIcon, label, helperText, errorMessage, error, searchable, searchPlaceholder, clearable, loading, emptyText, focusColor, groupBy, ref, ...rest }: StyledDropdownProps<DropdownOptionItem<unknown>> & {
+    ({ data, onChange, placeholder, placeholderTextColor, value, defaultValue, disabled, maxHeight, size, variant, leftIcon, label, helperText, errorMessage, error, searchable, searchPlaceholder, clearable, loading, emptyText, focusColor, groupBy, colors: colorsProp, ref, ...rest }: StyledDropdownProps<DropdownOptionItem<unknown>> & {
         ref?: React.Ref<any> | undefined;
     }): React.JSX.Element;
     displayName: string;
 };
 export declare const StyledMultiSelectDropdown: {
-    ({ data, onChange, placeholder, placeholderTextColor, value, defaultValue, disabled, maxHeight, size, variant, leftIcon, label, helperText, errorMessage, error, searchable, searchPlaceholder, clearable, loading, emptyText, focusColor, groupBy, separator, maxDisplay, selectAll, ref, ...rest }: StyledMultiSelectDropdownProps<DropdownOptionItem<unknown>> & {
+    ({ data, onChange, placeholder, placeholderTextColor, value, defaultValue, disabled, maxHeight, size, variant, leftIcon, label, helperText, errorMessage, error, searchable, searchPlaceholder, clearable, loading, emptyText, focusColor, groupBy, separator, maxDisplay, selectAll, colors: colorsProp, ref, ...rest }: StyledMultiSelectDropdownProps<DropdownOptionItem<unknown>> & {
         ref?: React.Ref<any> | undefined;
     }): React.JSX.Element;
     displayName: string;

package/lib/typescript/dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAML,SAAS,EACV,MAAM,cAAc,CAAC;AAatB,MAAM,MAAM,kBAAkB,CAAC,KAAK,GAAG,OAAO,IAAI;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;AAqB3E,UAAU,iBAAiB,CAAC,KAAK,SAAS,kBAAkB,CAC1D,SAAQ,SAAS;IACjB,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;CACnC;AAED,MAAM,WAAW,mBAAmB,CAClC,KAAK,SAAS,kBAAkB,GAAG,kBAAkB,CACrD,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC;AAED,MAAM,WAAW,8BAA8B,CAC7C,KAAK,SAAS,kBAAkB,GAAG,kBAAkB,CACrD,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA8qBD,eAAO,MAAM,cAAc;;;;;CA0H1B,CAAC;AAQF,eAAO,MAAM,yBAAyB;;;;;CAwJrC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/image/index.d.ts

@@ -2,12 +2,7 @@ import { Image, ImageProps, ImageBackgroundProps, ImageStyle, DimensionValue } f
 import React from 'react';
 type StyledImageProps = ImageProps & ImageStyle;
 type StyledImageBackgroundProps = ImageBackgroundProps & ImageStyle;
-declare const StyledImageBackground: {
-    (props: ImageBackgroundProps & ImageStyle & {
-        ref?: React.Ref<any> | undefined;
-    }): React.JSX.Element;
-    displayName: string;
-};
+declare const StyledImageBackground: React.ForwardRefExoticComponent<ImageBackgroundProps & ImageStyle & React.RefAttributes<any>>;
 interface _StyledImageProps extends Omit<StyledImageProps, 'height' | 'width'> {
     cycle?: boolean;
     size?: DimensionValue;

package/lib/typescript/image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/image/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EAEL,UAAU,EACV,oBAAoB,EACpB,UAAU,EACV,cAAc,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAAA;AAE/C,KAAK,0BAA0B,GAAG,oBAAoB,GAAG,UAAU,CAAC;AACpE,QAAA,MAAM,qBAAqB;;;;;CAUzB,CAAC;AAEH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW;;uBAMhB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/image/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EAEL,UAAU,EACV,oBAAoB,EACpB,UAAU,EACV,cAAc,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAAA;AAE/C,KAAK,0BAA0B,GAAG,oBAAoB,GAAG,UAAU,CAAC;AACpE,QAAA,MAAM,qBAAqB,+FAUzB,CAAC;AAEH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW;;uBAMhB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,CAAC"}

package/lib/typescript/input/index.d.ts

@@ -77,13 +77,26 @@ export interface StyledTextInputProps extends CardComponentProps {
     inputStyle?: TextStyle;
     fontSize?: number;
     fontWeight?: TextStyle['fontWeight'];
+    /**
+     * Resting-state surface colours. Lets a consumer theme this field (e.g.
+     * for dark mode) without fighting the focus/error border logic below —
+     * those stay computed internally and only fall back to `colors.border`
+     * when neither focused nor in an error state.
+     */
+    colors?: StyledFieldColors;
+}
+export interface StyledFieldColors {
+    /** Resting background of the input box. @default '#fff' (outline/filled) */
+    background?: string;
+    /** Resting border colour (overridden by focus/error). @default gray[200] */
+    border?: string;
+    /** Typed text colour. @default gray[800] */
+    text?: string;
+    /** Placeholder text colour. @default gray[300] */
+    placeholder?: string;
+    /** Label text colour — `labelProps.color` still wins if also set. @default gray[700] */
+    label?: string;
 }
-declare const TextInputBase: {
-    (props: TextInputProps & TextStyle & {
-        ref?: React.Ref<any> | undefined;
-    }): React.JSX.Element;
-    displayName: string;
-};
 export interface StyledTextInputHandle extends StyledTextInputProps {
     focus: () => void;
     blur: () => void;
@@ -91,8 +104,8 @@ export interface StyledTextInputHandle extends StyledTextInputProps {
     isFocused: () => boolean;
 }
 export declare const StyledTextInput: {
-    ({ label, labelProps, required, helperText, helperProps, errorMessage, errorProps, error, showCounter, leftIcon, rightIcon, leftAddon, rightAddon, clearable, loading, variant, size, borderColor: borderColorProp, focusColor, floatLabel, containerStyle, inputWrapStyle, inputStyle, flex, fontSize: fontSizeProp, fontWeight: fontWeightProp, value, defaultValue, onChangeText, placeholder, editable, multiline, numberOfLines, maxLength, onFocus: onFocusProp, onBlur: onBlurProp, ref, ...rest }: StyledTextInputProps & {
-        ref?: React.Ref<any> | undefined;
+    ({ label, labelProps, required, helperText, helperProps, errorMessage, errorProps, error, showCounter, leftIcon, rightIcon, leftAddon, rightAddon, clearable, loading, variant, size, borderColor: borderColorProp, focusColor, floatLabel, colors: colorsProp, containerStyle, inputWrapStyle, inputStyle, flex, fontSize: fontSizeProp, fontWeight: fontWeightProp, value, defaultValue, onChangeText, placeholder, editable, multiline, numberOfLines, maxLength, onFocus: onFocusProp, onBlur: onBlurProp, ref, ...rest }: StyledTextInputProps & {
+        ref?: React.Ref<StyledTextInputHandle> | undefined;
     }): React.JSX.Element;
     displayName: string;
 };

package/lib/typescript/input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAA;AACd,OAAO,EAML,cAAc,EAGf,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAGV,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAMrB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,MAAM,MAAM,SAAS,GAAO,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC9C,MAAM,MAAM,YAAY,GAAI,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAA;AAExE,MAAM,MAAM,UAAU,GAAG;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAM,MAAM,CAAA;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAM,KAAK,CAAC,SAAS,CAAA;IAC1B,oEAAoE;IACpE,EAAE,CAAC,EAAQ,MAAM,CAAA;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAK,MAAM,CAAA;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAG,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,KAAK,kBAAkB,GAAI,cAAc,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,oBACf,SAAQ,kBAAkB;IAG1B,KAAK,CAAC,EAAc,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAS,eAAe,CAAA;IACnC,+CAA+C;IAC/C,QAAQ,CAAC,EAAW,OAAO,CAAA;IAC3B,wEAAwE;IACxE,UAAU,CAAC,EAAS,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAQ,eAAe,CAAA;IACnC,+DAA+D;IAC/D,YAAY,CAAC,EAAO,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAS,eAAe,CAAA;IACnC,wEAAwE;IACxE,KAAK,CAAC,EAAc,OAAO,CAAA;IAG3B;;;OAGG;IACH,WAAW,CAAC,EAAQ,OAAO,CAAA;IAG3B,qEAAqE;IACrE,QAAQ,CAAC,EAAW,KAAK,CAAC,SAAS,CAAA;IACnC,wEAAwE;IACxE,SAAS,CAAC,EAAU,KAAK,CAAC,SAAS,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAU,UAAU,CAAA;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAS,UAAU,CAAA;IAG9B,uEAAuE;IACvE,SAAS,CAAC,EAAU,OAAO,CAAA;IAG3B,4EAA4E;IAC5E,OAAO,CAAC,EAAY,OAAO,CAAA;IAG3B;;;;;;OAMG;IACH,OAAO,CAAC,EAAY,YAAY,CAAA;IAEhC,4CAA4C;IAC5C,IAAI,CAAC,EAAe,SAAS,CAAA;IAE7B,sEAAsE;IACtE,WAAW,CAAC,EAAQ,MAAM,CAAA;IAE1B,gEAAgE;IAChE,UAAU,CAAC,EAAS,MAAM,CAAA;IAG1B;;;OAGG;IACH,UAAU,CAAC,EAAS,OAAO,CAAA;IAG3B,cAAc,CAAC,EAAK,SAAS,CAAA;IAC7B,cAAc,CAAC,EAAK,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAS,SAAS,CAAA;IAG7B,QAAQ,CAAC,EAAW,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAS,SAAS,CAAC,YAAY,CAAC,CAAA;CAE5C;AAED,QAAA,MAAM,aAAa;;;;;CA+BjB,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,KAAK,EAAO,MAAM,IAAI,CAAA;IACtB,IAAI,EAAQ,MAAM,IAAI,CAAA;IACtB,KAAK,EAAO,MAAM,IAAI,CAAA;IACtB,SAAS,EAAG,MAAM,OAAO,CAAA;CAC1B;AAuKD,eAAO,MAAM,eAAe;;;;;CA2R3B,CAAC;AAGF,OAAO,EAAE,eAAe,IAAI,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,UAAU,eAAgB,SAAQ,uBAAuB;IACrD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAC5C,wBAAwB,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAC7D,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,UAAU,cAAc;IACpB,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACnE,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAWD,QAAA,MAAM,UAAU,gBAAyB,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAa,cAAc,EAA4B,MAAM,cAAc,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,UAAU,eAAgB,SAAQ,uBAAuB;IACrD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAC5C,wBAAwB,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAC7D,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,UAAU,cAAc;IACpB,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACnE,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AA4CD,QAAA,MAAM,UAAU,gBAAyB,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/lib/typescript/pressable/index.d.ts

@@ -1,12 +1,7 @@
 import { PressableProps } from 'react-native';
 import { ViewStyle } from '../utiles/viewStyleProps';
 type StyledPressableProps = PressableProps & ViewStyle;
-declare const StyledPressable: {
-    (props: PressableProps & ViewStyle & {
-        ref?: import("react").Ref<any> | undefined;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
+declare const StyledPressable: import("react").ForwardRefExoticComponent<PressableProps & ViewStyle & import("react").RefAttributes<any>>;
 export { StyledPressable };
 export type { StyledPressableProps };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/pressable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pressable/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,KAAK,oBAAoB,GAAG,cAAc,GAAG,SAAS,CAAC;AAEvD,QAAA,MAAM,eAAe;;;;;CAOnB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pressable/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,KAAK,oBAAoB,GAAG,cAAc,GAAG,SAAS,CAAC;AAOvD,QAAA,MAAM,eAAe,4GAQnB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/typescript/safeAreaProvider/index.d.ts

@@ -1,11 +1,6 @@
 import { SafeAreaProviderProps } from 'react-native-safe-area-context';
 type StyledSafeAreaProviderProps = SafeAreaProviderProps;
-declare const StyledSafeAreaProvider: {
-    (props: SafeAreaProviderProps & {
-        ref?: import("react").Ref<any> | undefined;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
+declare const StyledSafeAreaProvider: import("react").ForwardRefExoticComponent<SafeAreaProviderProps & import("react").RefAttributes<any>>;
 export { StyledSafeAreaProvider };
 export type { StyledSafeAreaProviderProps };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/safeAreaProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/safeAreaProvider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,qBAAqB,EACxB,MAAM,gCAAgC,CAAC;AAGxC,KAAK,2BAA2B,GAAG,qBAAqB,CAAC;AAEzD,QAAA,MAAM,sBAAsB;;;;;CAG1B,CAAC;AAEH,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,2BAA2B,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/safeAreaProvider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,qBAAqB,EACxB,MAAM,gCAAgC,CAAC;AAGxC,KAAK,2BAA2B,GAAG,qBAAqB,CAAC;AAEzD,QAAA,MAAM,sBAAsB,uGAG1B,CAAC;AAEH,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,2BAA2B,EAAE,CAAC"}

package/lib/typescript/safeAreaView/index.d.ts

@@ -1,12 +1,7 @@
 import { SafeAreaViewProps } from 'react-native-safe-area-context';
 import { ViewStyleProps } from '../utiles/viewStyleProps';
 type StyledSafeAreaViewProps = SafeAreaViewProps & ViewStyleProps;
-declare const StyledSafeAreaView: {
-    (props: import("react-native-safe-area-context").NativeSafeAreaViewProps & ViewStyleProps & {
-        ref?: import("react").Ref<any> | undefined;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
+declare const StyledSafeAreaView: import("react").ForwardRefExoticComponent<import("react-native-safe-area-context").NativeSafeAreaViewProps & ViewStyleProps & import("react").RefAttributes<any>>;
 export { StyledSafeAreaView };
 export type { StyledSafeAreaViewProps };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/safeAreaView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/safeAreaView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACpB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAGrE,KAAK,uBAAuB,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAElE,QAAA,MAAM,kBAAkB;;;;;CAOtB,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/safeAreaView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACpB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAGrE,KAAK,uBAAuB,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAWlE,QAAA,MAAM,kBAAkB,mKAQtB,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,uBAAuB,EAAE,CAAC"}

package/lib/typescript/scrollView/index.d.ts

@@ -1,12 +1,7 @@
 import { ScrollViewProps } from 'react-native';
 import { ViewStyleProps } from '../utiles/viewStyleProps';
 type StyledScrollViewProps = ScrollViewProps & ViewStyleProps;
-declare const StyledScrollView: {
-    (props: ScrollViewProps & ViewStyleProps & {
-        ref?: import("react").Ref<any> | undefined;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
+declare const StyledScrollView: import("react").ForwardRefExoticComponent<ScrollViewProps & ViewStyleProps & import("react").RefAttributes<any>>;
 export { StyledScrollView };
 export type { StyledScrollViewProps };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/scrollView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scrollView/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,qBAAqB,GAAG,eAAe,GAAG,cAAc,CAAC;AAE9D,QAAA,MAAM,gBAAgB;;;;;CAIpB,CAAC;AAEH,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scrollView/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,qBAAqB,GAAG,eAAe,GAAG,cAAc,CAAC;AAE9D,QAAA,MAAM,gBAAgB,kHAIpB,CAAC;AAEH,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}

package/lib/typescript/shape/cycle.d.ts

@@ -22,12 +22,7 @@ type CycleComponentProps = CycleVariants & ViewProps & ViewStyle;
  * Circular container with centered content
  * Default size: md (48px)
  */
-declare const CycleBase: {
-    (props: CycleVariants & ViewProps & ViewStyle & {
-        ref?: React.Ref<any> | undefined;
-    }): React.JSX.Element;
-    displayName: string;
-};
+declare const CycleBase: React.ForwardRefExoticComponent<CycleVariants & ViewProps & ViewStyle & React.RefAttributes<any>>;
 interface StyledCycleProps extends CycleComponentProps {
     children?: React.ReactNode;
 }

package/lib/typescript/shape/cycle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cycle.d.ts","sourceRoot":"","sources":["../../../src/shape/cycle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB;;;;;;;;;;;GAWG;AAEH,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,mBAAmB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAyBjE;;;;GAIG;AACH,QAAA,MAAM,SAAS;;;;;CAmBb,CAAC;AAEH,UAAU,gBAAiB,SAAQ,mBAAmB;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,QAAA,MAAM,WAAW;;;;;CAUhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"cycle.d.ts","sourceRoot":"","sources":["../../../src/shape/cycle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB;;;;;;;;;;;GAWG;AAEH,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,mBAAmB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAyBjE;;;;GAIG;AACH,QAAA,MAAM,SAAS,mGAmBb,CAAC;AAEH,UAAU,gBAAiB,SAAQ,mBAAmB;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,QAAA,MAAM,WAAW;;;;;CAUhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC"}

package/lib/typescript/shape/index.d.ts

@@ -4,12 +4,7 @@ type ShapeVariants = {
     size?: string | number | [string | number, ViewStyle];
 };
 type ShapeProps = ShapeVariants & ViewProps & ViewStyle;
-declare const StyledShape: {
-    (props: ShapeVariants & ViewProps & ViewStyle & {
-        ref?: import("react").Ref<any> | undefined;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
+declare const StyledShape: import("react").ForwardRefExoticComponent<ShapeVariants & ViewProps & ViewStyle & import("react").RefAttributes<any>>;
 export { StyledShape, StyledShape as StyleShape };
 export type { ShapeProps };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/shape/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shape/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D,KAAK,aAAa,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD,QAAA,MAAM,WAAW;;;;;CAyBf,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shape/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D,KAAK,aAAa,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD,QAAA,MAAM,WAAW,uHAyBf,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/spacer/index.d.ts

@@ -1,12 +1,7 @@
 import { ViewProps } from 'react-native';
 import { ViewStyleProps } from '../utiles/viewStyleProps';
 type SpacerProps = ViewProps & (Pick<ViewStyleProps, 'margin' | 'marginTop' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'marginHorizontal' | 'marginVertical' | 'backgroundColor' | 'borderRadius' | 'borderWidth' | 'borderColor' | 'flex' | 'width' | 'height'>);
-declare const StyledSpacer: {
-    (props: ViewProps & Pick<ViewStyleProps, "flex" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "height" | "margin" | "marginBottom" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginTop" | "marginVertical" | "width"> & {
-        ref?: import("react").Ref<any> | undefined;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
+declare const StyledSpacer: import("react").ForwardRefExoticComponent<ViewProps & Pick<ViewStyleProps, "flex" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "height" | "margin" | "marginBottom" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginTop" | "marginVertical" | "width"> & import("react").RefAttributes<any>>;
 export { StyledSpacer };
 export type { SpacerProps };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/spacer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spacer/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,WAAW,GAAI,SAAS,GAAG,CAAC,IAAI,CAAC,cAAc,EAChD,QAAQ,GACR,WAAW,GACX,cAAc,GACd,YAAY,GACZ,aAAa,GACb,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,cAAc,GACd,aAAa,GACb,aAAa,GACb,MAAM,GACN,OAAO,GACP,QAAQ,CAAC,CAAC,CAAC;AAEf,QAAA,MAAM,YAAY;;;;;CAIhB,CAAC;AAEH,OAAO,EAAG,YAAY,EAAE,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spacer/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,WAAW,GAAI,SAAS,GAAG,CAAC,IAAI,CAAC,cAAc,EAChD,QAAQ,GACR,WAAW,GACX,cAAc,GACd,YAAY,GACZ,aAAa,GACb,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,cAAc,GACd,aAAa,GACb,aAAa,GACb,MAAM,GACN,OAAO,GACP,QAAQ,CAAC,CAAC,CAAC;AAEf,QAAA,MAAM,YAAY,qUAIhB,CAAC;AAEH,OAAO,EAAG,YAAY,EAAE,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/lib/typescript/stack/index.d.ts

@@ -15,24 +15,9 @@ type StackProps = StackVariants & ViewProps & ViewStyle;
  * Default: neutral layout (no flex direction preset)
  * Use horizontal or vertical variants to set flex direction
  */
-declare const Stack: {
-    (props: StackVariants & ViewProps & ViewStyle & {
-        ref?: import("react").Ref<any> | undefined;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
-declare const XStack: {
-    (props: Omit<StackProps, "horizontal" | "vertical"> & {
-        ref?: import("react").Ref<any> | undefined;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
-declare const YStack: {
-    (props: Omit<StackProps, "horizontal" | "vertical"> & {
-        ref?: import("react").Ref<any> | undefined;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
+declare const Stack: import("react").ForwardRefExoticComponent<StackVariants & ViewProps & ViewStyle & import("react").RefAttributes<any>>;
+declare const XStack: import("react").ForwardRefExoticComponent<Omit<StackProps, "horizontal" | "vertical"> & import("react").RefAttributes<any>>;
+declare const YStack: import("react").ForwardRefExoticComponent<Omit<StackProps, "horizontal" | "vertical"> & import("react").RefAttributes<any>>;
 export { Stack, XStack, YStack };
 export type { StackProps };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/stack/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stack/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D;;;;;GAKG;AACH,KAAK,aAAa,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC7C,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD;;;;GAIG;AACH,QAAA,MAAM,KAAK;;;;;CAoBT,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,OAAO,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stack/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D;;;;;GAKG;AACH,KAAK,aAAa,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC7C,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD;;;;GAIG;AACH,QAAA,MAAM,KAAK,uHAoBT,CAAC;AAEH,QAAA,MAAM,MAAM,6HASV,CAAC;AAEH,QAAA,MAAM,MAAM,6HASV,CAAC;AAEH,OAAO,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/text/index.d.ts

@@ -9,12 +9,7 @@ type TextVariants = {
     link?: boolean;
 };
 type StyledTextProps = TextVariants & TextProps & TextStyle;
-declare const StyledText: {
-    (props: TextVariants & TextProps & TextStyle & {
-        ref?: import("react").Ref<any> | undefined;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
+declare const StyledText: import("react").ForwardRefExoticComponent<TextVariants & TextProps & TextStyle & import("react").RefAttributes<any>>;
 export { StyledText };
 export type { StyledTextProps };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/text/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,SAAS,EACT,SAAS,EACZ,MAAM,cAAc,CAAC;AAItB,KAAK,YAAY,GAAG;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAE;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,eAAe,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE5D,QAAA,MAAM,UAAU;;;;;CAgDd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/text/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,SAAS,EACT,SAAS,EACZ,MAAM,cAAc,CAAC;AAItB,KAAK,YAAY,GAAG;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAE;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,eAAe,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE5D,QAAA,MAAM,UAAU,sHAgDd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/lib/typescript/utiles/styled.d.ts

@@ -9,11 +9,6 @@ interface StyledOptions {
         } | ((selected: string, options: any) => Style);
     };
 }
-declare const styled: <P extends object>(Component: React.ComponentType<P>, { base, variants }?: StyledOptions) => {
-    (props: P & {
-        ref?: React.Ref<any> | undefined;
-    }): React.JSX.Element;
-    displayName: string;
-};
+declare const styled: <P extends object>(Component: React.ComponentType<P>, { base, variants }?: StyledOptions) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
 export { styled };
 //# sourceMappingURL=styled.d.ts.map

package/lib/typescript/utiles/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/utiles/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhD,UAAU,aAAa;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG;YACX,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC;SAC1E,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC;KACnD,CAAC;CACL;AAED,QAAA,MAAM,MAAM,6EAEY,aAAa;;;;;CAgCpC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/utiles/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhD,UAAU,aAAa;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG;YACX,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC;SAC1E,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC;KACnD,CAAC;CACL;AAED,QAAA,MAAM,MAAM,6EAEY,aAAa,yFAyCpC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fluent-styles",
   "description": "Develop different styled versions of UI components.",
-  "version": "1.62.13",
+  "version": "1.62.15",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",

package/src/button/index.tsx

@@ -285,7 +285,19 @@ function spinnerColor(props: StyledButtonProps): string {
 
 // ─── Button ──────────────────────────────────────────────────────────────────
 
-const Button = ({ children, loading, leftIcon, rightIcon, disabled, ref, ...rest }: StyledButtonProps & { ref?: React.Ref<React.ComponentRef<typeof ButtonBase>> }) => {
+// `ref` is destructured straight from props above the button, which only
+// works unpatched on React 19's "ref as prop" model — on React 18 (still the
+// baseline for RN/Expo consumers of this library) a plain function component
+// can never receive a ref at all; React strips it before the function runs.
+// `forwardRef` is the compatible way to accept a ref on both, so wrap here
+// instead of destructuring `ref` out of the props object directly. Any
+// caller relying on that ref — e.g. StyledDropdown's Trigger, which measures
+// this button's on-screen position to place its option panel — silently got
+// `null` without this, and the panel fell back to {top:0,left:0,width:0}.
+const Button = React.forwardRef<
+  React.ComponentRef<typeof ButtonBase>,
+  StyledButtonProps
+>(({ children, loading, leftIcon, rightIcon, disabled, ...rest }, ref) => {
   const isDisabled = disabled || loading
 
   return (
@@ -315,7 +327,7 @@ const Button = ({ children, loading, leftIcon, rightIcon, disabled, ref, ...rest
       {!loading && rightIcon ? rightIcon : null}
     </ButtonBase>
   );
-};
+});
 
 Button.displayName = 'StyledButton'
 

package/src/datePicker/index.tsx

@@ -799,7 +799,11 @@ const InputTrigger: React.FC<{
       borderRadius={12}
       paddingHorizontal={14}
       paddingVertical={12}
-      backgroundColor={palettes.white}
+      // PATCHED: was hard-coded to palettes.white regardless of theme — the
+      // "background" token is already themeable via the `colors` prop (it
+      // already drives the calendar sheet below), so reuse it here too
+      // instead of introducing a second, disconnected background colour.
+      backgroundColor={C.background}
       onPress={onPress}
       disabled={disabled}
     >