@ledgerhq/lumen-ui-rnative 0.1.7 → 0.1.9

package/dist/src/lib/Components/Slot/Slot.js

@@ -1,116 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { isValidElement, cloneElement, } from 'react';
-import { StyleSheet, } from 'react-native';
-const SlotPressable = ({ ref, ...props }) => {
-    const { children, ...pressableSlotProps } = props;
-    if (!isValidElement(children)) {
-        console.error('Slot.Pressable - Invalid asChild element', children);
-        return null;
-    }
-    return cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
-        ...mergeProps(pressableSlotProps, children.props),
-        ref: ref ? composeRefs(ref, children.ref) : children.ref,
-    });
-};
-SlotPressable.displayName = 'SlotPressable';
-const SlotView = ({ ref, ...props }) => {
-    const { children, ...viewSlotProps } = props;
-    if (!isValidElement(children)) {
-        console.error('Slot.View - Invalid asChild element', children);
-        return null;
-    }
-    return cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
-        ...mergeProps(viewSlotProps, children.props),
-        ref: ref ? composeRefs(ref, children.ref) : children.ref,
-    });
-};
-SlotView.displayName = 'SlotView';
-const SlotText = ({ ref, ...props }) => {
-    const { children, ...textSlotProps } = props;
-    if (!isValidElement(children)) {
-        console.error('Slot.Text - Invalid asChild element', children);
-        return null;
-    }
-    return cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
-        ...mergeProps(textSlotProps, children.props),
-        ref: ref ? composeRefs(ref, children.ref) : children.ref,
-    });
-};
-SlotText.displayName = 'SlotText';
-const SlotImage = ({ ref, ...props }) => {
-    const { children, ...imageSlotProps } = props;
-    if (!isValidElement(children)) {
-        console.error('Slot.Image - Invalid asChild element', children);
-        return null;
-    }
-    return cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
-        ...mergeProps(imageSlotProps, children.props),
-        ref: ref ? composeRefs(ref, children.ref) : children.ref,
-    });
-};
-SlotImage.displayName = 'SlotImage';
-function composeRefs(...refs) {
-    return (node) => refs.forEach((ref) => {
-        if (typeof ref === 'function') {
-            ref(node);
-        }
-        else if (ref != null) {
-            ref.current = node;
-        }
-    });
-}
-function mergeProps(slotProps, childProps) {
-    // all child props should override
-    const overrideProps = { ...childProps };
-    for (const propName in childProps) {
-        const slotPropValue = slotProps[propName];
-        const childPropValue = childProps[propName];
-        const isHandler = /^on[A-Z]/.test(propName);
-        if (isHandler) {
-            // if the handler exists on both, we compose them
-            if (slotPropValue && childPropValue) {
-                overrideProps[propName] = (...args) => {
-                    childPropValue(...args);
-                    slotPropValue(...args);
-                };
-            }
-            // but if it exists only on the slot, we use only this one
-            else if (slotPropValue) {
-                overrideProps[propName] = slotPropValue;
-            }
-        }
-        // if it's `style`, we merge them
-        else if (propName === 'style') {
-            overrideProps[propName] = combineStyles(slotPropValue, childPropValue);
-        }
-    }
-    return { ...slotProps, ...overrideProps };
-}
-function combineStyles(slotStyle, childValue) {
-    if (typeof slotStyle === 'function' && typeof childValue === 'function') {
-        return (state) => {
-            return StyleSheet.flatten([slotStyle(state), childValue(state)]);
-        };
-    }
-    if (typeof slotStyle === 'function') {
-        return (state) => {
-            return childValue
-                ? StyleSheet.flatten([slotStyle(state), childValue])
-                : slotStyle(state);
-        };
-    }
-    if (typeof childValue === 'function') {
-        return (state) => {
-            return slotStyle
-                ? StyleSheet.flatten([slotStyle, childValue(state)])
-                : childValue(state);
-        };
-    }
-    return StyleSheet.flatten([slotStyle, childValue].filter(Boolean));
-}
-export function isTextChildren(children) {
-    return Array.isArray(children)
-        ? children.every((child) => typeof child === 'string')
-        : typeof children === 'string';
-}
-export { SlotImage, SlotPressable, SlotText, SlotView };

package/dist/src/lib/Components/Slot/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Slot/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/src/lib/Components/Slot/index.js

@@ -1 +0,0 @@
-export * from './Slot';

package/dist/src/lib/Components/Spinner/Spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,OAAO;yCAMjB,YAAY;;CA2Bd,CAAC"}

package/dist/src/lib/Components/Spinner/Spinner.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Svg, { Path } from 'react-native-svg';
-import { useCommonTranslation } from '../../../i18n';
-import { useResolveTextStyle, useTheme } from '../../../styles';
-import { Spin } from '../../Animations/Spin';
-import { Box } from '../Utility';
-/**
- * A basic spinner component for loading states.
- *
- * @example
- * <Spinner />
- *
- * @example
- * // With custom color using lx prop
- * <Spinner lx={{ color: 'interactive' }} />
- *
- * @example
- * // With lx props for layout and color
- * <Spinner lx={{ marginTop: 's8', color: 'muted' }} />
- */
-export const Spinner = ({ lx = {}, size = 16, color, ref, ...props }) => {
-    const { t } = useCommonTranslation();
-    const { theme } = useTheme();
-    const resolvedColorStyle = useResolveTextStyle({ color });
-    const strokeColor = resolvedColorStyle?.color ?? color ?? theme.colors.text.base;
-    return (_jsx(Box, { ref: ref, lx: { flexShrink: 0, ...lx }, ...props, children: _jsx(Spin, { children: _jsx(Svg, { width: size, height: size, viewBox: '0 0 16 16', fill: 'none', accessibilityLabel: t('components.spinner.loadingAriaLabel'), children: _jsx(Path, { d: 'M8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8', stroke: strokeColor, strokeWidth: '1.5', strokeLinecap: 'round' }) }) }) }));
-};
-Spinner.displayName = 'Spinner';

package/dist/src/lib/Components/Spinner/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/src/lib/Components/Spinner/index.js

@@ -1,2 +0,0 @@
-export * from './Spinner';
-export * from './types';

package/dist/src/lib/Components/Spinner/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spinner/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC;CAC1C,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

package/dist/src/lib/Components/Spinner/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/lib/Components/Spot/Spot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spot/Spot.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAkB,SAAS,EAAY,MAAM,SAAS,CAAC;AAgF9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,4CA2DpC,CAAC"}

package/dist/src/lib/Components/Spot/Spot.js

@@ -1,130 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { StyleSheet, Text } from 'react-native';
-import { useStyleSheet } from '../../../styles';
-import { BluetoothCircleFill, CheckmarkCircleFill, DeleteCircleFill, InformationFill, WarningFill, } from '../../Symbols';
-import { Spinner } from '../Spinner';
-import { Box } from '../Utility';
-const BLUETOOTH_COLOR = '#0082FC';
-const iconSizeMap = {
-    32: 12,
-    40: 16,
-    48: 20,
-    56: 24,
-    72: 40,
-};
-const spotSizeMap = {
-    32: 32,
-    40: 40,
-    48: 48,
-    56: 56,
-    72: 72,
-};
-const numberTypographyMap = {
-    32: 'body2SemiBold',
-    40: 'body1SemiBold',
-    48: 'heading5',
-    56: 'heading4',
-    72: 'heading2',
-};
-const useStyles = ({ size, appearance, disabled, }) => {
-    return useStyleSheet((t) => {
-        const colorMap = {
-            icon: t.colors.text.base,
-            bluetooth: BLUETOOTH_COLOR,
-            check: t.colors.text.success,
-            error: t.colors.text.error,
-            warning: t.colors.text.warning,
-            info: t.colors.text.muted,
-            loader: t.colors.text.base,
-            number: t.colors.text.base,
-        };
-        const spotSize = spotSizeMap[size];
-        const typography = t.typographies[numberTypographyMap[size]];
-        const contentColor = disabled
-            ? t.colors.text.disabled
-            : colorMap[appearance];
-        return {
-            root: {
-                alignItems: 'center',
-                justifyContent: 'center',
-                borderRadius: t.borderRadius.full,
-                backgroundColor: t.colors.bg.mutedTransparent,
-                width: spotSize,
-                height: spotSize,
-            },
-            icon: {
-                color: contentColor,
-            },
-            numberText: StyleSheet.flatten([
-                typography,
-                {
-                    color: contentColor,
-                },
-            ]),
-        };
-    }, [size, appearance, disabled]);
-};
-/**
- * A circular status indicator component that displays different types of content based on appearance.
- *
- * Uses a discriminated union type system where the required props depend on the `appearance` value:
- * - `'icon'` appearance requires an `icon` prop
- * - `'number'` appearance requires a `number` prop
- * - All other appearances are self-contained
- *
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_media-graphics-spot--docs Storybook}
- *
- * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
- * Do not use it to modify the spot's core appearance (colors, size, etc). Use the `appearance` prop instead.
- *
- * @example
- * import { Spot } from '@ledgerhq/lumen-ui-rnative';
- *
- * // Custom icon spot
- * import { Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
- *
- * <Spot appearance="icon" icon={Settings} />
- *
- * // Number spot
- * <Spot appearance="number" number={5} />
- *
- * // Status indicators (no additional props needed)
- * <Spot appearance="check" />
- * <Spot appearance="error" />
- * <Spot appearance="warning" />
- * <Spot appearance="loader" />
- *
- * // Bluetooth states
- * <Spot appearance="bluetooth" />
- * <Spot appearance="bluetooth" disabled />
- */
-export const Spot = (props) => {
-    const { appearance, disabled = false, size = 48, lx = {}, style, ...rest } = props;
-    const styles = useStyles({ size, appearance, disabled });
-    const calculatedIconSize = iconSizeMap[size];
-    const content = useMemo(() => {
-        switch (props.appearance) {
-            case 'icon': {
-                const { icon: Icon } = props;
-                return _jsx(Icon, { size: calculatedIconSize, style: styles.icon });
-            }
-            case 'number': {
-                return _jsx(Text, { style: styles.numberText, children: props.number });
-            }
-            case 'bluetooth':
-                return (_jsx(BluetoothCircleFill, { size: calculatedIconSize, style: styles.icon }));
-            case 'check':
-                return (_jsx(CheckmarkCircleFill, { size: calculatedIconSize, style: styles.icon }));
-            case 'error':
-                return (_jsx(DeleteCircleFill, { size: calculatedIconSize, style: styles.icon }));
-            case 'warning':
-                return _jsx(WarningFill, { size: calculatedIconSize, style: styles.icon });
-            case 'info':
-                return (_jsx(InformationFill, { size: calculatedIconSize, style: styles.icon }));
-            case 'loader':
-                return (_jsx(Spinner, { size: calculatedIconSize, color: styles.icon.color }));
-        }
-    }, [props, calculatedIconSize, styles.icon, styles.numberText]);
-    return (_jsx(Box, { testID: 'spot-container', lx: lx, style: StyleSheet.flatten([styles.root, style]), ...rest, children: content }));
-};

package/dist/src/lib/Components/Spot/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spot/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/src/lib/Components/Spot/index.js

@@ -1,2 +0,0 @@
-export * from './Spot';
-export * from './types';

package/dist/src/lib/Components/Spot/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spot/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,aAAa,GAAG;IACnB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;CACtC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,UAAU,EAAE,QAAQ,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxD,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAC9B,aAAa,GACb,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,GAAG,sBAAsB,GACxB,eAAe,CAAC"}

package/dist/src/lib/Components/Spot/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/lib/Components/Stepper/Stepper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAOvC;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO;sEAQjB,YAAY;;CA2Hd,CAAC"}

package/dist/src/lib/Components/Stepper/Stepper.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { getStepperCalculations } from '@ledgerhq/lumen-utils-shared';
-import { useEffect, useRef } from 'react';
-import { Animated, Easing } from 'react-native';
-import Svg, { Circle } from 'react-native-svg';
-import { useCommonTranslation } from '../../../i18n';
-import { useTheme } from '../../../styles';
-import { Box } from '../Utility/Box';
-import { Text } from '../Utility/Text';
-const SIZE = 48;
-const STROKE_WIDTH = 4;
-const AnimatedCircle = Animated.createAnimatedComponent(Circle);
-/**
- * A circular stepper component showing progress as current step out of total steps.
- * Renders a track arc with a progress arc and a center label.
- *
- * @see [Figma – Stepper](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=11977-94&m=dev)
- *
- * @example
- * <Stepper currentStep={1} totalSteps={4} />
- * <Stepper currentStep={0} totalSteps={9} disabled /> // Shows minimal dot, disabled style
- */
-export const Stepper = ({ lx = {}, currentStep, totalSteps, disabled = false, label, ref, ...props }) => {
-    const { t } = useCommonTranslation();
-    const { theme } = useTheme();
-    const { displayLabel, r, cx, cy, trackDashArray, progressDashArray, progressDashOffset, } = getStepperCalculations({
-        currentStep,
-        totalSteps,
-        size: SIZE,
-        label,
-        strokeWidth: STROKE_WIDTH,
-    });
-    const animatedOffset = useRef(new Animated.Value(progressDashOffset)).current;
-    useEffect(() => {
-        const animation = Animated.timing(animatedOffset, {
-            toValue: progressDashOffset,
-            duration: 300,
-            easing: Easing.inOut(Easing.ease),
-            useNativeDriver: false,
-        });
-        animation.start();
-        return () => animation.stop();
-    }, [progressDashOffset, animatedOffset]);
-    return (_jsxs(Box, { ref: ref, accessibilityRole: 'progressbar', accessibilityValue: {
-            now: currentStep,
-            min: 1,
-            max: totalSteps,
-            text: displayLabel,
-        }, accessibilityLabel: label ??
-            t('components.stepper.progressAriaLabel', {
-                currentStep: Math.min(Math.max(currentStep, 0), totalSteps),
-                totalSteps,
-            }), lx: {
-            width: 's48',
-            height: 's48',
-            flexShrink: 0,
-            alignItems: 'center',
-            justifyContent: 'center',
-            borderRadius: 'full',
-            ...lx,
-        }, ...props, children: [_jsxs(Svg, { width: SIZE, height: SIZE, viewBox: `0 0 ${SIZE} ${SIZE}`, style: { transform: [{ rotate: '135deg' }] }, children: [_jsx(Circle, { cx: cx, cy: cy, r: r, fill: 'none', stroke: theme.colors.border.mutedSubtle, strokeLinecap: 'round', strokeWidth: STROKE_WIDTH, strokeDasharray: trackDashArray, strokeDashoffset: 0 }), _jsx(AnimatedCircle, { cx: cx, cy: cy, r: r, fill: 'none', stroke: disabled
-                            ? theme.colors.border.mutedSubtleHover
-                            : theme.colors.border.active, strokeLinecap: 'round', strokeWidth: STROKE_WIDTH, strokeDasharray: progressDashArray, strokeDashoffset: animatedOffset })] }), _jsx(Box, { lx: {
-                    position: 'absolute',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    flexDirection: 'row',
-                    top: 's0',
-                    left: 's0',
-                    right: 's0',
-                    bottom: 's0',
-                }, children: label ? (_jsx(Text, { typography: 'body2SemiBold', lx: { color: 'base' }, children: label })) : (_jsxs(_Fragment, { children: [_jsx(Text, { typography: 'body1SemiBold', lx: { color: 'base' }, children: Math.min(Math.max(currentStep, 0), totalSteps) }), _jsxs(Text, { typography: 'body2SemiBold', lx: { color: 'muted' }, children: ["/", totalSteps] })] })) })] }));
-};
-Stepper.displayName = 'Stepper';

package/dist/src/lib/Components/Stepper/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Stepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/src/lib/Components/Stepper/index.js

@@ -1,2 +0,0 @@
-export * from './Stepper';
-export * from './types';

package/dist/src/lib/Components/Stepper/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}

package/dist/src/lib/Components/Stepper/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/lib/Components/Subheader/Subheader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,cAAc,sCAKxB,mBAAmB,4CAyBrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAMtB,iBAAiB,4CA8BnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,2CAMxB,mBAAmB,4CAqBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,kCAIvB,kBAAkB,4CAWpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,4BAI3B,sBAAsB,4CAoBxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,sCAK9B,yBAAyB,4CAkB3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,+CAMzB,oBAAoB,4CA4BtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,SAAS,sCAKnB,cAAc,4CAiBhB,CAAC"}

package/dist/src/lib/Components/Subheader/Subheader.js

@@ -1,161 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StyleSheet } from 'react-native';
-import { useStyleSheet } from '../../../styles';
-import { ChevronRight, Information } from '../../Symbols';
-import { InteractiveIcon } from '../InteractiveIcon';
-import { Box, Pressable, Text } from '../Utility';
-/**
- * Title component for the Subheader. Displays the main heading.
- */
-export const SubheaderTitle = ({ children, lx, style, ...props }) => {
-    const styles = useStyleSheet((t) => ({
-        title: StyleSheet.flatten([
-            t.typographies.heading4SemiBold,
-            {
-                flexShrink: 1,
-                color: t.colors.text.base,
-            },
-        ]),
-    }), []);
-    return (_jsx(Text, { lx: lx, style: [styles.title, style], numberOfLines: 1, ellipsizeMode: 'tail', ...props, children: children }));
-};
-/**
- * Row component for the Subheader. Layout container to horizontally align title, count, hint, and action.
- * Can optionally be interactive with an onPress handler.
- */
-export const SubheaderRow = ({ children, onPress, lx, style, ...props }) => {
-    const styles = useStyleSheet((t) => ({
-        container: StyleSheet.flatten([
-            {
-                width: '100%',
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: t.spacings.s4,
-            },
-        ]),
-    }), []);
-    const mergedStyle = StyleSheet.flatten([styles.container, style]);
-    if (onPress) {
-        return (_jsx(Pressable, { lx: lx, style: mergedStyle, onPress: onPress, ...props, children: children }));
-    }
-    return (_jsx(Box, { lx: lx, style: mergedStyle, ...props, children: children }));
-};
-/**
- * Count component for the Subheader. Displays a formatted number.
- */
-export const SubheaderCount = ({ value, format, lx, style, ...props }) => {
-    const formatted = format ? format(value) : `(${value})`;
-    const styles = useStyleSheet((t) => ({
-        count: StyleSheet.flatten([
-            t.typographies.body2,
-            {
-                flexShrink: 0,
-                color: t.colors.text.muted,
-            },
-        ]),
-    }), []);
-    return (_jsx(Text, { lx: lx, style: [styles.count, style], ...props, children: formatted }));
-};
-/**
- * Info component for the Subheader. Displays an information icon that can be wrapped in a Tooltip or BottomSheet.
- */
-export const SubheaderInfo = ({ iconType = 'stroked', style, ...props }) => {
-    return (_jsx(InteractiveIcon, { iconType: iconType, accessibilityLabel: 'More information', style: style, ...props, children: _jsx(Information, { size: 16 }) }));
-};
-/**
- * ShowMore component for the Subheader. Displays a static chevron right icon to indicate expandable content.
- * Position this after SubheaderCount and before other elements.
- */
-export const SubheaderShowMore = ({ lx, style, ...props }) => {
-    const styles = useStyleSheet((t) => ({
-        container: {
-            flexShrink: 0,
-            justifyContent: 'center',
-            alignItems: 'center',
-        },
-        icon: {
-            color: t.colors.text.muted,
-        },
-    }), []);
-    return (_jsx(Box, { lx: lx, style: [styles.container, style], ...props, children: _jsx(ChevronRight, { size: 20, style: styles.icon }) }));
-};
-/**
- * Description component for the Subheader. Displays descriptive text below the title row.
- */
-export const SubheaderDescription = ({ children, lx, style, ...props }) => {
-    const styles = useStyleSheet((t) => ({
-        description: StyleSheet.flatten([
-            t.typographies.body3,
-            {
-                color: t.colors.text.muted,
-            },
-        ]),
-    }), []);
-    return (_jsx(Text, { lx: lx, style: [styles.description, style], ...props, children: children }));
-};
-/**
- * Action component for the Subheader. Displays an interactive text button.
- * Automatically positions itself at the end of the row using marginLeft: 'auto'.
- */
-export const SubheaderAction = ({ children, onPress, lx, style, ...props }) => {
-    const styles = useStyleSheet((t) => ({
-        container: {
-            flexShrink: 0,
-            marginLeft: 'auto',
-            paddingLeft: t.spacings.s8,
-        },
-        text: StyleSheet.flatten([
-            t.typographies.body2,
-            {
-                color: t.colors.text.interactive,
-            },
-        ]),
-    }), []);
-    return (_jsx(Pressable, { lx: lx, onPress: onPress, style: [styles.container, style], ...props, children: _jsx(Text, { style: styles.text, children: children }) }));
-};
-/**
- * A subheader component for displaying section titles with optional count, hints, descriptions, and action elements.
- * Uses a composable API where you explicitly nest sub-components to define the layout.
- *
- * @example
- * // Simple subheader without row
- * <Subheader>
- *   <SubheaderTitle>Section Title</SubheaderTitle>
- *   <SubheaderDescription>Description text</SubheaderDescription>
- * </Subheader>
- *
- * @example
- * // Subheader with row for horizontal layout
- * <Subheader>
- *   <SubheaderRow>
- *     <SubheaderTitle>Section Title</SubheaderTitle>
- *     <SubheaderCount value={30} />
- *     <Tooltip>
- *       <TooltipTrigger>
- *         <SubheaderInfo />
- *       </TooltipTrigger>
- *       <TooltipContent content={<Text>Additional information</Text>} />
- *     </Tooltip>
- *   </SubheaderRow>
- *   <SubheaderDescription>Description text</SubheaderDescription>
- * </Subheader>
- *
- * @example
- * // Interactive row with action
- * <Subheader>
- *   <SubheaderRow onPress={handleClick}>
- *     <SubheaderTitle>Accounts</SubheaderTitle>
- *     <SubheaderCount value={12} />
- *   </SubheaderRow>
- * </Subheader>
- */
-export const Subheader = ({ lx, style, children, ...props }) => {
-    const styles = useStyleSheet((t) => ({
-        container: {
-            width: '100%',
-            flexDirection: 'column',
-            gap: t.spacings.s4,
-        },
-    }), []);
-    return (_jsx(Box, { lx: lx, style: [styles.container, style], ...props, children: children }));
-};

package/dist/src/lib/Components/Subheader/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Subheader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,GAChB,MAAM,aAAa,CAAC;AACrB,cAAc,SAAS,CAAC"}

package/dist/src/lib/Components/Subheader/index.js

@@ -1,2 +0,0 @@
-export { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription, SubheaderAction, } from './Subheader';
-export * from './types';

package/dist/src/lib/Components/Subheader/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,eAAe,EAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,oBAAoB,EACpB,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}

package/dist/src/lib/Components/Subheader/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/lib/Components/Switch/BaseSwitch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Switch/BaseSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAS9D,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,KAAK,mBAAmB,GAAG,uBAAuB,GAAG;IACnD,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,eAAe,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC/C,CAAC;AAKF,QAAA,MAAM,cAAc;kIAUjB,mBAAmB;;CA4CrB,CAAC;AAGF,QAAA,MAAM,eAAe;iCAAgC,kBAAkB;;CA0DtE,CAAC;AAwFF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}