draft-components 1.13.0 → 2.0.0

package/cjs/components/positioner/calc-position.cjs

@@ -1,117 +0,0 @@
-'use strict';
-
-function calcPosition({ placement, alignment, anchorRect, contentRect, viewportWidth, viewportHeight, scrollX, scrollY, anchorGap, viewportGap, }) {
-    const maxWidth = viewportWidth - (2 * viewportGap);
-    const maxSideWidth = Math.max(anchorRect.left - anchorGap - viewportGap, viewportWidth - anchorRect.right - anchorGap - viewportGap);
-    if ((placement === 'left' || placement === 'right') &&
-        contentRect.width >= maxSideWidth) {
-        placement = 'bottom';
-    }
-    let x;
-    let y;
-    if (contentRect.width >= maxWidth) {
-        x = scrollX + viewportGap;
-        const result = getYAxisOffset({
-            placement,
-            anchorGap,
-            scrollY,
-            viewportHeight,
-            anchorY: anchorRect.top,
-            anchorHeight: anchorRect.height,
-            contentHeight: contentRect.height,
-        });
-        y = result.offset;
-        placement = result.placement;
-    }
-    else if (placement === 'left' || placement === 'right') {
-        // noinspection JSSuspiciousNameCombination
-        const result = getYAxisOffset({
-            placement,
-            anchorGap,
-            scrollY: scrollX,
-            anchorY: anchorRect.left,
-            viewportHeight: viewportWidth,
-            contentHeight: contentRect.width,
-            anchorHeight: anchorRect.width,
-        });
-        x = result.offset;
-        placement = result.placement;
-        // noinspection JSSuspiciousNameCombination
-        y = getXAxisOffset({
-            alignment,
-            viewportGap,
-            scrollX: scrollY,
-            anchorX: anchorRect.top,
-            viewportWidth: viewportHeight,
-            contentWidth: contentRect.height,
-            anchorWidth: anchorRect.height,
-        });
-    }
-    else {
-        x = getXAxisOffset({
-            alignment,
-            viewportGap,
-            scrollX,
-            viewportWidth,
-            anchorX: anchorRect.left,
-            contentWidth: contentRect.width,
-            anchorWidth: anchorRect.width,
-        });
-        const result = getYAxisOffset({
-            placement,
-            anchorGap,
-            scrollY,
-            viewportHeight,
-            anchorY: anchorRect.top,
-            contentHeight: contentRect.height,
-            anchorHeight: anchorRect.height,
-        });
-        y = result.offset;
-        placement = result.placement;
-    }
-    return { x, y, placement, alignment };
-}
-function getXAxisOffset({ alignment, viewportGap, scrollX, anchorX, viewportWidth, contentWidth, anchorWidth, }) {
-    let x;
-    if (alignment === 'start') {
-        x = scrollX + anchorX;
-    }
-    else if (alignment === 'end') {
-        x = scrollX + anchorX + anchorWidth - contentWidth;
-    }
-    else {
-        x = scrollX + anchorX + (anchorWidth / 2) - (contentWidth / 2);
-    }
-    if (x < scrollX) {
-        x = scrollX + viewportGap;
-    }
-    else if (x + contentWidth > scrollX + viewportWidth) {
-        x = scrollX + viewportWidth - viewportGap - contentWidth;
-    }
-    return x;
-}
-function getYAxisOffset({ placement, anchorGap, scrollY, anchorY, viewportHeight, contentHeight, anchorHeight, }) {
-    const anchorBottom = viewportHeight - anchorY + anchorHeight;
-    const top = scrollY + anchorY - anchorGap - contentHeight;
-    const bottom = scrollY + anchorY + anchorHeight + anchorGap;
-    let y;
-    if (placement === 'top' || placement === 'left') {
-        y = top;
-        if (y < scrollY && anchorY < anchorBottom) {
-            y = bottom;
-            placement = placement === 'top' ? 'bottom' : 'right';
-        }
-    }
-    else {
-        y = bottom;
-        if (y + contentHeight > scrollY + viewportHeight &&
-            anchorY > anchorBottom) {
-            y = top;
-            placement = placement === 'bottom' ? 'top' : 'left';
-        }
-    }
-    return { offset: y, placement };
-}
-
-exports.calcPosition = calcPosition;
-exports.getYAxisOffset = getYAxisOffset;

package/cjs/components/positioner/positioner.cjs

@@ -1,64 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const calcPosition = require('./calc-position.cjs');
-const portal = require('../portal/portal.cjs');
-
-function Positioner({ anchorGap = 4, viewportGap = 8, position = 'fixed', placement = 'bottom', alignment = 'start', renderAnchor, renderContent, }) {
-    const [anchor, setAnchor] = react.useState(null);
-    const [content, setContent] = react.useState(null);
-    react.useLayoutEffect(() => {
-        if (!anchor || !content) {
-            return;
-        }
-        const calcContentPosition = () => {
-            const isPositionedFixed = position === 'fixed';
-            const result = calcPosition.calcPosition({
-                placement,
-                alignment,
-                anchorGap,
-                viewportGap,
-                anchorRect: getRect(anchor),
-                contentRect: getRect(content),
-                viewportWidth: document.documentElement.clientWidth,
-                viewportHeight: document.documentElement.clientHeight,
-                scrollX: isPositionedFixed ? 0 : Math.round(window.scrollX),
-                scrollY: isPositionedFixed ? 0 : Math.round(window.scrollY),
-            });
-            content.style.transform = `translate(${result.x}px, ${result.y}px)`;
-            content.dataset.position = `${result.placement}-${result.alignment}`;
-        };
-        calcContentPosition();
-        window.addEventListener('resize', calcContentPosition);
-        window.addEventListener('scroll', calcContentPosition);
-        return () => {
-            window.removeEventListener('resize', calcContentPosition);
-            window.removeEventListener('scroll', calcContentPosition);
-        };
-    }, [anchor, content, position, placement, alignment, anchorGap, viewportGap]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [renderAnchor({ setRef: setAnchor }), jsxRuntime.jsx(portal.Portal, { children: renderContent({
-                    setRef: setContent,
-                    style: {
-                        position,
-                        maxWidth: `calc(100% - ${viewportGap * 2}px)`,
-                    },
-                }) })] }));
-}
-function getRect(element) {
-    const domRect = element.getBoundingClientRect();
-    const width = Math.round(domRect.width);
-    const height = Math.round(domRect.height);
-    const top = Math.round(domRect.top);
-    const left = Math.round(domRect.left);
-    return {
-        width,
-        height,
-        top,
-        left,
-        right: left + width,
-        bottom: top + height,
-    };
-}
-
-exports.Positioner = Positioner;

package/cjs/components/radio/radio.cjs

@@ -1,28 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const Radio = react.forwardRef(function Radio({ icon = 'dot', style, className, onChange, onToggle, ...props }, ref) {
-    let iconElement;
-    switch (icon) {
-        case 'check':
-            iconElement = jsxRuntime.jsx(CheckIcon, { className: "dc-radio__icon", "data-testid": "radio-check-icon" });
-            break;
-        default:
-            iconElement = jsxRuntime.jsx(DotIcon, { className: "dc-radio__icon", "data-testid": "radio-dot-icon" });
-    }
-    return (jsxRuntime.jsxs("label", { style: style, className: reactHelpers.classNames('dc-radio', className), children: [jsxRuntime.jsx("input", { ...props, ref: ref, type: "radio", className: "dc-radio__input", onChange: (event) => {
-                    onChange?.(event);
-                    onToggle?.(event.target.checked);
-                } }), jsxRuntime.jsx("span", { className: "dc-radio__check", "data-testid": "radio-check", "aria-hidden": true, children: iconElement })] }));
-});
-function CheckIcon(props) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: 20, height: 20, ...props, children: jsxRuntime.jsx("path", { d: "M5 10.4444L9 14L15 6", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-function DotIcon(props) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: 20, height: 20, ...props, children: jsxRuntime.jsx("circle", { cx: 10, cy: 10, r: 4, fill: "currentColor" }) }));
-}
-
-exports.Radio = Radio;

package/cjs/components/segmented-control/segmented-control-button.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-function SegmentedControlButton({ className, checked, icon, children, value, onChangeValue, }) {
-    function handleClick() {
-        if (!checked) {
-            onChangeValue(value);
-        }
-    }
-    return (jsxRuntime.jsxs("li", { className: reactHelpers.classNames(className, 'dc-segmented__button'), role: "radio", "data-value": value, "aria-checked": checked, tabIndex: checked ? 0 : -1, onClick: handleClick, children: [icon, children] }));
-}
-
-exports.SegmentedControlButton = SegmentedControlButton;

package/cjs/components/segmented-control/segmented-control.cjs

@@ -1,48 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const keyboardKeys = require('../../lib/keyboard-keys.cjs');
-const helpers = require('../../lib/helpers.cjs');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const segmentedControlButton = require('./segmented-control-button.cjs');
-
-function SegmentedControl({ size = 'md', disabled = false, className, value, options, onChangeValue, ...props }) {
-    const ref = react.useRef(null);
-    function handleKeyDown(event) {
-        const prevIndex = options.findIndex((option) => option.value === value);
-        const containerEl = ref.current;
-        helpers.assertIfNullable(containerEl, 'ref.current is null or undefined');
-        let index = prevIndex;
-        if (event.key === keyboardKeys.KeyboardKeys.ArrowRight ||
-            event.key === keyboardKeys.KeyboardKeys.ArrowDown) {
-            index += 1;
-        }
-        else if (event.key === keyboardKeys.KeyboardKeys.ArrowLeft ||
-            event.key === keyboardKeys.KeyboardKeys.ArrowUp) {
-            index -= 1;
-        }
-        if (index < 0) {
-            index = options.length - 1;
-        }
-        else if (index >= options.length) {
-            index = 0;
-        }
-        if (index !== prevIndex) {
-            event.stopPropagation();
-            event.preventDefault();
-            const option = options[index];
-            helpers.assertIfNullable(option, `Unable to get option at index ${index}`);
-            onChangeValue(option.value);
-            const radioEl = containerEl.children[index];
-            helpers.assertIfNullable(radioEl, `Unable to get radio at index ${index}`);
-            reactHelpers.focusElement(radioEl);
-        }
-    }
-    return (jsxRuntime.jsx("ul", { ...props, ref: ref, role: "radiogroup", className: reactHelpers.classNames(className, 'dc-segmented', {
-            [`dc-segmented_${size}`]: size,
-            'dc-segmented_disabled': disabled,
-        }), onKeyDown: handleKeyDown, children: options.map((option) => (jsxRuntime.jsx(segmentedControlButton.SegmentedControlButton, { icon: option.icon, value: option.value, checked: value === option.value, onChangeValue: onChangeValue, children: option.label }, option.value))) }));
-}
-
-exports.SegmentedControl = SegmentedControl;

package/cjs/components/select/select.cjs

@@ -1,39 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const spinner = require('../spinner/spinner.cjs');
-
-const Select = react.forwardRef(function Select({ hasError, isBlock, size = 'md', style, className, loading, disabled, multiple, htmlSize, children, onChange, onChangeValue, ...props }, ref) {
-    const onValueChanged = (event) => {
-        if (typeof onChange === 'function') {
-            onChange(event);
-        }
-        if (typeof onChangeValue === 'function') {
-            if (multiple === true) {
-                const values = Array.from(event.target.options)
-                    .filter((option) => option.selected)
-                    .map((option) => option.value);
-                onChangeValue(values);
-            }
-            else {
-                onChangeValue(event.target.value);
-            }
-        }
-    };
-    let addOn = (jsxRuntime.jsx("svg", { className: "dc-select__arrow", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "none", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": true, children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) }));
-    if (loading) {
-        addOn = (jsxRuntime.jsx(spinner.Spinner, { className: "dc-select__spinner", color: "currentColor", size: 16 }));
-    }
-    return (jsxRuntime.jsxs("div", { style: style, className: reactHelpers.classNames(className, 'dc-select__container', {
-            [`dc-select__container_${size}`]: size !== undefined,
-            'dc-select__container_multiple': multiple,
-            'dc-select__container_loading': loading,
-            'dc-select__container_disabled': disabled,
-            'dc-select__container_has_error': hasError,
-            'dc-select__container_block': isBlock,
-        }), children: [jsxRuntime.jsx("select", { ...props, ref: ref, className: "dc-select", size: htmlSize, multiple: multiple, disabled: disabled || loading, onChange: onValueChanged, children: children }), jsxRuntime.jsx("span", { className: "dc-select__add-on", "aria-hidden": true, children: addOn })] }));
-});
-
-exports.Select = Select;

package/cjs/components/selection-control/selection-control.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const label = require('../label/label.cjs');
-const caption = require('../caption/caption.cjs');
-
-function SelectionControl({ label: label$1, labelFor, caption: caption$1, className, children, ...props }) {
-    const defaultId = react.useId();
-    const controlId = labelFor || defaultId;
-    const shouldRenderCaption = Boolean(caption$1);
-    return (jsxRuntime.jsxs("div", { ...props, className: reactHelpers.classNames('dc-selection-control', className), children: [jsxRuntime.jsx("div", { className: "dc-selection-control__input", children: typeof children === 'function'
-                    ? children({ id: controlId })
-                    : react.cloneElement(children, { id: children.props.id || controlId }) }), jsxRuntime.jsx(label.Label, { className: "dc-selection-control__label", htmlFor: controlId, children: label$1 }), shouldRenderCaption && (jsxRuntime.jsx(caption.Caption, { className: "dc-selection-control__caption", children: caption$1 }))] }));
-}
-
-exports.SelectionControl = SelectionControl;

package/cjs/components/slide-over/slide-over-body.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-function SlideOverBody({ className, ...props }) {
-    return (jsxRuntime.jsx("div", { className: reactHelpers.classNames('dc-slide-over-body', className), ...props }));
-}
-
-exports.SlideOverBody = SlideOverBody;

package/cjs/components/slide-over/slide-over-context.cjs

@@ -1,24 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-
-const Context = react.createContext(null);
-function useSlideOverContext() {
-    const ctx = react.useContext(Context);
-    if (!ctx) {
-        throw new Error('useSlideOverContext must be used within SlideOverContextProvider');
-    }
-    return ctx;
-}
-function SlideOverContextProvider({ titleId, descriptionId, closePanel, children, }) {
-    const ctx = react.useMemo(() => ({
-        titleId,
-        descriptionId,
-        closePanel,
-    }), [titleId, descriptionId, closePanel]);
-    return (jsxRuntime.jsx(Context.Provider, { value: ctx, children: children }));
-}
-
-exports.SlideOverContextProvider = SlideOverContextProvider;
-exports.useSlideOverContext = useSlideOverContext;

package/cjs/components/slide-over/slide-over-header.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-require('../button/button.cjs');
-const iconButton = require('../button/icon-button.cjs');
-const slideOverContext = require('./slide-over-context.cjs');
-
-function SlideOverHeader({ className, htmlTitle, title, children, description, closeButtonAccessibleName, onClickCloseButton, ...props }) {
-    const { titleId, descriptionId, closePanel } = slideOverContext.useSlideOverContext();
-    const onCloseButtonClicked = (ev) => {
-        closePanel('close-button');
-        onClickCloseButton?.(ev);
-    };
-    return (jsxRuntime.jsxs("div", { className: reactHelpers.classNames('dc-slide-over-header', className), title: htmlTitle, ...props, children: [jsxRuntime.jsxs("div", { className: "dc-slide-over-header__title", children: [jsxRuntime.jsx("h2", { id: titleId, children: title }), jsxRuntime.jsx(iconButton.IconButton, { icon: jsxRuntime.jsx(XMarkIcon, {}), "aria-label": closeButtonAccessibleName, variant: "tinted", size: "xs", onClick: onCloseButtonClicked })] }), description ? (jsxRuntime.jsx("div", { id: descriptionId, className: "dc-slide-over-header__description", children: description })) : null, children ? (jsxRuntime.jsx("div", { className: "dc-slide-over-header__content", children: children })) : null] }));
-}
-function XMarkIcon(props) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 20, height: 20, fill: "none", stroke: "currentColor", strokeWidth: 1.5, ...props, children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }));
-}
-
-exports.SlideOverHeader = SlideOverHeader;

package/cjs/components/slide-over/slide-over.cjs

@@ -1,113 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const slideOverContext = require('./slide-over-context.cjs');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const useDisableBodyScroll = require('../../hooks/use-disable-body-scroll.cjs');
-const useEscKeyDown = require('../../hooks/use-esc-key-down.cjs');
-const useFocusTrap = require('../../hooks/use-focus-trap.cjs');
-const portal = require('../portal/portal.cjs');
-const slideOverHeader = require('./slide-over-header.cjs');
-const slideOverBody = require('./slide-over-body.cjs');
-
-const panelSlideIn = [
-    { transform: 'translateX(100%)' },
-    { transform: 'translateX(0%)' },
-];
-const backdropFade = [
-    { opacity: 0 },
-    { opacity: 1 },
-];
-const SlideOverWithRef = react.forwardRef(function SlideOver({ 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, animationDurationMs = 350, animationDisabled = false, shouldCloseOnEscKeyPress = true, shouldCloseOnBackdropClick = true, className, children, onClose, ...props }, ref) {
-    const id = react.useId();
-    const titleId = ariaLabelledby || `${id}dialogTitle`;
-    const descriptionId = ariaDescribedby || `${id}dialogDescription`;
-    const backdropRef = react.useRef(null);
-    const panelRef = react.useRef(null);
-    const isAnimationDisabled = react.useRef(animationDisabled);
-    const shouldPlayAnimations = react.useCallback(() => {
-        const mediaQueryList = window.matchMedia('(prefers-reduced-motion)');
-        return !isAnimationDisabled.current && !mediaQueryList.matches;
-    }, []);
-    const closePanel = react.useMemo(() => {
-        let isClosing = false;
-        return (source) => {
-            if (isClosing) {
-                return;
-            }
-            if (!shouldPlayAnimations()) {
-                onClose(source);
-            }
-            isClosing = true;
-            const backdrop = reactHelpers.getRefElement(backdropRef);
-            const backdropAnimations = backdrop.getAnimations();
-            if (backdropAnimations.length === 0) {
-                backdropAnimations.push(backdrop.animate(backdropFade, {
-                    direction: 'reverse',
-                    fill: 'both',
-                    easing: 'ease-in-out',
-                    duration: animationDurationMs,
-                }));
-            }
-            else {
-                backdropAnimations.forEach((animation) => animation.reverse());
-            }
-            const panel = reactHelpers.getRefElement(panelRef);
-            const panelAnimations = panel.getAnimations();
-            if (panelAnimations.length === 0) {
-                backdropAnimations.push(panel.animate(panelSlideIn, {
-                    direction: 'reverse',
-                    fill: 'both',
-                    easing: 'ease-in-out',
-                    duration: animationDurationMs,
-                }));
-            }
-            else {
-                panelAnimations.forEach((animation) => animation.reverse());
-            }
-            const animations = [...backdropAnimations, ...panelAnimations];
-            Promise.all(animations.map((animation) => animation.finished)).then(() => {
-                onClose(source);
-                isClosing = false;
-            });
-        };
-    }, [animationDurationMs, onClose, shouldPlayAnimations]);
-    react.useImperativeHandle(ref, () => ({
-        close: closePanel,
-    }));
-    react.useEffect(() => {
-        isAnimationDisabled.current = animationDisabled;
-    }, [animationDisabled]);
-    react.useEffect(() => {
-        if (shouldPlayAnimations()) {
-            const backdrop = reactHelpers.getRefElement(backdropRef);
-            backdrop.animate(backdropFade, {
-                fill: 'both',
-                easing: 'ease-in-out',
-                duration: animationDurationMs,
-            });
-            const panel = reactHelpers.getRefElement(panelRef);
-            panel.animate(panelSlideIn, {
-                fill: 'both',
-                easing: 'ease-in-out',
-                duration: animationDurationMs,
-            });
-        }
-    }, [shouldPlayAnimations, animationDurationMs]);
-    useEscKeyDown.useEscKeyDown(() => closePanel('escape'), { isEnabled: shouldCloseOnEscKeyPress });
-    useFocusTrap.useFocusTrap(panelRef);
-    useDisableBodyScroll.useDisableBodyScroll();
-    const onClickBackdrop = () => {
-        if (shouldCloseOnBackdropClick) {
-            closePanel('backdrop');
-        }
-    };
-    return (jsxRuntime.jsx(portal.Portal, { children: jsxRuntime.jsxs("div", { className: "dc-slide-over", children: [jsxRuntime.jsx("div", { "data-testid": "slide-over-backdrop", className: "dc-slide-over__backdrop", ref: backdropRef, onClick: onClickBackdrop }), jsxRuntime.jsx("div", { ...props, className: reactHelpers.classNames('dc-slide-over__panel', className), role: "dialog", ref: panelRef, "aria-modal": true, "aria-labelledby": titleId, "aria-describedby": descriptionId, children: jsxRuntime.jsx(slideOverContext.SlideOverContextProvider, { titleId: titleId, descriptionId: descriptionId, closePanel: closePanel, children: children }) })] }) }));
-});
-const SlideOver = Object.assign(SlideOverWithRef, {
-    Header: slideOverHeader.SlideOverHeader,
-    Body: slideOverBody.SlideOverBody,
-});
-
-exports.SlideOver = SlideOver;

package/cjs/components/slider/slider-tick-marks.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-
-function SliderTickMarks({ tickMarksCount, renderTickMarkLabel, }) {
-    if (tickMarksCount < 1) {
-        return null;
-    }
-    const tickMarks = [];
-    for (let index = 0; index < tickMarksCount; index += 1) {
-        const label = renderTickMarkLabel?.(index);
-        tickMarks.push((jsxRuntime.jsx("div", { className: "dc-slider-tick-mark", "data-testid": "tick-mark", children: Boolean(label) && (jsxRuntime.jsx("span", { className: "dc-slider-tick-mark__label", children: label })) }, index)));
-    }
-    return jsxRuntime.jsx("div", { className: "dc-slider__tick-marks", children: tickMarks });
-}
-
-exports.SliderTickMarks = SliderTickMarks;

package/cjs/components/slider/slider.cjs

@@ -1,41 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const sliderTickMarks = require('./slider-tick-marks.cjs');
-
-const Slider = react.forwardRef(function Slider({ thumbStyle = 'round', tickMarksCount = 0, renderTickMarkLabel, step = 1, min = 0, max = 100, style, className, disabled, value, defaultValue, onChange, onChangeValue, ...props }, ref) {
-    defaultValue = value == null ? defaultValue || 0 : undefined;
-    return (jsxRuntime.jsxs("div", { style: style, className: reactHelpers.classNames(className, 'dc-slider', {
-            [`dc-slider_thumb_${thumbStyle}`]: thumbStyle !== undefined,
-            'dc-slider_disabled': disabled,
-        }), children: [jsxRuntime.jsx("input", { ...props, ref: ref, style: {
-                    background: getTrackBackground({
-                        min,
-                        max,
-                        value: value ?? defaultValue,
-                    }),
-                }, className: "dc-slider__input", type: "range", value: value, defaultValue: defaultValue, min: min, max: max, step: step, disabled: disabled, onChange: (event) => {
-                    const target = event.target;
-                    const value = Number(target.value);
-                    onChange?.(event);
-                    onChangeValue?.(value);
-                    target.style.background = getTrackBackground({ min, max, value });
-                } }), jsxRuntime.jsx(sliderTickMarks.SliderTickMarks, { tickMarksCount: tickMarksCount, renderTickMarkLabel: renderTickMarkLabel })] }));
-});
-function getTrackBackground(params) {
-    const value = params.value || 0;
-    const min = params.min || 0;
-    const max = params.max || 0;
-    const valuePct = ((value - min) / (max - min) * 100).toFixed(2);
-    return `linear-gradient(
-    to right,
-    var(--dc-slider-track-bg-fill) 0%,
-    var(--dc-slider-track-bg-fill) ${valuePct}%,
-    var(--dc-slider-track-bg) ${valuePct}%,
-    var(--dc-slider-track-bg) ${valuePct}%
-  )`;
-}
-
-exports.Slider = Slider;

package/cjs/components/spinner/spinner.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const Spinner = react.forwardRef(function Spinner({ size = 24, width = size, height = size, className = '', ...props }, ref) {
-    return jsxRuntime.jsx("svg", { ...props, ref: ref, className: reactHelpers.classNames('dc-spinner', className), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50", width: width, height: height, children: jsxRuntime.jsx("circle", { cx: 25, cy: 25, r: 20, fill: "none", stroke: "currentColor", strokeWidth: 5 }) });
-});
-
-exports.Spinner = Spinner;

package/cjs/components/switch/switch.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const Switch = react.forwardRef(function Switch({ showCheckIcon = true, style, className, onChange, onToggle, ...props }, ref) {
-    return (jsxRuntime.jsxs("label", { style: style, className: reactHelpers.classNames('dc-switch', className), children: [jsxRuntime.jsx("input", { ...props, ref: ref, className: "dc-switch__input", type: "checkbox", onChange: (event) => {
-                    onChange?.(event);
-                    onToggle?.(event.target.checked);
-                } }), jsxRuntime.jsx("span", { "data-testid": "switch-track", className: "dc-switch__track", "aria-hidden": true, children: jsxRuntime.jsx("span", { className: "dc-switch__thumb", children: showCheckIcon && (jsxRuntime.jsx(CheckIcon, { className: "dc-switch__icon", "data-testid": "switch-check-icon" })) }) })] }));
-});
-function CheckIcon(props) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: 20, height: 20, ...props, children: jsxRuntime.jsx("path", { d: "M6 10.353L9 13L13.5 7", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-
-exports.Switch = Switch;

package/cjs/components/table/icons.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-
-function ArrowsUpDown(props) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, strokeWidth: 1.5, stroke: "currentColor", ...props, children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7.5L7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5" }) }));
-}
-function ArrowSmallDown(props) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, strokeWidth: 1.5, stroke: "currentColor", ...props, children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }) }));
-}
-function ArrowSmallUp(props) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, strokeWidth: 1.5, stroke: "currentColor", ...props, children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 19.5v-15m0 0l-6.75 6.75M12 4.5l6.75 6.75" }) }));
-}
-
-exports.ArrowSmallDown = ArrowSmallDown;
-exports.ArrowSmallUp = ArrowSmallUp;
-exports.ArrowsUpDown = ArrowsUpDown;

package/cjs/components/table/table-body.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const TableBody = react.forwardRef(function TableBody({ className, children, ...props }, ref) {
-    return (jsxRuntime.jsx("tbody", { ...props, ref: ref, className: reactHelpers.classNames(className, 'dc-table-body'), children: children }));
-});
-
-exports.TableBody = TableBody;

package/cjs/components/table/table-cell.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const TableCell = react.forwardRef(function TableCell({ className, children, ...props }, ref) {
-    return (jsxRuntime.jsx("td", { ...props, ref: ref, className: reactHelpers.classNames('dc-table-cell', className), children: children }));
-});
-
-exports.TableCell = TableCell;