draft-components 1.0.0-beta → 1.0.0-beta.10

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableContainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-exports.TableContainer = (0, react_1.forwardRef)(function TableContainer({ border, className, children, ...props }, ref) {
-    let modifier = '';
-    if (typeof border === 'object' && border != null) {
-        modifier = (0, react_helpers_1.classNames)({
-            'dc-table-container_border_top': border.top,
-            'dc-table-container_border_right': border.right,
-            'dc-table-container_border_bottom': border.bottom,
-            'dc-table-container_border_left': border.left,
-        });
-    }
-    else if (border === 'all') {
-        modifier = 'dc-table-container_border_all';
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, modifier, 'dc-table-container'), children: children }));
-});

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableHeadCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-const icons_1 = require("./icons");
-exports.TableHeadCell = (0, react_1.forwardRef)(function TableHeaderCell({ isSortable = false, sort = 'none', className, children, onChangeSort, ...props }, ref) {
-    if (isSortable) {
-        const Icon = iconMapping[sort];
-        children = ((0, jsx_runtime_1.jsxs)("button", { className: "dc-table-cell__sort-btn", type: "button", onClick: () => onChangeSort === null || onChangeSort === void 0 ? void 0 : onChangeSort(stateMapping[sort]), children: [children, " ", (0, jsx_runtime_1.jsx)(Icon, { className: "dc-table-cell__sort-icon", "aria-hidden": true, strokeWidth: 2 })] }));
-    }
-    return ((0, jsx_runtime_1.jsx)("th", { ...props, className: (0, react_helpers_1.classNames)(className, {
-            'dc-table-cell': true,
-            'dc-table-cell_head': true,
-            'dc-table-cell_sortable': isSortable,
-        }), ref: ref, "aria-sort": isSortable ? sort : props['aria-sort'], children: children }));
-});
-const iconMapping = {
-    none: icons_1.ArrowsUpDown,
-    ascending: icons_1.ArrowSmallUp,
-    descending: icons_1.ArrowSmallDown,
-};
-const stateMapping = {
-    none: 'ascending',
-    ascending: 'descending',
-    descending: 'none',
-};

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableHead = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-exports.TableHead = (0, react_1.forwardRef)(function TableHead({ className, isTinted = false, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("thead", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, {
-            'dc-table-head': true,
-            'dc-table-head_tinted': isTinted,
-        }) }));
-});

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableRow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-exports.TableRow = (0, react_1.forwardRef)(function TableRow({ isSelected, className, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("tr", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, {
-            'dc-table-row': true,
-            'dc-table-row_selected': isSelected,
-        }) }));
-});

package/dist/components/table/table.js

@@ -1,14 +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("../../shared/react-helpers");
-exports.Table = (0, react_1.forwardRef)(function Table({ cellSize = 'md', isStriped = false, isBordered = false, highlightRowOnHover = false, 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_cell_${cellSize}`]: cellSize,
-            'dc-table_striped': isStriped,
-            'dc-table_bordered': isBordered,
-            'dc-table_highlight_row': highlightRowOnHover,
-        }), children: children }));
-});

package/dist/components/tabs/index.js

@@ -1,20 +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);
-__exportStar(require("./tab-list"), exports);
-__exportStar(require("./tab"), exports);
-__exportStar(require("./tab-panel"), exports);

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

@@ -1,66 +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 keyboard_keys_1 = require("../../shared/keyboard-keys");
-const util_1 = require("../../shared/util");
-const react_helpers_1 = require("../../shared/react-helpers");
-const tabs_context_1 = require("./tabs-context");
-function TabList({ className, children, onFocus, onBlur, onKeyDown, ...props }) {
-    const ref = (0, react_1.useRef)(null);
-    const { selectedTab, setTabListHasFocus } = (0, tabs_context_1.useTabsContext)();
-    function handleFocus(event) {
-        setTabListHasFocus(true);
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-    }
-    function handleBlur(event) {
-        setTabListHasFocus(false);
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-    }
-    function handleKeyDown(event) {
-        const tabList = ref.current;
-        (0, util_1.assertIfNullable)(tabList, 'ref.current is null or undefined');
-        let focusTabIndex = 0;
-        const tabs = tabList.querySelectorAll('[role="tab"]');
-        for (let index = 0; index < tabs.length; index += 1) {
-            const tab = tabs[index];
-            if (document.activeElement === tab) {
-                focusTabIndex = index;
-                break;
-            }
-            if (tab.name === selectedTab) {
-                focusTabIndex = index;
-            }
-        }
-        let index = focusTabIndex;
-        if (event.key === keyboard_keys_1.KeyboardKeys.ArrowRight) {
-            index += 1;
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.ArrowLeft) {
-            index -= 1;
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.End) {
-            index = tabs.length - 1;
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.Home) {
-            index = 0;
-        }
-        if (index < 0) {
-            index = tabs.length - 1;
-        }
-        else if (index >= tabs.length) {
-            index = 0;
-        }
-        if (index !== focusTabIndex) {
-            event.preventDefault();
-            event.stopPropagation();
-            const newFocusTab = tabs[index];
-            (0, util_1.assertIfNullable)(newFocusTab, `Unable to get tab at index ${index}`);
-            (0, react_helpers_1.focusElement)(newFocusTab);
-        }
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, role: "tablist", className: (0, react_helpers_1.classNames)('dc-tab-list', className), onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, children: children }));
-}
-exports.TabList = TabList;

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

@@ -1,15 +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("../../shared/react-helpers");
-const tabs_context_1 = require("./tabs-context");
-function TabPanel({ tab, id, className, children, 'aria-labelledby': ariaLabelledBy, ...props }) {
-    const { selectedTab, getTabProps } = (0, tabs_context_1.useTabsContext)();
-    if (selectedTab !== tab) {
-        return null;
-    }
-    const tabProps = getTabProps(tab);
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, className: (0, react_helpers_1.classNames)('dc-tab-panel', className), role: "tabpanel", id: id || tabProps.ariaControls, "aria-labelledby": ariaLabelledBy || tabProps.id, children: children }));
-}
-exports.TabPanel = TabPanel;

package/dist/components/tabs/tab.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-const tabs_context_1 = require("./tabs-context");
-const badge_1 = require("../badge");
-function Tab({ id, name, icon, counter, className, children, onClick, 'aria-controls': ariaControls, ...props }) {
-    const { getTabProps, selectedTab, setSelectedTab, tabListHasFocus, } = (0, tabs_context_1.useTabsContext)();
-    const tabProps = getTabProps(name);
-    const selected = name === selectedTab;
-    function handleClick(event) {
-        setSelectedTab(name);
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    }
-    return ((0, jsx_runtime_1.jsx)("button", { ...props, className: (0, react_helpers_1.classNames)('dc-tab', className), type: "button", role: "tab", name: name, id: id || tabProps.id, "aria-controls": ariaControls || tabProps.ariaControls, "aria-selected": selected, tabIndex: selected && !tabListHasFocus ? 0 : -1, onClick: handleClick, children: (0, jsx_runtime_1.jsxs)("span", { className: "dc-tab__layout", children: [icon != null && ((0, jsx_runtime_1.jsx)("span", { className: "dc-tab__icon", children: icon })), children != null && ((0, jsx_runtime_1.jsxs)("span", { className: "dc-tab__label", children: [children, " "] })), counter != null && counter !== 0 && ((0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "dc-tab__counter", children: counter }))] }) }));
-}
-exports.Tab = Tab;

package/dist/components/tabs/tabs.js

@@ -1,10 +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("../../shared/react-helpers");
-const tabs_context_1 = require("./tabs-context");
-function Tabs({ className, children, selectedTab, onSelectTab, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(tabs_context_1.TabsContextProvider, { selectedTab: selectedTab, setSelectedTab: onSelectTab, children: (0, jsx_runtime_1.jsx)("div", { ...props, className: (0, react_helpers_1.classNames)('dc-tabs', className), children: children }) }));
-}
-exports.Tabs = Tabs;

package/dist/components/tabs/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/tag/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("./tag"), exports);

package/dist/components/tag/tag.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-function Tag({ isRounded = false, variant = 'tinted', fill = 'gray', size = 'md', className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("strong", { ...props, className: (0, react_helpers_1.classNames)(className, 'dc-tag', {
-            [`dc-tag_${variant}`]: variant,
-            [`dc-tag_${fill}`]: fill,
-            [`dc-tag_${size}`]: size,
-            'dc-tag_rounded': isRounded,
-        }), children: children }));
-}
-exports.Tag = Tag;

package/dist/components/text-input/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("./text-input"), exports);

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-exports.TextInput = (0, react_1.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);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: (0, react_helpers_1.classNames)(className, 'dc-text-input__container', {
-            [`dc-text-input__container_${size}`]: size,
-            'dc-text-input__container_disabled': disabled,
-            'dc-text-input__container_has_error': hasError,
-            'dc-text-input__container_block': isBlock,
-            'dc-text-input__container_has_prefix': shouldRenderPrefix,
-            'dc-text-input__container_has_suffix': shouldRenderSuffix,
-        }), children: [shouldRenderPrefix && ((0, jsx_runtime_1.jsx)("div", { className: "dc-text-input__prefix", children: prefix })), (0, jsx_runtime_1.jsx)("input", { ...props, className: (0, react_helpers_1.classNames)({
-                    'dc-text-input': true,
-                    [`dc-text-input_width_${width}`]: width,
-                }), ref: ref, type: type, size: htmlSize, disabled: disabled, onChange: (event) => {
-                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                    onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(event.target.value);
-                } }), shouldRenderSuffix && ((0, jsx_runtime_1.jsx)("div", { className: "dc-text-input__suffix", children: suffix }))] }));
-});

package/dist/components/textarea/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("./textarea"), exports);

package/dist/components/textarea/textarea.d.ts

@@ -1,20 +0,0 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
-type TextareaHTMLProps = ComponentPropsWithRef<'textarea'>;
-export type TextareaSize = 'sm' | 'md' | 'lg';
-export type TextareaWidth = '30ch' | '40ch' | '60ch' | '80ch';
-export type TextAreaChangeValueHandler = (value: string) => void;
-export type CharacterCountRenderFn = (params: {
-    maxCharacters: number;
-    characterCount: number;
-}) => ReactNode;
-export type TextareaProps = TextareaHTMLProps & {
-    hasError?: boolean;
-    isBlock?: boolean;
-    showCharacterCount?: boolean;
-    renderCharacterCount?: CharacterCountRenderFn;
-    size?: TextareaSize;
-    width?: TextareaWidth;
-    onChangeValue?: TextAreaChangeValueHandler;
-};
-export declare const Textarea: import("react").ForwardRefExoticComponent<Pick<TextareaProps, "key" | "size" | "width" | "isBlock" | "hasError" | "onChangeValue" | keyof import("react").TextareaHTMLAttributes<HTMLTextAreaElement> | "showCharacterCount" | "renderCharacterCount"> & import("react").RefAttributes<HTMLTextAreaElement>>;
-export {};

package/dist/components/textarea/textarea.js

@@ -1,38 +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 react_helpers_1 = require("../../shared/react-helpers");
-const caption_1 = require("../caption");
-exports.Textarea = (0, react_1.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 &&
-        maxLength != null && maxLength > 0);
-    const [characterCount, setCharacterCount] = (0, react_1.useState)(() => {
-        const value = props.value || props.defaultValue;
-        return typeof value === 'string' ? value.length : 0;
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: (0, react_helpers_1.classNames)(className, 'dc-textarea__container', {
-            [`dc-textarea__container_size_${size}`]: size !== undefined,
-            'dc-textarea__container_disabled': disabled,
-            'dc-textarea__container_has_error': hasError,
-            'dc-textarea__container_block': isBlock,
-        }), children: [(0, jsx_runtime_1.jsx)("textarea", { ...props, ref: ref, className: (0, react_helpers_1.classNames)('dc-textarea', {
-                    [`dc-textarea_width_${width}`]: width !== undefined,
-                }), rows: rows, maxLength: maxLength, disabled: disabled, onChange: (event) => {
-                    const value = event.target.value;
-                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                    onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(value);
-                    setCharacterCount(value.length);
-                } }), shouldRenderCharacterCount && ((0, jsx_runtime_1.jsx)(caption_1.Caption, { "data-testid": "textarea-character-count", className: "dc-textarea__character-count", children: renderCharacterCount({
-                    characterCount,
-                    maxCharacters: maxLength,
-                }) }))] }));
-});
-const getCharactersCountMessage = ({ maxCharacters, characterCount, }) => {
-    const charsRemaining = maxCharacters - characterCount;
-    const characters = ((0, jsx_runtime_1.jsx)("span", { style: { fontVariant: 'tabular-nums' }, children: charsRemaining === 1
-            ? `${charsRemaining} character`
-            : `${charsRemaining} characters` }));
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["You have ", characters, " remaining"] });
-};

package/dist/components/toast/index.js

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

package/dist/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("../../shared/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/dist/components/toast/toast.js

@@ -1,10 +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("../../shared/react-helpers");
-const x_mark_icon_1 = require("./x-mark-icon");
-function Toast({ icon, message, actions, closeButtonAriaLabel = 'close', onClickCloseButton, children, className, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("section", { ...props, className: (0, react_helpers_1.classNames)('dc-toast', className), children: [(0, jsx_runtime_1.jsx)("button", { className: "dc-toast__close-btn", "aria-label": closeButtonAriaLabel, onClick: onClickCloseButton, children: (0, jsx_runtime_1.jsx)(x_mark_icon_1.XMarkIcon, { width: 16, height: 16 }) }), (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: [(0, jsx_runtime_1.jsx)("h1", { className: "dc-toast__title", children: children }), message && (0, jsx_runtime_1.jsx)("div", { className: "dc-toast__message", children: message })] })] }), actions && (0, jsx_runtime_1.jsx)("div", { className: "dc-toast__actions", children: actions })] }));
-}
-exports.Toast = Toast;

package/dist/components/toast/x-mark-icon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XMarkIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function XMarkIcon(props) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "none", strokeWidth: 1.5, stroke: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }));
-}
-exports.XMarkIcon = XMarkIcon;

package/dist/components/toaster/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("./toaster"), exports);

package/dist/components/toaster/toaster.d.ts

@@ -1,40 +0,0 @@
-import { type ReactNode } from 'react';
-type YPosition = 'top' | 'bottom';
-type XPosition = 'left' | 'center' | 'right';
-export type ToastPosition = `${YPosition}-${XPosition}`;
-export type ToastID = number;
-export type ToastAction = {
-    content: ReactNode;
-    onClick?: () => void;
-    shouldHideAfterClick?: boolean;
-};
-export type ToastParams = {
-    title: ReactNode;
-    icon?: ReactNode;
-    message?: ReactNode;
-    actions?: ToastAction[];
-    timeoutMs?: number;
-};
-export type ToastParamsWithID = {
-    id: ToastID;
-} & ToastParams;
-export type ToastShowCallback = (toast: ToastParamsWithID) => void;
-export type ToastHideCallback = (id: ToastID) => void;
-export declare class Toaster {
-    #private;
-    constructor(params?: {
-        timeoutMs?: number;
-        onShowToast?: ToastShowCallback;
-        onHideToast?: ToastHideCallback;
-    });
-    showToast(toast: ToastParams, params?: {
-        timeoutMs?: number;
-    }): ToastID;
-    hideToast(id: ToastID): void;
-    render(options?: {
-        toastGap?: number;
-        toastPosition?: ToastPosition;
-        toastCloseButtonAriaLabel?: string;
-    }): JSX.Element;
-}
-export {};

package/dist/components/toaster/toaster.js

@@ -1,134 +0,0 @@
-"use strict";
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _Toaster_instances, _Toaster_id, _Toaster_timeoutMs, _Toaster_onShow, _Toaster_onHide, _Toaster_getNextID;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toaster = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const util_1 = require("../../shared/util");
-const react_helpers_1 = require("../../shared/react-helpers");
-const portal_1 = require("../portal");
-const toast_1 = require("../toast");
-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 {
-    constructor(params) {
-        _Toaster_instances.add(this);
-        _Toaster_id.set(this, void 0);
-        _Toaster_timeoutMs.set(this, void 0);
-        _Toaster_onShow.set(this, void 0);
-        _Toaster_onHide.set(this, void 0);
-        __classPrivateFieldSet(this, _Toaster_id, 0, "f");
-        __classPrivateFieldSet(this, _Toaster_timeoutMs, (params === null || params === void 0 ? void 0 : params.timeoutMs) || 10000, "f");
-        __classPrivateFieldSet(this, _Toaster_onShow, params === null || params === void 0 ? void 0 : params.onShowToast, "f");
-        __classPrivateFieldSet(this, _Toaster_onHide, params === null || params === void 0 ? void 0 : params.onHideToast, "f");
-    }
-    showToast(toast, params) {
-        var _a;
-        const id = __classPrivateFieldGet(this, _Toaster_instances, "m", _Toaster_getNextID).call(this);
-        const event = new CustomEvent(TOAST_SHOW_EVENT, {
-            detail: {
-                toaster: this,
-                toast: { ...toast, id },
-            },
-        });
-        const timeoutMs = toast.timeoutMs || (params === null || params === void 0 ? void 0 : params.timeoutMs) || __classPrivateFieldGet(this, _Toaster_timeoutMs, "f");
-        (_a = __classPrivateFieldGet(this, _Toaster_onShow, "f")) === null || _a === void 0 ? void 0 : _a.call(this, event.detail.toast);
-        window.dispatchEvent(event);
-        window.setTimeout(() => this.hideToast(id), timeoutMs);
-        return id;
-    }
-    hideToast(id) {
-        var _a;
-        const event = new CustomEvent(TOAST_HIDE_EVENT, {
-            detail: {
-                toaster: this,
-                toastId: id,
-            },
-        });
-        (_a = __classPrivateFieldGet(this, _Toaster_onHide, "f")) === null || _a === void 0 ? void 0 : _a.call(this, id);
-        window.dispatchEvent(event);
-    }
-    render(options) {
-        return ((0, jsx_runtime_1.jsx)(ToastsList, { toaster: this, toastGap: options === null || options === void 0 ? void 0 : options.toastGap, toastPosition: options === null || options === void 0 ? void 0 : options.toastPosition, toastCloseButtonAriaLabel: options === null || options === void 0 ? void 0 : options.toastCloseButtonAriaLabel }));
-    }
-}
-exports.Toaster = Toaster;
-_Toaster_id = new WeakMap(), _Toaster_timeoutMs = new WeakMap(), _Toaster_onShow = new WeakMap(), _Toaster_onHide = new WeakMap(), _Toaster_instances = new WeakSet(), _Toaster_getNextID = function _Toaster_getNextID() {
-    __classPrivateFieldSet(this, _Toaster_id, __classPrivateFieldGet(this, _Toaster_id, "f") + 1, "f");
-    return __classPrivateFieldGet(this, _Toaster_id, "f");
-};
-function ToastsList({ toaster, toastGap = 12, toastPosition = 'top-center', toastCloseButtonAriaLabel = 'Close', }) {
-    const ref = (0, react_1.useRef)(null);
-    const [toasts, setToasts] = (0, react_1.useState)([]);
-    (0, react_1.useEffect)(() => {
-        function handleShowToast(event) {
-            if (isToastShowEvent(event)) {
-                const detail = event.detail;
-                if (detail.toaster === toaster) {
-                    setToasts((prevToasts) => [detail.toast, ...prevToasts]);
-                }
-            }
-        }
-        function handleCloseToast(event) {
-            if (isToastHideEvent(event)) {
-                const detail = event.detail;
-                if (detail.toaster === toaster) {
-                    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== detail.toastId));
-                }
-            }
-        }
-        window.addEventListener(TOAST_SHOW_EVENT, handleShowToast);
-        window.addEventListener(TOAST_HIDE_EVENT, handleCloseToast);
-        return () => {
-            window.removeEventListener(TOAST_SHOW_EVENT, handleShowToast);
-            window.removeEventListener(TOAST_HIDE_EVENT, handleCloseToast);
-        };
-    }, [toaster]);
-    (0, react_1.useEffect)(() => {
-        const listEl = ref.current;
-        (0, util_1.assertIfNullable)(listEl, 'ToastsList ref was not set');
-        let offset = 0;
-        for (const item of listEl.children) {
-            if (item instanceof HTMLLIElement) {
-                item.style.transform = `translateY(${offset}px)`;
-                const d = item.offsetHeight + toastGap;
-                if (toastPosition === 'top-right' ||
-                    toastPosition === 'top-center' ||
-                    toastPosition === 'top-left') {
-                    offset += d;
-                }
-                else {
-                    offset -= d;
-                }
-            }
-        }
-    }, [toasts, toastGap, toastPosition]);
-    return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)("ul", { ref: ref, className: (0, react_helpers_1.classNames)({
-                'dc-toasts-list': true,
-                [`dc-toasts-list_${toastPosition}`]: toastPosition,
-            }), children: toasts.map((toast) => {
-                var _a;
-                const hideToast = () => toaster.hideToast(toast.id);
-                const actions = (_a = toast.actions) === null || _a === void 0 ? void 0 : _a.map((action, index) => ((0, jsx_runtime_1.jsx)(toast_1.ToastButton, { onClick: () => {
-                        var _a, _b;
-                        (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
-                        if ((_b = action.shouldHideAfterClick) !== null && _b !== void 0 ? _b : true) {
-                            hideToast();
-                        }
-                    }, children: action.content }, index)));
-                return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(toast_1.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));
-            }) }) }));
-}