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

package/dist/components/dialog/dialog-header.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-const dialog_context_1 = require("./dialog-context");
-const button_1 = require("../button");
-const x_mark_icon_1 = require("./x-mark-icon");
-function DialogHeader({ heading, subheading, className, children, }) {
-    const { titleId, descriptionId, onClose, } = (0, dialog_context_1.useDialogContext)();
-    const shouldRenderHeading = Boolean(heading);
-    const shouldRenderDescription = Boolean(subheading);
-    const shouldRenderChildren = Boolean(children);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, react_helpers_1.classNames)(className, 'dc-dialog-header'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "dc-dialog-header__title-bar", children: [shouldRenderHeading && ((0, jsx_runtime_1.jsx)("h2", { id: titleId, className: "dc-dialog-header__heading", children: heading })), (0, jsx_runtime_1.jsx)(button_1.IconButton, { icon: (0, jsx_runtime_1.jsx)(x_mark_icon_1.XMarkIcon, { width: 18, height: 18, strokeWidth: 2 }), variant: "plain", className: "dc-dialog-header__close-btn", onClick: () => onClose() })] }), shouldRenderDescription && ((0, jsx_runtime_1.jsx)("div", { id: descriptionId, className: "dc-dialog-header__subheading", children: subheading })), shouldRenderChildren && ((0, jsx_runtime_1.jsx)("div", { className: "dc-dialog-header__body", children: children }))] }));
-}
-exports.DialogHeader = DialogHeader;

package/dist/components/dialog/dialog.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dialog = 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 portal_1 = require("../portal");
-const dialog_context_1 = require("./dialog-context");
-function Dialog({ width = 'md', isOpen = false, openFocusRef, closeFocusRef, onClose, className, children, ...props }) {
-    const defaultId = (0, react_1.useId)();
-    const dialogRef = (0, react_1.useRef)(null);
-    const durationMs = 200;
-    const { isMounted, className: transitionClass } = (0, hooks_1.useMountTransition)({
-        durationMs,
-        isShown: isOpen,
-        enterFrom: 'dc-dialog_closed',
-        enterTo: 'dc-dialog_opened',
-    });
-    (0, react_1.useEffect)(() => {
-        if (isOpen) {
-            const openFocus = openFocusRef === null || openFocusRef === void 0 ? void 0 : openFocusRef.current;
-            const closeFocus = closeFocusRef === null || closeFocusRef === void 0 ? void 0 : closeFocusRef.current;
-            (0, react_helpers_1.focusElement)(openFocus);
-            return () => (0, react_helpers_1.focusElement)(closeFocus);
-        }
-    }, [isOpen, openFocusRef, closeFocusRef]);
-    (0, hooks_1.useEscKeyDown)(() => {
-        onClose();
-    }, { isEnabled: isOpen });
-    (0, hooks_1.useFocusTrap)(dialogRef, { isEnabled: isOpen });
-    (0, hooks_1.useDisableBodyScroll)({ isEnabled: isOpen });
-    if (!isOpen && !isMounted) {
-        return null;
-    }
-    const id = props.id || defaultId;
-    const titleId = `dialog-title-${id}`;
-    const descriptionId = `dialog-description-${id}`;
-    return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                '--dc-dialog-transition-duration': `${durationMs}ms`,
-            }, className: (0, react_helpers_1.classNames)('dc-dialog', transitionClass), children: [(0, jsx_runtime_1.jsx)("div", { className: "dc-dialog-backdrop" }), (0, jsx_runtime_1.jsx)("div", { ...props, ref: dialogRef, className: (0, react_helpers_1.classNames)(className, {
-                        'dc-dialog-modal': true,
-                        [`dc-dialog-modal_${width}`]: width,
-                    }), role: "dialog", id: id, "aria-labelledby": titleId, "aria-describedby": descriptionId, "aria-modal": true, children: (0, jsx_runtime_1.jsx)(dialog_context_1.DialogContextProvider, { titleId: titleId, descriptionId: descriptionId, isOpen: isOpen, onClose: onClose, children: children }) })] }) }));
-}
-exports.Dialog = Dialog;

package/dist/components/dialog/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("./dialog"), exports);
-__exportStar(require("./dialog-header"), exports);
-__exportStar(require("./dialog-body"), exports);
-__exportStar(require("./dialog-footer"), exports);

package/dist/components/dialog/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", { width: 24, height: 24, fill: "none", stroke: "currentColor", strokeWidth: 1.5, ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }));
-}
-exports.XMarkIcon = XMarkIcon;

package/dist/components/empty-state/empty-state.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmptyState = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-function EmptyState({ className, image, heading, description, primaryAction, secondaryAction, children, }) {
-    return ((0, jsx_runtime_1.jsxs)("section", { className: (0, react_helpers_1.classNames)('dc-empty-state', className), children: [Boolean(image) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-empty-state__image", children: image })), Boolean(heading) && ((0, jsx_runtime_1.jsx)("h1", { className: "dc-empty-state__heading", children: heading })), Boolean(description) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-empty-state__description", children: description })), Boolean(primaryAction) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-empty-state__primary-action", children: primaryAction })), Boolean(secondaryAction) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-empty-state__secondary-action", children: secondaryAction })), Boolean(children) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-empty-state__content", children: children }))] }));
-}
-exports.EmptyState = EmptyState;

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

package/dist/components/file-picker/file-picker.d.ts

@@ -1,13 +0,0 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
-type FilePickerHTMLProps = ComponentPropsWithRef<'input'>;
-type FilePickerBaseProps = Omit<FilePickerHTMLProps, 'type'>;
-export type SelectFilesHandler = (files: File[]) => void;
-export type FilePickerProps = FilePickerBaseProps & {
-    label: ReactNode;
-    icon?: ReactNode;
-    caption?: ReactNode;
-    buttonLabel?: ReactNode;
-    onSelectFiles?: SelectFilesHandler;
-};
-export declare const FilePicker: import("react").ForwardRefExoticComponent<Pick<FilePickerProps, "caption" | "form" | "label" | "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" | "icon" | "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" | "buttonLabel" | "onSelectFiles"> & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/file-picker/file-picker.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilePicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-const button_1 = require("../button");
-exports.FilePicker = (0, react_1.forwardRef)(function FilePicker({ label, icon, caption, buttonLabel = 'Browse', id, style, className, disabled, onSelectFiles, ...props }, ref) {
-    const defaultId = (0, react_1.useId)();
-    const inputId = id || defaultId;
-    const inputRef = (0, react_1.useRef)(null);
-    const [draggingOver, setDraggingOver] = (0, react_1.useState)(false);
-    const handleChange = (event) => {
-        const fileList = event.target.files;
-        onSelectFiles === null || onSelectFiles === void 0 ? void 0 : onSelectFiles(fileList ? Array.from(fileList) : []);
-    };
-    const handleDragOver = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!disabled) {
-            setDraggingOver(true);
-        }
-    };
-    const handleDragEnd = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!disabled) {
-            setDraggingOver(false);
-        }
-    };
-    const handleDrop = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!disabled) {
-            setDraggingOver(false);
-            const fileList = event.dataTransfer.files;
-            onSelectFiles === null || onSelectFiles === void 0 ? void 0 : onSelectFiles(fileList ? Array.from(fileList) : []);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: (0, react_helpers_1.classNames)(className, 'dc-file-picker', {
-            'dc-file-picker_disabled': disabled,
-            'dc-file-picker_dragging-over': draggingOver,
-        }), onDragOver: handleDragOver, onDragLeave: handleDragEnd, onDrop: handleDrop, "data-testid": "file-picker", children: [(0, jsx_runtime_1.jsx)("input", { ...props, id: inputId, ref: (0, react_helpers_1.mergeRefs)(ref, inputRef), className: "dc-file-picker__input", type: "file", disabled: disabled, onChange: handleChange }), (0, jsx_runtime_1.jsxs)("div", { className: "dc-file-picker__body", children: [Boolean(icon) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-file-picker__icon", children: icon })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "dc-file-picker__label", htmlFor: inputId, children: label }), Boolean(caption) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-file-picker__caption", children: caption }))] })] }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "dc-file-picker__button", onClick: () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: buttonLabel })] }));
-});

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

package/dist/components/filter-buttons/filter-button.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-exports.FilterButton = (0, react_1.forwardRef)(function FilterButton({ isActive = false, 'aria-pressed': ariaPressed = isActive, className, children, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("button", { ...props, ref: ref, className: (0, react_helpers_1.classNames)('dc-filter-button', isActive && 'active', className), "data-active": isActive, "aria-pressed": ariaPressed, children: children }));
-});

package/dist/components/filter-buttons/filter-buttons.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterButtons = 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");
-function FilterButtons({ className, children, ...props }) {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useLayoutEffect)(() => {
-        const el = ref.current;
-        (0, util_1.assertIfNullable)(el, 'FilterButtons ref was not set');
-        for (const child of el.children) {
-            if (child instanceof HTMLButtonElement &&
-                child.dataset.active === 'true') {
-                const offset = el.offsetWidth - child.offsetWidth - child.offsetLeft;
-                if (offset < 0) {
-                    el.scrollTo(Math.abs(offset), 0);
-                }
-                break;
-            }
-        }
-    }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, role: "group", className: (0, react_helpers_1.classNames)(className, 'dc-filter-buttons'), children: children }));
-}
-exports.FilterButtons = FilterButtons;

package/dist/components/filter-buttons/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("./filter-buttons"), exports);
-__exportStar(require("./filter-button"), exports);

package/dist/components/form-field/form-field.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormField = 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 FormField({ required = false, labelFor = '', label, caption, error, className = '', children, ...props }) {
-    const defaultId = (0, react_1.useId)();
-    const id = labelFor || defaultId;
-    const hasError = Boolean(error);
-    const shouldRenderLabel = Boolean(label);
-    let captionEl = null;
-    if (hasError) {
-        captionEl = ((0, jsx_runtime_1.jsx)(caption_1.Caption, { className: "dc-form-field__error", appearance: "error", showIcon: true, children: error }));
-    }
-    else if (caption) {
-        captionEl = (0, jsx_runtime_1.jsx)(caption_1.Caption, { className: "dc-form-field__caption", children: caption });
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, className: (0, react_helpers_1.classNames)('dc-form-field', className), children: [shouldRenderLabel && ((0, jsx_runtime_1.jsx)(label_1.Label, { className: "dc-form-field__label", htmlFor: id, required: required, children: label })), (0, jsx_runtime_1.jsx)("div", { className: "dc-form-field__input", children: typeof children === 'function'
-                    ? children({ id, required, hasError })
-                    : children }), captionEl] }));
-}
-exports.FormField = FormField;

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

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

package/dist/components/label/label.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-exports.Label = (0, react_1.forwardRef)(function Label({ required = false, className = '', children, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("label", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, 'dc-label', {
-            'dc-label_required': required,
-        }), children: children }));
-});

package/dist/components/menu/index.js

@@ -1,19 +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("./menu"), exports);
-__exportStar(require("./menu-item"), exports);
-__exportStar(require("./menu-separator"), exports);

package/dist/components/menu/menu-item.d.ts

@@ -1,11 +0,0 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
-type MenuItemHTMLProps = ComponentPropsWithRef<'button'>;
-type MenuItemBaseProps = Omit<MenuItemHTMLProps, 'children'>;
-export type MenuItemAppearance = 'default' | 'destructive';
-export type MenuItemProps = {
-    appearance?: MenuItemAppearance;
-    icon?: ReactNode;
-    children: ReactNode;
-} & MenuItemBaseProps;
-export declare const MenuItem: import("react").ForwardRefExoticComponent<Pick<MenuItemProps, "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" | "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" | "icon" | "appearance" | "value" | "type" | "name" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/components/menu/menu-item.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-exports.MenuItem = (0, react_1.forwardRef)(function MenuItem({ icon = null, appearance = 'default', className, children, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("li", { role: "presentation", children: (0, jsx_runtime_1.jsxs)("button", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, {
-                'dc-menu-btn': true,
-                [`dc-menu-btn_${appearance}`]: appearance,
-            }), type: "button", role: "menuitem", tabIndex: -1, children: [Boolean(icon) && (0, jsx_runtime_1.jsx)("span", { className: "dc-menu-btn__icon", children: icon }), (0, jsx_runtime_1.jsx)("span", { className: "dc-menu-btn__label", children: children })] }) }));
-});

package/dist/components/menu/menu-separator.js

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

package/dist/components/menu/menu.d.ts

@@ -1,31 +0,0 @@
-import { type ComponentPropsWithoutRef, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type RefCallback } from 'react';
-import { type ButtonAppearance, type ButtonVariant } from '../button';
-import { type PopoverAlignment, type PopoverPlacement } from '../popover';
-export type MenuAnchorRenderFn = (props: {
-    ref: RefCallback<HTMLElement>;
-    id: string;
-    'aria-haspopup': true;
-    'aria-expanded': boolean;
-    'aria-controls': string;
-    onClick: MouseEventHandler;
-    onKeyDown: KeyboardEventHandler;
-}, context: {
-    isOpen: boolean;
-    openMenu: () => void;
-    closeMenu: () => void;
-}) => JSX.Element;
-type MenuHTMLProps = ComponentPropsWithoutRef<'ul'>;
-export type MenuPlacement = PopoverPlacement;
-export type MenuAlignment = PopoverAlignment;
-export type MenuProps = {
-    defaultIsOpen?: boolean;
-    placement?: MenuPlacement;
-    alignment?: MenuAlignment;
-    onOpen?: () => void;
-    onClose?: () => void;
-    button: ReactNode | MenuAnchorRenderFn;
-    buttonAppearance?: ButtonAppearance;
-    buttonVariant?: ButtonVariant;
-} & MenuHTMLProps;
-export declare function Menu({ defaultIsOpen, placement, alignment, buttonAppearance, buttonVariant, button, className, children, onOpen, onClose, onKeyDown, ...props }: MenuProps): JSX.Element;
-export {};

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

@@ -1,19 +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("./nav-list"), exports);
-__exportStar(require("./nav-list-item"), exports);
-__exportStar(require("./nav-list-title"), exports);

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