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

package/esm/components/tooltip/tooltip.js

@@ -1,14 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cloneElement, useId, useMemo, useState, } from 'react';
-import { classNames, isReactElementWithRef, mergeRefs, } from '../../shared/react-helpers';
-import { useMountTransition } from '../../hooks';
-import { Positioner, } from '../positioner';
-export function Tooltip({ anchorGap = 8, placement = 'top', alignment = 'center', style, className, content, children, ...props }) {
-    var _a, _b;
-    const [defaultShow, setDefaultShow] = useState((_a = props.defaultIsShown) !== null && _a !== void 0 ? _a : false);
+import { jsx } from 'react/jsx-runtime';
+import { useState, useId, useMemo, cloneElement } from 'react';
+import { isReactElementWithRef, mergeRefs, classNames } from '../../lib/react-helpers.js';
+import { useMountTransition } from '../../hooks/use-mount-transition.js';
+import { Positioner } from '../positioner/positioner.js';
+
+function Tooltip({ anchorGap = 8, placement = 'top', alignment = 'center', style, className, content, children, ...props }) {
+    const [defaultShow, setDefaultShow] = useState(props.defaultIsShown ?? false);
     const defaultId = useId();
     const tooltipId = props.id || defaultId;
-    const isShown = (_b = props.isShown) !== null && _b !== void 0 ? _b : defaultShow;
+    const isShown = props.isShown ?? defaultShow;
     const durationMs = 100;
     const { isMounted, className: transitionClass } = useMountTransition({
         isShown,
@@ -34,26 +34,22 @@ export function Tooltip({ anchorGap = 8, placement = 'top', alignment = 'center'
         if (isReactElementWithRef(children)) {
             const props = children.props;
             return cloneElement(children, {
-                ref: mergeRefs(setRef, children.ref),
-                onFocus: (event) => {
-                    var _a;
+                'ref': mergeRefs(setRef, children.ref),
+                'onFocus': (event) => {
                     showTooltip();
-                    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, event);
+                    props.onFocus?.(event);
                 },
-                onBlur: (event) => {
-                    var _a;
+                'onBlur': (event) => {
                     hideTooltip();
-                    (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
+                    props.onBlur?.(event);
                 },
-                onMouseEnter: (event) => {
-                    var _a;
+                'onMouseEnter': (event) => {
                     showTooltip();
-                    (_a = props.onMouseEnter) === null || _a === void 0 ? void 0 : _a.call(props, event);
+                    props.onMouseEnter?.(event);
                 },
-                onMouseLeave: (event) => {
-                    var _a;
+                'onMouseLeave': (event) => {
                     hideTooltip();
-                    (_a = props.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(props, event);
+                    props.onMouseLeave?.(event);
                 },
                 'aria-describedby': props['aria-describedby'] || tooltipId,
             });
@@ -64,12 +60,14 @@ export function Tooltip({ anchorGap = 8, placement = 'top', alignment = 'center'
         if (isShown || isMounted) {
             delete props.defaultIsShown;
             delete props.isShown;
-            return (_jsx("div", { ...props, ref: portalRef, id: tooltipId, style: {
+            return (jsx("div", { ...props, ref: portalRef, id: tooltipId, style: {
                     '--dc-tooltip-transition-duration': `${durationMs}ms`,
                     ...portalStyle,
                     ...style,
                 }, className: classNames('dc-tooltip', transitionClass, className), role: "tooltip", children: content }));
         }
     };
-    return (_jsx(Positioner, { placement: placement, alignment: alignment, anchorGap: anchorGap, renderAnchor: renderAnchor, renderContent: renderContent }));
+    return (jsx(Positioner, { placement: placement, alignment: alignment, anchorGap: anchorGap, renderAnchor: renderAnchor, renderContent: renderContent }));
 }
+
+export { Tooltip };

package/esm/hooks/index.js

@@ -1,4 +1,4 @@
-export * from './use-mount-transition';
-export * from './use-disable-body-scroll';
-export * from './use-esc-key-down';
-export * from './use-focus-trap';
+export { useMountTransition } from './use-mount-transition.js';
+export { useDisableBodyScroll } from './use-disable-body-scroll.js';
+export { useEscKeyDown } from './use-esc-key-down.js';
+export { useFocusTrap } from './use-focus-trap.js';

package/esm/hooks/use-disable-body-scroll.js

@@ -1,6 +1,7 @@
 import { useEffect } from 'react';
-import { once } from '../shared/util';
-export function useDisableBodyScroll(options) {
+import { once } from '../lib/helpers.js';
+
+function useDisableBodyScroll(options) {
     useEffect(() => {
         if (options.isEnabled) {
             return disableBodyScroll();
@@ -28,3 +29,5 @@ function disableBodyScroll() {
         }
     });
 }
+
+export { useDisableBodyScroll };

package/esm/hooks/use-esc-key-down.js

@@ -1,5 +1,6 @@
-import { useEffect, useRef } from 'react';
-import { KeyboardKeys } from '../shared/keyboard-keys';
+import { useRef, useEffect } from 'react';
+import { KeyboardKeys } from '../lib/keyboard-keys.js';
+
 const handlers = [];
 /**
  * Invokes a given handler when the `Esc` key was pressed.
@@ -12,7 +13,7 @@ const handlers = [];
  * @param options.isEnabled A flag that determines whether to run
  * the passed handler or not.
  */
-export function useEscKeyDown(handler, options) {
+function useEscKeyDown(handler, options) {
     const handlerRef = useRef(handler);
     const isEnabled = options.isEnabled;
     useEffect(() => {
@@ -47,3 +48,5 @@ export function useEscKeyDown(handler, options) {
         };
     }, [isEnabled]);
 }
+
+export { useEscKeyDown };

package/esm/hooks/use-focus-trap.js

@@ -1,6 +1,7 @@
 import { useEffect } from 'react';
-import { focusElement } from '../shared/react-helpers';
-import { KeyboardKeys } from '../shared/keyboard-keys';
+import { KeyboardKeys } from '../lib/keyboard-keys.js';
+import { focusElement } from '../lib/react-helpers.js';
+
 const modals = [];
 const focusableElementsSelector = [
     'a[href]',
@@ -23,7 +24,7 @@ const focusableElementsSelector = [
  * @param {boolean} options.isEnabled - A flag that determines whether
  * to trap focus or not.
  */
-export function useFocusTrap(modalRef, options) {
+function useFocusTrap(modalRef, options) {
     const isEnabled = options.isEnabled;
     useEffect(() => {
         if (!isEnabled) {
@@ -80,3 +81,5 @@ export function useFocusTrap(modalRef, options) {
         };
     }, [isEnabled, modalRef]);
 }
+
+export { useFocusTrap };

package/esm/hooks/use-mount-transition.js

@@ -1,6 +1,7 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { classNames } from '../shared/react-helpers';
-export function useMountTransition({ animateFirstMount = false, isShown, durationMs, enterFrom, enterTo, }) {
+import { useState, useRef, useMemo, useEffect } from 'react';
+import { classNames } from '../lib/react-helpers.js';
+
+function useMountTransition({ animateFirstMount = false, isShown, durationMs, enterFrom, enterTo, }) {
     const [isMounted, setIsMounted] = useState(isShown);
     const [hasEnterToClass, setHasEnterToClass] = useState(false);
     const firstMount = useRef(true);
@@ -34,3 +35,5 @@ export function useMountTransition({ animateFirstMount = false, isShown, duratio
             : classNames(enterFrom, hasEnterToClass && enterTo),
     };
 }
+
+export { useMountTransition };

package/esm/index.js

@@ -1,37 +1,66 @@
-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';
+export { KeyboardKeys } from './lib/keyboard-keys.js';
+export { assertIfNullable, once } from './lib/helpers.js';
+export { classNames, focusElement, isReactElementWithRef, mergeRefs } from './lib/react-helpers.js';
+export { useMountTransition } from './hooks/use-mount-transition.js';
+export { useDisableBodyScroll } from './hooks/use-disable-body-scroll.js';
+export { useEscKeyDown } from './hooks/use-esc-key-down.js';
+export { useFocusTrap } from './hooks/use-focus-trap.js';
+export { Alert } from './components/alert/alert.js';
+export { Avatar } from './components/avatar/avatar.js';
+export { AvatarGroup } from './components/avatar-group/avatar-group.js';
+export { Badge } from './components/badge/badge.js';
+export { Breadcrumbs } from './components/breadcrumbs/breadcrumbs.js';
+export { BreadcrumbsItem } from './components/breadcrumbs/breadcrumbs-item.js';
+export { Button } from './components/button/button.js';
+export { IconButton } from './components/button/icon-button.js';
+export { ButtonGroup } from './components/button-group/button-group.js';
+export { Caption } from './components/caption/caption.js';
+export { Checkbox } from './components/checkbox/checkbox.js';
+export { DatePicker } from './components/date-picker/date-picker.js';
+export { DateRangePicker } from './components/date-picker/date-range-picker.js';
+export { DatePickerPopover } from './components/date-picker-popover/date-picker-popover.js';
+export { DateRangePickerPopover } from './components/date-range-picker-popover/date-range-picker-popover.js';
+export { Dialog } from './components/dialog/dialog.js';
+export { DialogHeader } from './components/dialog/dialog-header.js';
+export { DialogBody } from './components/dialog/dialog-body.js';
+export { DialogFooter } from './components/dialog/dialog-footer.js';
+export { EmptyState } from './components/empty-state/empty-state.js';
+export { FilePicker } from './components/file-picker/file-picker.js';
+export { FilterButtons } from './components/filter-buttons/filter-buttons.js';
+export { FilterButton } from './components/filter-buttons/filter-button.js';
+export { FormField } from './components/form-field/form-field.js';
+export { Label } from './components/label/label.js';
+export { Menu } from './components/menu/menu.js';
+export { MenuItem } from './components/menu/menu-item.js';
+export { MenuSeparator } from './components/menu/menu-separator.js';
+export { NavList } from './components/nav-list/nav-list.js';
+export { NavListItem } from './components/nav-list/nav-list-item.js';
+export { NavListTitle } from './components/nav-list/nav-list-title.js';
+export { PasswordInput } from './components/password-input/password-input.js';
+export { Popover } from './components/popover/popover.js';
+export { Portal } from './components/portal/portal.js';
+export { Radio } from './components/radio/radio.js';
+export { SegmentedControl } from './components/segmented-control/segmented-control.js';
+export { Select } from './components/select/select.js';
+export { Slider } from './components/slider/slider.js';
+export { SliderTickMarks } from './components/slider/slider-tick-marks.js';
+export { Spinner } from './components/spinner/spinner.js';
+export { Switch } from './components/switch/switch.js';
+export { TableContainer } from './components/table/table-container.js';
+export { Table } from './components/table/table.js';
+export { TableHead } from './components/table/table-head.js';
+export { TableBody } from './components/table/table-body.js';
+export { TableRow } from './components/table/table-row.js';
+export { TableHeadCell } from './components/table/table-head-cell.js';
+export { TableCell } from './components/table/table-cell.js';
+export { Tabs } from './components/tabs/tabs.js';
+export { TabList } from './components/tabs/tab-list.js';
+export { Tab } from './components/tabs/tab.js';
+export { TabPanel } from './components/tabs/tab-panel.js';
+export { Tag } from './components/tag/tag.js';
+export { TextInput } from './components/text-input/text-input.js';
+export { Textarea } from './components/textarea/textarea.js';
+export { Toast } from './components/toast/toast.js';
+export { ToastButton } from './components/toast/toast-button.js';
+export { Toaster } from './components/toaster/toaster.js';
+export { Tooltip } from './components/tooltip/tooltip.js';

package/esm/{shared/util.js → lib/helpers.js}

@@ -1,4 +1,4 @@
-export function once(fn) {
+function once(fn) {
     let called = false;
     let result;
     return (...args) => {
@@ -9,8 +9,10 @@ export function once(fn) {
         return result;
     };
 }
-export function assertIfNullable(value, message = 'value is null or undefined') {
+function assertIfNullable(value, message = 'value is null or undefined') {
     if (value == null) {
         throw Error(message);
     }
 }
+
+export { assertIfNullable, once };

package/esm/lib/index.js

@@ -0,0 +1,3 @@
+export { KeyboardKeys } from './keyboard-keys.js';
+export { assertIfNullable, once } from './helpers.js';
+export { classNames, focusElement, isReactElementWithRef, mergeRefs } from './react-helpers.js';

package/esm/{shared → lib}/keyboard-keys.js

@@ -1,4 +1,4 @@
-export const KeyboardKeys = {
+const KeyboardKeys = {
     ArrowUp: 'ArrowUp',
     ArrowRight: 'ArrowRight',
     ArrowDown: 'ArrowDown',
@@ -12,3 +12,5 @@ export const KeyboardKeys = {
     Escape: 'Escape',
     Space: ' ',
 };
+
+export { KeyboardKeys };

package/esm/{shared → lib}/react-helpers.js

@@ -1,5 +1,6 @@
-import { isValidElement, } from 'react';
-export function classNames(...classes) {
+import { isValidElement } from 'react';
+
+function classNames(...classes) {
     let resultString = '';
     for (const className of classes) {
         if (!className) {
@@ -18,7 +19,7 @@ export function classNames(...classes) {
     }
     return resultString.trimEnd();
 }
-export function mergeRefs(...refs) {
+function mergeRefs(...refs) {
     return (instance) => {
         for (const ref of refs) {
             if (ref != null) {
@@ -32,11 +33,13 @@ export function mergeRefs(...refs) {
         }
     };
 }
-export function isReactElementWithRef(element) {
+function isReactElementWithRef(element) {
     return isValidElement(element) && 'ref' in element;
 }
-export function focusElement(element) {
+function focusElement(element) {
     if (element != null && element instanceof HTMLElement) {
         element.focus();
     }
 }
+
+export { classNames, focusElement, isReactElementWithRef, mergeRefs };

package/package.json

@@ -1,35 +1,40 @@
 {
   "name": "draft-components",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.4",
   "description": "The React based UI components library.",
+  "type": "module",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./dist/index.js"
+      "types": "./types/index.d.ts",
+      "import": "./esm/*.js",
+      "require": "./cjs/*.cjs"
     },
     "./css/*": {
       "import": "./css/*",
       "require": "./css/*"
     }
   },
-  "main": "dist/index.js",
-  "module": "esm/index.js",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.cjs",
+  "types": "./types/index.d.ts",
   "files": [
+    "cjs",
+    "esm",
     "css",
-    "dist",
-    "esm"
+    "types"
   ],
   "scripts": {
+    "prepare": "husky install",
     "test": "jest",
-    "test-coverage": "npm run test -- --coverage --no-cache",
+    "coverage": "npm run test -- --coverage --no-cache",
     "lint": "eslint '**/*.{js,ts,tsx}'",
-    "stylelint": "stylelint 'src/**/*.css'",
-    "type-check": "tsc --noEmit",
-    "build": "gulp",
-    "prebuild": "npm run test && npm run lint && npm run stylelint",
+    "lint-styles": "stylelint 'src/**/*.css'",
+    "check-types": "tsc --noEmit",
+    "prebuild": "npm run test && npm run lint && npm run lint-styles",
+    "build": "node scripts/build.js",
+    "build-storybook": "build-storybook",
     "preversion": "npm run build",
-    "storybook": "start-storybook --port 6060 --no-open",
-    "build-storybook": "build-storybook"
+    "storybook": "start-storybook --port 6060 --no-open"
   },
   "repository": {
     "type": "git",
@@ -51,11 +56,13 @@
     "react-dom": ">= 18"
   },
   "devDependencies": {
+    "@alexzimakov/eslint-config": "1.3.0",
     "@babel/core": "7.20.12",
     "@babel/preset-env": "7.20.2",
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.18.6",
     "@heroicons/react": "2.0.13",
+    "@rollup/plugin-typescript": "11.0.0",
     "@storybook/addon-actions": "6.5.15",
     "@storybook/addon-essentials": "6.5.15",
     "@storybook/addon-links": "6.5.15",
@@ -72,36 +79,33 @@
     "@typescript-eslint/eslint-plugin": "5.48.0",
     "@typescript-eslint/parser": "5.48.0",
     "autoprefixer": "10.4.13",
-    "cssnano": "5.1.14",
     "eslint": "8.31.0",
     "eslint-plugin-jsx-a11y": "6.6.1",
     "eslint-plugin-react": "7.31.11",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-storybook": "0.6.8",
     "eslint-plugin-testing-library": "5.9.1",
-    "gulp": "4.0.2",
-    "gulp-postcss": "9.0.1",
-    "gulp-rename": "2.0.0",
-    "husky": "4.3.8",
+    "husky": "8.0.3",
     "jest": "29.3.1",
     "jest-environment-jsdom": "29.3.1",
     "lint-staged": "13.1.0",
+    "postcss": "8.4.21",
     "postcss-import": "15.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "rollup": "3.12.0",
     "storybook": "6.5.15",
     "stylelint": "14.16.1",
     "stylelint-config-standard": "29.0.0",
-    "stylelint-order": "5.0.0",
+    "stylelint-order": "6.0.0",
     "typescript": "4.9.4",
     "vite": "4.0.4"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
   "lint-staged": {
-    "src/**/*.ts?(x)": "npm run lint"
+    "src/**/*.ts?(x)": "npm run lint",
+    "src/**/*.css": "npm run stylelint"
+  },
+  "engines": {
+    "node": ">= 14.16"
   }
 }

package/{dist → types}/components/button/icon-button.d.ts

@@ -3,4 +3,4 @@ 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>>;
+export declare const IconButton: import("react").ForwardRefExoticComponent<Pick<IconButtonProps, "hidden" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "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/{dist → types}/components/checkbox/checkbox.d.ts

@@ -6,5 +6,5 @@ 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 declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "hidden" | "form" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "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 {};