@symbiote-native/slider 4.0.0 → 5.0.1

package/build/core/constants.d.ts

@@ -1,20 +0,0 @@
-export declare const RNC_SLIDER_VIEW_NAME = "RNCSlider";
-export declare const SLIDER_ON_CHANGE = "onChange";
-export declare const SLIDER_ON_VALUE_CHANGE = "onRNCSliderValueChange";
-export declare const SLIDER_ON_SLIDING_START = "onRNCSliderSlidingStart";
-export declare const SLIDER_ON_SLIDING_COMPLETE = "onRNCSliderSlidingComplete";
-export declare const SLIDER_ON_ACCESSIBILITY_ACTION = "onRNCSliderAccessibilityAction";
-export declare const SLIDER_DEFAULT_INITIAL_VALUE = 0;
-export declare const SLIDER_DEFAULT_MINIMUM_VALUE = 0;
-export declare const SLIDER_DEFAULT_MAXIMUM_VALUE = 1;
-export declare const SLIDER_DEFAULT_STEP = 0;
-export declare const SLIDER_LIMIT_MIN_VALUE: number;
-export declare const SLIDER_LIMIT_MAX_VALUE: number;
-export declare const SLIDER_STEP_RESOLUTION_IOS = 1000;
-export declare const SLIDER_STEP_RESOLUTION_ANDROID = 128;
-export declare const SLIDER_IOS_DEFAULT_HEIGHT = 40;
-export declare const SLIDER_STEP_NUMBER_FONT_SMALL = 8;
-export declare const SLIDER_STEP_NUMBER_FONT_BIG = 12;
-export declare const SLIDER_STEP_NUMBER_FONT_THRESHOLD = 9;
-export declare const SLIDER_THUMB_SIZE = 20;
-export declare const SLIDER_MARGIN_HORIZONTAL_PADDING = 0.05;

package/build/core/constants.js

@@ -1,40 +0,0 @@
-// Framework-agnostic constants for the @react-native-community/slider native view, mirrored
-// from the library's own utils/constants.ts so every adapter resolves identical defaults.
-// symbiote ships zero metadata for RNCSlider at runtime — the engine derives its events and
-// color processors from the library's ViewConfig — but the JS-side defaults the library's
-// React wrapper applies (value/limit/step folding) are pure and shared here instead.
-// The Fabric view name the library's codegen component registers (codegenNativeComponent<…>
-// ('RNCSlider')). descriptorFor passes any non-`symbiote-` string through as a raw Fabric
-// name, so the render fn emits this directly; the engine resolves its ViewConfig on first use.
-export const RNC_SLIDER_VIEW_NAME = 'RNCSlider';
-// Native event prop keys the engine routes to listeners. The library's ViewConfig declares the
-// value change as BOTH a `topChange` (→ onChange) and `topRNCSliderValueChange`
-// (→ onRNCSliderValueChange) bubbling event, plus the two direct sliding events; we bind both
-// value-change keys exactly as the React wrapper does so neither host platform is missed.
-export const SLIDER_ON_CHANGE = 'onChange';
-export const SLIDER_ON_VALUE_CHANGE = 'onRNCSliderValueChange';
-export const SLIDER_ON_SLIDING_START = 'onRNCSliderSlidingStart';
-export const SLIDER_ON_SLIDING_COMPLETE = 'onRNCSliderSlidingComplete';
-export const SLIDER_ON_ACCESSIBILITY_ACTION = 'onRNCSliderAccessibilityAction';
-// Value/range defaults, matching the library wrapper's destructured prop defaults.
-export const SLIDER_DEFAULT_INITIAL_VALUE = 0;
-export const SLIDER_DEFAULT_MINIMUM_VALUE = 0;
-export const SLIDER_DEFAULT_MAXIMUM_VALUE = 1;
-export const SLIDER_DEFAULT_STEP = 0;
-// lowerLimit/upperLimit default to the native sentinel (no limit) off-web; the library uses
-// Number.MIN/MAX_SAFE_INTEGER for the unbounded case.
-export const SLIDER_LIMIT_MIN_VALUE = Number.MIN_SAFE_INTEGER;
-export const SLIDER_LIMIT_MAX_VALUE = Number.MAX_SAFE_INTEGER;
-// Step-indicator resolution: how many implicit steps the library lays out when `step` is 0.
-// Platform-specific in the library (android 128 / ios 1000); the adapter supplies the resolved
-// number so the core render stays platform-invariant (no Platform.OS read here).
-export const SLIDER_STEP_RESOLUTION_IOS = 1_000;
-export const SLIDER_STEP_RESOLUTION_ANDROID = 128;
-// iOS gives the native slider an intrinsic 40pt height; the wrapper applies it as the default.
-export const SLIDER_IOS_DEFAULT_HEIGHT = 40;
-// Step-indicator typography + layout, from the library's utils/styles + constants.
-export const SLIDER_STEP_NUMBER_FONT_SMALL = 8;
-export const SLIDER_STEP_NUMBER_FONT_BIG = 12;
-export const SLIDER_STEP_NUMBER_FONT_THRESHOLD = 9;
-export const SLIDER_THUMB_SIZE = 20;
-export const SLIDER_MARGIN_HORIZONTAL_PADDING = 0.05;

package/build/core/index.d.ts

@@ -1,7 +0,0 @@
-export * from './constants';
-export { sanitizeSliderValue, resolveSliderDisabled, resolveSliderAccessibilityState, resolveSliderLowerLimit, resolveSliderUpperLimit, valueFromSliderEvent, computeStepOptions, shouldRenderStepsIndicator, resolveThumbTintColor, shouldPassNativeThumbImage, isInvalidLimitConfig, } from './slider-state';
-export type { ISliderAccessibilityState } from './slider-state';
-export type { ISliderProps, ISliderPlatform, ISliderViewProps } from './slider-props';
-export { renderSlider, renderSliderNative, resolveSliderWrapperStyle, resolveSliderNativeStyle, } from './render-slider';
-export { renderStepsIndicator, resolveStepsContainerStyle, stepNumberFontSize, orderStepOptions, STEP_INDICATOR_ELEMENT_STYLE, TRACK_MARK_CONTAINER_STYLE, THUMB_IMAGE_CONTAINER_STYLE, THUMB_IMAGE_STYLE, STEP_NUMBER_CONTAINER_STYLE, } from './render-steps-indicator';
-export type { IStepsIndicatorParams, IStepMarkerProps } from './render-steps-indicator';

package/build/core/index.js

@@ -1,10 +0,0 @@
-// @symbiote-native/slider (core): the framework-agnostic half of the @react-native-community/slider
-// wrapper. symbiote ships zero runtime metadata for RNCSlider — the engine derives its events
-// and color processors from the library's own ViewConfig — so this layer is the pure JS folding
-// the library's React wrapper does (value/limit/disabled resolution, the step-indicator layout)
-// plus the Descriptor render of the native leaf. Every adapter (`@symbiote-native/slider/vue`, and
-// `/angular`) reuses this verbatim and supplies only its lifecycle + descriptor bridge.
-export * from './constants.js';
-export { sanitizeSliderValue, resolveSliderDisabled, resolveSliderAccessibilityState, resolveSliderLowerLimit, resolveSliderUpperLimit, valueFromSliderEvent, computeStepOptions, shouldRenderStepsIndicator, resolveThumbTintColor, shouldPassNativeThumbImage, isInvalidLimitConfig, } from './slider-state.js';
-export { renderSlider, renderSliderNative, resolveSliderWrapperStyle, resolveSliderNativeStyle, } from './render-slider.js';
-export { renderStepsIndicator, resolveStepsContainerStyle, stepNumberFontSize, orderStepOptions, STEP_INDICATOR_ELEMENT_STYLE, TRACK_MARK_CONTAINER_STYLE, THUMB_IMAGE_CONTAINER_STYLE, THUMB_IMAGE_STYLE, STEP_NUMBER_CONTAINER_STYLE, } from './render-steps-indicator.js';

package/build/core/render-slider.d.ts

@@ -1,11 +0,0 @@
-import type { IStyleProp, IViewStyle, ISymbioteEvent } from '@symbiote-native/engine';
-import type { IDescriptor } from '@symbiote-native/components';
-import type { ISliderPlatform, ISliderViewProps } from './slider-props';
-export type ISliderRenderOptions = {
-    steps?: IDescriptor | null;
-    onLayout?: (event: ISymbioteEvent) => void;
-};
-export declare function resolveSliderNativeStyle(width: number | undefined, platform: ISliderPlatform): IStyleProp<IViewStyle>;
-export declare function resolveSliderWrapperStyle(style: unknown, platform: ISliderPlatform): unknown;
-export declare function renderSliderNative(view: ISliderViewProps, platform: ISliderPlatform): IDescriptor;
-export declare function renderSlider(view: ISliderViewProps, platform: ISliderPlatform, options?: ISliderRenderOptions): IDescriptor;

package/build/core/render-slider.js

@@ -1,66 +0,0 @@
-// Slider: the render half (framework-agnostic). Mirrors the library's React wrapper layout: an
-// outer `symbiote-view` (default platform style + the caller's style, centered) hosting the
-// native `RNCSlider` leaf, plus an optional step-indicator overlay sibling. The native leaf
-// carries the folded value/limit/color/image props and the responder claims the wrapper does;
-// every event handler + the ref ride in `passthrough` and the engine routes them against the
-// view's derived ViewConfig. Pure and prop-driven — the adapter owns state, events, and the
-// width measurement that feeds `view.width`.
-import { dlog } from '@symbiote-native/engine';
-import { el } from '@symbiote-native/components';
-import { RNC_SLIDER_VIEW_NAME } from './constants.js';
-// The native slider stretches to the measured wrapper width when one is given (the step indicator
-// and thumb then share one coordinate space); without it the slider sizes naturally.
-export function resolveSliderNativeStyle(width, platform) {
-    const base = { zIndex: 1, alignContent: 'center', alignItems: 'center' };
-    const sized = width === undefined ? base : [base, { width }];
-    return [platform.defaultStyle, sized];
-}
-// The outer wrapper centers the native slider and gives it the platform default height; the
-// caller's style layers on top, exactly as the library composes [defaultStyle, props.style]. The
-// caller's style is opaque (`unknown`) — the engine flattens the array — so it is not narrowed.
-export function resolveSliderWrapperStyle(style, platform) {
-    return [platform.defaultStyle, style, { justifyContent: 'center' }];
-}
-// The native `RNCSlider` leaf alone (no wrapper). Adapters that compose a custom step overlay
-// (a per-adapter StepMarker element) assemble the wrapper themselves and drop this leaf in.
-export function renderSliderNative(view, platform) {
-    dlog(`Slider render value=${String(view.value)} disabled=${String(view.disabled)} width=${String(view.width)}`);
-    const props = {
-        // Forwarded verbatim: minimum/maximumTrackTintColor, track images, thumbSize, tapToSeek,
-        // vertical, accessibilityUnits/Increments, testID, accessibility*/aria-*, and the native
-        // event handlers the adapter wired in.
-        ...view.passthrough,
-        minimumValue: view.minimumValue,
-        maximumValue: view.maximumValue,
-        step: view.step,
-        lowerLimit: view.lowerLimit,
-        upperLimit: view.upperLimit,
-        value: view.value,
-        inverted: view.inverted,
-        disabled: view.disabled,
-        thumbTintColor: view.thumbTintColor,
-        thumbImage: view.thumbImage,
-        accessibilityState: view.accessibilityState,
-        style: resolveSliderNativeStyle(view.width, platform),
-        // The library claims the responder on the native slider so a parent ScrollView can't steal
-        // the drag, and refuses termination requests; mirrored for gesture parity.
-        onStartShouldSetResponder: () => true,
-        onResponderTerminationRequest: () => false,
-    };
-    return el(RNC_SLIDER_VIEW_NAME, props);
-}
-// The full slider: the centered wrapper hosting the native leaf, with an optional pre-rendered
-// step-indicator overlay before it. The default overlay (renderStepsIndicator) is passed via
-// `options.steps`; a custom StepMarker overlay is assembled per-adapter at the element level.
-export function renderSlider(view, platform, options = {}) {
-    const children = [];
-    if (options.steps)
-        children.push(options.steps);
-    children.push(renderSliderNative(view, platform));
-    const wrapperProps = {
-        style: resolveSliderWrapperStyle(view.style, platform),
-    };
-    if (options.onLayout !== undefined)
-        wrapperProps.onLayout = options.onLayout;
-    return el('symbiote-view', wrapperProps, children);
-}

package/build/core/render-steps-indicator.d.ts

@@ -1,28 +0,0 @@
-import type { IDescriptor } from '@symbiote-native/components';
-import type { IViewStyle } from '@symbiote-native/engine';
-import type { ISliderPlatform } from './slider-props';
-export declare const STEP_INDICATOR_ELEMENT_STYLE: IViewStyle;
-export declare const TRACK_MARK_CONTAINER_STYLE: IViewStyle;
-export declare const THUMB_IMAGE_CONTAINER_STYLE: IViewStyle;
-export declare const THUMB_IMAGE_STYLE: IViewStyle;
-export declare const STEP_NUMBER_CONTAINER_STYLE: IViewStyle;
-export declare function resolveStepsContainerStyle(width: number, platform: ISliderPlatform): IViewStyle;
-export declare function stepNumberFontSize(optionsLength: number): number;
-export declare function orderStepOptions(options: readonly number[], inverted: boolean | undefined): number[];
-export type IStepMarkerProps = {
-    stepMarked: boolean;
-    currentValue: number;
-    index: number;
-    min: number;
-    max: number;
-};
-export type IStepsIndicatorParams = {
-    options: readonly number[];
-    currentValue: number;
-    width: number;
-    renderStepNumber?: boolean;
-    thumbImage?: unknown;
-    inverted?: boolean;
-    platform: ISliderPlatform;
-};
-export declare function renderStepsIndicator(params: IStepsIndicatorParams): IDescriptor;

package/build/core/render-steps-indicator.js

@@ -1,91 +0,0 @@
-// Step indicator: the row of marks the library overlays on a stepped slider. Like a list's
-// cells, each mark MAY hold the framework's own `StepMarker` element, so the overlay is shared
-// as MATH + a DEFAULT render: the layout/style/font helpers below are reused by every adapter,
-// and renderStepsIndicator paints the default overlay (empty mark containers + optional step
-// numbers + the thumbImage on the current step). An adapter with a custom StepMarker slot
-// assembles the overlay itself from these same helpers, dropping its element into each mark.
-import { el, txt } from '@symbiote-native/components';
-import { SLIDER_MARGIN_HORIZONTAL_PADDING, SLIDER_STEP_NUMBER_FONT_BIG, SLIDER_STEP_NUMBER_FONT_SMALL, SLIDER_STEP_NUMBER_FONT_THRESHOLD, } from './constants.js';
-// Static overlay styles, ported from the library's utils/styles (native branch only — symbiote
-// targets iOS/Android, so the web layout branches are dropped).
-export const STEP_INDICATOR_ELEMENT_STYLE = {
-    alignItems: 'center',
-    alignContent: 'center',
-};
-export const TRACK_MARK_CONTAINER_STYLE = {
-    alignItems: 'center',
-    alignContent: 'center',
-    alignSelf: 'center',
-    justifyContent: 'center',
-    position: 'absolute',
-    zIndex: 3,
-};
-export const THUMB_IMAGE_CONTAINER_STYLE = {
-    position: 'absolute',
-    zIndex: 3,
-    justifyContent: 'center',
-    alignItems: 'center',
-    alignContent: 'center',
-};
-export const THUMB_IMAGE_STYLE = {
-    alignContent: 'center',
-    alignItems: 'center',
-    position: 'absolute',
-};
-export const STEP_NUMBER_CONTAINER_STYLE = {
-    marginTop: 20,
-    alignItems: 'center',
-    position: 'absolute',
-};
-// The mark row: flex row, evenly spaced, inset by a fraction of the measured width. `top` is
-// platform-specific (iOS nudges the row down 10pt), supplied via the platform piece.
-export function resolveStepsContainerStyle(width, platform) {
-    return {
-        flex: 1,
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        top: platform.stepsContainerTop,
-        zIndex: 2,
-        marginHorizontal: width * SLIDER_MARGIN_HORIZONTAL_PADDING,
-    };
-}
-// Smaller font once there are more than 9 steps, so the labels keep fitting.
-export function stepNumberFontSize(optionsLength) {
-    return optionsLength > SLIDER_STEP_NUMBER_FONT_THRESHOLD
-        ? SLIDER_STEP_NUMBER_FONT_SMALL
-        : SLIDER_STEP_NUMBER_FONT_BIG;
-}
-// Inverted sliders lay the marks right-to-left; copy before reversing (the helper is pure).
-export function orderStepOptions(options, inverted) {
-    return inverted ? [...options].reverse() : [...options];
-}
-// One mark cell: an absolutely-centered track-mark container (empty by default, or the
-// thumbImage on the current step) plus the optional step number label.
-function renderStepCell(value, displayIndex, params, fontSize) {
-    const trackMarkChildren = [];
-    if (params.thumbImage !== undefined && value === params.currentValue) {
-        trackMarkChildren.push(el('symbiote-view', { style: THUMB_IMAGE_CONTAINER_STYLE, testID: 'sliderTrackMark-thumbImage' }, [el('symbiote-image', { source: params.thumbImage, style: THUMB_IMAGE_STYLE })]));
-    }
-    const cellChildren = [
-        el('symbiote-view', { style: TRACK_MARK_CONTAINER_STYLE }, trackMarkChildren),
-    ];
-    if (params.renderStepNumber === true) {
-        cellChildren.push(el('symbiote-view', { style: STEP_NUMBER_CONTAINER_STYLE }, [
-            txt({ testID: `${displayIndex}th-step`, style: { fontSize } }, [
-                String(value),
-            ]),
-        ]));
-    }
-    return el('symbiote-view', { style: STEP_INDICATOR_ELEMENT_STYLE }, cellChildren);
-}
-// The default overlay (no custom StepMarker). pointerEvents none so it never eats the drag.
-export function renderStepsIndicator(params) {
-    const fontSize = stepNumberFontSize(params.options.length);
-    const ordered = orderStepOptions(params.options, params.inverted);
-    const cells = ordered.map((value, displayIndex) => renderStepCell(value, displayIndex, params, fontSize));
-    return el('symbiote-view', {
-        pointerEvents: 'none',
-        testID: 'StepsIndicator-Container',
-        style: resolveStepsContainerStyle(params.width, params.platform),
-    }, cells);
-}

package/build/core/slider-props.d.ts

@@ -1,52 +0,0 @@
-import type { IColorValue, IStyleProp, IViewStyle } from '@symbiote-native/engine';
-import type { IAccessibilityProps, IAriaProps, IImageSourceProp } from '@symbiote-native/components';
-import type { ISliderAccessibilityState } from './slider-state';
-export interface ISliderProps extends IAccessibilityProps, IAriaProps {
-    value?: number;
-    minimumValue?: number;
-    maximumValue?: number;
-    step?: number;
-    lowerLimit?: number;
-    upperLimit?: number;
-    minimumTrackTintColor?: IColorValue;
-    maximumTrackTintColor?: IColorValue;
-    thumbTintColor?: IColorValue;
-    disabled?: boolean;
-    inverted?: boolean;
-    tapToSeek?: boolean;
-    vertical?: boolean;
-    thumbImage?: IImageSourceProp;
-    minimumTrackImage?: IImageSourceProp;
-    maximumTrackImage?: IImageSourceProp;
-    trackImage?: IImageSourceProp;
-    thumbSize?: number;
-    accessibilityUnits?: string;
-    accessibilityIncrements?: readonly string[];
-    renderStepNumber?: boolean;
-    onValueChange?: (value: number) => void;
-    onSlidingStart?: (value: number) => void;
-    onSlidingComplete?: (value: number) => void;
-    testID?: string;
-    style?: IStyleProp<IViewStyle>;
-}
-export type ISliderPlatform = {
-    defaultStyle: IViewStyle;
-    stepResolution: number;
-    stepsContainerTop: number;
-};
-export type ISliderViewProps = {
-    value?: number;
-    minimumValue: number;
-    maximumValue: number;
-    step: number;
-    lowerLimit: number;
-    upperLimit: number;
-    disabled: boolean;
-    inverted: boolean;
-    thumbTintColor?: unknown;
-    thumbImage?: unknown;
-    accessibilityState?: ISliderAccessibilityState;
-    width?: number;
-    style?: unknown;
-    passthrough: Record<string, unknown>;
-};

package/build/core/slider-props.js

@@ -1,7 +0,0 @@
-// Slider prop types. Every field of the slider's public surface is framework-agnostic EXCEPT the
-// custom `StepMarker`, which is a render component returning a framework element (React FC vs Vue
-// slot) — since that element type is framework-specific, it can't live in a shared type, so it
-// stays in each adapter's own flavored prop type. ISliderProps here is the shared agnostic base
-// every adapter re-exports and extends; ISliderViewProps is the pre-resolved input the render fn
-// paints.
-export {};

package/build/core/slider-state.d.ts

@@ -1,15 +0,0 @@
-import type { ISymbioteEvent } from '@symbiote-native/engine';
-export type ISliderAccessibilityState = {
-    disabled?: boolean;
-};
-export declare function sanitizeSliderValue(value: number | undefined): number | undefined;
-export declare function resolveSliderDisabled(disabled: boolean | undefined, accessibilityState: ISliderAccessibilityState | undefined): boolean;
-export declare function resolveSliderAccessibilityState(disabled: boolean | undefined, accessibilityState: ISliderAccessibilityState | undefined): ISliderAccessibilityState | undefined;
-export declare function resolveSliderLowerLimit(lowerLimit: number | undefined): number;
-export declare function resolveSliderUpperLimit(upperLimit: number | undefined): number;
-export declare function valueFromSliderEvent(event: ISymbioteEvent): number | undefined;
-export declare function shouldRenderStepsIndicator(hasStepMarker: boolean, renderStepNumber: boolean | undefined): boolean;
-export declare function resolveThumbTintColor(thumbTintColor: unknown, hasStepMarker: boolean, hasThumbImage: boolean): unknown;
-export declare function shouldPassNativeThumbImage(hasStepMarker: boolean, hasThumbImage: boolean): boolean;
-export declare function isInvalidLimitConfig(lowerLimit: number, upperLimit: number): boolean;
-export declare function computeStepOptions(min: number, max: number, step: number, resolution: number): number[];

package/build/core/slider-state.js

@@ -1,73 +0,0 @@
-// Slider: the logic half (framework-agnostic, zero render). Unlike Switch, the slider is NOT
-// controlled during a drag — the native view owns the thumb position and reports values up, so
-// there is no snap-back reducer. The shared logic is the pure prop folding the library's React
-// wrapper does before handing props to the native view: value sanitation, disabled/accessibility
-// resolution, limit defaulting, and the step-indicator option layout. Every adapter reuses these.
-import { SLIDER_LIMIT_MAX_VALUE, SLIDER_LIMIT_MIN_VALUE } from './constants.js';
-// Mirror the library's `passedValue`: NaN or a falsy value (incl. 0) becomes undefined, so the
-// native view falls back to its own default initial value rather than receiving NaN/0 as a
-// write. Entered once it still acts as the initial value (the slider is uncontrolled after).
-export function sanitizeSliderValue(value) {
-    if (value === undefined)
-        return undefined;
-    return Number.isNaN(value) || !value ? undefined : value;
-}
-// Resolve the effective disabled flag exactly as the wrapper does: an explicit boolean wins,
-// else it falls back to accessibilityState.disabled.
-export function resolveSliderDisabled(disabled, accessibilityState) {
-    if (typeof disabled === 'boolean')
-        return disabled;
-    return accessibilityState?.disabled === true;
-}
-// When `disabled` is given explicitly, fold it into accessibilityState so the native view and
-// the a11y tree agree; otherwise pass the caller's accessibilityState through untouched.
-export function resolveSliderAccessibilityState(disabled, accessibilityState) {
-    if (typeof disabled === 'boolean')
-        return { ...accessibilityState, disabled };
-    return accessibilityState;
-}
-// Default the slide limits to the unbounded sentinels when unset (the native, non-web case).
-export function resolveSliderLowerLimit(lowerLimit) {
-    return lowerLimit ?? SLIDER_LIMIT_MIN_VALUE;
-}
-export function resolveSliderUpperLimit(upperLimit) {
-    return upperLimit ?? SLIDER_LIMIT_MAX_VALUE;
-}
-// The value the native value/sliding events carry as nativeEvent.value. nativeEvent is an
-// untyped Record, so narrow; a non-number payload yields undefined (no callback fired upstream).
-export function valueFromSliderEvent(event) {
-    const value = event.nativeEvent.value;
-    return typeof value === 'number' ? value : undefined;
-}
-// A step overlay is rendered when the caller supplies a custom StepMarker OR opts into step
-// numbers, mirroring `props.StepMarker || !!props.renderStepNumber`.
-export function shouldRenderStepsIndicator(hasStepMarker, renderStepNumber) {
-    return hasStepMarker || renderStepNumber === true;
-}
-// With a thumbImage AND a custom StepMarker, the native thumb tint goes transparent so the
-// custom mark shows through; otherwise the caller's thumbTintColor stands. Kept `unknown` (not
-// IColorValue) since a color is an opaque value the engine's derived processor handles — the
-// fold only chooses between the input and the 'transparent' sentinel, never inspects the color.
-export function resolveThumbTintColor(thumbTintColor, hasStepMarker, hasThumbImage) {
-    return hasThumbImage && hasStepMarker ? 'transparent' : thumbTintColor;
-}
-// The native view gets a thumbImage only when there is one AND no custom StepMarker (the marker
-// draws its own thumb); matches `props.StepMarker || !props.thumbImage ? undefined : <image>`.
-// The adapter still resolves the asset source (RN's Image.resolveAssetSource) when this is true.
-export function shouldPassNativeThumbImage(hasStepMarker, hasThumbImage) {
-    return hasThumbImage && !hasStepMarker;
-}
-// The library warns when the limits cross; surfaced as a pure predicate so the adapter logs it.
-export function isInvalidLimitConfig(lowerLimit, upperLimit) {
-    return lowerLimit >= upperLimit;
-}
-// Lay out the step-indicator option values, mirroring the library's options array. With an
-// explicit step the points run min→max by step; with step 0 they spread `resolution`+1 points
-// evenly across the range. `resolution` is the platform-resolved fallback the adapter supplies
-// (ios 1000 / android 128), keeping this fn platform-invariant. Array.from floors a fractional
-// length, matching the library.
-export function computeStepOptions(min, max, step, resolution) {
-    const stepLength = step !== 0 ? step : (max - min) / resolution;
-    const count = (step !== 0 ? (max - min) / step : resolution) + 1;
-    return Array.from({ length: count }, (_, index) => min + index * stepLength);
-}

package/build/react/index.d.ts

@@ -1,4 +0,0 @@
-import '../register';
-export { Slider } from './slider';
-export type { ISliderProps } from './slider/shared';
-export type { IStepMarkerProps } from '../core';

package/build/react/index.js

@@ -1,7 +0,0 @@
-// @symbiote-native/slider/react: the React wrapper over the @react-native-community/slider native view.
-// Importing this barrel first registers the native view's ViewConfig (../register, a side-effect
-// import of the codegen spec — never the library's React Slider component), then exposes the
-// platform-split Slider. The public prop type is the agnostic base plus React's StepMarker render
-// component (Vue takes the same marker as a scoped slot).
-import '../register';
-export { Slider } from './slider';

package/build/react/slider/index.android.d.ts

@@ -1 +0,0 @@
-export declare const Slider: import("react").ForwardRefExoticComponent<import("./shared").ISliderProps & import("react").RefAttributes<import("@symbiote-native/engine").ISymbioteNode>>;

package/build/react/slider/index.android.js

@@ -1,10 +0,0 @@
-// Slider on Android: the native view sizes itself (no default height), lays out implicit steps at
-// 128-point resolution, and keeps the step row at the top. Mirrors the library's Android branches.
-import { createSlider } from './shared.js';
-import { SLIDER_STEP_RESOLUTION_ANDROID } from '../../core/index.js';
-const ANDROID_STEPS_CONTAINER_TOP = 0;
-export const Slider = createSlider({
-    defaultStyle: {},
-    stepResolution: SLIDER_STEP_RESOLUTION_ANDROID,
-    stepsContainerTop: ANDROID_STEPS_CONTAINER_TOP,
-});

package/build/react/slider/index.d.ts

@@ -1 +0,0 @@
-export { Slider } from './index.ios';

package/build/react/slider/index.ios.d.ts

@@ -1 +0,0 @@
-export declare const Slider: import("react").ForwardRefExoticComponent<import("./shared").ISliderProps & import("react").RefAttributes<import("@symbiote-native/engine").ISymbioteNode>>;

package/build/react/slider/index.ios.js

@@ -1,11 +0,0 @@
-// Slider on iOS: the native view has an intrinsic 40pt height (the wrapper applies it as the
-// default), lays out implicit steps at 1000-point resolution, and nudges the step row down 10pt.
-// Also the base (./index re-exports it) for headless. Mirrors the library's iOS branches.
-import { createSlider } from './shared.js';
-import { SLIDER_IOS_DEFAULT_HEIGHT, SLIDER_STEP_RESOLUTION_IOS } from '../../core/index.js';
-const IOS_STEPS_CONTAINER_TOP = 10;
-export const Slider = createSlider({
-    defaultStyle: { height: SLIDER_IOS_DEFAULT_HEIGHT },
-    stepResolution: SLIDER_STEP_RESOLUTION_IOS,
-    stepsContainerTop: IOS_STEPS_CONTAINER_TOP,
-});

package/build/react/slider/index.js

@@ -1,3 +0,0 @@
-// Base entry for headless / tsc: re-exports the iOS variant (Metro picks index.ios / index.android
-// per platform via filename selection; this no-suffix file is what tsx/vitest resolve).
-export { Slider } from './index.ios.js';

package/build/react/slider/shared.d.ts

@@ -1,10 +0,0 @@
-import type { FC, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
-import { type ISymbioteNode } from '@symbiote-native/engine';
-import { type ISliderPlatform, type ISliderProps as ISliderBaseProps, type IStepMarkerProps } from '../../core';
-export interface ISliderProps extends ISliderBaseProps {
-    StepMarker?: FC<IStepMarkerProps>;
-    className?: string;
-}
-type ISliderComponent = ForwardRefExoticComponent<PropsWithoutRef<ISliderProps> & RefAttributes<ISymbioteNode>>;
-export declare function createSlider(platform: ISliderPlatform): ISliderComponent;
-export {};