draft-components 1.13.0 → 2.0.0

package/cjs/hooks/use-esc-key-down.cjs

@@ -1,56 +0,0 @@
-'use strict';
-
-const react = require('react');
-const keyboardKeys = require('../lib/keyboard-keys.cjs');
-
-const handlers = [];
-/**
- * Invokes a given handler when the `Esc` key was pressed.
- * When multiple handlers are registered, only the last one will be invoked.
- * For example, this behavior can be used to close only top-level popover
- * or dialog.
- *
- * @param handler The key down handler.
- * @param options An object with hook options.
- * @param options.isEnabled A flag that determines whether to run
- * the passed handler or not.
- */
-function useEscKeyDown(handler, options = {
-    isEnabled: true,
-}) {
-    const handlerRef = react.useRef(handler);
-    const isEnabled = options.isEnabled;
-    react.useEffect(() => {
-        handlerRef.current = handler;
-    }, [handler]);
-    react.useEffect(() => {
-        if (!isEnabled) {
-            return;
-        }
-        const handler = handlerRef.current;
-        handlers.push(handler);
-        const handleBodyKeyDown = (event) => {
-            const eventHandler = handlers[handlers.length - 1];
-            if (eventHandler && event.key === keyboardKeys.KeyboardKeys.Escape) {
-                eventHandler();
-            }
-        };
-        // Add only one global `body` key down handler.
-        if (handlers.length === 1) {
-            document.body.addEventListener('keydown', handleBodyKeyDown);
-        }
-        return () => {
-            const index = handlers.indexOf(handler);
-            if (index >= 0) {
-                handlers.splice(index, 1);
-            }
-            // Remove the global `body` key down handler
-            // if there are no active handlers.
-            if (handlers.length === 0) {
-                document.body.removeEventListener('keydown', handleBodyKeyDown);
-            }
-        };
-    }, [isEnabled]);
-}
-
-exports.useEscKeyDown = useEscKeyDown;

package/cjs/hooks/use-focus-trap.cjs

@@ -1,89 +0,0 @@
-'use strict';
-
-const react = require('react');
-const keyboardKeys = require('../lib/keyboard-keys.cjs');
-const reactHelpers = require('../lib/react-helpers.cjs');
-
-const modals = [];
-const focusableElementsSelector = [
-    'a[href]',
-    'area[href]',
-    'input:not([disabled])',
-    'select:not([disabled])',
-    'textarea:not([disabled])',
-    'button:not([disabled])',
-    'iframe',
-    '[tabindex]',
-    '[contentEditable=true]',
-]
-    .map((selector) => `${selector}:not([tabindex='-1'])`)
-    .join(', ');
-/**
- * Prevents focus move outside a modal element.
- *
- * @param {ModalRef} modalRef - The modal element ref object.
- * @param {Object} options - An object with hook options.
- * @param {boolean} options.isEnabled - A flag that determines whether
- * to trap focus or not.
- */
-function useFocusTrap(modalRef, options = {
-    isEnabled: true,
-}) {
-    const isEnabled = options.isEnabled;
-    react.useEffect(() => {
-        if (!isEnabled) {
-            return;
-        }
-        modals.push(modalRef);
-        const handleBodyKeyDown = (event) => {
-            if (event.key !== keyboardKeys.KeyboardKeys.Tab) {
-                return;
-            }
-            const activeModalRef = modals[modals.length - 1];
-            if (activeModalRef == null) {
-                return;
-            }
-            const activeModal = activeModalRef.current;
-            if (activeModal == null) {
-                return;
-            }
-            const focusableEls = Array.from(activeModal.querySelectorAll(focusableElementsSelector));
-            if (focusableEls.length === 0) {
-                return;
-            }
-            const firstFocusableEl = focusableEls[0];
-            const lastFocusableEl = focusableEls[focusableEls.length - 1];
-            if (!activeModal.contains(document.activeElement)) {
-                event.preventDefault();
-                reactHelpers.focusElement(firstFocusableEl);
-            }
-            else if (event.shiftKey) {
-                if (document.activeElement === firstFocusableEl) {
-                    event.preventDefault();
-                    reactHelpers.focusElement(lastFocusableEl);
-                }
-            }
-            else if (document.activeElement === lastFocusableEl) {
-                event.preventDefault();
-                reactHelpers.focusElement(firstFocusableEl);
-            }
-        };
-        // Add only one global `body` key down handler.
-        if (modals.length === 1) {
-            document.body.addEventListener('keydown', handleBodyKeyDown);
-        }
-        return () => {
-            const index = modals.indexOf(modalRef);
-            if (index >= 0) {
-                modals.splice(index, 1);
-            }
-            // Remove the global `body` key down handler
-            // if there are no active modals.
-            if (modals.length === 0) {
-                document.body.removeEventListener('keydown', handleBodyKeyDown);
-            }
-        };
-    }, [isEnabled, modalRef]);
-}
-
-exports.useFocusTrap = useFocusTrap;

package/cjs/hooks/use-mount-transition.cjs

@@ -1,41 +0,0 @@
-'use strict';
-
-const react = require('react');
-const reactHelpers = require('../lib/react-helpers.cjs');
-
-function useMountTransition({ animateFirstMount = false, isShown, durationMs, enterFrom, enterTo, }) {
-    const [isMounted, setIsMounted] = react.useState(isShown);
-    const [hasEnterToClass, setHasEnterToClass] = react.useState(false);
-    const firstMount = react.useRef(true);
-    const prefersReducedMotion = react.useMemo(() => window.matchMedia('(prefers-reduced-motion: reduce)'), []);
-    const disableTransition = (prefersReducedMotion.matches ||
-        (!animateFirstMount && firstMount.current));
-    if (disableTransition) {
-        durationMs = 0;
-    }
-    react.useEffect(() => {
-        if (!isShown) {
-            firstMount.current = false;
-        }
-    }, [isShown]);
-    react.useEffect(() => {
-        let timeout;
-        if (isShown) {
-            setIsMounted(true);
-            timeout = window.setTimeout(() => setHasEnterToClass(true));
-        }
-        else {
-            setHasEnterToClass(false);
-            timeout = window.setTimeout(() => setIsMounted(false), durationMs);
-        }
-        return () => window.clearTimeout(timeout);
-    }, [isShown, durationMs]);
-    return {
-        isMounted,
-        className: disableTransition
-            ? ''
-            : reactHelpers.classNames(enterFrom, hasEnterToClass && enterTo),
-    };
-}
-
-exports.useMountTransition = useMountTransition;

package/cjs/index.cjs

@@ -1,161 +0,0 @@
-'use strict';
-
-const keyboardKeys = require('./lib/keyboard-keys.cjs');
-const helpers = require('./lib/helpers.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 useMountTransition = require('./hooks/use-mount-transition.cjs');
-const alert = require('./components/alert/alert.cjs');
-const avatar = require('./components/avatar/avatar.cjs');
-const avatarGroup = require('./components/avatar-group/avatar-group.cjs');
-const badge = require('./components/badge/badge.cjs');
-const breadcrumbs = require('./components/breadcrumbs/breadcrumbs.cjs');
-const breadcrumbsItem = require('./components/breadcrumbs/breadcrumbs-item.cjs');
-const button = require('./components/button/button.cjs');
-const iconButton = require('./components/button/icon-button.cjs');
-const buttonGroup = require('./components/button-group/button-group.cjs');
-const caption = require('./components/caption/caption.cjs');
-const checkbox = require('./components/checkbox/checkbox.cjs');
-const colorPicker = require('./components/color-picker/color-picker.cjs');
-const datePicker = require('./components/date-picker/date-picker.cjs');
-const dateRangePicker = require('./components/date-picker/date-range-picker.cjs');
-const datePickerPopover = require('./components/date-picker-popover/date-picker-popover.cjs');
-const dateRangePickerPopover = require('./components/date-range-picker-popover/date-range-picker-popover.cjs');
-const dialog = require('./components/dialog/dialog.cjs');
-const dialogHeader = require('./components/dialog/dialog-header.cjs');
-const dialogBody = require('./components/dialog/dialog-body.cjs');
-const dialogFooter = require('./components/dialog/dialog-footer.cjs');
-const emptyState = require('./components/empty-state/empty-state.cjs');
-const filePicker = require('./components/file-picker/file-picker.cjs');
-const filterButtons = require('./components/filter-buttons/filter-buttons.cjs');
-const filterButton = require('./components/filter-buttons/filter-button.cjs');
-const filteredSearch = require('./components/filtered-search/filtered-search.cjs');
-const stringFilter = require('./components/filtered-search/model/string-filter.cjs');
-const stringSetFilter = require('./components/filtered-search/model/string-set-filter.cjs');
-const formField = require('./components/form-field/form-field.cjs');
-const label = require('./components/label/label.cjs');
-const menu = require('./components/menu/menu.cjs');
-const menuItem = require('./components/menu/menu-item.cjs');
-const menuSeparator = require('./components/menu/menu-separator.cjs');
-const navList = require('./components/nav-list/nav-list.cjs');
-const navListItem = require('./components/nav-list/nav-list-item.cjs');
-const navListTitle = require('./components/nav-list/nav-list-title.cjs');
-const passwordInput = require('./components/password-input/password-input.cjs');
-const popover = require('./components/popover/popover.cjs');
-const portal = require('./components/portal/portal.cjs');
-const positioner = require('./components/positioner/positioner.cjs');
-const radio = require('./components/radio/radio.cjs');
-const segmentedControl = require('./components/segmented-control/segmented-control.cjs');
-const select = require('./components/select/select.cjs');
-const selectionControl = require('./components/selection-control/selection-control.cjs');
-const slideOver = require('./components/slide-over/slide-over.cjs');
-const slideOverHeader = require('./components/slide-over/slide-over-header.cjs');
-const slideOverBody = require('./components/slide-over/slide-over-body.cjs');
-const slider = require('./components/slider/slider.cjs');
-const sliderTickMarks = require('./components/slider/slider-tick-marks.cjs');
-const spinner = require('./components/spinner/spinner.cjs');
-const _switch = require('./components/switch/switch.cjs');
-const tableContainer = require('./components/table/table-container.cjs');
-const table = require('./components/table/table.cjs');
-const tableHead = require('./components/table/table-head.cjs');
-const tableBody = require('./components/table/table-body.cjs');
-const tableRow = require('./components/table/table-row.cjs');
-const tableHeadCell = require('./components/table/table-head-cell.cjs');
-const tableCell = require('./components/table/table-cell.cjs');
-const tabs = require('./components/tabs/tabs.cjs');
-const tabList = require('./components/tabs/tab-list.cjs');
-const tab = require('./components/tabs/tab.cjs');
-const tabPanel = require('./components/tabs/tab-panel.cjs');
-const tag = require('./components/tag/tag.cjs');
-const textInput = require('./components/text-input/text-input.cjs');
-const textarea = require('./components/textarea/textarea.cjs');
-const toast = require('./components/toast/toast.cjs');
-const toastButton = require('./components/toast/toast-button.cjs');
-const toaster = require('./components/toaster/toaster.cjs');
-const tooltip = require('./components/tooltip/tooltip.cjs');
-
-
-
-exports.KeyboardKeys = keyboardKeys.KeyboardKeys;
-exports.assertIfNullable = helpers.assertIfNullable;
-exports.exhaustiveCheck = helpers.exhaustiveCheck;
-exports.once = helpers.once;
-exports.classNames = reactHelpers.classNames;
-exports.focusElement = reactHelpers.focusElement;
-exports.getRefElement = reactHelpers.getRefElement;
-exports.isReactElementWithRef = reactHelpers.isReactElementWithRef;
-exports.mergeRefs = reactHelpers.mergeRefs;
-exports.useDisableBodyScroll = useDisableBodyScroll.useDisableBodyScroll;
-exports.useEscKeyDown = useEscKeyDown.useEscKeyDown;
-exports.useFocusTrap = useFocusTrap.useFocusTrap;
-exports.useMountTransition = useMountTransition.useMountTransition;
-exports.Alert = alert.Alert;
-exports.Avatar = avatar.Avatar;
-exports.AvatarGroup = avatarGroup.AvatarGroup;
-exports.Badge = badge.Badge;
-exports.Breadcrumbs = breadcrumbs.Breadcrumbs;
-exports.BreadcrumbsItem = breadcrumbsItem.BreadcrumbsItem;
-exports.Button = button.Button;
-exports.IconButton = iconButton.IconButton;
-exports.ButtonGroup = buttonGroup.ButtonGroup;
-exports.Caption = caption.Caption;
-exports.Checkbox = checkbox.Checkbox;
-exports.ColorPicker = colorPicker.ColorPicker;
-exports.DatePicker = datePicker.DatePicker;
-exports.DateRangePicker = dateRangePicker.DateRangePicker;
-exports.DatePickerPopover = datePickerPopover.DatePickerPopover;
-exports.DateRangePickerPopover = dateRangePickerPopover.DateRangePickerPopover;
-exports.Dialog = dialog.Dialog;
-exports.DialogHeader = dialogHeader.DialogHeader;
-exports.DialogBody = dialogBody.DialogBody;
-exports.DialogFooter = dialogFooter.DialogFooter;
-exports.EmptyState = emptyState.EmptyState;
-exports.FilePicker = filePicker.FilePicker;
-exports.FilterButtons = filterButtons.FilterButtons;
-exports.FilterButton = filterButton.FilterButton;
-exports.FilteredSearch = filteredSearch.FilteredSearch;
-exports.StringFilter = stringFilter.StringFilter;
-exports.StringSetFilter = stringSetFilter.StringSetFilter;
-exports.FormField = formField.FormField;
-exports.Label = label.Label;
-exports.Menu = menu.Menu;
-exports.MenuItem = menuItem.MenuItem;
-exports.MenuSeparator = menuSeparator.MenuSeparator;
-exports.NavList = navList.NavList;
-exports.NavListItem = navListItem.NavListItem;
-exports.NavListTitle = navListTitle.NavListTitle;
-exports.PasswordInput = passwordInput.PasswordInput;
-exports.Popover = popover.Popover;
-exports.Portal = portal.Portal;
-exports.Positioner = positioner.Positioner;
-exports.Radio = radio.Radio;
-exports.SegmentedControl = segmentedControl.SegmentedControl;
-exports.Select = select.Select;
-exports.SelectionControl = selectionControl.SelectionControl;
-exports.SlideOver = slideOver.SlideOver;
-exports.SlideOverHeader = slideOverHeader.SlideOverHeader;
-exports.SlideOverBody = slideOverBody.SlideOverBody;
-exports.Slider = slider.Slider;
-exports.SliderTickMarks = sliderTickMarks.SliderTickMarks;
-exports.Spinner = spinner.Spinner;
-exports.Switch = _switch.Switch;
-exports.TableContainer = tableContainer.TableContainer;
-exports.Table = table.Table;
-exports.TableHead = tableHead.TableHead;
-exports.TableBody = tableBody.TableBody;
-exports.TableRow = tableRow.TableRow;
-exports.TableHeadCell = tableHeadCell.TableHeadCell;
-exports.TableCell = tableCell.TableCell;
-exports.Tabs = tabs.Tabs;
-exports.TabList = tabList.TabList;
-exports.Tab = tab.Tab;
-exports.TabPanel = tabPanel.TabPanel;
-exports.Tag = tag.Tag;
-exports.TextInput = textInput.TextInput;
-exports.Textarea = textarea.Textarea;
-exports.Toast = toast.Toast;
-exports.ToastButton = toastButton.ToastButton;
-exports.Toaster = toaster.Toaster;
-exports.Tooltip = tooltip.Tooltip;

package/cjs/lib/helpers.cjs

@@ -1,25 +0,0 @@
-'use strict';
-
-function once(fn) {
-    let called = false;
-    let result;
-    return (...args) => {
-        if (!called) {
-            called = true;
-            result = fn(...args);
-        }
-        return result;
-    };
-}
-function exhaustiveCheck(value, message) {
-    throw new Error(message);
-}
-function assertIfNullable(value, message = 'assertIfNullable: value is null or undefined.') {
-    if (value == null) {
-        throw Error(message);
-    }
-}
-
-exports.assertIfNullable = assertIfNullable;
-exports.exhaustiveCheck = exhaustiveCheck;
-exports.once = once;

package/cjs/lib/index.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-const keyboardKeys = require('./keyboard-keys.cjs');
-const helpers = require('./helpers.cjs');
-const reactHelpers = require('./react-helpers.cjs');
-
-
-
-exports.KeyboardKeys = keyboardKeys.KeyboardKeys;
-exports.assertIfNullable = helpers.assertIfNullable;
-exports.exhaustiveCheck = helpers.exhaustiveCheck;
-exports.once = helpers.once;
-exports.classNames = reactHelpers.classNames;
-exports.focusElement = reactHelpers.focusElement;
-exports.getRefElement = reactHelpers.getRefElement;
-exports.isReactElementWithRef = reactHelpers.isReactElementWithRef;
-exports.mergeRefs = reactHelpers.mergeRefs;

package/cjs/lib/keyboard-keys.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-const KeyboardKeys = {
-    ArrowUp: 'ArrowUp',
-    ArrowRight: 'ArrowRight',
-    ArrowDown: 'ArrowDown',
-    ArrowLeft: 'ArrowLeft',
-    Tab: 'Tab',
-    Home: 'Home',
-    End: 'End',
-    PageUp: 'PageUp',
-    PageDown: 'PageDown',
-    Enter: 'Enter',
-    Escape: 'Escape',
-    Backspace: 'Backspace',
-    Space: ' ',
-};
-
-exports.KeyboardKeys = KeyboardKeys;

package/cjs/lib/react-helpers.cjs

@@ -1,58 +0,0 @@
-'use strict';
-
-const react = require('react');
-
-function classNames(...classes) {
-    let resultString = '';
-    for (const className of classes) {
-        if (!className) {
-            continue;
-        }
-        if (typeof className === 'object') {
-            for (const key of Object.keys(className)) {
-                if (className[key]) {
-                    resultString += key + ' ';
-                }
-            }
-        }
-        else {
-            resultString += className + ' ';
-        }
-    }
-    return resultString.trimEnd();
-}
-function mergeRefs(...refs) {
-    return (instance) => {
-        for (const ref of refs) {
-            if (ref != null) {
-                if (typeof ref === 'function') {
-                    ref(instance);
-                }
-                else {
-                    Object.assign(ref, { current: instance });
-                }
-            }
-        }
-    };
-}
-function isReactElementWithRef(element) {
-    return react.isValidElement(element) && 'ref' in element;
-}
-function focusElement(element) {
-    if (element != null && element instanceof HTMLElement) {
-        element.focus();
-    }
-}
-function getRefElement(ref, message = 'getElementFromRef: ref value is null.') {
-    const value = ref.current;
-    if (value == null) {
-        throw new Error(message);
-    }
-    return value;
-}
-
-exports.classNames = classNames;
-exports.focusElement = focusElement;
-exports.getRefElement = getRefElement;
-exports.isReactElementWithRef = isReactElementWithRef;
-exports.mergeRefs = mergeRefs;

package/esm/components/alert/alert.js

@@ -1,17 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { classNames } from '../../lib/react-helpers.js';
-
-const Alert = forwardRef(function Alert({ icon = null, heading = null, variant = 'default', appearance = 'default', className, children, ...props }, ref) {
-    const shouldShowIcon = Boolean(icon);
-    const shouldRenderHeading = Boolean(heading);
-    const shouldRenderContent = Boolean(children);
-    return (jsxs("div", { ...props, ref: ref, className: classNames(className, {
-            'dc-alert': true,
-            'dc-alert_has_icon': shouldShowIcon,
-            [`dc-alert_variant_${variant}`]: variant,
-            [`dc-alert_appearance_${appearance}`]: appearance,
-        }), children: [shouldShowIcon && jsx("div", { className: "dc-alert__icon", children: icon }), jsxs("div", { className: "dc-alert__body", children: [shouldRenderHeading && (jsx("h1", { className: "dc-alert__title", children: heading })), shouldRenderContent && (jsx("div", { className: "dc-alert__content", children: children }))] })] }));
-});
-
-export { Alert };

package/esm/components/avatar/avatar.js

@@ -1,29 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { classNames } from '../../lib/react-helpers.js';
-
-const avatarSizesPx = {
-    xs: 24,
-    sm: 32,
-    md: 40,
-    lg: 48,
-    xl: 56,
-};
-const Avatar = forwardRef(function Avatar({ isSquare = false, hasInnerShadow = false, size = 'md', fill = 'gray', src, alt, placeholder, className, ...props }, ref) {
-    let content;
-    if (!src && placeholder) {
-        content = (jsx("div", { className: "dc-avatar__placeholder", "aria-label": alt, children: placeholder }));
-    }
-    else {
-        const sizePx = avatarSizesPx[size];
-        content = (jsx("img", { className: "dc-avatar__image", src: src, alt: alt, width: sizePx, height: sizePx }));
-    }
-    return (jsx("div", { ...props, ref: ref, className: classNames(className, 'dc-avatar', {
-            [`dc-avatar_size_${size}`]: size,
-            [`dc-avatar_fill_${fill}`]: fill,
-            'dc-avatar_square': isSquare,
-            'dc-avatar_has_inner-shadow': hasInnerShadow,
-        }), children: content }));
-});
-
-export { Avatar };

package/esm/components/avatar-group/avatar-group.js

@@ -1,8 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { classNames } from '../../lib/react-helpers.js';
-
-function AvatarGroup({ className, children, ...props }) {
-    return (jsx("div", { ...props, className: classNames(className, 'dc-avatar-group'), children: children }));
-}
-
-export { AvatarGroup };

package/esm/components/breadcrumbs/breadcrumbs-context.js

@@ -1,16 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
-
-const BreadcrumbsContext = createContext(null);
-function useBreadcrumbsContext() {
-    const context = useContext(BreadcrumbsContext);
-    if (!context) {
-        throw new Error('useBreadcrumbsContext must be used withing BreadcrumbsContextProvider');
-    }
-    return context;
-}
-function BreadcrumbsContextProvider(props) {
-    return (jsx(BreadcrumbsContext.Provider, { value: { separator: props.separator }, children: props.children }));
-}
-
-export { BreadcrumbsContextProvider, useBreadcrumbsContext };

package/esm/components/breadcrumbs/breadcrumbs-item.js

@@ -1,19 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { classNames } from '../../lib/react-helpers.js';
-import { useBreadcrumbsContext } from './breadcrumbs-context.js';
-
-function BreadcrumbsItem({ className, icon, children, renderAs, ...props }) {
-    const { separator } = useBreadcrumbsContext();
-    className = classNames('dc-breadcrumbs-item__link', className);
-    children = (jsxs(Fragment, { children: [icon != null && jsx("div", { className: "dc-breadcrumbs-item__icon", children: icon }), jsx("div", { className: "dc-breadcrumbs-item__text", children: children })] }));
-    let content;
-    if (typeof renderAs === 'function') {
-        content = renderAs({ className, children });
-    }
-    else {
-        content = jsx("a", { ...props, className: className, children: children });
-    }
-    return (jsxs("li", { className: "dc-breadcrumbs-item", children: [content, separator != null && (jsx("div", { "aria-hidden": true, className: "dc-breadcrumbs-item__separator", children: separator }))] }));
-}
-
-export { BreadcrumbsItem };

package/esm/components/breadcrumbs/breadcrumbs.js

@@ -1,10 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { classNames } from '../../lib/react-helpers.js';
-import { BreadcrumbsContextProvider } from './breadcrumbs-context.js';
-
-const defaultSeparator = (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 6 18", width: 6, height: 18, fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeWidth: 1, children: jsx("line", { x1: 1, y1: 16, x2: 4, y2: 1 }) }));
-function Breadcrumbs({ separator = defaultSeparator, className, children, ...props }) {
-    return (jsx(BreadcrumbsContextProvider, { separator: separator, children: jsx("nav", { ...props, className: classNames('dc-breadcrumbs', className), children: jsx("ol", { className: "dc-breadcrumbs__items", children: children }) }) }));
-}
-
-export { Breadcrumbs };

package/esm/components/button/button.js

@@ -1,39 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { classNames } from '../../lib/react-helpers.js';
-import { Spinner } from '../spinner/spinner.js';
-
-const Button = forwardRef(function Button({ isBlock = false, disabled = false, loading = false, type = 'button', size = 'sm', variant = 'filled', appearance = 'default', leftIcon = null, rightIcon = null, caption = null, renderAs, className, children, ...props }, ref) {
-    let addOnLeft = null;
-    if (loading) {
-        addOnLeft = (jsx("span", { "data-testid": "button-spinner", className: "dc-button__spinner", children: jsx(Spinner, { size: "1.15em" }) }));
-    }
-    else if (leftIcon) {
-        addOnLeft = (jsx("span", { "data-testid": "button-icon", className: "dc-button__icon", children: leftIcon }));
-    }
-    let addOnRight = null;
-    if (rightIcon) {
-        addOnRight = (jsx("span", { "data-testid": "button-icon", className: "dc-button__icon", children: rightIcon }));
-    }
-    const shouldRenderLabel = Boolean(children);
-    const shouldRenderCaption = Boolean(caption);
-    const content = (jsxs(Fragment, { children: [addOnLeft, shouldRenderLabel && (jsxs("span", { className: "dc-button__body", children: [jsx("span", { className: "dc-button__label", children: children }), shouldRenderCaption && (jsx("small", { className: "dc-button__caption", children: caption }))] })), addOnRight] }));
-    className = classNames(className, {
-        'dc-button': true,
-        'dc-button_block': isBlock,
-        'dc-button_loading': loading,
-        'dc-button_has_caption': shouldRenderCaption,
-        [`dc-button_${size}`]: size,
-        [`dc-button_appearance_${appearance}`]: appearance,
-        [`dc-button_variant_${variant}`]: variant,
-    });
-    if (typeof renderAs === 'function') {
-        return renderAs({
-            className,
-            children: content,
-        });
-    }
-    return (jsx("button", { ref: ref, type: type, disabled: disabled || loading, className: className, ...props, children: content }));
-});
-
-export { Button };

package/esm/components/button/icon-button.js

@@ -1,10 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { classNames } from '../../lib/react-helpers.js';
-import { Button } from './button.js';
-
-const IconButton = forwardRef(function IconButton({ className, icon, ...props }, ref) {
-    return jsx(Button, { ...props, ref: ref, leftIcon: icon, className: classNames('dc-button_icon-only', className) });
-});
-
-export { IconButton };

package/esm/components/button-group/button-group.js

@@ -1,8 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { classNames } from '../../lib/react-helpers.js';
-
-function ButtonGroup({ className, children, ...props }) {
-    return (jsx("div", { ...props, className: classNames(className, 'dc-button-group'), children: children }));
-}
-
-export { ButtonGroup };