reshaped 2.8.0 → 2.8.2

package/components/Radio/Radio.types.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-import type * as G from "../../types/global";
-type BaseProps = {
-    children?: React.ReactNode;
-    name?: string;
-    disabled?: boolean;
-    hasError?: boolean;
-    value: string;
-    onChange?: G.ChangeHandler<boolean>;
-    onFocus?: (e: React.FocusEvent) => void;
-    onBlur?: (e: React.FocusEvent) => void;
-    className?: G.ClassName;
-    attributes?: G.Attributes<"label", Props>;
-    inputAttributes?: G.Attributes<"input">;
-};
-export type ControlledProps = BaseProps & {
-    checked: boolean;
-    defaultChecked?: never;
-};
-export type UncontrolledProps = BaseProps & {
-    checked?: never;
-    defaultChecked?: boolean;
-};
-export type Props = ControlledProps | UncontrolledProps;
-export {};

package/components/RadioGroup/RadioGroup.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./RadioGroup.types";
-declare const RadioGroup: (props: T.Props) => React.JSX.Element;
-export default RadioGroup;

package/components/RadioGroup/RadioGroup.js

@@ -1,10 +0,0 @@
-import React from "react";
-import RadioGroupControlled from "./RadioGroupControlled.js";
-import RadioGroupUncontrolled from "./RadioGroupUncontrolled.js";
-const RadioGroup = (props) => {
-    const { value } = props;
-    if (value !== undefined)
-        return React.createElement(RadioGroupControlled, Object.assign({}, props));
-    return React.createElement(RadioGroupUncontrolled, Object.assign({}, props));
-};
-export default RadioGroup;

package/components/RadioGroup/RadioGroup.types.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-import type * as G from "../../types/global";
-import { RadioProps } from "../Radio";
-type BaseProps = {
-    id?: string;
-    children?: React.ReactNode;
-    disabled?: boolean;
-    name: string;
-    hasError?: boolean;
-    onChange?: G.ChangeHandler<string>;
-};
-export type ControlledProps = BaseProps & {
-    value: string | null;
-    defaultValue?: never;
-};
-export type UncontrolledProps = BaseProps & {
-    value?: never;
-    defaultValue?: string;
-};
-export type Props = ControlledProps | UncontrolledProps;
-export type Context = {
-    onChange: RadioProps["onChange"];
-    hasError?: boolean;
-    disabled?: boolean;
-    name: string;
-    value?: string | null;
-};
-export {};

package/components/RadioGroup/RadioGroupControlled.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./RadioGroup.types";
-declare const RadioGroupControlled: (props: T.ControlledProps) => React.JSX.Element;
-export default RadioGroupControlled;

package/components/RadioGroup/RadioGroupControlled.js

@@ -1,14 +0,0 @@
-"use client";
-import React from "react";
-import Context from "./RadioGroup.context.js";
-const RadioGroupControlled = (props) => {
-    const { onChange, name, disabled, value, children, hasError } = props;
-    const handleChange = ({ event, value }) => {
-        if (!value)
-            return;
-        if (onChange)
-            onChange({ name, value, event });
-    };
-    return (React.createElement(Context.Provider, { value: { onChange: handleChange, disabled, value, name, hasError } }, children));
-};
-export default RadioGroupControlled;

package/components/RadioGroup/RadioGroupUncontrolled.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./RadioGroup.types";
-declare const RadioGroupUncontrolled: (props: T.UncontrolledProps) => React.JSX.Element;
-export default RadioGroupUncontrolled;

package/components/RadioGroup/RadioGroupUncontrolled.js

@@ -1,16 +0,0 @@
-"use client";
-import React from "react";
-import RadioGroupControlled from "./RadioGroupControlled.js";
-const RadioGroupUncontrolled = (props) => {
-    const { defaultValue, onChange } = props;
-    const [value, setValue] = React.useState(defaultValue || null);
-    const handleChange = (args) => {
-        if (!args.value)
-            return;
-        setValue(args.value);
-        if (onChange)
-            onChange(args);
-    };
-    return (React.createElement(RadioGroupControlled, Object.assign({}, props, { value: value, defaultValue: undefined, onChange: handleChange })));
-};
-export default RadioGroupUncontrolled;

package/components/Reshaped/Reshaped.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import type * as T from "./Reshaped.types";
-import "./Reshaped.css";
-declare const Reshaped: (props: T.Props) => React.JSX.Element;
-export default Reshaped;

package/components/Reshaped/Reshaped.js

@@ -1,26 +0,0 @@
-"use client";
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import Theme, { GlobalColorMode } from "../Theme/index.js";
-import { ToastProvider } from "../Toast/index.js";
-import useSingletonKeyboardMode from "../../hooks/_private/useSingletonKeyboardMode.js";
-import { SingletonEnvironmentContext, useSingletonRTL, } from "../../hooks/_private/useSingletonEnvironment.js";
-import { SingletonHotkeysProvider } from "../../hooks/_private/useSingletonHotkeys.js";
-import "./Reshaped.css";
-import s from "./Reshaped.module.css";
-const ReshapedInner = (props) => {
-    const { children, defaultRTL, defaultViewport = "s", toastOptions } = props;
-    const rtlState = useSingletonRTL(defaultRTL);
-    useSingletonKeyboardMode();
-    return (React.createElement(SingletonEnvironmentContext.Provider, { value: { rtl: rtlState, defaultViewport } },
-        React.createElement(SingletonHotkeysProvider, null,
-            React.createElement(ToastProvider, { options: toastOptions }, children))));
-};
-const Reshaped = (props) => {
-    const { theme, defaultTheme = "reshaped", defaultColorMode, className } = props;
-    const rootClassNames = classNames(s.root, className);
-    return (React.createElement(GlobalColorMode, { defaultMode: defaultColorMode },
-        React.createElement(Theme, { name: theme, defaultName: defaultTheme, className: rootClassNames },
-            React.createElement(ReshapedInner, Object.assign({}, props), props.children))));
-};
-export default Reshaped;

package/components/Scrim/Scrim.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Scrim.types";
-declare const Scrim: (props: T.Props) => React.JSX.Element;
-export default Scrim;

package/components/Scrim/Scrim.js

@@ -1,13 +0,0 @@
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import s from "./Scrim.module.css";
-const Scrim = (props) => {
-    const { children, backgroundSlot, position = "cover", attributes, className, scrimClassName, } = props;
-    const rootClassNames = classNames(s.root, !!backgroundSlot && s["--with-background"], position && s[`--position-${position}`], className);
-    const scrimClassNames = classNames(s.scrim, scrimClassName);
-    return (React.createElement("div", Object.assign({}, attributes, { className: rootClassNames }),
-        backgroundSlot,
-        React.createElement("div", { className: scrimClassNames },
-            React.createElement("div", { className: s.content }, children))));
-};
-export default Scrim;

package/components/Select/Select.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Select.types";
-declare const Select: (props: T.Props) => React.JSX.Element;
-export default Select;

package/components/Select/Select.js

@@ -1,59 +0,0 @@
-"use client";
-import React from "react";
-import Icon from "../Icon/index.js";
-import { useFormControl } from "../FormControl/index.js";
-import Actionable from "../Actionable/index.js";
-import Text from "../Text/index.js";
-import IconArrow from "../../icons/ChevronVertical.js";
-import { classNames, responsiveClassNames, responsivePropDependency } from "../../utilities/helpers.js";
-import useElementId from "../../hooks/useElementId.js";
-import s from "./Select.module.css";
-const Select = (props) => {
-    var _a, _b;
-    const { onChange, onClick, onFocus, onBlur, name, value, defaultValue, placeholder, options, children, icon, startSlot, size = "medium", variant = "outline", className, attributes, } = props;
-    const [empty, setEmpty] = React.useState(value === undefined ? !defaultValue : !value);
-    const formControl = useFormControl();
-    const id = useElementId(props.id);
-    const inputId = ((_a = formControl === null || formControl === void 0 ? void 0 : formControl.attributes) === null || _a === void 0 ? void 0 : _a.id) || ((_b = props.inputAttributes) === null || _b === void 0 ? void 0 : _b.id) || id;
-    const disabled = (formControl === null || formControl === void 0 ? void 0 : formControl.disabled) || props.disabled;
-    const hasError = (formControl === null || formControl === void 0 ? void 0 : formControl.hasError) || props.hasError;
-    const inputAttributes = Object.assign(Object.assign({}, props.inputAttributes), formControl === null || formControl === void 0 ? void 0 : formControl.attributes);
-    const rootClassName = classNames(s.root, className, size && responsiveClassNames(s, "--size", size), hasError && s["--status-error"], disabled && s["--disabled"], empty && options && s["--placeholder"], variant && s[`--variant-${variant}`]);
-    const handleChange = (event) => {
-        const nextValue = event.target.value;
-        // Uncontrolled placeholder
-        if (value === undefined)
-            setEmpty(!nextValue);
-        if (!onChange)
-            return;
-        onChange({ name, value: nextValue, event });
-    };
-    // Controlled placeholder
-    React.useEffect(() => {
-        if (value === undefined)
-            return;
-        setEmpty(!value);
-    }, [value]);
-    const startContent = (startSlot || icon) && (React.createElement("div", { className: s.slot }, icon ? (React.createElement(Icon, { size: responsivePropDependency(size, (size) => {
-            if (size === "large")
-                return 5;
-            if (size === "xlarge")
-                return 6;
-            return 4;
-        }), svg: icon })) : (startSlot)));
-    return (React.createElement("div", Object.assign({}, attributes, { className: rootClassName }),
-        options ? (React.createElement(React.Fragment, null,
-            startContent,
-            React.createElement("select", Object.assign({}, inputAttributes, { className: s.input, disabled: disabled, name: name, value: value, defaultValue: defaultValue, onChange: handleChange, onFocus: onFocus || (inputAttributes === null || inputAttributes === void 0 ? void 0 : inputAttributes.onFocus), onBlur: onBlur || (inputAttributes === null || inputAttributes === void 0 ? void 0 : inputAttributes.onBlur), id: inputId }),
-                placeholder && React.createElement("option", { value: "" }, placeholder),
-                options.map((option) => (React.createElement("option", { key: option.value, value: option.value, disabled: option.disabled }, option.label)))))) : (React.createElement(React.Fragment, null,
-            React.createElement(Actionable, { className: s.input, disabled: disabled, onClick: onClick, attributes: Object.assign(Object.assign({}, inputAttributes), { onFocus: onFocus || (inputAttributes === null || inputAttributes === void 0 ? void 0 : inputAttributes.onFocus), onBlur: onBlur || (inputAttributes === null || inputAttributes === void 0 ? void 0 : inputAttributes.onBlur) }) },
-                startContent,
-                children || (placeholder ? React.createElement(Text, { color: "neutral-faded" }, placeholder) : null)),
-            React.createElement("input", { type: "hidden", value: value, name: name }))),
-        React.createElement("div", { className: s.arrow },
-            React.createElement(Icon, { svg: IconArrow, color: disabled ? "disabled" : "neutral-faded", size: responsivePropDependency(size, (size) => {
-                    return size === "large" || size === "xlarge" ? 5 : 4;
-                }) }))));
-};
-export default Select;

package/components/Skeleton/Skeleton.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import * as T from "./Skeleton.types";
-declare const Skeleton: (props: T.Props) => React.JSX.Element;
-export default Skeleton;

package/components/Skeleton/Skeleton.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import View from "../View/index.js";
-import s from "./Skeleton.module.css";
-const Skeleton = (props) => {
-    const { borderRadius = "small", width, height, className, attributes } = props;
-    const rootClassNames = classNames(s.root, className);
-    return (React.createElement(View, { backgroundColor: "disabled", width: width, height: height, borderRadius: borderRadius, className: rootClassNames, attributes: attributes }));
-};
-export default Skeleton;

package/components/Skeleton/Skeleton.types.d.ts

@@ -1,6 +0,0 @@
-import type { ViewProps } from "../View";
-import * as G from "../../types/global";
-export type Props = Pick<ViewProps, "width" | "height" | "borderRadius"> & {
-    className?: G.ClassName;
-    attributes?: G.Attributes<"div", Props>;
-};

package/components/Slider/Slider.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Slider.types";
-declare const Slider: (props: T.Props) => React.JSX.Element;
-export default Slider;

package/components/Slider/Slider.js

@@ -1,26 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import SliderControlled from "./SliderControlled.js";
-import SliderUncontrolled from "./SliderUncontrolled.js";
-const Slider = (props) => {
-    const { min = 0, max = 100 } = props, rest = __rest(props, ["min", "max"]);
-    if (("value" in props && props.value !== undefined) ||
-        ("minValue" in props &&
-            "maxValue" in props &&
-            props.minValue !== undefined &&
-            props.maxValue !== undefined)) {
-        return React.createElement(SliderControlled, Object.assign({}, rest, { min: min, max: max }));
-    }
-    return React.createElement(SliderUncontrolled, Object.assign({}, rest, { min: min, max: max }));
-};
-export default Slider;

package/components/Slider/SliderControlled.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Slider.types";
-declare const SliderControlled: (props: T.ControlledProps & T.DefaultProps) => React.JSX.Element;
-export default SliderControlled;

package/components/Slider/SliderControlled.js

@@ -1,172 +0,0 @@
-"use client";
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import useRTL from "../../hooks/useRTL.js";
-import useElementId from "../../hooks/useElementId.js";
-import { useFormControl } from "../FormControl/index.js";
-import SliderThumb from "./SliderThumb.js";
-import s from "./Slider.module.css";
-const getDragX = (event) => {
-    if (event instanceof MouseEvent)
-        return event.pageX || event.screenX;
-    return event.changedTouches[0].pageX;
-};
-const applyStepToValue = (value, step) => {
-    return Math.round(value / step) * step;
-};
-const SliderControlled = (props) => {
-    var _a;
-    const { name, range, max, min, step = 1, onChange, onChangeCommit, renderValue, className, attributes, } = props;
-    const minValue = range && props.minValue !== undefined ? applyStepToValue(props.minValue, step) : undefined;
-    const maxValue = applyStepToValue(range ? props.maxValue : props.value, step);
-    const barRef = React.useRef(null);
-    const minRef = React.useRef(null);
-    const maxRef = React.useRef(null);
-    const [draggingId, setDraggingId] = React.useState(null);
-    const [rtl] = useRTL();
-    const formControl = useFormControl();
-    const id = useElementId();
-    const inputId = ((_a = formControl === null || formControl === void 0 ? void 0 : formControl.attributes) === null || _a === void 0 ? void 0 : _a.id) || id;
-    const minId = `${inputId}-min`;
-    const maxId = `${inputId}-max`;
-    const disabled = (formControl === null || formControl === void 0 ? void 0 : formControl.disabled) || props.disabled;
-    const rootClassNames = classNames(s.root, disabled && s["--disabled"], className);
-    const getPositionValue = React.useCallback((x) => {
-        if (!barRef.current)
-            return;
-        const barWidth = barRef.current.clientWidth;
-        const positionX = x - barRef.current.getBoundingClientRect().left;
-        let percentage = positionX / barWidth;
-        if (rtl)
-            percentage = 1 - percentage;
-        let value = (max - min) * percentage + min;
-        value = Math.max(min, Math.min(max, value));
-        return applyStepToValue(value, step);
-    }, [max, min, rtl, step]);
-    const getPercentPosition = (value) => {
-        const ratio = (value - min) / (max - min);
-        return ratio * 100;
-    };
-    const handleMinChange = React.useCallback((value, options) => {
-        if (!range)
-            return;
-        const method = (options === null || options === void 0 ? void 0 : options.commit) ? onChangeCommit : onChange;
-        method === null || method === void 0 ? void 0 : method({ minValue: value, maxValue, name });
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [maxValue, name, range]);
-    const handleMaxChange = React.useCallback((value, options) => {
-        if (range) {
-            const method = (options === null || options === void 0 ? void 0 : options.commit) ? onChangeCommit : onChange;
-            method === null || method === void 0 ? void 0 : method({ minValue: minValue, maxValue: value, name });
-            return;
-        }
-        const method = (options === null || options === void 0 ? void 0 : options.commit) ? onChangeCommit : onChange;
-        method === null || method === void 0 ? void 0 : method({ value, name });
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [minValue, name, range]);
-    const handleMouseDown = ({ nativeEvent }) => {
-        if (disabled)
-            return;
-        let minDistance;
-        let closestId;
-        const x = getDragX(nativeEvent);
-        const nextValue = getPositionValue(x);
-        const thumbs = [
-            { ref: minRef, id: minId },
-            { ref: maxRef, id: maxId },
-        ];
-        thumbs.forEach((item) => {
-            if (!item.ref.current)
-                return;
-            const el = item.ref.current;
-            const distance = Math.abs(el.getBoundingClientRect().left - x);
-            if (minDistance === undefined || distance <= minDistance) {
-                minDistance = distance;
-                closestId = item.id;
-            }
-        });
-        if (!closestId || nextValue === undefined)
-            return;
-        if (closestId === minId)
-            handleMinChange(nextValue);
-        if (closestId === maxId)
-            handleMaxChange(nextValue);
-        setDraggingId(closestId);
-    };
-    const handleMinDragStart = () => {
-        if (disabled)
-            return;
-        setDraggingId(minId);
-    };
-    const handleMaxDragStart = () => {
-        if (disabled)
-            return;
-        setDraggingId(maxId);
-    };
-    const handleDragStop = React.useCallback(() => {
-        if (draggingId === minId && minValue !== undefined) {
-            handleMinChange(minValue, { commit: true });
-        }
-        if (draggingId === maxId) {
-            handleMaxChange(maxValue, { commit: true });
-        }
-        setDraggingId(null);
-    }, [minValue, maxValue, handleMinChange, handleMaxChange, draggingId, minId, maxId]);
-    const handleDrag = React.useCallback((e) => {
-        if (!draggingId)
-            return;
-        const x = getDragX(e);
-        const nextValue = getPositionValue(x);
-        if (nextValue === undefined)
-            return;
-        // Switch to another id if thumbs overlap
-        let nextDraggingId = draggingId;
-        if (draggingId === minId && nextValue > maxValue)
-            nextDraggingId = maxId;
-        if (draggingId === maxId && minValue && nextValue < minValue)
-            nextDraggingId = minId;
-        if (nextDraggingId === minId)
-            handleMinChange(nextValue);
-        if (nextDraggingId === maxId)
-            handleMaxChange(nextValue);
-        if (draggingId !== nextDraggingId)
-            setDraggingId(nextDraggingId);
-    }, [
-        draggingId,
-        minValue,
-        maxValue,
-        getPositionValue,
-        handleMaxChange,
-        handleMinChange,
-        maxId,
-        minId,
-    ]);
-    React.useEffect(() => {
-        window.addEventListener("mouseup", handleDragStop);
-        window.addEventListener("touchend", handleDragStop);
-        window.addEventListener("mousemove", handleDrag);
-        window.addEventListener("touchmove", handleDrag);
-        return () => {
-            window.removeEventListener("mouseup", handleDragStop);
-            window.removeEventListener("touchend", handleDragStop);
-            window.removeEventListener("mousemove", handleDrag);
-            window.removeEventListener("touchmove", handleDrag);
-        };
-    }, [handleDragStop, handleDrag]);
-    const minPercentPosition = minValue && getPercentPosition(minValue);
-    const maxPercentPosition = getPercentPosition(maxValue);
-    return (
-    // mouse/touch events only needed for non-keyboard use
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React.createElement("div", Object.assign({}, attributes, { className: rootClassNames, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown }),
-        React.createElement("div", { className: s.bar, ref: barRef },
-            React.createElement("div", { className: s.selection, style: {
-                    insetInlineStart: `${minPercentPosition || 0}%`,
-                    width: `${maxPercentPosition - (minPercentPosition || 0)}%`,
-                } })),
-        minValue !== undefined && minPercentPosition !== undefined && (React.createElement(SliderThumb, { id: minId, active: minId === draggingId, name: name, disabled: disabled, onChange: handleMinChange, value: minValue, onDragStart: handleMinDragStart, position: minPercentPosition, max: max, min: min, ref: minRef, renderValue: renderValue })),
-        React.createElement(SliderThumb, { id: maxId, active: maxId === draggingId, name: name, disabled: disabled, onChange: handleMaxChange, value: maxValue, onDragStart: handleMaxDragStart, position: maxPercentPosition, max: max, min: min, ref: maxRef, renderValue: renderValue })));
-};
-export default SliderControlled;

package/components/Slider/SliderThumb.js

@@ -1,21 +0,0 @@
-"use client";
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import Theme from "../Theme/index.js";
-import Text from "../Text/index.js";
-import s from "./Slider.module.css";
-const SliderThumb = (props, ref) => {
-    const { name, value, disabled, active, position, max, min, onChange, onDragStart, renderValue } = props;
-    const id = React.useId();
-    const thumbClassNames = classNames(s.thumb, active && s["thumb--active"]);
-    const tooltipValue = renderValue ? renderValue({ value }) : value;
-    const handleChange = (e) => {
-        onChange(+e.target.value);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("input", { className: s.input, type: "range", name: name, value: value, onChange: handleChange, disabled: disabled, max: max, min: min, "aria-labelledby": id }),
-        React.createElement("div", { ref: ref, className: thumbClassNames, onMouseDown: onDragStart, onTouchStart: onDragStart, style: { insetInlineStart: `${position}%` }, id: id, "aria-hidden": "true" },
-            React.createElement(Theme, { colorMode: "inverted" },
-                React.createElement(Text, { variant: "caption-1", weight: "medium", className: s.tooltip }, tooltipValue)))));
-};
-export default React.forwardRef(SliderThumb);

package/components/Slider/SliderUncontrolled.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Slider.types";
-declare const SliderUncontrolled: (props: T.UncontrolledProps & T.DefaultProps) => React.JSX.Element;
-export default SliderUncontrolled;

package/components/Slider/SliderUncontrolled.js

@@ -1,32 +0,0 @@
-"use client";
-import React from "react";
-import SliderControlled from "./SliderControlled.js";
-const SliderUncontrolled = (props) => {
-    const { min, max, onChange, range } = props;
-    const defaultMinValue = ("defaultMinValue" in props && props.defaultMinValue !== undefined && props.defaultMinValue) ||
-        ("defaultValue" in props && props.defaultValue !== undefined && props.defaultValue) ||
-        min;
-    const defaultMaxValue = ("defaultMaxValue" in props && props.defaultMaxValue !== undefined && props.defaultMaxValue) ||
-        ("defaultValue" in props && props.defaultValue !== undefined && props.defaultValue) ||
-        (range ? max : min);
-    const [minValue, setMinValue] = React.useState(defaultMinValue);
-    const [maxValue, setMaxValue] = React.useState(defaultMaxValue);
-    const handleSingleChange = (args) => {
-        if (range)
-            return;
-        setMaxValue(args.value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(args);
-    };
-    const handleRangeChange = (args) => {
-        if (!range)
-            return;
-        setMinValue(args.minValue);
-        setMaxValue(args.maxValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(args);
-    };
-    if (range) {
-        return (React.createElement(SliderControlled, Object.assign({}, props, { min: min, max: max, minValue: minValue, maxValue: maxValue, defaultMinValue: undefined, defaultMaxValue: undefined, onChange: handleRangeChange })));
-    }
-    return (React.createElement(SliderControlled, Object.assign({}, props, { min: min, max: max, value: maxValue, defaultValue: undefined, onChange: handleSingleChange })));
-};
-export default SliderUncontrolled;

package/components/Stepper/Stepper.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type * as T from "./Stepper.types";
-declare const Stepper: {
-    (props: T.Props): React.JSX.Element;
-    Item: (_: T.ItemProps) => null;
-};
-export default Stepper;

package/components/Stepper/Stepper.js

@@ -1,43 +0,0 @@
-import React from "react";
-import { responsivePropDependency } from "../../utilities/helpers.js";
-import Expandable from "../_private/Expandable/index.js";
-import View from "../View/index.js";
-import Text from "../Text/index.js";
-import Divider from "../Divider/index.js";
-import Icon from "../Icon/index.js";
-import Hidden from "../Hidden/index.js";
-import IconCheckmark from "../../icons/Checkmark.js";
-import s from "./Stepper.module.css";
-const StepperItemPrivate = (props) => {
-    const { title, subtitle, children, direction, className, attributes, labelDisplay, step, completed, active, last, } = props;
-    const labelHidden = labelDisplay && responsivePropDependency(labelDisplay, (value) => value === "hidden");
-    const labelNode = (React.createElement(View, { gap: 3, grow: true },
-        React.createElement(View.Item, null,
-            React.createElement(Text, { variant: "body-3", weight: "medium" }, title),
-            React.createElement(Text, { variant: "caption-1", color: "neutral-faded" }, subtitle))));
-    return (React.createElement(View, null,
-        React.createElement(View, { attributes: attributes, className: className, direction: "row", gap: 2, align: "center", position: "static" },
-            React.createElement(View.Item, null,
-                React.createElement(View, { align: "center", justify: "center", backgroundColor: active || completed ? "primary" : "neutral-faded", borderColor: active || completed ? undefined : "neutral-faded", borderRadius: "circular", as: "span", width: 8, height: 8, zIndex: 5 },
-                    React.createElement(Text, { variant: "body-3", weight: active ? "bold" : "medium" }, completed ? React.createElement(Icon, { svg: IconCheckmark, size: 4 }) : step)),
-                direction === "column" && !last && React.createElement(Divider, { vertical: true, className: s.verticalDivider })),
-            labelDisplay ? React.createElement(Hidden, { hide: labelHidden }, labelNode) : labelNode),
-        direction === "column" && children && (React.createElement(Expandable, { active: active },
-            React.createElement(View, { paddingStart: 10, paddingTop: 2 }, children)))));
-};
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const StepperItem = (_) => null;
-const Stepper = (props) => {
-    const { children, direction = "row", activeId, labelDisplay, className, attributes } = props;
-    const vertical = direction === "column";
-    const length = React.Children.count(children);
-    return (React.createElement(View, { attributes: attributes, direction: direction, align: vertical ? "stretch" : "center", className: className, gap: 3, wrap: false }, React.Children.map(children, (child, index) => {
-        const itemId = child.props.id || `${index}`;
-        return (React.createElement(React.Fragment, { key: index },
-            React.createElement(StepperItemPrivate, Object.assign({}, child.props, { id: child.props.id || `${index}`, active: (activeId === null || activeId === void 0 ? void 0 : activeId.toString()) === itemId, step: index + 1, last: index === length - 1, direction: direction, labelDisplay: labelDisplay })),
-            !vertical && index < length - 1 && (React.createElement(View, { grow: true },
-                React.createElement(Divider, null)))));
-    })));
-};
-Stepper.Item = StepperItem;
-export default Stepper;

package/components/Stepper/Stepper.types.d.ts

@@ -1,26 +0,0 @@
-import React from "react";
-import type * as G from "../../types/global";
-export type Props = {
-    activeId?: string | number;
-    labelDisplay?: G.Responsive<"inline" | "hidden">;
-    children?: React.ReactNode;
-    direction?: "row" | "column";
-    className?: G.ClassName;
-    attributes?: G.Attributes<"ul", Props>;
-};
-export type ItemProps = {
-    id?: string;
-    completed?: boolean;
-    title?: React.ReactNode;
-    subtitle?: React.ReactNode;
-    children?: React.ReactNode;
-    className?: G.ClassName;
-    attributes?: G.Attributes<"li", ItemProps>;
-};
-export type ItemPrivateProps = ItemProps & {
-    labelDisplay: Props["labelDisplay"];
-    step: number;
-    active: boolean;
-    direction: Props["direction"];
-    last: boolean;
-};

package/components/Switch/Switch.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Switch.types";
-declare const Switch: (props: T.Props) => React.JSX.Element;
-export default Switch;