draft-components 1.0.0-beta → 1.0.0-beta.3.1

package/esm/components/table/table-cell.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 export const TableCell = forwardRef(function TableCell({ className, children, ...props }, ref) {
     return (_jsx("td", { ...props, ref: ref, className: classNames('dc-table-cell', className), children: children }));
 });

package/esm/components/table/table-container.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 export const TableContainer = forwardRef(function TableContainer({ border, className, children, ...props }, ref) {
     let modifier = '';
     if (typeof border === 'object' && border != null) {

package/esm/components/table/table-head-cell.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, } from 'react';
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 import { ArrowSmallDown, ArrowSmallUp, ArrowsUpDown } from './icons';
 export const TableHeadCell = forwardRef(function TableHeaderCell({ isSortable = false, sort = 'none', className, children, onChangeSort, ...props }, ref) {
     if (isSortable) {

package/esm/components/table/table-head.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 export const TableHead = forwardRef(function TableHead({ className, isTinted = false, ...props }, ref) {
     return (_jsx("thead", { ...props, ref: ref, className: classNames(className, {
             'dc-table-head': true,

package/esm/components/table/table-row.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 export const TableRow = forwardRef(function TableRow({ isSelected, className, ...props }, ref) {
     return (_jsx("tr", { ...props, ref: ref, className: classNames(className, {
             'dc-table-row': true,

package/esm/components/table/table.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 export const Table = forwardRef(function Table({ cellSize = 'md', isStriped = false, isBordered = false, highlightRowOnHover = false, className, children, ...props }, ref) {
     return (_jsx("table", { ...props, ref: ref, className: classNames(className, 'dc-table', {
             [`dc-table_cell_${cellSize}`]: cellSize,

package/esm/components/tabs/tab-list.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, } from 'react';
-import { KeyboardKeys } from '../../shared/keyboard-keys';
-import { assertIfNullable } from '../../shared/util';
-import { classNames, focusElement } from '../../shared/react-helpers';
+import { KeyboardKeys } from '../../lib/keyboard-keys';
+import { assertIfNullable } from '../../lib/helpers';
+import { classNames, focusElement } from '../../lib/react-helpers';
 import { useTabsContext } from './tabs-context';
 export function TabList({ className, children, onFocus, onBlur, onKeyDown, ...props }) {
     const ref = useRef(null);

package/esm/components/tabs/tab-panel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 import { useTabsContext } from './tabs-context';
 export function TabPanel({ tab, id, className, children, 'aria-labelledby': ariaLabelledBy, ...props }) {
     const { selectedTab, getTabProps } = useTabsContext();

package/esm/components/tabs/tab.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 import { useTabsContext } from './tabs-context';
 import { Badge } from '../badge';
 export function Tab({ id, name, icon, counter, className, children, onClick, 'aria-controls': ariaControls, ...props }) {

package/esm/components/tabs/tabs.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 import { TabsContextProvider } from './tabs-context';
 export function Tabs({ className, children, selectedTab, onSelectTab, ...props }) {
     return (_jsx(TabsContextProvider, { selectedTab: selectedTab, setSelectedTab: onSelectTab, children: _jsx("div", { ...props, className: classNames('dc-tabs', className), children: children }) }));

package/esm/components/tag/tag.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 export function Tag({ isRounded = false, variant = 'tinted', fill = 'gray', size = 'md', className, children, ...props }) {
     return (_jsx("strong", { ...props, className: classNames(className, 'dc-tag', {
             [`dc-tag_${variant}`]: variant,

package/esm/components/text-input/text-input.d.ts

@@ -17,5 +17,5 @@ export type TextInputProps = TextInputBaseProps & {
     htmlSize?: TextInputHTMLProps['size'];
     onChangeValue?: TextInputChangeValueHandler;
 };
-export declare const TextInput: import("react").ForwardRefExoticComponent<Pick<TextInputProps, "form" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "size" | "src" | "alt" | "width" | "height" | "value" | "type" | "max" | "min" | "name" | "crossOrigin" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isBlock" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "hasError" | "htmlSize" | "onChangeValue" | "suffix" | "widthCh"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const TextInput: import("react").ForwardRefExoticComponent<Pick<TextInputProps, "hidden" | "form" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "size" | "src" | "alt" | "width" | "height" | "value" | "type" | "max" | "min" | "name" | "crossOrigin" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isBlock" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "hasError" | "htmlSize" | "onChangeValue" | "suffix" | "widthCh"> & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/esm/components/text-input/text-input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 export const TextInput = forwardRef(function TextInput({ hasError = false, isBlock = false, type = 'text', size = 'md', prefix, suffix, style, className, disabled, width, htmlSize, onChange, onChangeValue, ...props }, ref) {
     const shouldRenderPrefix = Boolean(prefix);
     const shouldRenderSuffix = Boolean(suffix);

package/esm/components/textarea/textarea.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useState, } from 'react';
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 import { Caption } from '../caption';
 export const Textarea = forwardRef(function Textarea({ disabled = false, hasError = false, isBlock = false, showCharacterCount = false, size = 'md', rows = 3, width, style, className, maxLength, onChange, onChangeValue, renderCharacterCount = getCharactersCountMessage, ...props }, ref) {
     const shouldRenderCharacterCount = (showCharacterCount &&

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 export const ToastButton = forwardRef(function ToastButton({ className, ...props }, ref) {
     return (_jsx("button", { ...props, ref: ref, className: classNames(className, 'dc-toast__btn') }));
 });

package/esm/components/toast/toast.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames } from '../../shared/react-helpers';
+import { classNames } from '../../lib/react-helpers';
 import { XMarkIcon } from './x-mark-icon';
 export function Toast({ icon, message, actions, closeButtonAriaLabel = 'close', onClickCloseButton, children, className, ...props }) {
     return (_jsxs("section", { ...props, className: classNames('dc-toast', className), children: [_jsx("button", { className: "dc-toast__close-btn", "aria-label": closeButtonAriaLabel, onClick: onClickCloseButton, children: _jsx(XMarkIcon, { width: 16, height: 16 }) }), _jsxs("div", { className: "dc-toast__body", children: [icon && _jsx("div", { className: "dc-toast__icon", children: icon }), _jsxs("div", { className: "dc-toast__content", children: [_jsx("h1", { className: "dc-toast__title", children: children }), message && _jsx("div", { className: "dc-toast__message", children: message })] })] }), actions && _jsx("div", { className: "dc-toast__actions", children: actions })] }));

package/esm/components/toaster/toaster.js

@@ -12,8 +12,8 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 var _Toaster_instances, _Toaster_id, _Toaster_timeoutMs, _Toaster_onShow, _Toaster_onHide, _Toaster_getNextID;
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState, useRef } from 'react';
-import { assertIfNullable } from '../../shared/util';
-import { classNames } from '../../shared/react-helpers';
+import { assertIfNullable } from '../../lib/helpers';
+import { classNames } from '../../lib/react-helpers';
 import { Portal } from '../portal';
 import { Toast, ToastButton } from '../toast';
 const TOAST_SHOW_EVENT = 'toast_show';

package/esm/components/tooltip/tooltip.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cloneElement, useId, useMemo, useState, } from 'react';
-import { classNames, isReactElementWithRef, mergeRefs, } from '../../shared/react-helpers';
+import { classNames, isReactElementWithRef, mergeRefs, } from '../../lib/react-helpers';
 import { useMountTransition } from '../../hooks';
 import { Positioner, } from '../positioner';
 export function Tooltip({ anchorGap = 8, placement = 'top', alignment = 'center', style, className, content, children, ...props }) {

package/esm/hooks/use-disable-body-scroll.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { once } from '../shared/util';
+import { once } from '../lib/helpers';
 export function useDisableBodyScroll(options) {
     useEffect(() => {
         if (options.isEnabled) {

package/esm/hooks/use-esc-key-down.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from 'react';
-import { KeyboardKeys } from '../shared/keyboard-keys';
+import { KeyboardKeys } from '../lib/keyboard-keys';
 const handlers = [];
 /**
  * Invokes a given handler when the `Esc` key was pressed.

package/esm/hooks/use-focus-trap.js

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
-import { focusElement } from '../shared/react-helpers';
-import { KeyboardKeys } from '../shared/keyboard-keys';
+import { KeyboardKeys } from '../lib/keyboard-keys';
+import { focusElement } from '../lib/react-helpers';
 const modals = [];
 const focusableElementsSelector = [
     'a[href]',

package/esm/hooks/use-mount-transition.js

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { classNames } from '../shared/react-helpers';
+import { classNames } from '../lib/react-helpers';
 export function useMountTransition({ animateFirstMount = false, isShown, durationMs, enterFrom, enterTo, }) {
     const [isMounted, setIsMounted] = useState(isShown);
     const [hasEnterToClass, setHasEnterToClass] = useState(false);

package/esm/index.d.ts

@@ -1,37 +1,3 @@
-export * from './components/alert';
-export * from './components/avatar';
-export * from './components/avatar-group';
-export * from './components/badge';
-export * from './components/breadcrumbs';
-export * from './components/button';
-export * from './components/button-group';
-export * from './components/caption';
-export * from './components/checkbox';
-export * from './components/date-picker';
-export * from './components/date-picker-popover';
-export * from './components/date-range-picker-popover';
-export * from './components/dialog';
-export * from './components/empty-state';
-export * from './components/file-picker';
-export * from './components/filter-buttons';
-export * from './components/form-field';
-export * from './components/label';
-export * from './components/menu';
-export * from './components/nav-list';
-export * from './components/password-input';
-export * from './components/popover';
-export * from './components/portal';
-export * from './components/radio';
-export * from './components/segmented-control';
-export * from './components/select';
-export * from './components/slider';
-export * from './components/spinner';
-export * from './components/switch';
-export * from './components/table';
-export * from './components/tabs';
-export * from './components/tag';
-export * from './components/text-input';
-export * from './components/textarea';
-export * from './components/toast';
-export * from './components/toaster';
-export * from './components/tooltip';
+export * from './lib';
+export * from './hooks';
+export * from './components';

package/esm/index.js

@@ -1,37 +1,3 @@
-export * from './components/alert';
-export * from './components/avatar';
-export * from './components/avatar-group';
-export * from './components/badge';
-export * from './components/breadcrumbs';
-export * from './components/button';
-export * from './components/button-group';
-export * from './components/caption';
-export * from './components/checkbox';
-export * from './components/date-picker';
-export * from './components/date-picker-popover';
-export * from './components/date-range-picker-popover';
-export * from './components/dialog';
-export * from './components/empty-state';
-export * from './components/file-picker';
-export * from './components/filter-buttons';
-export * from './components/form-field';
-export * from './components/label';
-export * from './components/menu';
-export * from './components/nav-list';
-export * from './components/password-input';
-export * from './components/popover';
-export * from './components/portal';
-export * from './components/radio';
-export * from './components/segmented-control';
-export * from './components/select';
-export * from './components/slider';
-export * from './components/spinner';
-export * from './components/switch';
-export * from './components/table';
-export * from './components/tabs';
-export * from './components/tag';
-export * from './components/text-input';
-export * from './components/textarea';
-export * from './components/toast';
-export * from './components/toaster';
-export * from './components/tooltip';
+export * from './lib';
+export * from './hooks';
+export * from './components';

package/esm/lib/index.d.ts

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

package/esm/lib/index.js

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

package/package.json

@@ -1,31 +1,42 @@
 {
   "name": "draft-components",
-  "version": "1.0.0-beta",
+  "version": "1.0.0-beta.3.1",
   "description": "The React based UI components library.",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./dist/index.js"
+      "import": [
+        "./esm/index.js",
+        "./esm/*.js"
+      ],
+      "require": [
+        "./cjs/index.js",
+        "./cjs/*.js"
+      ]
+    },
+    "./css/*": {
+      "import": "./css/*",
+      "require": "./css/*"
     }
   },
-  "main": "dist/index.js",
-  "module": "esm/index.js",
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
   "files": [
-    "css",
-    "dist",
-    "esm"
+    "cjs",
+    "esm",
+    "css"
   ],
   "scripts": {
+    "prepare": "husky install",
     "test": "jest",
     "test-coverage": "npm run test -- --coverage --no-cache",
     "lint": "eslint '**/*.{js,ts,tsx}'",
     "stylelint": "stylelint 'src/**/*.css'",
     "type-check": "tsc --noEmit",
-    "build": "gulp",
     "prebuild": "npm run test && npm run lint && npm run stylelint",
+    "build": "gulp",
+    "build-storybook": "build-storybook",
     "preversion": "npm run build",
-    "storybook": "start-storybook --port 6060 --no-open",
-    "build-storybook": "build-storybook"
+    "storybook": "start-storybook --port 6060 --no-open"
   },
   "repository": {
     "type": "git",
@@ -78,7 +89,7 @@
     "gulp": "4.0.2",
     "gulp-postcss": "9.0.1",
     "gulp-rename": "2.0.0",
-    "husky": "4.3.8",
+    "husky": "8.0.3",
     "jest": "29.3.1",
     "jest-environment-jsdom": "29.3.1",
     "lint-staged": "13.1.0",
@@ -88,16 +99,12 @@
     "storybook": "6.5.15",
     "stylelint": "14.16.1",
     "stylelint-config-standard": "29.0.0",
-    "stylelint-order": "5.0.0",
+    "stylelint-order": "6.0.0",
     "typescript": "4.9.4",
     "vite": "4.0.4"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
   "lint-staged": {
-    "src/**/*.ts?(x)": "npm run lint"
+    "src/**/*.ts?(x)": "npm run lint",
+    "src/**/*.css": "npm run stylelint"
   }
 }

package/dist/index.d.ts

@@ -1,37 +0,0 @@
-export * from './components/alert';
-export * from './components/avatar';
-export * from './components/avatar-group';
-export * from './components/badge';
-export * from './components/breadcrumbs';
-export * from './components/button';
-export * from './components/button-group';
-export * from './components/caption';
-export * from './components/checkbox';
-export * from './components/date-picker';
-export * from './components/date-picker-popover';
-export * from './components/date-range-picker-popover';
-export * from './components/dialog';
-export * from './components/empty-state';
-export * from './components/file-picker';
-export * from './components/filter-buttons';
-export * from './components/form-field';
-export * from './components/label';
-export * from './components/menu';
-export * from './components/nav-list';
-export * from './components/password-input';
-export * from './components/popover';
-export * from './components/portal';
-export * from './components/radio';
-export * from './components/segmented-control';
-export * from './components/select';
-export * from './components/slider';
-export * from './components/spinner';
-export * from './components/switch';
-export * from './components/table';
-export * from './components/tabs';
-export * from './components/tag';
-export * from './components/text-input';
-export * from './components/textarea';
-export * from './components/toast';
-export * from './components/toaster';
-export * from './components/tooltip';

package/dist/index.js

@@ -1,53 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components/alert"), exports);
-__exportStar(require("./components/avatar"), exports);
-__exportStar(require("./components/avatar-group"), exports);
-__exportStar(require("./components/badge"), exports);
-__exportStar(require("./components/breadcrumbs"), exports);
-__exportStar(require("./components/button"), exports);
-__exportStar(require("./components/button-group"), exports);
-__exportStar(require("./components/caption"), exports);
-__exportStar(require("./components/checkbox"), exports);
-__exportStar(require("./components/date-picker"), exports);
-__exportStar(require("./components/date-picker-popover"), exports);
-__exportStar(require("./components/date-range-picker-popover"), exports);
-__exportStar(require("./components/dialog"), exports);
-__exportStar(require("./components/empty-state"), exports);
-__exportStar(require("./components/file-picker"), exports);
-__exportStar(require("./components/filter-buttons"), exports);
-__exportStar(require("./components/form-field"), exports);
-__exportStar(require("./components/label"), exports);
-__exportStar(require("./components/menu"), exports);
-__exportStar(require("./components/nav-list"), exports);
-__exportStar(require("./components/password-input"), exports);
-__exportStar(require("./components/popover"), exports);
-__exportStar(require("./components/portal"), exports);
-__exportStar(require("./components/radio"), exports);
-__exportStar(require("./components/segmented-control"), exports);
-__exportStar(require("./components/select"), exports);
-__exportStar(require("./components/slider"), exports);
-__exportStar(require("./components/spinner"), exports);
-__exportStar(require("./components/switch"), exports);
-__exportStar(require("./components/table"), exports);
-__exportStar(require("./components/tabs"), exports);
-__exportStar(require("./components/tag"), exports);
-__exportStar(require("./components/text-input"), exports);
-__exportStar(require("./components/textarea"), exports);
-__exportStar(require("./components/toast"), exports);
-__exportStar(require("./components/toaster"), exports);
-__exportStar(require("./components/tooltip"), exports);