draft-components 1.13.0 → 2.0.1

package/{esm → dist}/components/toaster/toaster.js

@@ -1,16 +1,14 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useState, useEffect } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
 import { assertIfNullable } from '../../lib/helpers.js';
 import { classNames } from '../../lib/react-helpers.js';
-import { Portal } from '../portal/portal.js';
-import { Toast } from '../toast/toast.js';
-import { ToastButton } from '../toast/toast-button.js';
-
+import { Portal } from '../portal/index.js';
+import { Toast, ToastButton } from '../toast/index.js';
 const TOAST_SHOW_EVENT = 'toast_show';
 const isToastShowEvent = (event) => (event instanceof CustomEvent && event.type === TOAST_SHOW_EVENT);
 const TOAST_HIDE_EVENT = 'toast_hide';
 const isToastHideEvent = (event) => (event instanceof CustomEvent && event.type === TOAST_HIDE_EVENT);
-class Toaster {
+export class Toaster {
     constructor(params) {
         this._id = 0;
         this.timeoutMs = params?.timeoutMs || 10000;
@@ -46,7 +44,7 @@ class Toaster {
         window.dispatchEvent(event);
     }
     render(options) {
-        return (jsx(ToastsList, { toaster: this, toastGap: options?.toastGap, toastPosition: options?.toastPosition, toastCloseButtonAriaLabel: options?.toastCloseButtonAriaLabel }));
+        return (_jsx(ToastsList, { toaster: this, toastGap: options?.toastGap, toastPosition: options?.toastPosition, toastCloseButtonAriaLabel: options?.toastCloseButtonAriaLabel }));
     }
 }
 function ToastsList({ toaster, toastGap = 12, toastPosition = 'top-center', toastCloseButtonAriaLabel = 'Close', }) {
@@ -95,19 +93,17 @@ function ToastsList({ toaster, toastGap = 12, toastPosition = 'top-center', toas
             }
         }
     }, [toasts, toastGap, toastPosition]);
-    return (jsx(Portal, { children: jsx("ul", { ref: ref, className: classNames({
+    return (_jsx(Portal, { children: _jsx("ul", { ref: ref, className: classNames({
                 'dc-toasts-list': true,
                 [`dc-toasts-list_${toastPosition}`]: toastPosition,
             }), children: toasts.map((toast) => {
                 const hideToast = () => toaster.hideToast(toast.id);
-                const actions = toast.actions?.map((action, index) => (jsx(ToastButton, { onClick: () => {
+                const actions = toast.actions?.map((action, index) => (_jsx(ToastButton, { onClick: () => {
                         action.onClick?.();
                         if (action.shouldHideAfterClick ?? true) {
                             hideToast();
                         }
                     }, children: action.content }, index)));
-                return (jsx("li", { children: jsx(Toast, { className: "dc-toasts-list__toast", role: "alert", icon: toast.icon, message: toast.message, actions: actions, closeButtonAriaLabel: toastCloseButtonAriaLabel, onClickCloseButton: hideToast, children: toast.title }) }, toast.id));
+                return (_jsx("li", { children: _jsx(Toast, { className: "dc-toasts-list__toast", role: "alert", icon: toast.icon, message: toast.message, actions: actions, closeButtonAriaLabel: toastCloseButtonAriaLabel, onClickCloseButton: hideToast, children: toast.title }) }, toast.id));
             }) }) }));
 }
-
-export { Toaster };

package/dist/components/tooltip/index.d.ts

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

package/dist/components/tooltip/index.js

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

package/{types → dist}/components/tooltip/tooltip.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode, RefCallback } from 'react';
-import { PositionerProps } from '../positioner';
+import { PositionerProps } from '../positioner/index.js';
 type TooltipChildrenRenderFn = (props: {
     ref: RefCallback<HTMLElement>;
 }, context: {

package/{esm → dist}/components/tooltip/tooltip.js

@@ -1,10 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useId, useMemo, cloneElement } from 'react';
-import { isReactElementWithRef, mergeRefs, classNames } from '../../lib/react-helpers.js';
-import { useMountTransition } from '../../hooks/use-mount-transition.js';
-import { Positioner } from '../positioner/positioner.js';
-
-function Tooltip({ anchorGap = 8, placement = 'top', alignment = 'center', style, className, htmlContent, content, children, ...props }) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cloneElement, useId, useMemo, useState, } from 'react';
+import { classNames, isReactElementWithRef, mergeRefs } from '../../lib/react-helpers.js';
+import { useMountTransition } from '../../hooks/index.js';
+import { Positioner } from '../positioner/index.js';
+export function Tooltip({ anchorGap = 8, placement = 'top', alignment = 'center', style, className, htmlContent, content, children, ...props }) {
     const [defaultShow, setDefaultShow] = useState(props.defaultIsShown ?? false);
     const defaultId = useId();
     const tooltipId = props.id || defaultId;
@@ -60,14 +59,12 @@ function Tooltip({ anchorGap = 8, placement = 'top', alignment = 'center', style
         if (isShown || isMounted) {
             delete props.defaultIsShown;
             delete props.isShown;
-            return (jsx("div", { ...props, ref: portalRef, id: tooltipId, style: {
+            return (_jsx("div", { ...props, ref: portalRef, id: tooltipId, style: {
                     '--dc-tooltip-transition-duration': `${durationMs}ms`,
                     ...portalStyle,
                     ...style,
                 }, className: classNames('dc-tooltip', transitionClass, className), content: htmlContent, role: "tooltip", children: content }));
         }
     };
-    return (jsx(Positioner, { placement: placement, alignment: alignment, anchorGap: anchorGap, renderAnchor: renderAnchor, renderContent: renderContent }));
+    return (_jsx(Positioner, { placement: placement, alignment: alignment, anchorGap: anchorGap, renderAnchor: renderAnchor, renderContent: renderContent }));
 }
-
-export { Tooltip };

package/dist/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './use-disable-body-scroll.js';
+export * from './use-esc-key-down.js';
+export * from './use-focus-trap.js';
+export * from './use-mount-transition.js';

package/dist/hooks/index.js

@@ -0,0 +1,4 @@
+export * from './use-disable-body-scroll.js';
+export * from './use-esc-key-down.js';
+export * from './use-focus-trap.js';
+export * from './use-mount-transition.js';

package/{esm → dist}/hooks/use-disable-body-scroll.js

@@ -1,7 +1,6 @@
 import { useEffect } from 'react';
 import { once } from '../lib/helpers.js';
-
-function useDisableBodyScroll(options = {
+export function useDisableBodyScroll(options = {
     isEnabled: true,
 }) {
     useEffect(() => {
@@ -31,5 +30,3 @@ function disableBodyScroll() {
         }
     });
 }
-
-export { useDisableBodyScroll };

package/{esm → dist}/hooks/use-esc-key-down.js

@@ -1,6 +1,5 @@
-import { useRef, useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import { KeyboardKeys } from '../lib/keyboard-keys.js';
-
 const handlers = [];
 /**
  * Invokes a given handler when the `Esc` key was pressed.
@@ -13,7 +12,7 @@ const handlers = [];
  * @param options.isEnabled A flag that determines whether to run
  * the passed handler or not.
  */
-function useEscKeyDown(handler, options = {
+export function useEscKeyDown(handler, options = {
     isEnabled: true,
 }) {
     const handlerRef = useRef(handler);
@@ -50,5 +49,3 @@ function useEscKeyDown(handler, options = {
         };
     }, [isEnabled]);
 }
-
-export { useEscKeyDown };

package/{esm → dist}/hooks/use-focus-trap.js

@@ -1,7 +1,6 @@
 import { useEffect } from 'react';
 import { KeyboardKeys } from '../lib/keyboard-keys.js';
 import { focusElement } from '../lib/react-helpers.js';
-
 const modals = [];
 const focusableElementsSelector = [
     'a[href]',
@@ -24,7 +23,7 @@ const focusableElementsSelector = [
  * @param {boolean} options.isEnabled - A flag that determines whether
  * to trap focus or not.
  */
-function useFocusTrap(modalRef, options = {
+export function useFocusTrap(modalRef, options = {
     isEnabled: true,
 }) {
     const isEnabled = options.isEnabled;
@@ -83,5 +82,3 @@ function useFocusTrap(modalRef, options = {
         };
     }, [isEnabled, modalRef]);
 }
-
-export { useFocusTrap };

package/{esm → dist}/hooks/use-mount-transition.js

@@ -1,7 +1,6 @@
-import { useState, useRef, useMemo, useEffect } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { classNames } from '../lib/react-helpers.js';
-
-function useMountTransition({ animateFirstMount = false, isShown, durationMs, enterFrom, enterTo, }) {
+export function useMountTransition({ animateFirstMount = false, isShown, durationMs, enterFrom, enterTo, }) {
     const [isMounted, setIsMounted] = useState(isShown);
     const [hasEnterToClass, setHasEnterToClass] = useState(false);
     const firstMount = useRef(true);
@@ -35,5 +34,3 @@ function useMountTransition({ animateFirstMount = false, isShown, durationMs, en
             : classNames(enterFrom, hasEnterToClass && enterTo),
     };
 }
-
-export { useMountTransition };

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/index.js';
+export * from './hooks/index.js';
+export * from './components/index.js';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './lib/index.js';
+export * from './hooks/index.js';
+export * from './components/index.js';

package/{esm → dist}/lib/helpers.js

@@ -1,4 +1,4 @@
-function once(fn) {
+export function once(fn) {
     let called = false;
     let result;
     return (...args) => {
@@ -9,13 +9,11 @@ function once(fn) {
         return result;
     };
 }
-function exhaustiveCheck(value, message) {
+export function exhaustiveCheck(value, message) {
     throw new Error(message);
 }
-function assertIfNullable(value, message = 'assertIfNullable: value is null or undefined.') {
+export function assertIfNullable(value, message = 'assertIfNullable: value is null or undefined.') {
     if (value == null) {
         throw Error(message);
     }
 }
-
-export { assertIfNullable, exhaustiveCheck, once };

package/dist/lib/index.d.ts

@@ -0,0 +1,3 @@
+export * from './keyboard-keys.js';
+export * from './helpers.js';
+export * from './react-helpers.js';

package/dist/lib/index.js

@@ -0,0 +1,3 @@
+export * from './keyboard-keys.js';
+export * from './helpers.js';
+export * from './react-helpers.js';

package/{esm → dist}/lib/keyboard-keys.js

@@ -1,4 +1,4 @@
-const KeyboardKeys = {
+export const KeyboardKeys = {
     ArrowUp: 'ArrowUp',
     ArrowRight: 'ArrowRight',
     ArrowDown: 'ArrowDown',
@@ -13,5 +13,3 @@ const KeyboardKeys = {
     Backspace: 'Backspace',
     Space: ' ',
 };
-
-export { KeyboardKeys };

package/{esm → dist}/lib/react-helpers.js

@@ -1,6 +1,5 @@
-import { isValidElement } from 'react';
-
-function classNames(...classes) {
+import { isValidElement, } from 'react';
+export function classNames(...classes) {
     let resultString = '';
     for (const className of classes) {
         if (!className) {
@@ -19,7 +18,7 @@ function classNames(...classes) {
     }
     return resultString.trimEnd();
 }
-function mergeRefs(...refs) {
+export function mergeRefs(...refs) {
     return (instance) => {
         for (const ref of refs) {
             if (ref != null) {
@@ -33,20 +32,18 @@ function mergeRefs(...refs) {
         }
     };
 }
-function isReactElementWithRef(element) {
+export function isReactElementWithRef(element) {
     return isValidElement(element) && 'ref' in element;
 }
-function focusElement(element) {
+export function focusElement(element) {
     if (element != null && element instanceof HTMLElement) {
         element.focus();
     }
 }
-function getRefElement(ref, message = 'getElementFromRef: ref value is null.') {
+export function getRefElement(ref, message = 'getElementFromRef: ref value is null.') {
     const value = ref.current;
     if (value == null) {
         throw new Error(message);
     }
     return value;
 }
-
-export { classNames, focusElement, getRefElement, isReactElementWithRef, mergeRefs };

package/package.json

@@ -1,36 +1,31 @@
 {
   "name": "draft-components",
-  "version": "1.13.0",
+  "version": "2.0.1",
   "description": "The React based UI components library.",
   "type": "module",
   "exports": {
     ".": {
-      "types": "./types/index.d.ts",
-      "import": "./esm/index.js",
-      "require": "./cjs/index.cjs"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
-    "./css/*": {
-      "import": "./css/*",
-      "require": "./css/*"
-    }
+    "./css/*": "./css/*"
+  },
+  "engines": {
+    "node": ">= 16"
   },
-  "module": "./esm/index.js",
-  "main": "./cjs/index.cjs",
-  "types": "./types/index.d.ts",
   "files": [
-    "cjs",
-    "esm",
-    "css",
-    "types"
+    "dist",
+    "css"
   ],
   "scripts": {
     "prepare": "husky install",
-    "test": "jest",
-    "coverage": "npm run test -- --coverage --no-cache",
-    "lint": "eslint '**/*.{js,ts,tsx}'",
-    "lint-styles": "stylelint 'src/**/*.css'",
-    "check-types": "tsc --project 'tsconfig.json' --noEmit",
-    "prebuild": "npm run check-types && npm run test && npm run lint && npm run lint-styles",
+    "test": "vitest run",
+    "coverage": "vitest run --coverage",
+    "lint": "npm run lint-js && npm run lint-css",
+    "lint-js": "eslint '**/*.{js,ts,tsx}'",
+    "lint-css": "stylelint 'src/**/*.css'",
+    "typecheck": "tsc --project 'tsconfig.json' --noEmit",
+    "prebuild": "npm run typecheck && npm run lint && npm run test",
     "build": "node scripts/build.js",
     "build-storybook": "storybook build",
     "preversion": "npm run build",
@@ -57,55 +52,46 @@
   },
   "devDependencies": {
     "@alexzimakov/eslint-config": "1.6.0",
-    "@babel/core": "7.22.9",
-    "@babel/preset-env": "7.22.9",
-    "@babel/preset-react": "7.22.5",
-    "@babel/preset-typescript": "7.22.5",
     "@heroicons/react": "2.0.18",
-    "@rollup/plugin-typescript": "11.1.2",
-    "@storybook/addon-actions": "7.1.1",
-    "@storybook/addon-essentials": "7.1.1",
-    "@storybook/addon-links": "7.1.1",
-    "@storybook/react": "7.1.1",
-    "@storybook/react-vite": "7.1.1",
+    "@storybook/addon-actions": "7.4.0",
+    "@storybook/addon-essentials": "7.4.0",
+    "@storybook/addon-links": "7.4.0",
+    "@storybook/react": "7.4.0",
+    "@storybook/react-vite": "7.4.0",
     "@testing-library/dom": "9.3.1",
-    "@testing-library/jest-dom": "5.17.0",
+    "@testing-library/jest-dom": "6.1.2",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
-    "@types/jest": "29.5.3",
-    "@types/node": "18.17.0",
-    "@types/react": "18.2.16",
+    "@types/node": "18.17.12",
+    "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",
-    "@typescript-eslint/eslint-plugin": "6.2.0",
-    "@typescript-eslint/parser": "6.2.0",
-    "autoprefixer": "10.4.14",
-    "eslint": "8.45.0",
+    "@typescript-eslint/eslint-plugin": "6.5.0",
+    "@typescript-eslint/parser": "6.5.0",
+    "@vitest/coverage-istanbul": "0.34.3",
+    "autoprefixer": "10.4.15",
+    "eslint": "8.48.0",
     "eslint-plugin-jsx-a11y": "6.7.1",
-    "eslint-plugin-react": "7.33.0",
+    "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-storybook": "0.6.13",
-    "eslint-plugin-testing-library": "5.11.0",
+    "eslint-plugin-testing-library": "6.0.1",
     "husky": "8.0.3",
-    "jest": "29.6.1",
-    "jest-environment-jsdom": "29.6.1",
-    "lint-staged": "13.2.3",
-    "postcss": "8.4.27",
+    "jsdom": "22.1.0",
+    "lint-staged": "14.0.1",
+    "postcss": "8.4.29",
     "postcss-import": "15.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rollup": "3.26.3",
-    "storybook": "7.1.1",
-    "stylelint": "15.10.2",
+    "storybook": "7.4.0",
+    "stylelint": "15.10.3",
     "stylelint-config-standard": "34.0.0",
     "stylelint-order": "6.0.3",
-    "typescript": "5.1.6",
-    "vite": "4.4.7"
+    "typescript": "5.2.2",
+    "vite": "4.4.9",
+    "vitest": "0.34.3"
   },
   "lint-staged": {
-    "*.ts?(x)": "npm run lint",
-    "*.css": "npm run lint-styles"
-  },
-  "engines": {
-    "node": ">= 14.16"
+    "*.ts?(x)": "npm run lint-js",
+    "*.css": "npm run lint-css"
   }
 }

package/cjs/components/alert/alert.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const Alert = react.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 (jsxRuntime.jsxs("div", { ...props, ref: ref, className: reactHelpers.classNames(className, {
-            'dc-alert': true,
-            'dc-alert_has_icon': shouldShowIcon,
-            [`dc-alert_variant_${variant}`]: variant,
-            [`dc-alert_appearance_${appearance}`]: appearance,
-        }), children: [shouldShowIcon && jsxRuntime.jsx("div", { className: "dc-alert__icon", children: icon }), jsxRuntime.jsxs("div", { className: "dc-alert__body", children: [shouldRenderHeading && (jsxRuntime.jsx("h1", { className: "dc-alert__title", children: heading })), shouldRenderContent && (jsxRuntime.jsx("div", { className: "dc-alert__content", children: children }))] })] }));
-});
-
-exports.Alert = Alert;

package/cjs/components/avatar/avatar.cjs

@@ -1,31 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const avatarSizesPx = {
-    xs: 24,
-    sm: 32,
-    md: 40,
-    lg: 48,
-    xl: 56,
-};
-const Avatar = react.forwardRef(function Avatar({ isSquare = false, hasInnerShadow = false, size = 'md', fill = 'gray', src, alt, placeholder, className, ...props }, ref) {
-    let content;
-    if (!src && placeholder) {
-        content = (jsxRuntime.jsx("div", { className: "dc-avatar__placeholder", "aria-label": alt, children: placeholder }));
-    }
-    else {
-        const sizePx = avatarSizesPx[size];
-        content = (jsxRuntime.jsx("img", { className: "dc-avatar__image", src: src, alt: alt, width: sizePx, height: sizePx }));
-    }
-    return (jsxRuntime.jsx("div", { ...props, ref: ref, className: reactHelpers.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 }));
-});
-
-exports.Avatar = Avatar;

package/cjs/components/avatar-group/avatar-group.cjs

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

package/cjs/components/badge/badge.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-function Badge({ className, children, ...props }) {
-    let isCircle;
-    if (typeof children === 'number' && children > 0 && children < 10) {
-        isCircle = true;
-    }
-    else if (typeof children === 'string' && children.length === 1) {
-        isCircle = true;
-    }
-    else {
-        isCircle = !children;
-    }
-    return (jsxRuntime.jsx("span", { ...props, className: reactHelpers.classNames(className, {
-            'dc-badge': true,
-            'dc-badge_circle': isCircle,
-        }), children: children }));
-}
-
-exports.Badge = Badge;

package/cjs/components/breadcrumbs/breadcrumbs-context.cjs

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

package/cjs/components/breadcrumbs/breadcrumbs-item.cjs

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

package/cjs/components/breadcrumbs/breadcrumbs.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const breadcrumbsContext = require('./breadcrumbs-context.cjs');
-
-const defaultSeparator = (jsxRuntime.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: jsxRuntime.jsx("line", { x1: 1, y1: 16, x2: 4, y2: 1 }) }));
-function Breadcrumbs({ separator = defaultSeparator, className, children, ...props }) {
-    return (jsxRuntime.jsx(breadcrumbsContext.BreadcrumbsContextProvider, { separator: separator, children: jsxRuntime.jsx("nav", { ...props, className: reactHelpers.classNames('dc-breadcrumbs', className), children: jsxRuntime.jsx("ol", { className: "dc-breadcrumbs__items", children: children }) }) }));
-}
-
-exports.Breadcrumbs = Breadcrumbs;

package/cjs/components/button/button.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 spinner = require('../spinner/spinner.cjs');
-
-const Button = react.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 = (jsxRuntime.jsx("span", { "data-testid": "button-spinner", className: "dc-button__spinner", children: jsxRuntime.jsx(spinner.Spinner, { size: "1.15em" }) }));
-    }
-    else if (leftIcon) {
-        addOnLeft = (jsxRuntime.jsx("span", { "data-testid": "button-icon", className: "dc-button__icon", children: leftIcon }));
-    }
-    let addOnRight = null;
-    if (rightIcon) {
-        addOnRight = (jsxRuntime.jsx("span", { "data-testid": "button-icon", className: "dc-button__icon", children: rightIcon }));
-    }
-    const shouldRenderLabel = Boolean(children);
-    const shouldRenderCaption = Boolean(caption);
-    const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [addOnLeft, shouldRenderLabel && (jsxRuntime.jsxs("span", { className: "dc-button__body", children: [jsxRuntime.jsx("span", { className: "dc-button__label", children: children }), shouldRenderCaption && (jsxRuntime.jsx("small", { className: "dc-button__caption", children: caption }))] })), addOnRight] }));
-    className = reactHelpers.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 (jsxRuntime.jsx("button", { ref: ref, type: type, disabled: disabled || loading, className: className, ...props, children: content }));
-});
-
-exports.Button = Button;

package/cjs/components/button/icon-button.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const button = require('./button.cjs');
-
-const IconButton = react.forwardRef(function IconButton({ className, icon, ...props }, ref) {
-    return jsxRuntime.jsx(button.Button, { ...props, ref: ref, leftIcon: icon, className: reactHelpers.classNames('dc-button_icon-only', className) });
-});
-
-exports.IconButton = IconButton;

package/cjs/components/button-group/button-group.cjs

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