@utilitywarehouse/hearth-react-native 0.23.0-test-list → 0.23.0

package/.turbo/turbo-build.log

@@ -1,5 +1,4 @@
-
-
-> @utilitywarehouse/hearth-react-native@0.23.0-test-list build /Users/filmondaniels/Projects/Work/hearth/packages/react-native
-> tsc
-
+
+> @utilitywarehouse/hearth-react-native@0.23.0 build /home/runner/work/hearth/hearth/packages/react-native
+> tsc
+

package/.turbo/turbo-lint.log

@@ -0,0 +1,72 @@
+
+> @utilitywarehouse/hearth-react-native@0.23.0 lint /home/runner/work/hearth/hearth/packages/react-native
+> TIMING=1 eslint .
+
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/Carousel/Carousel.context.tsx
+  6:14  warning  Fast refresh only works when a file only exports components. Use a new file to share constants or functions between components  react-refresh/only-export-components
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/Carousel/Carousel.tsx
+  146:6  warning  React Hook useMemo has a missing dependency: 'hasCarouselControlsInTree'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/DatePicker/DatePicker.tsx
+  109:6  warning  React Hook useCallback has an unnecessary dependency: 'modalRef.current'. Either exclude it or remove the dependency array. Mutable values like 'modalRef.current' aren't valid dependencies because mutating them doesn't re-render the component  react-hooks/exhaustive-deps
+  259:6  warning  React Hook useEffect has a missing dependency: 'initialState'. Either include it or remove the dependency array                                                                                                                                     react-hooks/exhaustive-deps
+  346:6  warning  React Hook useEffect has a missing dependency: 'onChange'. Either include it or remove the dependency array                                                                                                                                         react-hooks/exhaustive-deps
+  468:5  warning  React Hook useCallback has a missing dependency: 'onChange'. Either include it or remove the dependency array                                                                                                                                       react-hooks/exhaustive-deps
+  536:6  warning  React Hook useEffect has a missing dependency: 'onSelectMonth'. Either include it or remove the dependency array                                                                                                                                    react-hooks/exhaustive-deps
+  542:6  warning  React Hook useEffect has a missing dependency: 'onSelectYear'. Either include it or remove the dependency array                                                                                                                                     react-hooks/exhaustive-deps
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/DatePicker/DatePickerDay.tsx
+  76:6  warning  React Hook useMemo has an unnecessary dependency: 'styles.rangeRoot'. Either exclude it or remove the dependency array. Outer scope values like 'styles.rangeRoot' aren't valid dependencies because mutating them doesn't re-render the component  react-hooks/exhaustive-deps
+  84:6  warning  React Hook useMemo has a missing dependency: 'isSelected'. Either include it or remove the dependency array                                                                                                                                         react-hooks/exhaustive-deps
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/DatePicker/DatePickerDays.tsx
+  179:6  warning  React Hook useMemo has unnecessary dependencies: 'month' and 'year'. Either exclude them or remove the dependency array  react-hooks/exhaustive-deps
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/DatePicker/DatePickerYears.tsx
+  52:6  warning  React Hook useCallback has a missing dependency: 'containerHeight'. Either include it or remove the dependency array. Outer scope values like 'styles' aren't valid dependencies because mutating them doesn't re-render the component  react-hooks/exhaustive-deps
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/Input/Input.tsx
+  78:8  warning  React Hook useEffect has a missing dependency: 'formFieldContext'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/Modal/Modal.tsx
+   74:6  warning  React Hook useCallback has an unnecessary dependency: 'Platform.OS'. Either exclude it or remove the dependency array. Outer scope values like 'Platform.OS' aren't valid dependencies because mutating them doesn't re-render the component  react-hooks/exhaustive-deps
+  274:5  warning  React Hook useCallback has a missing dependency: 'footer'. Either include it or remove the dependency array                                                                                                                                   react-hooks/exhaustive-deps
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/Modal/Modal.web.tsx
+  66:6  warning  React Hook useCallback has an unnecessary dependency: 'Platform.OS'. Either exclude it or remove the dependency array. Outer scope values like 'Platform.OS' aren't valid dependencies because mutating them doesn't re-render the component  react-hooks/exhaustive-deps
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/PillGroup/PillGroup.tsx
+  17:9  warning  The 'normalizedValue' conditional could make the dependencies of useMemo Hook (at line 33) change on every render. Move it inside the useMemo callback. Alternatively, wrap the initialization of 'normalizedValue' in its own useMemo() Hook  react-hooks/exhaustive-deps
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/Tabs/Tabs.tsx
+   53:6   warning  React Hook useEffect has a missing dependency: 'tabValues'. Either include it or remove the dependency array                              react-hooks/exhaustive-deps
+   53:7   warning  React Hook useEffect has a complex expression in the dependency array. Extract it to a separate variable so it can be statically checked  react-hooks/exhaustive-deps
+  104:5   warning  React Hook useMemo has an unnecessary dependency: 'tabValues'. Either exclude it or remove the dependency array                           react-hooks/exhaustive-deps
+  127:62  warning  React Hook useEffect has a complex expression in the dependency array. Extract it to a separate variable so it can be statically checked  react-hooks/exhaustive-deps
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/Textarea/Textarea.tsx
+  45:6  warning  React Hook useEffect has a missing dependency: 'formFieldContext'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/Toast/Toast.context.tsx
+   14:14  warning  Fast refresh only works when a file only exports components. Use a new file to share constants or functions between components  react-refresh/only-export-components
+  106:14  warning  Fast refresh only works when a file only exports components. Use a new file to share constants or functions between components  react-refresh/only-export-components
+
+/home/runner/work/hearth/hearth/packages/react-native/src/components/VerificationInput/VerificationInput.tsx
+  174:7  warning  React Hook useImperativeHandle has a missing dependency: 'updateValue'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
+
+✖ 25 problems (0 errors, 25 warnings)
+
+Rule                                      | Time (ms) | Relative
+:-----------------------------------------|----------:|--------:
+@typescript-eslint/no-unused-vars         |  2022.725 |    59.1%
+react-hooks/exhaustive-deps               |   192.308 |     5.6%
+no-global-assign                          |   140.412 |     4.1%
+react-hooks/rules-of-hooks                |   101.894 |     3.0%
+@typescript-eslint/ban-ts-comment         |    78.579 |     2.3%
+no-misleading-character-class             |    64.143 |     1.9%
+no-unexpected-multiline                   |    47.419 |     1.4%
+@typescript-eslint/triple-slash-reference |    40.424 |     1.2%
+no-loss-of-precision                      |    39.686 |     1.2%
+no-regex-spaces                           |    38.266 |     1.1%

package/build/components/List/List.js

@@ -6,7 +6,7 @@ import { Card } from '../Card';
 import { SectionHeader } from '../SectionHeader';
 import { ListContext } from './List.context';
 const List = ({ children, heading, helperText, headerTrailingContent, invalidText, ...props }) => {
-    const { loading, disabled, container = 'none', testID, style, ...rest } = props;
+    const { loading, disabled, container = 'none' } = props;
     const orderRef = useRef([]);
     const [firstItemId, setFirstItemId] = useState(undefined);
     const containerToCard = {
@@ -35,7 +35,7 @@ const List = ({ children, heading, helperText, headerTrailingContent, invalidTex
         registerItem,
     };
     styles.useVariants({ disabled });
-    return (_jsx(ListContext.Provider, { value: value, children: _jsxs(View, { ...rest, style: [styles.container, style], children: [heading ? (_jsx(SectionHeader, { heading: heading, helperText: helperText, trailingContent: headerTrailingContent, invalidText: invalidText })) : null, container === 'none' ? (_jsx(View, { testID: testID, children: children })) : (React.Children.count(children) > 0 && (_jsx(Card, { ...containerToCard, noPadding: true, style: styles.card, testID: testID, children: _jsx(_Fragment, { children: children }) })))] }) }));
+    return (_jsx(ListContext.Provider, { value: value, children: _jsxs(View, { ...props, style: [styles.container, props.style], children: [heading ? (_jsx(SectionHeader, { heading: heading, helperText: helperText, trailingContent: headerTrailingContent, invalidText: invalidText })) : null, container === 'none' ? (_jsx(View, { children: children })) : (React.Children.count(children) > 0 && (_jsx(Card, { ...containerToCard, noPadding: true, style: styles.card, children: _jsx(_Fragment, { children: children }) })))] }) }));
 };
 List.displayName = 'List';
 const styles = StyleSheet.create(theme => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utilitywarehouse/hearth-react-native",
-  "version": "0.23.0-test-list",
+  "version": "0.23.0",
   "description": "Utility Warehouse React Native UI library",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -55,9 +55,9 @@
     "vite": "^7.1.3",
     "vite-plugin-svgr": "^4.5.0",
     "vitest": "^3.2.4",
-    "@utilitywarehouse/hearth-react-native-icons": "^0.8.0",
     "@utilitywarehouse/hearth-fonts": "^0.0.4",
     "@utilitywarehouse/hearth-react-icons": "^0.8.0",
+    "@utilitywarehouse/hearth-react-native-icons": "^0.8.0",
     "@utilitywarehouse/hearth-svg-assets": "^0.5.0",
     "@utilitywarehouse/hearth-tokens": "^0.2.3"
   },

package/src/components/List/List.tsx

@@ -14,8 +14,7 @@ const List = ({
   invalidText,
   ...props
 }: ListProps) => {
-  const { loading, disabled, container = 'none', testID, style, ...rest } = props;
-
+  const { loading, disabled, container = 'none' } = props;
   const orderRef = useRef<string[]>([]);
   const [firstItemId, setFirstItemId] = useState<string | undefined>(undefined);
   const containerToCard: {
@@ -52,7 +51,7 @@ const List = ({
   styles.useVariants({ disabled });
   return (
     <ListContext.Provider value={value}>
-      <View {...rest} style={[styles.container, style]}>
+      <View {...props} style={[styles.container, props.style]}>
         {heading ? (
           <SectionHeader
             heading={heading}
@@ -62,10 +61,10 @@ const List = ({
           />
         ) : null}
         {container === 'none' ? (
-          <View testID={testID}>{children}</View>
+          <View>{children}</View>
         ) : (
           React.Children.count(children) > 0 && (
-            <Card {...containerToCard} noPadding style={styles.card} testID={testID}>
+            <Card {...containerToCard} noPadding style={styles.card}>
               <>{children}</>
             </Card>
           )

package/build/components/ProgressBar/ProgressBar.d.ts

@@ -1,6 +0,0 @@
-import type ProgressBarProps from './ProgressBar.props';
-declare const ProgressBar: {
-    ({ variant, colorScheme, size, value, min, max, label, hideLabel, formatValueText, "aria-valuetext": ariaValueText, accessibilityLabel, ...rest }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ProgressBar;

package/build/components/ProgressBar/ProgressBar.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { View } from 'react-native';
-import ProgressBarCircular from './ProgressBarCircular';
-import ProgressBarLinear from './ProgressBarLinear';
-const clampValue = (value, min, max) => {
-    if (max <= min)
-        return min;
-    return Math.min(Math.max(value, min), max);
-};
-const valueToPercent = (value, min, max) => {
-    const range = max - min;
-    if (range <= 0)
-        return 0;
-    return ((value - min) / range) * 100;
-};
-const ProgressBar = ({ variant = 'linear', colorScheme = 'default', size = 'md', value, min = 0, max = 100, label, hideLabel, formatValueText, 'aria-valuetext': ariaValueText, accessibilityLabel, ...rest }) => {
-    const effectiveValue = colorScheme === 'success' && !formatValueText ? max : clampValue(value, min, max);
-    const percentValue = valueToPercent(effectiveValue, min, max);
-    const clampedPercent = Math.max(0, Math.min(100, percentValue));
-    const valueText = formatValueText
-        ? formatValueText(effectiveValue, { min, max, percent: clampedPercent })
-        : `${Math.round(clampedPercent)}%`;
-    const valueTextForAria = ariaValueText ?? valueText;
-    const internalProps = {
-        percent: clampedPercent,
-        label,
-        valueText,
-        hideLabel,
-        colorScheme,
-        size,
-    };
-    return (_jsx(View, { ...rest, accessible: true, role: "progressbar", accessibilityRole: "progressbar", accessibilityLabel: accessibilityLabel ?? label, accessibilityValue: { min, max, now: effectiveValue, text: valueTextForAria }, "aria-valuenow": effectiveValue, "aria-valuemin": min, "aria-valuemax": max, "aria-valuetext": valueTextForAria, "data-colorscheme": colorScheme, children: variant === 'circular' ? (_jsx(ProgressBarCircular, { ...internalProps })) : (_jsx(ProgressBarLinear, { ...internalProps })) }));
-};
-ProgressBar.displayName = 'ProgressBar';
-export default ProgressBar;

package/build/components/ProgressBar/ProgressBar.props.d.ts

@@ -1,60 +0,0 @@
-import { ViewProps } from 'react-native';
-export type ProgressBarVariant = 'linear' | 'circular';
-export type ProgressBarColorScheme = 'default' | 'success' | 'danger';
-export type ProgressBarSize = 'sm' | 'md';
-export interface ProgressBarProps extends ViewProps {
-    variant?: ProgressBarVariant;
-    /**
-     * Set the visual appearance.
-     * @default 'default'
-     */
-    colorScheme?: ProgressBarColorScheme;
-    /**
-     * Sets the circular variant size. Does not affect the appearance of the linear variant.
-     * @default 'md'
-     */
-    size?: ProgressBarSize;
-    /**
-     * The current progress value.
-     */
-    value: number;
-    /**
-     * The minimum value.
-     * @default 0
-     */
-    min?: number;
-    /**
-     * The maximum value.
-     * @default 100
-     */
-    max?: number;
-    /**
-     * Required text label for the progress bar.
-     */
-    label: string;
-    /**
-     * Visually hide the label and value text.
-     */
-    hideLabel?: boolean;
-    /**
-     * Override the default percentage value label formatting.
-     */
-    formatValueText?: (value: number, meta: {
-        min: number;
-        max: number;
-        percent: number;
-    }) => string;
-    /**
-     * A human-readable text alternative for the current value.
-     */
-    'aria-valuetext'?: string;
-}
-export interface ProgressBarInternalProps {
-    percent: number;
-    label: string;
-    valueText: string;
-    hideLabel?: boolean;
-    colorScheme: ProgressBarColorScheme;
-    size: ProgressBarSize;
-}
-export default ProgressBarProps;

package/build/components/ProgressBar/ProgressBar.props.js

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

package/build/components/ProgressBar/ProgressBarCircular.d.ts

@@ -1,6 +0,0 @@
-import type { ProgressBarInternalProps } from './ProgressBar.props';
-declare const ProgressBarCircular: {
-    ({ percent, label, valueText, hideLabel, colorScheme, size, }: ProgressBarInternalProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ProgressBarCircular;

package/build/components/ProgressBar/ProgressBarCircular.js

@@ -1,115 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { Text, View } from 'react-native';
-import Animated, { Easing, useAnimatedProps, useReducedMotion, useSharedValue, withTiming, } from 'react-native-reanimated';
-import { Circle, G, Svg } from 'react-native-svg';
-import { StyleSheet } from 'react-native-unistyles';
-import useTheme from '../../hooks/useTheme';
-import { BodyText } from '../BodyText';
-const AnimatedCircle = Animated.createAnimatedComponent(Circle);
-const ProgressBarCircular = ({ percent, label, valueText, hideLabel, colorScheme, size, }) => {
-    const { components } = useTheme();
-    const isReducedMotion = useReducedMotion();
-    const progress = useSharedValue(0);
-    const hasMountedRef = useRef(false);
-    useEffect(() => {
-        const target = Math.max(0, Math.min(100, percent)) / 100;
-        if (isReducedMotion) {
-            progress.value = target;
-            hasMountedRef.current = true;
-            return;
-        }
-        if (!hasMountedRef.current) {
-            progress.value = target;
-            hasMountedRef.current = true;
-            return;
-        }
-        progress.value = withTiming(target, { duration: 300, easing: Easing.out(Easing.ease) });
-    }, [percent, isReducedMotion, progress]);
-    const circularTokens = components.progressBar.circular[size];
-    const barWidth = 'bar' in circularTokens ? circularTokens.bar.width : circularTokens.barWidth;
-    const diameter = circularTokens.height;
-    const radius = (diameter - barWidth) / 2;
-    const circumference = 2 * Math.PI * radius;
-    const animatedCircleProps = useAnimatedProps(() => ({
-        strokeDashoffset: circumference * (1 - progress.value),
-    }));
-    const indicatorColor = colorScheme === 'success'
-        ? components.progressBar.progress.successColor
-        : colorScheme === 'danger'
-            ? components.progressBar.progress.dangerColor
-            : components.progressBar.progress.defaultColor;
-    styles.useVariants({ size });
-    return (_jsxs(View, { style: styles.container, children: [_jsx(Svg, { width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}`, style: styles.svg, children: _jsxs(G, { origin: `${diameter / 2}, ${diameter / 2}`, rotation: -90, children: [_jsx(Circle, { cx: "50%", cy: "50%", r: radius, stroke: components.progressBar.barColor, strokeWidth: barWidth, fill: "transparent" }), _jsx(AnimatedCircle, { cx: "50%", cy: "50%", r: radius, stroke: indicatorColor, strokeWidth: barWidth, fill: "transparent", strokeLinecap: "round", strokeDasharray: circumference, animatedProps: animatedCircleProps })] }) }), _jsxs(View, { style: styles.content, children: [_jsx(Text, { style: styles.valueText, children: valueText }), !hideLabel && size === 'md' ? (_jsx(BodyText, { style: styles.label, size: "md", weight: "semibold", children: label })) : null] })] }));
-};
-ProgressBarCircular.displayName = 'ProgressBarCircular';
-const styles = StyleSheet.create(theme => ({
-    container: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        position: 'relative',
-        variants: {
-            size: {
-                md: {
-                    width: theme.components.progressBar.circular.md.height,
-                    height: theme.components.progressBar.circular.md.height,
-                },
-                sm: {
-                    width: theme.components.progressBar.circular.sm.height,
-                    height: theme.components.progressBar.circular.sm.height,
-                },
-            },
-        },
-    },
-    svg: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-    },
-    content: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        _web: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            width: '100%',
-            height: '100%',
-        },
-        variants: {
-            size: {
-                md: {
-                    gap: theme.components.progressBar.circular.md.gap,
-                },
-                sm: {
-                    gap: 0,
-                },
-            },
-        },
-    },
-    valueText: {
-        color: theme.color.text.primary,
-        textAlign: 'center',
-        variants: {
-            size: {
-                md: {
-                    fontFamily: theme.components.progressBar.circular.md.label.fontFamily,
-                    fontSize: theme.components.progressBar.circular.md.label.fontSize,
-                    lineHeight: theme.components.progressBar.circular.md.label.lineHeight,
-                    fontWeight: theme.components.progressBar.circular.md.label.fontWeight,
-                },
-                sm: {
-                    fontFamily: theme.typography.mobile.bodyText.fontFamily,
-                    fontSize: theme.typography.mobile.bodyText.md.fontSize,
-                    lineHeight: theme.typography.mobile.bodyText.md.lineHeight,
-                    fontWeight: theme.fontWeight.semibold,
-                },
-            },
-        },
-    },
-    label: {
-        textAlign: 'center',
-        maxWidth: 90,
-    },
-}));
-export default ProgressBarCircular;

package/build/components/ProgressBar/ProgressBarLinear.d.ts

@@ -1,6 +0,0 @@
-import type { ProgressBarInternalProps } from './ProgressBar.props';
-declare const ProgressBarLinear: {
-    ({ percent, label, valueText, hideLabel, colorScheme, }: ProgressBarInternalProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ProgressBarLinear;

package/build/components/ProgressBar/ProgressBarLinear.js

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { Platform, View } from 'react-native';
-import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming, } from 'react-native-reanimated';
-import { StyleSheet } from 'react-native-unistyles';
-import useTheme from '../../hooks/useTheme';
-import { BodyText } from '../BodyText';
-const ProgressBarLinear = ({ percent, label, valueText, hideLabel, colorScheme, }) => {
-    const { components } = useTheme();
-    const isReducedMotion = useReducedMotion();
-    const progress = useSharedValue(0);
-    const hasMountedRef = useRef(false);
-    const [trackWidth, setTrackWidth] = useState(0);
-    useEffect(() => {
-        const target = Math.max(0, Math.min(100, percent)) / 100;
-        if (isReducedMotion) {
-            progress.value = target;
-            hasMountedRef.current = true;
-            return;
-        }
-        if (!hasMountedRef.current) {
-            progress.value = target;
-            hasMountedRef.current = true;
-            return;
-        }
-        progress.value = withTiming(target, { duration: 300, easing: Easing.out(Easing.ease) });
-    }, [percent, isReducedMotion, progress]);
-    const animatedStyle = useAnimatedStyle(() => ({
-        width: trackWidth * progress.value,
-    }));
-    const indicatorColor = colorScheme === 'success'
-        ? components.progressBar.progress.successColor
-        : colorScheme === 'danger'
-            ? components.progressBar.progress.dangerColor
-            : components.progressBar.progress.defaultColor;
-    const handleTrackLayout = (event) => {
-        setTrackWidth(event.nativeEvent.layout.width);
-    };
-    return (_jsxs(View, { style: styles.container, children: [!hideLabel && (_jsxs(View, { style: styles.header, children: [_jsx(BodyText, { size: "md", weight: "semibold", style: styles.label, children: label }), _jsx(BodyText, { size: "md", style: styles.value, children: valueText })] })), _jsx(View, { style: styles.track, onLayout: handleTrackLayout, children: Platform.OS === 'web' ? (_jsx(View, { style: [
-                        styles.indicator,
-                        { width: `${Math.max(0, Math.min(100, percent))}%` },
-                        { backgroundColor: indicatorColor },
-                    ] })) : (_jsx(Animated.View, { style: [styles.indicator, animatedStyle, { backgroundColor: indicatorColor }] })) })] }));
-};
-ProgressBarLinear.displayName = 'ProgressBarLinear';
-const styles = StyleSheet.create(theme => ({
-    container: {
-        width: '100%',
-        gap: theme.components.progressBar.linear.gap,
-    },
-    header: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        gap: theme.components.progressBar.linear.label.gap,
-    },
-    label: {
-        flex: 1,
-    },
-    value: {
-        flexShrink: 0,
-        textAlign: 'right',
-    },
-    track: {
-        width: '100%',
-        height: theme.components.progressBar.linear.bar.height,
-        backgroundColor: theme.components.progressBar.barColor,
-        borderRadius: theme.components.progressBar.linear.bar.borderRadius,
-        overflow: 'hidden',
-    },
-    indicator: {
-        height: '100%',
-        borderRadius: theme.components.progressBar.linear.bar.borderRadius,
-        _web: {
-            height: '100%',
-        },
-    },
-}));
-export default ProgressBarLinear;

package/build/components/ProgressBar/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ProgressBar } from './ProgressBar';
-export type { ProgressBarColorScheme, ProgressBarProps, ProgressBarSize, ProgressBarVariant, } from './ProgressBar.props';

package/build/components/ProgressBar/index.js

@@ -1 +0,0 @@
-export { default as ProgressBar } from './ProgressBar';

package/build/components/SegmentedControl/SegmentedControl.context.d.ts

@@ -1,14 +0,0 @@
-export type SegmentedControlContextValue = {
-    value?: string;
-    select: (value: string) => void;
-    disabled?: boolean;
-    size: 'sm' | 'md';
-    registerOptionLayout: (value: string, layout: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }) => void;
-};
-export declare const SegmentedControlContext: import("react").Context<SegmentedControlContextValue | null>;
-export declare const useSegmentedControlContext: () => SegmentedControlContextValue;

package/build/components/SegmentedControl/SegmentedControl.context.js

@@ -1,9 +0,0 @@
-import { createContext, useContext } from 'react';
-export const SegmentedControlContext = createContext(null);
-export const useSegmentedControlContext = () => {
-    const context = useContext(SegmentedControlContext);
-    if (!context) {
-        throw new Error('SegmentedControlOption must be used within SegmentedControl');
-    }
-    return context;
-};

package/build/components/SegmentedControl/SegmentedControl.d.ts

@@ -1,6 +0,0 @@
-import type SegmentedControlProps from './SegmentedControl.props';
-declare const SegmentedControl: {
-    ({ value: controlledValue, defaultValue, onValueChange, size, disabled, children, style, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default SegmentedControl;