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

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/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.d.ts

@@ -1,13 +0,0 @@
-import { type ComponentPropsWithoutRef, ReactNode } from 'react';
-export type ColorPickerOption<T extends string | number> = {
-    value: T;
-    color: string;
-    label?: ReactNode;
-};
-export type ColorPickerProps<T extends string | number> = {
-    name: string;
-    value?: T;
-    options: ColorPickerOption<T>[] | Readonly<ColorPickerOption<T>[]>;
-    onChangeValue: (value: T) => void;
-} & ComponentPropsWithoutRef<'fieldset'>;
-export declare function ColorPicker<T extends string | number>({ className, name, options, value, disabled, onChangeValue, ...props }: ColorPickerProps<T>): JSX.Element;

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

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

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

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

package/esm/components/date-picker/calendar-day.d.ts

@@ -1,17 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-type CalendarDayHTMLProps = ComponentPropsWithoutRef<'button'>;
-export type CalendarDayProps = {
-    date: Date;
-    dateISO: string;
-    locale?: string;
-    isSelected?: boolean;
-    isDisabled?: boolean;
-    isFocusable?: boolean;
-    isToday?: boolean;
-    isWeekend?: boolean;
-    inRange?: boolean;
-    isRangeStart?: boolean;
-    isRangeEnd?: boolean;
-} & CalendarDayHTMLProps;
-export declare function CalendarDay({ date, dateISO, locale, isSelected, isDisabled, isFocusable, isToday, isWeekend, inRange, isRangeStart, isRangeEnd, ...props }: CalendarDayProps): JSX.Element;
-export {};

package/esm/components/date-picker/calendar-grid-head.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { type Weekday } from './date-helpers';
-export type CalendarGridHeadProps = {
-    locale?: string;
-    weekStartsOn?: Weekday;
-};
-export declare function CalendarGridHead({ locale, weekStartsOn, }: CalendarGridHeadProps): JSX.Element;

package/esm/components/date-picker/calendar-grid.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { type Weekday } from './date-helpers';
-import { type CalendarDayProps } from './calendar-day';
-export type GetCalendarDayProps = (date: Date) => Pick<CalendarDayProps, 'isSelected' | 'inRange' | 'isRangeStart' | 'isRangeEnd'>;
-export type CalendarGridProps = {
-    focusDay: Date;
-    minDate?: Date | null;
-    maxDate?: Date | null;
-    locale?: string;
-    weekStartsOn?: Weekday;
-    getDayProps?: GetCalendarDayProps;
-    onHoverDay?(date: Date): void;
-    onFocusDay?(date: Date): void;
-    onSelectDay(date: Date): void;
-    onChangeFocusDay(date: Date): void;
-};
-export declare function CalendarGrid({ focusDay, minDate, maxDate, locale, weekStartsOn, getDayProps, onHoverDay, onFocusDay, onSelectDay, onChangeFocusDay, }: CalendarGridProps): JSX.Element;

package/esm/components/date-picker/calendar-header.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export type CalendarHeaderProps = {
-    focusDay: Date;
-    onChangeFocusDay: (date: Date) => void;
-    className?: string;
-    locale?: string;
-    nextMonthButtonLabel?: string;
-    prevMonthButtonLabel?: string;
-    monthSelectLabel?: string;
-    yearInputLabel?: string;
-};
-export declare function CalendarHeader({ focusDay, onChangeFocusDay, className, locale, nextMonthButtonLabel, prevMonthButtonLabel, monthSelectLabel, yearInputLabel, }: CalendarHeaderProps): JSX.Element;

package/esm/components/date-picker/calendar.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { type Weekday } from './date-helpers';
-import { type CalendarHeaderProps } from './calendar-header';
-import { type CalendarGridProps } from './calendar-grid';
-export type CalendarProps = {
-    className?: string;
-    defaultFocusDay?: Date | null;
-    weekStartsOn?: Weekday;
-    onFocusDay?(date: Date): void;
-} & Pick<CalendarGridProps, 'minDate' | 'maxDate' | 'getDayProps' | 'onHoverDay' | 'onFocusDay' | 'onSelectDay'> & Pick<CalendarHeaderProps, 'locale' | 'nextMonthButtonLabel' | 'prevMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'>;
-export declare function Calendar({ className, defaultFocusDay, minDate, maxDate, locale, weekStartsOn, nextMonthButtonLabel, prevMonthButtonLabel, getDayProps, onHoverDay, onFocusDay, onSelectDay, }: CalendarProps): JSX.Element;

package/esm/components/date-picker/date-helpers.d.ts

@@ -1,22 +0,0 @@
-export type DateISO = string;
-export type Weekday = 0 | 1 | 2 | 3 | 4 | 5 | 6;
-export declare const MONTHS_IN_YEAR = 12;
-export declare const DAYS_IN_WEEK = 7;
-export declare const LAST_WEEKDAY: Weekday;
-export declare const DATE_ISO_REGEX: RegExp;
-export declare function addYears(date: Date, amount: number): Date;
-export declare function setDateYear(date: Date, year: number): Date;
-export declare function addMonths(date: Date, amount: number): Date;
-export declare function setDateMonth(date: Date, month: number): Date;
-export declare function addDays(date: Date, amount: number): Date;
-export declare function getStartOfMonth(date: Date): Date;
-export declare function getEndOfMonth(date: Date): Date;
-export declare function getWeekday(date: Date, weekStartsOn?: number): number;
-export declare function getStartOfWeek(date: Date, weekStartsOn?: Weekday): Date;
-export declare function getEndOfWeek(date: Date, weekStartsOn?: Weekday): Date;
-export declare function getStartOfDay(date: Date): Date;
-export declare function isValidDateISO(value: DateISO): boolean;
-export declare function isSameDay(a: Date, b: Date): boolean;
-export declare function isWeekend(date: Date): boolean;
-export declare function parseDateISO(date: DateISO, error?: string): Date;
-export declare function toDateISO(date: Date): DateISO;

package/esm/components/date-picker/date-picker.d.ts

@@ -1,13 +0,0 @@
-import { type DateISO, type Weekday } from './date-helpers';
-import { type ComponentPropsWithoutRef } from 'react';
-import { type CalendarProps } from './calendar';
-type DatePickerHTMLProps = ComponentPropsWithoutRef<'div'>;
-export type DatePickerProps = {
-    value: DateISO | null;
-    onChangeValue: (value: DateISO) => void;
-    weekStartsOn?: Weekday;
-    min?: DateISO;
-    max?: DateISO;
-} & Pick<CalendarProps, 'locale' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'> & DatePickerHTMLProps;
-export declare function DatePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DatePickerProps): JSX.Element;
-export {};

package/esm/components/date-picker/date-range-picker.d.ts

@@ -1,14 +0,0 @@
-import { type DateISORange } from './date-range';
-import { type DateISO, type Weekday } from './date-helpers';
-import { type ComponentPropsWithoutRef } from 'react';
-import { type CalendarProps } from './calendar';
-type DateRangePickerHTMLProps = ComponentPropsWithoutRef<'div'>;
-export type DateRangePickerProps = {
-    value: DateISORange | null;
-    onChangeValue: (value: DateISORange) => void;
-    weekStartsOn?: Weekday;
-    min?: DateISO;
-    max?: DateISO;
-} & Pick<CalendarProps, 'locale' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'> & DateRangePickerHTMLProps;
-export declare function DateRangePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DateRangePickerProps): JSX.Element;
-export {};

package/esm/components/date-picker/date-range.d.ts

@@ -1,13 +0,0 @@
-import { type DateISO } from './date-helpers';
-export type DateISORange = {
-    start: DateISO;
-    end: DateISO;
-};
-export declare class DateRange {
-    readonly start: Date;
-    readonly end: Date;
-    constructor(start: Date, end: Date);
-    static create(start: Date, end: Date): DateRange;
-    contains(date: Date): boolean;
-    toDateISORange(): DateISORange;
-}

package/esm/components/date-picker/icons.d.ts

@@ -1,3 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export declare function ChevronLeftIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
-export declare function ChevronRightIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;