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

package/dist/components/nav-list/nav-list-item.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavListItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-const badge_1 = require("../badge");
-function NavListItem({ className, icon, badge, children, renderAs, ...props }) {
-    className = (0, react_helpers_1.classNames)(className, 'dc-nav-link');
-    children = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon != null && (0, jsx_runtime_1.jsxs)("div", { className: "dc-nav-link__icon", children: [icon, " "] }), (0, jsx_runtime_1.jsx)("div", { className: "dc-nav-link__text", children: children }), badge != null && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "dc-nav-link__badge", children: badge })] })] }));
-    let content;
-    if (typeof renderAs === 'function') {
-        content = renderAs({ className, children });
-    }
-    else {
-        content = (0, jsx_runtime_1.jsx)("a", { ...props, className: className, children: children });
-    }
-    return (0, jsx_runtime_1.jsx)("li", { className: "dc-nav-list__item", children: content });
-}
-exports.NavListItem = NavListItem;

package/dist/components/nav-list/nav-list-title.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavListTitle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-function NavListTitle({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("li", { ...props, className: (0, react_helpers_1.classNames)('dc-nav-list__title', className), children: children }));
-}
-exports.NavListTitle = NavListTitle;

package/dist/components/nav-list/nav-list.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-function NavList({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("nav", { ...props, className: (0, react_helpers_1.classNames)('dc-nav-list', className), children: (0, jsx_runtime_1.jsx)("ul", { className: "dc-nav-list__items", children: children }) }));
-}
-exports.NavList = NavList;

package/dist/components/password-input/icons.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EyeSlashIcon = exports.EyeIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function EyeIcon(props) {
-    return ((0, jsx_runtime_1.jsxs)("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: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" }), (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })] }));
-}
-exports.EyeIcon = EyeIcon;
-function EyeSlashIcon(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: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88" }) }));
-}
-exports.EyeSlashIcon = EyeSlashIcon;

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

package/dist/components/password-input/password-input.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { type TextInputProps } from '../text-input';
-type PasswordInputBaseProps = Omit<TextInputProps, 'type' | 'suffix'>;
-export type PasswordInputProps = {
-    isDefaultVisible?: boolean;
-    showPasswordTitle?: string;
-    hidePasswordTitle?: string;
-} & PasswordInputBaseProps;
-export declare const PasswordInput: import("react").ForwardRefExoticComponent<Pick<PasswordInputProps, "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" | "isBlock" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "hasError" | "htmlSize" | "onChangeValue" | "widthCh" | "isDefaultVisible" | "showPasswordTitle" | "hidePasswordTitle"> & import("react").RefAttributes<HTMLInputElement>>;
-export {};

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasswordInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-const text_input_1 = require("../text-input");
-const tooltip_1 = require("../tooltip");
-const icons_1 = require("./icons");
-exports.PasswordInput = (0, react_1.forwardRef)(function PasswordInput({ isDefaultVisible = false, showPasswordTitle = 'Show password', hidePasswordTitle = 'Hide password', className, ...props }, ref) {
-    const [visible, setVisible] = (0, react_1.useState)(isDefaultVisible);
-    let type;
-    let content;
-    let Icon;
-    if (visible) {
-        type = 'text';
-        content = hidePasswordTitle;
-        Icon = icons_1.EyeIcon;
-    }
-    else {
-        type = 'password';
-        content = showPasswordTitle;
-        Icon = icons_1.EyeSlashIcon;
-    }
-    const handleButtonClick = () => setVisible(!visible);
-    const button = ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { content: content, children: (0, jsx_runtime_1.jsx)("button", { className: "dc-password-input__btn", type: "button", onClick: handleButtonClick, children: (0, jsx_runtime_1.jsx)(Icon, { className: "dc-password-input__icon", "aria-hidden": true }) }) }));
-    return ((0, jsx_runtime_1.jsx)(text_input_1.TextInput, { ...props, className: (0, react_helpers_1.classNames)('dc-password-input', className), ref: ref, type: type, suffix: button }));
-});

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

package/dist/components/popover/popover.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popover = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-const use_mount_transition_1 = require("../../hooks/use-mount-transition");
-const use_esc_key_down_1 = require("../../hooks/use-esc-key-down");
-const use_focus_trap_1 = require("../../hooks/use-focus-trap");
-const use_page_click_1 = require("./use-page-click");
-const positioner_1 = require("../positioner");
-exports.Popover = (0, react_1.forwardRef)(function Popover({ shouldTrapFocus = true, shouldFocusAnchorAfterEscPress = true, placement = 'bottom', alignment = 'start', anchorGap, viewportGap, anchor, className, children, onOpen, onClose, ...props }, ref) {
-    var _a, _b;
-    const [defaultIsOpen, setDefaultIsOpen] = (0, react_1.useState)((_a = props.defaultIsOpen) !== null && _a !== void 0 ? _a : false);
-    const anchorRef = (0, react_1.useRef)(null);
-    const contentRef = (0, react_1.useRef)(null);
-    const isOpen = (_b = props.isOpen) !== null && _b !== void 0 ? _b : defaultIsOpen;
-    const durationMs = 100;
-    const { isMounted, className: transitionClass } = (0, use_mount_transition_1.useMountTransition)({
-        durationMs,
-        isShown: isOpen,
-        enterFrom: 'dc-popover_closed',
-        enterTo: 'dc-popover_opened',
-    });
-    const openPopover = (0, react_1.useCallback)(() => {
-        setDefaultIsOpen(true);
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-    }, [onOpen]);
-    const closePopover = (0, react_1.useCallback)(() => {
-        setDefaultIsOpen(false);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [onClose]);
-    const togglePopover = (0, react_1.useCallback)(() => {
-        if (isOpen) {
-            closePopover();
-        }
-        else {
-            openPopover();
-        }
-    }, [isOpen, closePopover, openPopover]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        open: openPopover,
-        close: closePopover,
-        toggle: togglePopover,
-    }), [openPopover, closePopover, togglePopover]);
-    (0, use_page_click_1.usePageClick)((event) => {
-        const target = event.target;
-        const anchor = anchorRef.current;
-        const content = contentRef.current;
-        if (target instanceof Node &&
-            !(anchor === null || anchor === void 0 ? void 0 : anchor.contains(target)) &&
-            !(content === null || content === void 0 ? void 0 : content.contains(target))) {
-            closePopover();
-        }
-    }, { isEnabled: isOpen });
-    (0, use_esc_key_down_1.useEscKeyDown)(() => {
-        closePopover();
-        if (shouldFocusAnchorAfterEscPress && anchorRef.current) {
-            (0, react_helpers_1.focusElement)(anchorRef.current);
-        }
-    }, { isEnabled: isOpen });
-    (0, use_focus_trap_1.useFocusTrap)(contentRef, { isEnabled: shouldTrapFocus && isOpen });
-    const renderAnchor = ({ setRef }) => {
-        if (typeof anchor === 'function') {
-            return anchor({
-                ref: (0, react_helpers_1.mergeRefs)(setRef, anchorRef),
-            }, {
-                isOpen: isOpen || isMounted,
-                openPopover,
-                closePopover,
-                togglePopover,
-            });
-        }
-        if ((0, react_helpers_1.isReactElementWithRef)(anchor)) {
-            return (0, react_1.cloneElement)(anchor, {
-                ref: (0, react_helpers_1.mergeRefs)(setRef, anchorRef, anchor.ref),
-                onClick: (event) => {
-                    var _a, _b;
-                    togglePopover();
-                    (_b = (_a = anchor.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-                },
-            });
-        }
-        return anchor;
-    };
-    const renderContent = ({ setRef: portalRef, style: portalStyle, }) => {
-        if (isOpen || isMounted) {
-            delete props.defaultIsOpen;
-            delete props.isOpen;
-            return ((0, jsx_runtime_1.jsx)("div", { ref: portalRef, style: {
-                    '--dc-popover-transition-duration': `${durationMs}ms`,
-                    ...portalStyle,
-                }, className: (0, react_helpers_1.classNames)('dc-popover', transitionClass), children: (0, jsx_runtime_1.jsx)("div", { ...props, ref: contentRef, className: (0, react_helpers_1.classNames)('dc-popover-modal', className), children: children }) }));
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(positioner_1.Positioner, { position: "absolute", placement: placement, alignment: alignment, anchorGap: anchorGap, viewportGap: viewportGap, renderAnchor: renderAnchor, renderContent: renderContent }));
-});

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

package/dist/components/portal/portal-context.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PortalRootProvider = exports.usePortalRoot = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-let root = null;
-const getPortalRoot = () => {
-    if (root == null) {
-        root = document.createElement('div');
-        root.id = 'portal-root';
-        root.dataset.testid = 'portal-root';
-        document.body.append(root);
-    }
-    return root;
-};
-const PortalContext = (0, react_1.createContext)(getPortalRoot);
-function usePortalRoot() {
-    const getRoot = (0, react_1.useContext)(PortalContext);
-    return getRoot();
-}
-exports.usePortalRoot = usePortalRoot;
-function PortalRootProvider(props) {
-    const { getPortalRoot, children } = props;
-    return ((0, jsx_runtime_1.jsx)(PortalContext.Provider, { value: getPortalRoot, children: children }));
-}
-exports.PortalRootProvider = PortalRootProvider;

package/dist/components/portal/portal.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Portal = void 0;
-const react_dom_1 = require("react-dom");
-const portal_context_1 = require("./portal-context");
-function Portal({ children }) {
-    const container = (0, portal_context_1.usePortalRoot)();
-    return (0, react_dom_1.createPortal)(children, container);
-}
-exports.Portal = Portal;

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

package/dist/components/positioner/types.js

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

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

package/dist/components/radio/radio.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Radio = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-exports.Radio = (0, react_1.forwardRef)(function Radio({ icon = 'dot', style = {}, className = '', onChange, onToggle, ...props }, ref) {
-    let renderedIcon;
-    switch (icon) {
-        case 'check':
-            renderedIcon = checkIcon;
-            break;
-        default:
-            renderedIcon = dotIcon;
-    }
-    return ((0, jsx_runtime_1.jsxs)("label", { style: style, className: (0, react_helpers_1.classNames)('dc-radio', className), children: [(0, jsx_runtime_1.jsx)("input", { ...props, ref: ref, type: "radio", className: "dc-radio__input", onChange: (event) => {
-                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                    onToggle === null || onToggle === void 0 ? void 0 : onToggle(event.target.checked);
-                } }), (0, jsx_runtime_1.jsx)("span", { className: "dc-radio__check", "data-testid": "radio-check", "aria-hidden": true, children: renderedIcon })] }));
-});
-const checkIcon = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", className: "dc-radio__icon", "data-testid": "radio-check-icon", children: (0, jsx_runtime_1.jsx)("path", { d: "M7 12.7222L11 16.5L17 8", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-const dotIcon = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", className: "dc-radio__icon", "data-testid": "radio-dot-icon", children: (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "5", fill: "currentColor" }) }));

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

package/dist/components/segmented-control/segmented-control-button.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentedControlButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-function SegmentedControlButton({ className, checked, icon, children, value, onChangeValue, }) {
-    function handleClick() {
-        if (!checked) {
-            onChangeValue(value);
-        }
-    }
-    return ((0, jsx_runtime_1.jsxs)("li", { className: (0, react_helpers_1.classNames)(className, 'dc-segmented__button'), role: "radio", "data-value": value, "aria-checked": checked, tabIndex: checked ? 0 : -1, onClick: handleClick, children: [icon, children] }));
-}
-exports.SegmentedControlButton = SegmentedControlButton;

package/dist/components/segmented-control/segmented-control.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentedControl = 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 segmented_control_button_1 = require("./segmented-control-button");
-function SegmentedControl({ size = 'md', disabled = false, className, value, options, onChangeValue, ...props }) {
-    const ref = (0, react_1.useRef)(null);
-    function handleKeyDown(event) {
-        const prevIndex = options.findIndex((option) => option.value === value);
-        const containerEl = ref.current;
-        (0, util_1.assertIfNullable)(containerEl, 'ref.current is null or undefined');
-        let index = prevIndex;
-        if (event.key === keyboard_keys_1.KeyboardKeys.ArrowRight ||
-            event.key === keyboard_keys_1.KeyboardKeys.ArrowDown) {
-            index += 1;
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.ArrowLeft ||
-            event.key === keyboard_keys_1.KeyboardKeys.ArrowUp) {
-            index -= 1;
-        }
-        if (index < 0) {
-            index = options.length - 1;
-        }
-        else if (index >= options.length) {
-            index = 0;
-        }
-        if (index !== prevIndex) {
-            event.stopPropagation();
-            event.preventDefault();
-            const option = options[index];
-            (0, util_1.assertIfNullable)(option, `Unable to get option at index ${index}`);
-            onChangeValue(option.value);
-            const radioEl = containerEl.children[index];
-            (0, util_1.assertIfNullable)(radioEl, `Unable to get radio at index ${index}`);
-            (0, react_helpers_1.focusElement)(radioEl);
-        }
-    }
-    return ((0, jsx_runtime_1.jsx)("ul", { ...props, ref: ref, role: "radiogroup", className: (0, react_helpers_1.classNames)(className, 'dc-segmented', {
-            [`dc-segmented_${size}`]: size,
-            'dc-segmented_disabled': disabled,
-        }), onKeyDown: handleKeyDown, children: options.map((option) => ((0, jsx_runtime_1.jsx)(segmented_control_button_1.SegmentedControlButton, { icon: option.icon, value: option.value, checked: value === option.value, onChangeValue: onChangeValue, children: option.label }, option.value))) }));
-}
-exports.SegmentedControl = SegmentedControl;

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

package/dist/components/select/select.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-exports.Select = (0, react_1.forwardRef)(function Select({ hasError, isBlock, size = 'md', style, className, disabled, multiple, htmlSize, children, onChange, onChangeValue, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: (0, react_helpers_1.classNames)(className, 'dc-select__container', {
-            [`dc-select__container_${size}`]: size !== undefined,
-            'dc-select__container_multiple': multiple,
-            'dc-select__container_disabled': disabled,
-            'dc-select__container_has_error': hasError,
-            'dc-select__container_block': isBlock,
-        }), children: [(0, jsx_runtime_1.jsx)("select", { ...props, ref: ref, className: "dc-select", size: htmlSize, multiple: multiple, disabled: disabled, onChange: (event) => {
-                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                    if (multiple) {
-                        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(Array.from(event.target.options)
-                            .filter((option) => option.selected)
-                            .map((option) => option.value));
-                    }
-                    else {
-                        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(event.target.value);
-                    }
-                }, children: children }), (0, jsx_runtime_1.jsx)("svg", { className: "dc-select__icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "none", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": true, children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) })] }));
-});

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

package/dist/components/selection-control/selection-control.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectionControl = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-const label_1 = require("../label");
-const caption_1 = require("../caption");
-function SelectionControl({ label, labelFor, caption, className, children, ...props }) {
-    const defaultId = (0, react_1.useId)();
-    const controlId = labelFor || defaultId;
-    const shouldRenderCaption = Boolean(caption);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, className: (0, react_helpers_1.classNames)('dc-selection-control', className), children: [(0, jsx_runtime_1.jsx)("div", { className: "dc-selection-control__input", children: typeof children === 'function'
-                    ? children({ id: controlId })
-                    : children }), (0, jsx_runtime_1.jsx)(label_1.Label, { className: "dc-selection-control__label", htmlFor: controlId, children: label }), shouldRenderCaption && ((0, jsx_runtime_1.jsx)(caption_1.Caption, { className: "dc-selection-control__caption", children: caption }))] }));
-}
-exports.SelectionControl = SelectionControl;

package/dist/components/slider/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 });
-exports.SliderTickMarks = void 0;
-__exportStar(require("./slider"), exports);
-var slider_tick_marks_1 = require("./slider-tick-marks");
-Object.defineProperty(exports, "SliderTickMarks", { enumerable: true, get: function () { return slider_tick_marks_1.SliderTickMarks; } });

package/dist/components/slider/slider-tick-marks.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderTickMarks = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function SliderTickMarks({ tickMarksCount, renderTickMarkLabel, }) {
-    if (tickMarksCount < 1) {
-        return null;
-    }
-    const tickMarks = [];
-    for (let index = 0; index < tickMarksCount; index += 1) {
-        const label = renderTickMarkLabel === null || renderTickMarkLabel === void 0 ? void 0 : renderTickMarkLabel(index);
-        tickMarks.push(((0, jsx_runtime_1.jsx)("div", { className: "dc-slider-tick-mark", "data-testid": "tick-mark", children: Boolean(label) && ((0, jsx_runtime_1.jsx)("span", { className: "dc-slider-tick-mark__label", children: label })) }, index)));
-    }
-    return (0, jsx_runtime_1.jsx)("div", { className: "dc-slider__tick-marks", children: tickMarks });
-}
-exports.SliderTickMarks = SliderTickMarks;

package/dist/components/slider/slider.d.ts

@@ -1,17 +0,0 @@
-import { type ComponentPropsWithRef } from 'react';
-import { type SliderTickMarksProps } from './slider-tick-marks';
-type SliderHTMLProps = ComponentPropsWithRef<'input'>;
-type SliderBaseProps = Omit<SliderHTMLProps, 'type' | 'min' | 'max' | 'step' | 'value' | 'defaultValue'>;
-export type SliderThumbStyle = 'round' | 'rect';
-export type SliderChangeValueHandler = (value: number) => void;
-export type SliderProps = {
-    thumbStyle?: SliderThumbStyle;
-    step?: number;
-    min?: number;
-    max?: number;
-    value?: number;
-    defaultValue?: number;
-    onChangeValue?: SliderChangeValueHandler;
-} & SliderBaseProps & Partial<SliderTickMarksProps>;
-export declare const Slider: import("react").ForwardRefExoticComponent<Pick<SliderProps, "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" | "onChangeValue" | "thumbStyle" | keyof SliderTickMarksProps> & import("react").RefAttributes<HTMLInputElement>>;
-export {};

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