fluent-styles 1.62.5 → 1.62.7

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

@@ -5,12 +5,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;
-};
-export { StyledShape, StyledShape as StyleShape };
+declare const StyleShape: import("react").ForwardRefExoticComponent<ShapeVariants & ViewProps & ViewStyle & import("react").RefAttributes<any>>;
+export { 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;AAG1D,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,UAAU,uHAuBd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,UAAU,EAAE,CAAC"}

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

@@ -10,33 +10,11 @@
  *  • gradient   — gradient-filled track
  *  • buffer     — primary thumb + secondary buffer fill (media player style)
  *
- * FIX (v1.1):
- *  The previous version had a useEffect(() => setLocalLow(value), [value])
- *  that created a feedback loop when used as a controlled component:
- *    onValueChange → setState → re-render → value prop changes
- *    → useEffect fires → setLocalLow resets → thumb snaps back
- *
- *  Fix strategy:
- *    1. useEffect only fires on MOUNT (empty dep array) — sets initial position once
- *    2. External value changes are ignored while dragging (dragging ref guard)
- *    3. External value changes ARE applied when not dragging (programmatic updates work)
- *    4. onValueChange fires continuously during drag (for live display updates)
- *    5. onSlidingComplete fires once on finger lift (for committing to state)
- *
- *  Correct usage in parent (controlled, live display):
- *    const displayRef = useRef(initialValue)          // never causes re-render
- *    const [display, setDisplay] = useState(initialValue)
- *    <StyledSlider
- *      value={initialValue}                           // ← frozen, never updated
- *      onValueChange={v => { displayRef.current = v; setDisplay(v) }}
- *      onSlidingComplete={v => commitToState(v)}
- *    />
- *
- *  Simplest usage (fire-and-forget):
- *    <StyledSlider
- *      value={28}
- *      onSlidingComplete={v => saveValue(v)}
- *    />
+ * Tooltip fix (three-layer layout):
+ *  • Track fill lives in its own overflow:hidden View
+ *  • Thumbs + tooltips live in a sibling overflow:visible wrapper
+ *  • SVG <Path> triangle pointer — never clips, always sharp
+ *  • useNativeDriver: false for tooltipAnim so text colour renders correctly on iOS
  */
 import React from "react";
 export type SliderVariant = "default" | "range" | "stepped" | "gradient" | "buffer";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/slider/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,GACV,QAAQ,CAAC;AACb,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAyRD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmSpD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/slider/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,GACV,QAAQ,CAAC;AACb,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAiSD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6QpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -2,12 +2,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/spinner/index.d.ts

@@ -37,12 +37,7 @@ declare const variantConfig: Record<'default' | 'primary' | 'success' | 'warning
  * - Theme integration
  * - Accessibility support
  */
-declare const StyledSpinner: {
-    ({ size, variant, color, overlay, overlayColor, label, labelColor, labelSize, accessibilityLabel, ref, ...rest }: SpinnerProps & {
-        ref?: React.Ref<any> | undefined;
-    }): React.JSX.Element;
-    displayName: string;
-};
+declare const StyledSpinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<any>>;
 /**
  * Props for SpinnerContainer - Full-screen loading overlay with backdrop
  */
@@ -57,12 +52,7 @@ interface SpinnerContainerProps extends Omit<SpinnerProps, 'ref' | 'overlay'> {
  *
  * Use for: Page loading, data fetching, async operations
  */
-declare const SpinnerContainer: {
-    ({ isVisible, size, variant, color, backdropColor, message, labelColor, labelSize, onBackdropPress, ref, ...rest }: SpinnerContainerProps & {
-        ref?: React.Ref<any> | undefined;
-    }): React.JSX.Element | null;
-    displayName: string;
-};
+declare const SpinnerContainer: React.ForwardRefExoticComponent<SpinnerContainerProps & React.RefAttributes<any>>;
 /**
  * Props for InlineSpinner - Spinner with text in a row
  */
@@ -76,12 +66,7 @@ interface InlineSpinnerProps extends Omit<SpinnerProps, 'overlay'> {
  *
  * Use for: Button loading states, inline operations, compact loading indicators
  */
-declare const InlineSpinner: {
-    ({ size, variant, color, text, labelColor, labelSize, direction, gap, accessibilityLabel, ref, ...rest }: InlineSpinnerProps & {
-        ref?: React.Ref<any> | undefined;
-    }): React.JSX.Element;
-    displayName: string;
-};
+declare const InlineSpinner: React.ForwardRefExoticComponent<InlineSpinnerProps & React.RefAttributes<any>>;
 /**
  * Exports
  */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,sBAAsB,EACvB,MAAM,cAAc,CAAC;AAOtB;;GAEG;AACH,UAAU,YAAa,SAAQ,IAAI,CAAC,sBAAsB,EAAE,KAAK,GAAG,MAAM,CAAC;IAEzE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAG7C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAGnE,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,EAAE,MAAM,CAI5D,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,aAAa,EAAE,MAAM,CACzB,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,EACxD;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsBjC,CAAC;AAWF;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,aAAa;;;;;CAmFlB,CAAC;AAIF;;GAEG;AACH,UAAU,qBAAsB,SAAQ,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,SAAS,CAAC;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;GAIG;AACH,QAAA,MAAM,gBAAgB;;;;;CAoFrB,CAAC;AAIF;;GAEG;AACH,UAAU,kBAAmB,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;GAIG;AACH,QAAA,MAAM,aAAa;;;;;CA6ClB,CAAC;AAIF;;GAEG;AACH,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,UAAU,EACV,aAAa,GACd,CAAC;AACF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,sBAAsB,EACvB,MAAM,cAAc,CAAC;AAOtB;;GAEG;AACH,UAAU,YAAa,SAAQ,IAAI,CAAC,sBAAsB,EAAE,KAAK,GAAG,MAAM,CAAC;IAEzE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAG7C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAGnE,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,EAAE,MAAM,CAI5D,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,aAAa,EAAE,MAAM,CACzB,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,EACxD;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsBjC,CAAC;AAWF;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,aAAa,0EAqFlB,CAAC;AAIF;;GAEG;AACH,UAAU,qBAAsB,SAAQ,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,SAAS,CAAC;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,mFAsFrB,CAAC;AAIF;;GAEG;AACH,UAAU,kBAAmB,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;GAIG;AACH,QAAA,MAAM,aAAa,gFA+ClB,CAAC;AAIF;;GAEG;AACH,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,UAAU,EACV,aAAa,GACd,CAAC;AACF,eAAe,aAAa,CAAC"}

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

@@ -16,24 +16,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;AAG1D;;;;;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;;;;;CAkBT,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CAKV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CAKV,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;AAG1D;;;;;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,uHAkBT,CAAC;AAEH,QAAA,MAAM,MAAM,6HAKV,CAAC;AAEH,QAAA,MAAM,MAAM,6HAKV,CAAC;AAEH,OAAO,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/tabBar/TabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/tabBar/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAWd,OAAO,EAKL,KAAK,WAAW,EAEhB,KAAK,QAAQ,EACd,MAAM,aAAa,CAAA;AAyWpB,eAAO,MAAM,MAAM,6CAEd,MAAM,GAAG,QAAQ,CAAA"}
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/tabBar/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAad,OAAO,EAKL,KAAK,WAAW,EAEhB,KAAK,QAAQ,EACd,MAAM,aAAa,CAAA;AAwdpB,eAAO,MAAM,MAAM,6CAEd,MAAM,GAAG,QAAQ,CAAA"}

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

@@ -10,12 +10,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;;;;;CA+BpC,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,EAAc,aAAa,EAAE,MAAM,OAAO,CAAC;AACzD,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,yFA4BpC,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.5",
+  "version": "1.62.7",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",

package/src/header/index.tsx

@@ -155,7 +155,7 @@ const HeaderComponent = ({
       )}
       {
         rightIcon && (
-          <> {rightIcon}</>
+          <>{rightIcon}</>
         )
       }
 

package/src/slider/index.tsx

@@ -247,71 +247,119 @@ const Thumb: React.FC<ThumbProps> = ({
   onMove,
   onEnd,
 }) => {
-  const scaleAnim = useRef(new Animated.Value(1)).current;
-  const tooltipAnim = useRef(new Animated.Value(alwaysTooltip ? 1 : 0)).current;
-  const dragging = useRef(false);
+  const scaleAnim = useRef(new Animated.Value(1)).current
+  const tooltipAnim = useRef(new Animated.Value(alwaysTooltip ? 1 : 0)).current
+  const dragging = useRef(false)
+
+  const latestTrackWidth = useRef(trackWidth)
+  const latestOnMove = useRef(onMove)
+  const latestOnEnd = useRef(onEnd)
+  const latestOnStart = useRef(onStart)
+
+  const startFractionRef = useRef(position)
+
+  useEffect(() => {
+    latestTrackWidth.current = trackWidth
+  }, [trackWidth])
+
+  useEffect(() => {
+    latestOnMove.current = onMove
+  }, [onMove])
+
+  useEffect(() => {
+    latestOnEnd.current = onEnd
+  }, [onEnd])
+
+  useEffect(() => {
+    latestOnStart.current = onStart
+  }, [onStart])
+
+  useEffect(() => {
+    if (!dragging.current) {
+      startFractionRef.current = position
+    }
+  }, [position])
 
   const animateIn = () => {
     Animated.parallel([
-      Animated.spring(scaleAnim, { toValue: 1.2, useNativeDriver: true }),
+      Animated.spring(scaleAnim, {
+        toValue: 1.2,
+        useNativeDriver: true,
+      }),
       Animated.timing(tooltipAnim, {
         toValue: 1,
         duration: 150,
         easing: Easing.out(Easing.ease),
         useNativeDriver: false,
       }),
-    ]).start();
-  };
+    ]).start()
+  }
 
   const animateOut = () => {
     Animated.parallel([
-      Animated.spring(scaleAnim, { toValue: 1, useNativeDriver: true }),
+      Animated.spring(scaleAnim, {
+        toValue: 1,
+        useNativeDriver: true,
+      }),
       Animated.timing(tooltipAnim, {
         toValue: alwaysTooltip ? 1 : 0,
         duration: 150,
         useNativeDriver: false,
       }),
-    ]).start();
-  };
+    ]).start()
+  }
 
   const panResponder = useRef(
     PanResponder.create({
       onStartShouldSetPanResponder: () => !disabled,
       onMoveShouldSetPanResponder: () => !disabled,
+
       onPanResponderGrant: () => {
-        dragging.current = true;
-        onStart();
-        if (showTooltip) animateIn();
+        dragging.current = true
+        startFractionRef.current = position
+        latestOnStart.current?.()
+        if (showTooltip) animateIn()
       },
+
       onPanResponderMove: (_, gs: PanResponderGestureState) => {
-        if (!dragging.current || trackWidth <= 0) return;
-        const newFraction = clamp(position + gs.dx / trackWidth, 0, 1);
-        onMove(newFraction);
+        const width = latestTrackWidth.current
+        if (!dragging.current || width <= 0) return
+
+        const newFraction = clamp(
+          startFractionRef.current + gs.dx / width,
+          0,
+          1
+        )
+
+        latestOnMove.current?.(newFraction)
       },
+
       onPanResponderRelease: () => {
-        dragging.current = false;
-        onEnd();
-        animateOut();
+        dragging.current = false
+        latestOnEnd.current?.()
+        animateOut()
       },
+
       onPanResponderTerminate: () => {
-        dragging.current = false;
-        animateOut();
+        dragging.current = false
+        latestOnEnd.current?.()
+        animateOut()
       },
-    }),
-  ).current;
+    })
+  ).current
 
-  const left = position * trackWidth - thumbD / 2;
+  const left = position * trackWidth - thumbD / 2
 
   return (
     <Animated.View
       {...panResponder.panHandlers}
       style={{
-        position: "absolute",
+        position: 'absolute',
         left,
         top: 0,
         width: thumbD,
         height: thumbD,
-        overflow: "visible",
+        overflow: 'visible',
         transform: [{ scale: scaleAnim }],
       }}
     >
@@ -331,7 +379,7 @@ const Thumb: React.FC<ThumbProps> = ({
           borderRadius: thumbD / 2,
           backgroundColor: color,
           borderWidth: 2,
-          borderColor: borderColor,
+          borderColor,
           shadowColor: borderColor,
           shadowOpacity: 0.25,
           shadowRadius: 6,
@@ -340,8 +388,8 @@ const Thumb: React.FC<ThumbProps> = ({
         }}
       />
     </Animated.View>
-  );
-};
+  )
+}
 
 // ─── Gradient fill ────────────────────────────────────────────────────────────
 
@@ -444,7 +492,7 @@ export const StyledSlider: React.FC<StyledSliderProps> = ({
     if (bufferValue !== undefined) setBufLocal(bufferValue);
   }, [bufferValue]);
 
-  const range = max - min;
+const range = Math.max(max - min, 1);
   const lowF  = clamp((localLow  - min) / range, 0, 1);
   const highF = clamp((localHigh - min) / range, 0, 1);
   const bufF  = clamp((bufLocal  - min) / range, 0, 1);