draft-components 0.75.3 → 1.0.0-beta

package/components/table/table-sort-button.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableSortButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const guards_1 = require("../../lib/guards");
-const react_helpers_1 = require("../../lib/react-helpers");
-const button_1 = require("../button");
-const svg_icon_1 = require("../svg-icon");
-const orderSequence = {
-    none: 'asc',
-    asc: 'desc',
-    desc: 'none',
-};
-const orderIcons = {
-    none: {
-        name: 'sort',
-        width: 16,
-        height: 16,
-        viewBox: '0 0 16 16',
-        children: ((0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M4.7065 8.96458H11.6935C12.3217 8.96458 12.6359 9.74529 12.1926 10.2005L8.69907 13.7875C8.42311 14.0708 7.97689 14.0708 7.70386 13.7875L4.20743 10.2005C3.76414 9.74529 4.07826 8.96458 4.7065 8.96458ZM12.1926 5.79955L8.69907 2.21251C8.42311 1.92916 7.97689 1.92916 7.70386 2.21251L4.20743 5.79955C3.76414 6.25471 4.07826 7.03542 4.7065 7.03542H11.6935C12.3217 7.03542 12.6359 6.25471 12.1926 5.79955Z" })),
-    },
-    desc: {
-        name: 'sort-desc',
-        width: 16,
-        height: 16,
-        viewBox: '0 0 16 16',
-        children: ((0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M12.1599 5H3.84116C3.09317 5 2.71918 5.93026 3.24697 6.47261L7.40634 10.7468C7.7349 11.0844 8.26618 11.0844 8.59124 10.7468L12.7506 6.47261C13.2819 5.93026 12.9079 5 12.1599 5Z" })),
-    },
-    asc: {
-        name: 'sort-asc',
-        width: 16,
-        height: 16,
-        viewBox: '0 0 16 16',
-        children: ((0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M12.1599 11H3.84116C3.09317 11 2.71918 10.0697 3.24697 9.52739L7.40634 5.25322C7.7349 4.91559 8.26618 4.91559 8.59124 5.25322L12.7506 9.52739C13.2819 10.0697 12.9079 11 12.1599 11Z" })),
-    },
-};
-const displayedOrders = {
-    none: 'default',
-    asc: 'ascending',
-    desc: 'descending',
-};
-function TableSortButton({ column, order, onSort, renderLabel = renderDefaultLabel, className, ...props }) {
-    var _a;
-    const nextOrder = (_a = orderSequence[order]) !== null && _a !== void 0 ? _a : 'asc';
-    return ((0, jsx_runtime_1.jsx)(button_1.Button, { ...props, className: (0, react_helpers_1.classNames)(className, 'dc-table-sort-btn'), appearance: "minimal", noPadding: true, size: "xs", leadingIcon: (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { icon: orderIcons[order], size: 14 }), onClick: () => {
-            (0, guards_1.isFunction)(onSort) && onSort(nextOrder);
-        }, children: renderLabel(column, nextOrder) }));
-}
-exports.TableSortButton = TableSortButton;
-function renderDefaultLabel(column, order) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Sort by ", column, " in ", displayedOrders[order], " order"] }));
-}

package/components/table/table.d.ts

@@ -1,10 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-export interface TableProps extends ComponentPropsWithRef<'table'> {
-    isLoading?: boolean;
-    isBordered?: boolean;
-    isStriped?: boolean;
-    cellPadding?: 'sm' | 'md' | 'lg';
-    hasStickyHeader?: boolean;
-    shouldHighlightActiveRow?: boolean;
-}
-export declare const Table: import("react").ForwardRefExoticComponent<Pick<TableProps, "slot" | "style" | "summary" | "title" | "className" | "color" | "id" | "lang" | "width" | "role" | "tabIndex" | "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" | "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" | "key" | "hidden" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "isLoading" | "cellPadding" | "cellSpacing" | "isBordered" | "isStriped" | "hasStickyHeader" | "shouldHighlightActiveRow"> & import("react").RefAttributes<HTMLTableElement>>;

package/components/table/table.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.Table = (0, react_1.forwardRef)(function Table({ isLoading, isBordered, isStriped, cellPadding, hasStickyHeader, shouldHighlightActiveRow, className, children, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("table", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, 'dc-table', {
-            'dc-table_loading': isLoading,
-            'dc-table_bordered': isBordered,
-            'dc-table_striped': isStriped,
-            'dc-table_sticky-header': hasStickyHeader,
-            'dc-table_row_highlighted': shouldHighlightActiveRow,
-            [`dc-table_padding_${cellPadding}`]: cellPadding,
-        }), cellSpacing: 0, children: children }));
-});

package/components/tabs/index.d.ts

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

package/components/tabs/index.js

@@ -1,17 +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("./tabs"), exports);

package/components/tabs/tab-list.d.ts

@@ -1,3 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare type TabListProps = ComponentPropsWithoutRef<'div'>;
-export declare function TabList({ className, children, onFocus, onBlur, onKeyDown, ...props }: TabListProps): JSX.Element;

package/components/tabs/tab-list.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const guards_1 = require("../../lib/guards");
-const react_helpers_1 = require("../../lib/react-helpers");
-const tabs_state_1 = require("./tabs-state");
-const keyboard_helpers_1 = require("../../lib/keyboard-helpers");
-function TabList({ className, children, onFocus, onBlur, onKeyDown, ...props }) {
-    const focused = (0, react_1.useRef)(false);
-    const { tabsOrder, focusedTabKey, focusTab } = (0, tabs_state_1.useTabsState)();
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, className: (0, react_helpers_1.classNames)(className, 'dc-tabs__list'), role: "tablist", onFocus: (event) => {
-            focused.current = true;
-            (0, guards_1.isFunction)(onFocus) && onFocus(event);
-        }, onBlur: (event) => {
-            focused.current = false;
-            (0, guards_1.isFunction)(onBlur) && onBlur(event);
-        }, onKeyDown: (event) => {
-            const focusedTabIndex = tabsOrder.indexOf(focusedTabKey);
-            const firstTabIndex = 0;
-            const lastTabIndex = tabsOrder.length - 1;
-            let newFocusedTabIndex = focusedTabIndex;
-            if (event.key === keyboard_helpers_1.KeyCode.arrowRight) {
-                newFocusedTabIndex += 1;
-            }
-            else if (event.key === keyboard_helpers_1.KeyCode.arrowLeft) {
-                newFocusedTabIndex -= 1;
-            }
-            else if (event.key === keyboard_helpers_1.KeyCode.end) {
-                newFocusedTabIndex = lastTabIndex;
-            }
-            else if (event.key === keyboard_helpers_1.KeyCode.home) {
-                newFocusedTabIndex = firstTabIndex;
-            }
-            if (newFocusedTabIndex < firstTabIndex) {
-                newFocusedTabIndex = lastTabIndex;
-            }
-            else if (newFocusedTabIndex > lastTabIndex) {
-                newFocusedTabIndex = firstTabIndex;
-            }
-            const newFocusableTabKey = tabsOrder[newFocusedTabIndex];
-            if (newFocusableTabKey !== focusedTabKey) {
-                event.preventDefault();
-                focusTab(newFocusableTabKey);
-            }
-            (0, guards_1.isFunction)(onKeyDown) && onKeyDown(event);
-        }, children: children }));
-}
-exports.TabList = TabList;

package/components/tabs/tab-panel.d.ts

@@ -1,6 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { TabKey } from './tabs-state';
-export interface TabPanelProps extends ComponentPropsWithoutRef<'div'> {
-    associatedTabKey: TabKey;
-}
-export declare function TabPanel({ associatedTabKey, id, className, children, 'aria-labelledby': ariaLabelledBy, ...props }: TabPanelProps): JSX.Element | null;

package/components/tabs/tab-panel.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabPanel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-const tabs_state_1 = require("./tabs-state");
-function TabPanel({ associatedTabKey, id, className, children, 'aria-labelledby': ariaLabelledBy, ...props }) {
-    const { selectedTabKey, getTabPanelId, getTabId } = (0, tabs_state_1.useTabsState)();
-    if (selectedTabKey !== associatedTabKey) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, id: getTabPanelId(associatedTabKey, id), className: (0, react_helpers_1.classNames)(className, 'dc-tabs__panel'), role: "tabpanel", "aria-labelledby": getTabId(associatedTabKey, ariaLabelledBy), children: children }));
-}
-exports.TabPanel = TabPanel;

package/components/tabs/tab.d.ts

@@ -1,7 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-export interface TabProps extends ComponentPropsWithoutRef<'button'> {
-    tabKey: string;
-    icon?: ReactNode;
-    badge?: ReactNode;
-}
-export declare function Tab({ tabKey, icon, badge, id, className, children, onClick, 'aria-controls': ariaControls, ...props }: TabProps): JSX.Element;

package/components/tabs/tab.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const guards_1 = require("../../lib/guards");
-const react_helpers_1 = require("../../lib/react-helpers");
-const tabs_state_1 = require("./tabs-state");
-function Tab({ tabKey, icon, badge, id, className, children, onClick, 'aria-controls': ariaControls, ...props }) {
-    const { selectedTabKey, focusedTabKey, getTabId, getTabPanelId, selectTab, registerTab, } = (0, tabs_state_1.useTabsState)();
-    const selected = tabKey === selectedTabKey;
-    const focused = tabKey === focusedTabKey;
-    (0, react_1.useEffect)(() => {
-        return registerTab(tabKey);
-    }, [tabKey, registerTab]);
-    return ((0, jsx_runtime_1.jsxs)("button", { ...props, id: getTabId(tabKey, id), name: tabKey, className: (0, react_helpers_1.classNames)(className, 'dc-tabs__tab', 'dc-tab', selected && 'dc-tab_selected'), role: "tab", "aria-selected": selected, "aria-controls": getTabPanelId(tabKey, ariaControls), tabIndex: focused ? 0 : -1, onClick: (event) => {
-            selectTab(tabKey);
-            (0, guards_1.isFunction)(onClick) && onClick(event);
-        }, children: [icon != null && (0, jsx_runtime_1.jsx)("div", { className: "dc-tab__icon", children: icon }), children, badge != null && (0, jsx_runtime_1.jsx)("div", { className: "dc-tab__badge", children: badge })] }));
-}
-exports.Tab = Tab;

package/components/tabs/tabs-state.d.ts

@@ -1,20 +0,0 @@
-import { ReactNode } from 'react';
-export declare type TabKey = string;
-export declare type UnregisterTabCallback = () => void;
-export declare type TabsState = {
-    tabsOrder: TabKey[];
-    selectedTabKey: TabKey;
-    focusedTabKey: TabKey;
-    selectTab(tabKey: TabKey): void;
-    focusTab(tabKey: TabKey): void;
-    getTabId(tabKey: TabKey, defaultId?: string): string;
-    getTabPanelId(tabKey: TabKey, defaultId?: string): string;
-    registerTab(tabKey: TabKey): UnregisterTabCallback;
-};
-export declare type TabsStateProviderProps = {
-    children: ReactNode;
-    selectedTabKey: TabKey;
-    onSelectTab(tabKey: TabKey): void;
-};
-export declare function TabsStateProvider({ children, selectedTabKey, onSelectTab, }: TabsStateProviderProps): JSX.Element;
-export declare function useTabsState(): TabsState;

package/components/tabs/tabs-state.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTabsState = exports.TabsStateProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const util_1 = require("../../lib/util");
-const TabsContext = (0, react_1.createContext)(null);
-function TabsStateProvider({ children, selectedTabKey, onSelectTab, }) {
-    const [focusedTabKey, setFocusedTabKey] = (0, react_1.useState)(selectedTabKey);
-    const selectTabCallback = (0, react_1.useRef)(onSelectTab);
-    selectTabCallback.current = onSelectTab;
-    const deps = (0, react_1.useMemo)(() => {
-        const prefix = (0, util_1.uniqueId)('dc-');
-        const tabsOrder = [];
-        function getTabId(tabKey, defaultId) {
-            return defaultId || `${prefix}-${tabKey}-tab`;
-        }
-        function getTabPanelId(tabKey, defaultId) {
-            return defaultId || `${prefix}-${tabKey}-tab-panel`;
-        }
-        function registerTab(tabKey) {
-            tabsOrder.push(tabKey);
-            return () => {
-                const index = tabsOrder.indexOf(tabKey);
-                if (~index) {
-                    tabsOrder.splice(index, 1);
-                }
-            };
-        }
-        function selectTab(tabKey) {
-            selectTabCallback.current(tabKey);
-            setFocusedTabKey(tabKey);
-        }
-        function focusTab(tabKey) {
-            var _a;
-            setFocusedTabKey(tabKey);
-            (_a = document.getElementById(getTabId(tabKey))) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-        return {
-            tabsOrder,
-            selectTab,
-            focusTab,
-            getTabId,
-            getTabPanelId,
-            registerTab,
-        };
-    }, []);
-    const state = (0, react_1.useMemo)(() => ({
-        ...deps,
-        selectedTabKey,
-        focusedTabKey,
-    }), [selectedTabKey, focusedTabKey, deps]);
-    return (0, jsx_runtime_1.jsx)(TabsContext.Provider, { value: state, children: children });
-}
-exports.TabsStateProvider = TabsStateProvider;
-function useTabsState() {
-    const context = (0, react_1.useContext)(TabsContext);
-    if (!context) {
-        throw new Error('useTabsState must be used within TabsStateProvider');
-    }
-    return context;
-}
-exports.useTabsState = useTabsState;

package/components/tabs/tabs.d.ts

@@ -1,14 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { TabsStateProviderProps } from './tabs-state';
-import { TabList } from './tab-list';
-import { TabPanel } from './tab-panel';
-export interface TabsProps extends ComponentPropsWithoutRef<'div'> {
-    selectedTabKey: TabsStateProviderProps['selectedTabKey'];
-    onSelectTab: TabsStateProviderProps['onSelectTab'];
-}
-export declare function Tabs({ className, children, selectedTabKey, onSelectTab, ...props }: TabsProps): JSX.Element;
-export declare namespace Tabs {
-    var List: typeof TabList;
-    var Tab: typeof import("./tab").Tab;
-    var Panel: typeof TabPanel;
-}

package/components/tabs/tabs.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-const tabs_state_1 = require("./tabs-state");
-const tab_list_1 = require("./tab-list");
-const tab_1 = require("./tab");
-const tab_panel_1 = require("./tab-panel");
-function Tabs({ className, children, selectedTabKey, onSelectTab, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(tabs_state_1.TabsStateProvider, { selectedTabKey: selectedTabKey, onSelectTab: onSelectTab, children: (0, jsx_runtime_1.jsx)("div", { ...props, className: (0, react_helpers_1.classNames)(className, 'dc-tabs'), children: children }) }));
-}
-exports.Tabs = Tabs;
-Tabs.List = tab_list_1.TabList;
-Tabs.Tab = tab_1.Tab;
-Tabs.Panel = tab_panel_1.TabPanel;

package/components/tag/tag.d.ts

@@ -1,12 +0,0 @@
-import { ComponentPropsWithRef, MouseEventHandler, ReactNode } from 'react';
-export interface TagProps extends ComponentPropsWithRef<'span'> {
-    isRounded?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    fillColor?: 'gray' | 'blue' | 'cyan' | 'red' | 'green' | 'lime' | 'indigo' | 'yellow' | 'orange';
-    leadingIcon?: ReactNode;
-    isRemovable?: boolean;
-    isRemoveButtonDisabled?: boolean;
-    removeButtonAriaLabel?: string;
-    onRemove?: MouseEventHandler<HTMLButtonElement>;
-}
-export declare const Tag: import("react").ForwardRefExoticComponent<Pick<TagProps, "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "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" | "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" | "key" | "size" | "hidden" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "isRounded" | "leadingIcon" | "fillColor" | "isRemovable" | "isRemoveButtonDisabled" | "removeButtonAriaLabel" | "onRemove"> & import("react").RefAttributes<HTMLSpanElement>>;

package/components/tag/tag.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-const svg_icon_1 = require("../svg-icon");
-const x_lg_1 = require("../../bootstrap-icons/x-lg");
-const removeButtonIconSize = {
-    sm: 10,
-    md: 12,
-    lg: 12,
-};
-exports.Tag = (0, react_1.forwardRef)(function Tag({ isRounded, size = 'md', fillColor = 'gray', children: text, leadingIcon, isRemovable, isRemoveButtonDisabled, removeButtonAriaLabel, onRemove, className, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsxs)("span", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, 'dc-tag', {
-            'dc-tag_rounded': isRounded,
-            [`dc-tag_color_${fillColor}`]: fillColor,
-            [`dc-tag_size_${size}`]: size,
-        }), children: [leadingIcon && (0, jsx_runtime_1.jsx)("span", { className: "dc-tag__icon", children: leadingIcon }), (0, jsx_runtime_1.jsx)("span", { className: "dc-tag__text", children: text }), isRemovable && ((0, jsx_runtime_1.jsx)("button", { className: "dc-tag__btn", disabled: isRemoveButtonDisabled, "aria-label": removeButtonAriaLabel, onClick: onRemove, children: (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { size: removeButtonIconSize[size] || removeButtonIconSize['md'], icon: x_lg_1.xLg }) }))] }));
-});

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

@@ -1,12 +0,0 @@
-import { ComponentPropsWithRef, ReactNode } from 'react';
-export declare type TextInputHtmlAttrs = Omit<ComponentPropsWithRef<'input'>, 'checked' | 'defaultChecked' | 'size'>;
-export declare const textInputTypes: Set<string>;
-export interface TextInputProps extends TextInputHtmlAttrs {
-    size?: 'sm' | 'md' | 'lg';
-    invalid?: boolean;
-    fullWidth?: boolean;
-    leadingAddOn?: ReactNode;
-    trailingAddOn?: ReactNode;
-    onChangeValue?(value: string): void;
-}
-export declare const TextInput: import("react").ForwardRefExoticComponent<Pick<TextInputProps, "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "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" | "key" | "size" | "hidden" | "multiple" | "disabled" | "list" | "step" | "alt" | "translate" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fullWidth" | "invalid" | "src" | "accept" | "autoComplete" | "capture" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "onChangeValue" | "leadingAddOn" | "trailingAddOn"> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextInput = exports.textInputTypes = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const guards_1 = require("../../lib/guards");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.textInputTypes = new Set([
-    'email',
-    'password',
-    'search',
-    'tel',
-    'text',
-    'url',
-    'datetime',
-    'date',
-    'time',
-    'week',
-    'month',
-]);
-exports.TextInput = (0, react_1.forwardRef)(function TextInput({ size = 'md', invalid, fullWidth, leadingAddOn, trailingAddOn, style, className, type = 'text', disabled, onFocus, onBlur, onChange, onChangeValue, ...props }, ref) {
-    const [focused, setFocused] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: (0, react_helpers_1.classNames)(className, 'dc-input', 'dc-text-input', {
-            'dc-input_disabled': disabled,
-            'dc-input_invalid': invalid,
-            'dc-input_focused': focused,
-            'dc-input_full_width': fullWidth,
-            [`dc-input_size_${size}`]: size,
-        }), children: [leadingAddOn && ((0, jsx_runtime_1.jsx)("span", { className: "dc-text-input__add-on", children: leadingAddOn })), (0, jsx_runtime_1.jsx)("input", { ...props, className: "dc-text-input__native-input", ref: ref, type: type, disabled: disabled, onFocus: (event) => {
-                    setFocused(true);
-                    (0, guards_1.isFunction)(onFocus) && onFocus(event);
-                }, onBlur: (event) => {
-                    setFocused(false);
-                    (0, guards_1.isFunction)(onBlur) && onBlur(event);
-                }, onChange: (event) => {
-                    (0, guards_1.isFunction)(onChangeValue) && onChangeValue(event.target.value);
-                    (0, guards_1.isFunction)(onChange) && onChange(event);
-                } }), trailingAddOn && ((0, jsx_runtime_1.jsx)("span", { className: "dc-text-input__add-on", children: trailingAddOn }))] }));
-});

package/components/textarea/textarea.d.ts

@@ -1,8 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-export interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
-    size?: 'sm' | 'md' | 'lg';
-    invalid?: boolean;
-    fullWidth?: boolean;
-    onChangeValue?(value: string): void;
-}
-export declare const Textarea: import("react").ForwardRefExoticComponent<Pick<TextareaProps, "form" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "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" | "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" | "key" | "size" | "hidden" | "wrap" | "disabled" | "translate" | "autoFocus" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fullWidth" | "invalid" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "required" | "onChangeValue" | "cols" | "dirName" | "rows"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/components/textarea/textarea.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Textarea = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const guards_1 = require("../../lib/guards");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.Textarea = (0, react_1.forwardRef)(function Textarea({ size = 'md', invalid, fullWidth, className, onChange, onChangeValue, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("textarea", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, 'dc-input', 'dc-textarea', {
-            'dc-input_invalid': invalid,
-            'dc-input_full_width': fullWidth,
-            [`dc-input_size_${size}`]: size,
-        }), onChange: (event) => {
-            (0, guards_1.isFunction)(onChange) && onChange(event);
-            (0, guards_1.isFunction)(onChangeValue) && onChangeValue(event.target.value);
-        } }));
-});

package/components/toast/index.d.ts

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

package/components/toast/index.js

@@ -1,17 +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("./toast"), exports);

package/components/toast/toast-button.d.ts

@@ -1,5 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-export declare type ToastButtonProps = ComponentPropsWithRef<'button'>;
-export declare const ToastButton: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").RefAttributes<HTMLButtonElement>>;

package/components/toast/toast-button.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToastButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.ToastButton = (0, react_1.forwardRef)(function ToastButton({ className, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("button", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, 'dc-toast-btn') }));
-});

package/components/toast/toast.d.ts

@@ -1,17 +0,0 @@
-import { ComponentPropsWithRef, ReactNode } from 'react';
-interface BaseToastProps extends ComponentPropsWithRef<'div'> {
-    appearance?: 'warning' | 'error' | 'info' | 'success';
-    fullWidth?: boolean;
-    icon?: ReactNode;
-}
-export interface ToastProps extends BaseToastProps {
-    message: ReactNode;
-    informativeText?: ReactNode;
-}
-export declare function Toast({ appearance, fullWidth, icon, message, informativeText, className, children: buttons, ...props }: ToastProps): JSX.Element;
-export declare namespace Toast {
-    var Button: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-    }, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").RefAttributes<HTMLButtonElement>>;
-}
-export {};

package/components/toast/toast.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toast = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-const svg_icon_1 = require("../svg-icon");
-const toast_button_1 = require("./toast-button");
-const exclamation_circle_fill_1 = require("../../bootstrap-icons/exclamation-circle-fill");
-const exclamation_triangle_fill_1 = require("../../bootstrap-icons/exclamation-triangle-fill");
-const check_circle_fill_1 = require("../../bootstrap-icons/check-circle-fill");
-const info_circle_fill_1 = require("../../bootstrap-icons/info-circle-fill");
-const defaultIcons = {
-    info: info_circle_fill_1.infoCircleFill,
-    success: check_circle_fill_1.checkCircleFill,
-    warning: exclamation_triangle_fill_1.exclamationTriangleFill,
-    error: exclamation_circle_fill_1.exclamationCircleFill,
-};
-function Toast({ appearance, fullWidth, icon, message, informativeText, className, children: buttons, ...props }) {
-    if (!icon && appearance) {
-        icon = (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { icon: defaultIcons[appearance], size: "1.15em" });
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, className: (0, react_helpers_1.classNames)(className, 'dc-toast', {
-            'dc-toast_full-width': fullWidth,
-            [`dc-toast_appearance_${appearance}`]: appearance,
-        }), children: [(0, jsx_runtime_1.jsxs)("div", { className: "dc-toast__body", children: [icon && (0, jsx_runtime_1.jsx)("div", { className: "dc-toast__icon", children: icon }), (0, jsx_runtime_1.jsxs)("div", { className: "dc-toast__content", children: [message && (0, jsx_runtime_1.jsx)("h3", { className: "dc-toast__message", children: message }), informativeText && ((0, jsx_runtime_1.jsx)("p", { className: "dc-toast__informative-text", children: informativeText }))] })] }), buttons && (0, jsx_runtime_1.jsx)("div", { className: "dc-toast__btns", children: buttons })] }));
-}
-exports.Toast = Toast;
-Toast.Button = toast_button_1.ToastButton;

package/components/toaster/toaster.d.ts

@@ -1,17 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { ToastId, ToastRenderFn } from './use-toasts';
-declare type ToasterVerticalPosition = 'top' | 'bottom';
-declare type ToasterHorizontalPosition = 'left' | 'center' | 'right';
-declare type ToasterPosition = `${ToasterVerticalPosition}-${ToasterHorizontalPosition}`;
-export interface ToasterProps extends ComponentPropsWithoutRef<'ul'> {
-    position?: ToasterPosition;
-    toastGap?: number;
-}
-export declare function Toaster({ className, position, toastGap, ...props }: ToasterProps): JSX.Element;
-export declare namespace Toaster {
-    var dismiss: typeof dismissToast;
-    var show: typeof showToast;
-}
-export declare function dismissToast(toastId: ToastId): void;
-export declare function showToast(renderToast: ToastRenderFn, durationMs?: number): ToastId;
-export {};