draft-components 1.0.0-beta.1 → 1.0.0-beta.4

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));
-            }) }) }));
-}

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

package/dist/components/tooltip/tooltip.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-const hooks_1 = require("../../hooks");
-const positioner_1 = require("../positioner");
-function Tooltip({ anchorGap = 8, placement = 'top', alignment = 'center', style, className, content, children, ...props }) {
-    var _a, _b;
-    const [defaultShow, setDefaultShow] = (0, react_1.useState)((_a = props.defaultIsShown) !== null && _a !== void 0 ? _a : false);
-    const defaultId = (0, react_1.useId)();
-    const tooltipId = props.id || defaultId;
-    const isShown = (_b = props.isShown) !== null && _b !== void 0 ? _b : defaultShow;
-    const durationMs = 100;
-    const { isMounted, className: transitionClass } = (0, hooks_1.useMountTransition)({
-        isShown,
-        durationMs,
-        enterFrom: 'dc-tooltip_hidden',
-        enterTo: 'dc-tooltip_visible',
-    });
-    const { showTooltip, hideTooltip } = (0, react_1.useMemo)(() => ({
-        showTooltip: () => setDefaultShow(true),
-        hideTooltip: () => setDefaultShow(false),
-    }), []);
-    const renderAnchor = ({ setRef }) => {
-        if (typeof children === 'function') {
-            return children({
-                ref: setRef,
-            }, {
-                tooltipId,
-                showTooltip,
-                hideTooltip,
-                isShown: isShown || isMounted,
-            });
-        }
-        if ((0, react_helpers_1.isReactElementWithRef)(children)) {
-            const props = children.props;
-            return (0, react_1.cloneElement)(children, {
-                ref: (0, react_helpers_1.mergeRefs)(setRef, children.ref),
-                onFocus: (event) => {
-                    var _a;
-                    showTooltip();
-                    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, event);
-                },
-                onBlur: (event) => {
-                    var _a;
-                    hideTooltip();
-                    (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
-                },
-                onMouseEnter: (event) => {
-                    var _a;
-                    showTooltip();
-                    (_a = props.onMouseEnter) === null || _a === void 0 ? void 0 : _a.call(props, event);
-                },
-                onMouseLeave: (event) => {
-                    var _a;
-                    hideTooltip();
-                    (_a = props.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(props, event);
-                },
-                'aria-describedby': props['aria-describedby'] || tooltipId,
-            });
-        }
-        return children;
-    };
-    const renderContent = ({ setRef: portalRef, style: portalStyle, }) => {
-        if (isShown || isMounted) {
-            delete props.defaultIsShown;
-            delete props.isShown;
-            return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: portalRef, id: tooltipId, style: {
-                    '--dc-tooltip-transition-duration': `${durationMs}ms`,
-                    ...portalStyle,
-                    ...style,
-                }, className: (0, react_helpers_1.classNames)('dc-tooltip', transitionClass, className), role: "tooltip", children: content }));
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(positioner_1.Positioner, { placement: placement, alignment: alignment, anchorGap: anchorGap, renderAnchor: renderAnchor, renderContent: renderContent }));
-}
-exports.Tooltip = Tooltip;

package/dist/hooks/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("./use-mount-transition"), exports);
-__exportStar(require("./use-disable-body-scroll"), exports);
-__exportStar(require("./use-esc-key-down"), exports);
-__exportStar(require("./use-focus-trap"), exports);

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);

package/dist/shared/util.d.ts

@@ -1,2 +0,0 @@
-export declare function once<T extends (...args: any[]) => any>(fn: T): (...args: Parameters<T>) => ReturnType<T>;
-export declare function assertIfNullable<T>(value: T, message?: string): asserts value is NonNullable<T>;

package/esm/components/alert/alert.d.ts

@@ -1,10 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-export type AlertAppearance = 'default' | 'info' | 'success' | 'warning' | 'error';
-export type AlertVariant = 'default' | 'full-width' | 'accent-border';
-export type AlertProps = {
-    icon?: JSX.Element | null;
-    heading?: ReactNode;
-    variant?: AlertVariant;
-    appearance?: AlertAppearance;
-} & ComponentPropsWithoutRef<'section'>;
-export declare function Alert({ icon, heading, variant, appearance, className, children, ...props }: AlertProps): JSX.Element;

package/esm/components/alert/index.d.ts

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

package/esm/components/alert/index.js

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

package/esm/components/avatar/avatar.d.ts

@@ -1,13 +0,0 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
-export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type AvatarFill = 'gray' | 'pink' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'violet';
-export type AvatarProps = ComponentPropsWithRef<'div'> & {
-    isSquare?: boolean;
-    hasInnerShadow?: boolean;
-    size?: AvatarSize;
-    fill?: AvatarFill;
-    src?: string;
-    alt?: string;
-    placeholder?: ReactNode;
-};
-export declare const Avatar: import("react").ForwardRefExoticComponent<Pick<AvatarProps, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "isSquare" | "hasInnerShadow" | "size" | "fill" | "src" | "alt"> & import("react").RefAttributes<HTMLDivElement>>;

package/esm/components/avatar/index.d.ts

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

package/esm/components/avatar/index.js

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

package/esm/components/avatar-group/avatar-group.d.ts

@@ -1,7 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-type AvatarGroupBaseProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
-export type AvatarGroupProps = AvatarGroupBaseProps & {
-    children: JSX.Element | JSX.Element[];
-};
-export declare function AvatarGroup({ className, children, ...props }: AvatarGroupProps): JSX.Element;
-export {};

package/esm/components/avatar-group/index.d.ts

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

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

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

package/esm/components/badge/badge.d.ts

@@ -1,8 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-type BadgeHTMLProps = ComponentPropsWithoutRef<'span'>;
-type BadgeBaseProps = Omit<BadgeHTMLProps, 'children'>;
-export type BadgeProps = {
-    children: number | string;
-} & BadgeBaseProps;
-export declare function Badge({ className, children, ...props }: BadgeProps): JSX.Element;
-export {};

package/esm/components/badge/index.d.ts

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

package/esm/components/badge/index.js

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

package/esm/components/breadcrumbs/breadcrumbs-context.d.ts

@@ -1,9 +0,0 @@
-import { type ReactNode } from 'react';
-export type BreadcrumbsContextValue = {
-    separator: ReactNode;
-};
-export declare function useBreadcrumbsContext(): BreadcrumbsContextValue;
-export declare function BreadcrumbsContextProvider(props: {
-    separator: ReactNode;
-    children: ReactNode;
-}): JSX.Element;

package/esm/components/breadcrumbs/breadcrumbs-item.d.ts

@@ -1,12 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-type BreadcrumbsItemHTMLProps = ComponentPropsWithoutRef<'a'>;
-export type BreadcrumbsItemRenderFn = (props: {
-    className: string;
-    children: JSX.Element;
-}) => ReactNode;
-export type BreadcrumbsItemProps = {
-    icon?: ReactNode;
-    renderAs?: BreadcrumbsItemRenderFn;
-} & BreadcrumbsItemHTMLProps;
-export declare function BreadcrumbsItem({ className, icon, children, renderAs, ...props }: BreadcrumbsItemProps): JSX.Element;
-export {};

package/esm/components/breadcrumbs/breadcrumbs.d.ts

@@ -1,7 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-type BreadcrumbsHTMLProps = ComponentPropsWithoutRef<'nav'>;
-export type BreadcrumbsProps = {
-    separator?: ReactNode;
-} & BreadcrumbsHTMLProps;
-export declare function Breadcrumbs({ separator, className, children, ...props }: BreadcrumbsProps): JSX.Element;
-export {};

package/esm/components/breadcrumbs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './breadcrumbs';
-export * from './breadcrumbs-item';

package/esm/components/breadcrumbs/index.js

@@ -1,2 +0,0 @@
-export * from './breadcrumbs';
-export * from './breadcrumbs-item';

package/esm/components/button/button.d.ts

@@ -1,19 +0,0 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
-export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type ButtonAppearance = 'default' | 'primary' | 'danger' | 'success';
-export type ButtonVariant = 'filled' | 'tinted' | 'plain';
-export type ButtonRenderFn = (props: {
-    className: string;
-    children: JSX.Element;
-}) => JSX.Element;
-export type ButtonProps = ComponentPropsWithRef<'button'> & {
-    isBlock?: boolean;
-    loading?: boolean;
-    size?: ButtonSize;
-    variant?: ButtonVariant;
-    appearance?: ButtonAppearance;
-    icon?: ReactNode;
-    caption?: ReactNode;
-    renderAs?: ButtonRenderFn;
-};
-export declare const Button: import("react").ForwardRefExoticComponent<Pick<ButtonProps, "caption" | "key" | "icon" | "variant" | "appearance" | "size" | "renderAs" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "isBlock" | "loading"> & import("react").RefAttributes<HTMLButtonElement>>;

package/esm/components/button/icon-button.d.ts

@@ -1,6 +0,0 @@
-import { type ReactNode } from 'react';
-import { type ButtonProps } from './button';
-export type IconButtonProps = Omit<ButtonProps, 'children' | 'caption'> & {
-    icon: ReactNode;
-};
-export declare const IconButton: import("react").ForwardRefExoticComponent<Pick<IconButtonProps, "form" | "slot" | "style" | "title" | "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" | "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" | "icon" | "variant" | "appearance" | "size" | "value" | "type" | "renderAs" | "name" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isBlock" | "loading"> & import("react").RefAttributes<HTMLButtonElement>>;

package/esm/components/button/index.d.ts

@@ -1,2 +0,0 @@
-export * from './button';
-export * from './icon-button';

package/esm/components/button/index.js

@@ -1,2 +0,0 @@
-export * from './button';
-export * from './icon-button';

package/esm/components/button-group/button-group.d.ts

@@ -1,7 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-type ButtonGroupBaseProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
-export type ButtonGroupProps = ButtonGroupBaseProps & {
-    children: JSX.Element | JSX.Element[];
-};
-export declare function ButtonGroup({ className, children, ...props }: ButtonGroupProps): JSX.Element;
-export {};

package/esm/components/button-group/index.d.ts

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

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

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

package/esm/components/caption/caption.d.ts

@@ -1,7 +0,0 @@
-import { type ComponentPropsWithRef } from 'react';
-export type CaptionAppearance = 'default' | 'info' | 'success' | 'error' | 'warning';
-export type CaptionProps = ComponentPropsWithRef<'div'> & {
-    showIcon?: boolean;
-    appearance?: CaptionAppearance;
-};
-export declare const Caption: import("react").ForwardRefExoticComponent<Pick<CaptionProps, "key" | "appearance" | keyof import("react").HTMLAttributes<HTMLDivElement> | "showIcon"> & import("react").RefAttributes<HTMLParagraphElement>>;

package/esm/components/caption/icons.d.ts

@@ -1,5 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export declare function InfoIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
-export declare function SuccessIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
-export declare function ErrorIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
-export declare function WarningIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;

package/esm/components/caption/index.d.ts

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

package/esm/components/caption/index.js

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

package/esm/components/checkbox/checkbox.d.ts

@@ -1,10 +0,0 @@
-import { type ComponentPropsWithRef } from 'react';
-type CheckboxHTMLProps = ComponentPropsWithRef<'input'>;
-type CheckboxBaseProps = Omit<CheckboxHTMLProps, 'type'>;
-export type CheckboxToggleHandler = (checked: boolean) => void;
-export type CheckboxProps = CheckboxBaseProps & {
-    hasMixedState?: boolean;
-    onToggle?: CheckboxToggleHandler;
-};
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "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" | "max" | "min" | "name" | "crossOrigin" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "hasMixedState" | "onToggle"> & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/esm/components/checkbox/index.d.ts

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

package/esm/components/checkbox/index.js

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

package/esm/components/color-picker/color-picker-button.d.ts

@@ -1,12 +0,0 @@
-import { type CSSProperties, ReactNode } from 'react';
-export type ColorPickerButtonProps<T extends string | number> = {
-    style?: CSSProperties;
-    className?: string;
-    label: ReactNode;
-    name: string;
-    color: string;
-    value: T;
-    checked: boolean;
-    onChangeValue: (value: T) => void;
-};
-export declare function ColorPickerButton<T extends string | number>({ style, className, label, name, color, value, checked, onChangeValue, }: ColorPickerButtonProps<T>): JSX.Element;

package/esm/components/color-picker/color-picker-button.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames } from '../../shared/react-helpers';
-export function ColorPickerButton({ style, className, label, name, color, value, checked, onChangeValue, }) {
-    const customProperties = {
-        '--dc-color-picker-btn-color': color,
-    };
-    return (_jsxs("label", { style: { ...customProperties, ...style }, className: classNames(className, {
-            'dc-color-picker__btn': true,
-            'dc-color-picker__btn_checked': checked,
-        }), children: [_jsx("input", { type: "radio", name: name, value: value, checked: checked, onChange: () => onChangeValue(value) }), label] }));
-}