draft-components 1.2.2 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "draft-components",
-  "version": "1.2.2",
+  "version": "1.4.0",
   "description": "The React based UI components library.",
   "type": "module",
   "exports": {
@@ -32,9 +32,9 @@
     "check-types": "tsc --noEmit",
     "prebuild": "npm run test && npm run lint && npm run lint-styles",
     "build": "node scripts/build.js",
-    "build-storybook": "build-storybook",
+    "build-storybook": "storybook build",
     "preversion": "npm run build",
-    "storybook": "start-storybook --port 6060 --no-open"
+    "storybook": "storybook dev --port 6060 --no-open"
   },
   "repository": {
     "type": "git",
@@ -57,50 +57,49 @@
   },
   "devDependencies": {
     "@alexzimakov/eslint-config": "1.5.0",
-    "@babel/core": "7.20.12",
-    "@babel/preset-env": "7.20.2",
+    "@babel/core": "7.21.8",
+    "@babel/preset-env": "7.21.5",
     "@babel/preset-react": "7.18.6",
-    "@babel/preset-typescript": "7.18.6",
-    "@heroicons/react": "2.0.15",
-    "@rollup/plugin-typescript": "11.0.0",
-    "@storybook/addon-actions": "6.5.16",
-    "@storybook/addon-essentials": "6.5.16",
-    "@storybook/addon-links": "6.5.16",
-    "@storybook/builder-vite": "0.4.2",
-    "@storybook/react": "6.5.16",
-    "@testing-library/dom": "8.20.0",
+    "@babel/preset-typescript": "7.21.5",
+    "@heroicons/react": "2.0.18",
+    "@rollup/plugin-typescript": "11.1.1",
+    "@storybook/addon-actions": "7.0.11",
+    "@storybook/addon-essentials": "7.0.11",
+    "@storybook/addon-links": "7.0.11",
+    "@storybook/react": "7.0.11",
+    "@storybook/react-vite": "7.0.11",
+    "@testing-library/dom": "9.3.0",
     "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "13.4.0",
+    "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
-    "@types/jest": "29.4.0",
-    "@types/node": "18.13.0",
-    "@types/react": "18.0.28",
-    "@types/react-dom": "18.0.10",
-    "@typescript-eslint/eslint-plugin": "5.51.0",
-    "@typescript-eslint/parser": "5.51.0",
-    "@vitejs/plugin-react": "3.1.0",
-    "autoprefixer": "10.4.13",
-    "eslint": "8.34.0",
+    "@types/jest": "29.5.1",
+    "@types/node": "18.16.8",
+    "@types/react": "18.2.6",
+    "@types/react-dom": "18.2.4",
+    "@typescript-eslint/eslint-plugin": "5.59.5",
+    "@typescript-eslint/parser": "5.59.5",
+    "autoprefixer": "10.4.14",
+    "eslint": "8.40.0",
     "eslint-plugin-jsx-a11y": "6.7.1",
     "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-storybook": "0.6.10",
-    "eslint-plugin-testing-library": "5.10.1",
+    "eslint-plugin-storybook": "0.6.12",
+    "eslint-plugin-testing-library": "5.11.0",
     "husky": "8.0.3",
-    "jest": "29.4.2",
-    "jest-environment-jsdom": "29.4.2",
-    "lint-staged": "13.1.1",
-    "postcss": "8.4.21",
+    "jest": "29.5.0",
+    "jest-environment-jsdom": "29.5.0",
+    "lint-staged": "13.2.2",
+    "postcss": "8.4.23",
     "postcss-import": "15.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rollup": "3.15.0",
-    "storybook": "6.5.16",
-    "stylelint": "15.1.0",
-    "stylelint-config-standard": "30.0.1",
-    "stylelint-order": "6.0.2",
+    "rollup": "3.21.6",
+    "storybook": "7.0.11",
+    "stylelint": "15.6.1",
+    "stylelint-config-standard": "33.0.0",
+    "stylelint-order": "6.0.3",
     "typescript": "4.9.5",
-    "vite": "4.1.1"
+    "vite": "4.3.5"
   },
   "lint-staged": {
     "*.ts?(x)": "npm run lint",

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

@@ -3,5 +3,5 @@ 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 declare function AvatarGroup({ className, children, ...props }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/badge/badge.d.ts

@@ -4,5 +4,5 @@ type BadgeBaseProps = Omit<BadgeHTMLProps, 'children'>;
 export type BadgeProps = {
     children: number | string;
 } & BadgeBaseProps;
-export declare function Badge({ className, children, ...props }: BadgeProps): JSX.Element;
+export declare function Badge({ className, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,4 +6,4 @@ export declare function useBreadcrumbsContext(): BreadcrumbsContextValue;
 export declare function BreadcrumbsContextProvider(props: {
     separator: ReactNode;
     children: ReactNode;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -8,5 +8,5 @@ export type BreadcrumbsItemProps = {
     icon?: ReactNode;
     renderAs?: BreadcrumbsItemRenderFn;
 } & BreadcrumbsItemHTMLProps;
-export declare function BreadcrumbsItem({ className, icon, children, renderAs, ...props }: BreadcrumbsItemProps): JSX.Element;
+export declare function BreadcrumbsItem({ className, icon, children, renderAs, ...props }: BreadcrumbsItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/breadcrumbs/breadcrumbs.d.ts

@@ -3,5 +3,5 @@ type BreadcrumbsHTMLProps = ComponentPropsWithoutRef<'nav'>;
 export type BreadcrumbsProps = {
     separator?: ReactNode;
 } & BreadcrumbsHTMLProps;
-export declare function Breadcrumbs({ separator, className, children, ...props }: BreadcrumbsProps): JSX.Element;
+export declare function Breadcrumbs({ separator, className, children, ...props }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/button/button.d.ts

@@ -12,8 +12,8 @@ export type ButtonProps = {
     size?: ButtonSize;
     variant?: ButtonVariant;
     appearance?: ButtonAppearance;
-    iconLeft?: ReactNode;
-    iconRight?: ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
     caption?: ReactNode;
     renderAs?: ButtonRenderFn;
 } & ComponentPropsWithRef<'button'>;

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

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { type ButtonProps } from './button';
-export type IconButtonBaseProps = Omit<ButtonProps, 'children' | 'caption' | 'iconLeft' | 'iconRight'>;
+export type IconButtonBaseProps = Omit<ButtonProps, 'children' | 'caption' | 'leftIcon' | 'rightIcon'>;
 export type IconButtonProps = {
     icon: ReactNode;
 } & IconButtonBaseProps;

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

@@ -3,5 +3,5 @@ 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 declare function ButtonGroup({ className, children, ...props }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 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;
+export declare function InfoIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+export declare function SuccessIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+export declare function WarningIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

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

@@ -11,4 +11,4 @@ export type ColorPickerButtonProps<T extends string | number> = {
     onChange?: ChangeEventHandler<HTMLInputElement>;
     onChangeValue?: (value: T) => void;
 };
-export declare function ColorPickerButton<T extends string | number>({ style, className, label, name, color, value, checked, defaultChecked, onChange, onChangeValue, }: ColorPickerButtonProps<T>): JSX.Element;
+export declare function ColorPickerButton<T extends string | number>({ style, className, label, name, color, value, checked, defaultChecked, onChange, onChangeValue, }: ColorPickerButtonProps<T>): import("react/jsx-runtime").JSX.Element;

package/types/components/color-picker/color-picker.d.ts

@@ -12,4 +12,4 @@ export type ColorPickerProps<T extends string | number> = {
     onChange?: ChangeEventHandler<HTMLInputElement>;
     onChangeValue?: (value: T) => void;
 } & ComponentPropsWithoutRef<'fieldset'>;
-export declare function ColorPicker<T extends string | number>({ className, name, disabled, options, value, defaultValue, onChange, onChangeValue, ...props }: ColorPickerProps<T>): JSX.Element;
+export declare function ColorPicker<T extends string | number>({ className, name, disabled, options, value, defaultValue, onChange, onChangeValue, ...props }: ColorPickerProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -13,5 +13,5 @@ export type CalendarDayProps = {
     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 declare function CalendarDay({ date, dateISO, locale, isSelected, isDisabled, isFocusable, isToday, isWeekend, inRange, isRangeStart, isRangeEnd, ...props }: CalendarDayProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,7 +1,6 @@
-/// <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;
+export declare function CalendarGridHead({ locale, weekStartsOn, }: CalendarGridHeadProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <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'>;
@@ -14,4 +13,4 @@ export type CalendarGridProps = {
     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;
+export declare function CalendarGrid({ focusDay, minDate, maxDate, locale, weekStartsOn, getDayProps, onHoverDay, onFocusDay, onSelectDay, onChangeFocusDay, }: CalendarGridProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Weekday } from './date-helpers';
 import { type CalendarHeaderProps } from './calendar-header';
 import { type CalendarGridProps } from './calendar-grid';
@@ -8,4 +7,4 @@ export type CalendarProps = {
     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;
+export declare function Calendar({ className, defaultFocusDay, minDate, maxDate, locale, weekStartsOn, nextMonthButtonLabel, prevMonthButtonLabel, getDayProps, onHoverDay, onFocusDay, onSelectDay, }: CalendarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -9,5 +9,5 @@ export type DatePickerProps = {
     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 declare function DatePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -10,5 +10,5 @@ export type DateRangePickerProps = {
     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 declare function DateRangePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

package/types/components/date-picker-popover/date-picker-popover.d.ts

@@ -10,4 +10,4 @@ export type DatePickerPopoverProps = {
     value: DateISO | null;
     onChangeValue: DatePickerChangeValueFn;
 } & Pick<DatePickerProps, 'min' | 'max' | 'locale' | 'weekStartsOn' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'>;
-export declare function DatePickerPopover({ defaultIsOpen, footer, className, children, value, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DatePickerPopoverProps): JSX.Element;
+export declare function DatePickerPopover({ defaultIsOpen, footer, className, children, value, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DatePickerPopoverProps): import("react/jsx-runtime").JSX.Element;

package/types/components/date-range-picker-popover/date-range-picker-popover-footer.d.ts

@@ -6,4 +6,4 @@ export type DateRangePickerPopoverFooterProps = {
     onClickCancelButton: MouseEventHandler<HTMLButtonElement>;
     onClickConfirmButton: MouseEventHandler<HTMLButtonElement>;
 };
-export declare function DateRangePickerPopoverFooter({ children, cancelButtonLabel, confirmButtonLabel, onClickCancelButton, onClickConfirmButton, }: DateRangePickerPopoverFooterProps): JSX.Element;
+export declare function DateRangePickerPopoverFooter({ children, cancelButtonLabel, confirmButtonLabel, onClickCancelButton, onClickConfirmButton, }: DateRangePickerPopoverFooterProps): import("react/jsx-runtime").JSX.Element;

package/types/components/date-range-picker-popover/date-range-picker-popover-presets.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DateRangePickerPopoverOption, type DateRangePickerPopoverSelection } from './types';
 export type DateRangePickerPopoverPresetsProps = {
     isCompactView: boolean;
@@ -7,4 +6,4 @@ export type DateRangePickerPopoverPresetsProps = {
     value: DateRangePickerPopoverSelection | null;
     onChangeValue: (value: DateRangePickerPopoverSelection) => void;
 };
-export declare function DateRangePickerPopoverPresets({ isCompactView, customPresetLabel, options, value, onChangeValue, }: DateRangePickerPopoverPresetsProps): JSX.Element;
+export declare function DateRangePickerPopoverPresets({ isCompactView, customPresetLabel, options, value, onChangeValue, }: DateRangePickerPopoverPresetsProps): import("react/jsx-runtime").JSX.Element;

package/types/components/date-range-picker-popover/date-range-picker-popover.d.ts

@@ -23,4 +23,4 @@ export type DateRangePickerPopoverProps = {
     value: DateRangePickerPopoverSelection | null;
     onChangeValue: (value: DateRangePickerPopoverSelection) => void;
 } & Pick<DateRangePickerProps, 'min' | 'max' | 'locale' | 'weekStartsOn' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'>;
-export declare function DateRangePickerPopover({ defaultIsOpen, compactViewBreakpoint, customPreset, customPresetLabel, placement, alignment, cancelButtonLabel, confirmButtonLabel, footer, className, options, children, value, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DateRangePickerPopoverProps): JSX.Element;
+export declare function DateRangePickerPopover({ defaultIsOpen, compactViewBreakpoint, customPreset, customPresetLabel, placement, alignment, cancelButtonLabel, confirmButtonLabel, footer, className, options, children, value, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DateRangePickerPopoverProps): import("react/jsx-runtime").JSX.Element;

package/types/components/dialog/dialog-body.d.ts

@@ -1,8 +1,5 @@
 import { type ComponentPropsWithoutRef } from 'react';
 type DialogBodyHTMLProps = ComponentPropsWithoutRef<'div'>;
-export type DialogBodyProps = {
-    scrollShadowTop?: boolean;
-    scrollShadowBottom?: boolean;
-} & DialogBodyHTMLProps;
-export declare function DialogBody({ scrollShadowTop, scrollShadowBottom, className, children, }: DialogBodyProps): JSX.Element;
+export type DialogBodyProps = DialogBodyHTMLProps;
+export declare function DialogBody({ className, children, }: DialogBodyProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/dialog/dialog-context.d.ts

@@ -12,4 +12,4 @@ export declare function DialogContextProvider(props: {
     descriptionId: string;
     isOpen: boolean;
     onClose: () => void;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/dialog/dialog-footer.d.ts

@@ -1,5 +1,7 @@
 import { type ComponentPropsWithoutRef } from 'react';
 type DialogFooterHTMLProps = ComponentPropsWithoutRef<'div'>;
-export type DialogFooterProps = DialogFooterHTMLProps;
-export declare function DialogFooter({ className, children, }: DialogFooterProps): JSX.Element;
+export type DialogFooterProps = {
+    hasBorder?: boolean;
+} & DialogFooterHTMLProps;
+export declare function DialogFooter({ hasBorder, className, children, }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/dialog/dialog-header.d.ts

@@ -1,8 +1,9 @@
 import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
 type DialogHeaderHTMLProps = ComponentPropsWithoutRef<'div'>;
 export type DialogHeaderProps = {
+    hasBorder?: boolean;
     heading?: ReactNode;
     subheading?: ReactNode;
 } & DialogHeaderHTMLProps;
-export declare function DialogHeader({ heading, subheading, className, children, }: DialogHeaderProps): JSX.Element;
+export declare function DialogHeader({ hasBorder, heading, subheading, className, children, }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/dialog/dialog.d.ts

@@ -8,5 +8,5 @@ export type DialogProps = {
     isOpen: boolean;
     onClose: () => void;
 } & DialogHTMLProps;
-export declare function Dialog({ width, isOpen, openFocusRef, closeFocusRef, onClose, className, children, ...props }: DialogProps): JSX.Element | null;
+export declare function Dialog({ width, isOpen, openFocusRef, closeFocusRef, onClose, className, children, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/types/components/dialog/x-mark-icon.d.ts

@@ -1,2 +1,2 @@
 import { type ComponentPropsWithoutRef } from 'react';
-export declare function XMarkIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
+export declare function XMarkIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/empty-state/empty-state.d.ts

@@ -7,5 +7,5 @@ export type EmptyStateProps = {
     primaryAction?: ReactNode;
     secondaryAction?: ReactNode;
 } & EmptyStateHTMLProps;
-export declare function EmptyState({ className, image, heading, description, primaryAction, secondaryAction, children, }: EmptyStateProps): JSX.Element;
+export declare function EmptyState({ className, image, heading, description, primaryAction, secondaryAction, children, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/filter-buttons/filter-buttons.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentPropsWithoutRef } from 'react';
 type FilterButtonsHTMLProps = ComponentPropsWithoutRef<'div'>;
 export type FilterButtonsProps = FilterButtonsHTMLProps;
-export declare function FilterButtons({ className, children, ...props }: FilterButtonsProps): JSX.Element;
+export declare function FilterButtons({ className, children, ...props }: FilterButtonsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/form-field/form-field.d.ts

@@ -14,5 +14,5 @@ export type FormFieldProps = {
     error?: ReactNode;
     children: ReactNode | FormFieldRenderFn;
 } & FormFieldBaseProps;
-export declare function FormField({ required, labelFor, label, caption, error, className, children, ...props }: FormFieldProps): JSX.Element;
+export declare function FormField({ required, labelFor, label, caption, error, className, children, ...props }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,8 +6,8 @@ export type MenuItemRole = 'menuitem' | 'menuitemradio';
 export type MenuItemProps = {
     role?: MenuItemRole;
     appearance?: MenuItemAppearance;
-    iconLeft?: ReactNode;
-    iconRight?: ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
     children: ReactNode;
 } & MenuItemBaseProps;
 export declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/types/components/menu/menu-separator.d.ts

@@ -2,5 +2,5 @@ import { type ComponentPropsWithoutRef } from 'react';
 type MenuSeparatorHTMLProps = ComponentPropsWithoutRef<'li'>;
 type MenuSeparatorBaseProps = Omit<MenuSeparatorHTMLProps, 'children'>;
 export type MenuSeparatorProps = MenuSeparatorBaseProps;
-export declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): JSX.Element;
+export declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/menu/menu.d.ts

@@ -28,5 +28,5 @@ export type MenuProps = {
     buttonAppearance?: ButtonAppearance;
     buttonVariant?: ButtonVariant;
 } & MenuHTMLProps;
-export declare function Menu({ defaultIsOpen, placement, alignment, buttonClassName, buttonAppearance, buttonVariant, button, className, children, onOpen, onClose, onKeyDown, ...props }: MenuProps): JSX.Element;
+export declare function Menu({ defaultIsOpen, placement, alignment, buttonClassName, buttonAppearance, buttonVariant, button, className, children, onOpen, onClose, onKeyDown, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/nav-list/nav-list-item.d.ts

@@ -9,5 +9,5 @@ export type NavListItemProps = {
     badge?: string | number;
     renderAs?: NavListItemRenderFn;
 } & NavListItemHTMLProps;
-export declare function NavListItem({ className, icon, badge, children, renderAs, ...props }: NavListItemProps): JSX.Element;
+export declare function NavListItem({ className, icon, badge, children, renderAs, ...props }: NavListItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/nav-list/nav-list-title.d.ts

@@ -4,5 +4,5 @@ type NavListTitleBaseProps = Omit<NavListTitleHTMLProps, 'children'>;
 export type NavListTitleProps = {
     children: ReactNode;
 } & NavListTitleBaseProps;
-export declare function NavListTitle({ className, children, ...props }: NavListTitleProps): JSX.Element;
+export declare function NavListTitle({ className, children, ...props }: NavListTitleProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/nav-list/nav-list.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentPropsWithoutRef } from 'react';
 type NavListHTMLProps = ComponentPropsWithoutRef<'nav'>;
 export type NavListProps = NavListHTMLProps;
-export declare function NavList({ className, children, ...props }: NavListProps): JSX.Element;
+export declare function NavList({ className, children, ...props }: NavListProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/password-input/icons.d.ts

@@ -1,3 +1,3 @@
 import { type ComponentPropsWithoutRef } from 'react';
-export declare function EyeIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
-export declare function EyeSlashIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
+export declare function EyeIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+export declare function EyeSlashIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/portal/portal-context.d.ts

@@ -3,4 +3,4 @@ export declare function usePortalRoot(): HTMLElement;
 export declare function PortalRootProvider(props: {
     children?: ReactNode;
     getPortalRoot: () => HTMLElement;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/positioner/positioner.d.ts

@@ -17,4 +17,4 @@ export type PositionerProps = {
     renderAnchor: PositionerAnchorRenderFn;
     renderContent: PositionerContentRenderFn;
 };
-export declare function Positioner({ anchorGap, viewportGap, position, placement, alignment, renderAnchor, renderContent, }: PositionerProps): JSX.Element;
+export declare function Positioner({ anchorGap, viewportGap, position, placement, alignment, renderAnchor, renderContent, }: PositionerProps): import("react/jsx-runtime").JSX.Element;

package/types/components/segmented-control/segmented-control-button.d.ts

@@ -7,4 +7,4 @@ export type SegmentedControlButtonProps<T extends string | number> = {
     value: T;
     onChangeValue: (value: T) => void;
 };
-export declare function SegmentedControlButton<T extends string | number>({ className, checked, icon, children, value, onChangeValue, }: SegmentedControlButtonProps<T>): JSX.Element;
+export declare function SegmentedControlButton<T extends string | number>({ className, checked, icon, children, value, onChangeValue, }: SegmentedControlButtonProps<T>): import("react/jsx-runtime").JSX.Element;

package/types/components/segmented-control/segmented-control.d.ts

@@ -12,4 +12,4 @@ export type SegmentedControlProps<T extends string | number> = {
     value: T;
     onChangeValue: (value: T) => void;
 } & ComponentPropsWithRef<'ul'>;
-export declare function SegmentedControl<T extends string | number>({ size, disabled, className, value, options, onChangeValue, ...props }: SegmentedControlProps<T>): JSX.Element;
+export declare function SegmentedControl<T extends string | number>({ size, disabled, className, value, options, onChangeValue, ...props }: SegmentedControlProps<T>): import("react/jsx-runtime").JSX.Element;

package/types/components/select/select.d.ts

@@ -2,6 +2,7 @@ import { type ComponentPropsWithRef } from 'react';
 export type SelectSize = 'sm' | 'md' | 'lg';
 type SelectHTMLProps = ComponentPropsWithRef<'select'>;
 type SelectBaseProps = Omit<SelectHTMLProps, 'size' | 'multiple' | 'value' | 'defaultValue'> & {
+    loading?: boolean;
     hasError?: boolean;
     isBlock?: boolean;
     size?: SelectSize;
@@ -21,6 +22,7 @@ export type SelectProps = SelectBaseProps & ({
 export declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & {
     ref?: ((instance: HTMLSelectElement | null) => void) | import("react").RefObject<HTMLSelectElement> | null | undefined;
 }, "defaultValue" | "size" | "value" | "multiple"> & {
+    loading?: boolean | undefined;
     hasError?: boolean | undefined;
     isBlock?: boolean | undefined;
     size?: SelectSize | undefined;
@@ -33,6 +35,7 @@ export declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omi
 }, "ref"> | Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & {
     ref?: ((instance: HTMLSelectElement | null) => void) | import("react").RefObject<HTMLSelectElement> | null | undefined;
 }, "defaultValue" | "size" | "value" | "multiple"> & {
+    loading?: boolean | undefined;
     hasError?: boolean | undefined;
     isBlock?: boolean | undefined;
     size?: SelectSize | undefined;

package/types/components/selection-control/selection-control.d.ts

@@ -10,5 +10,5 @@ export type SelectionControlProps = {
     label: ReactNode;
     children: JSX.Element | SelectionControlRenderFn;
 } & SelectionControlBaseProps;
-export declare function SelectionControl({ label, labelFor, caption, className, children, ...props }: SelectionControlProps): JSX.Element;
+export declare function SelectionControl({ label, labelFor, caption, className, children, ...props }: SelectionControlProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/slider/slider-tick-marks.d.ts

@@ -4,4 +4,4 @@ export type SliderTickMarksProps = {
     tickMarksCount: number;
     renderTickMarkLabel?: RenderTickMarkLabel;
 };
-export declare function SliderTickMarks({ tickMarksCount, renderTickMarkLabel, }: SliderTickMarksProps): JSX.Element | null;
+export declare function SliderTickMarks({ tickMarksCount, renderTickMarkLabel, }: SliderTickMarksProps): import("react/jsx-runtime").JSX.Element | null;

package/types/components/table/icons.d.ts

@@ -1,4 +1,4 @@
 import { ComponentPropsWithoutRef } from 'react';
-export declare function ArrowsUpDown(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
-export declare function ArrowSmallDown(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
-export declare function ArrowSmallUp(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
+export declare function ArrowsUpDown(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowSmallDown(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowSmallUp(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/tabs/tab-list.d.ts

@@ -1,3 +1,3 @@
 import { type ComponentPropsWithoutRef } from 'react';
 export type TabListProps = ComponentPropsWithoutRef<'div'>;
-export declare function TabList({ className, children, onFocus, onBlur, onKeyDown, ...props }: TabListProps): JSX.Element;
+export declare function TabList({ className, children, onFocus, onBlur, onKeyDown, ...props }: TabListProps): import("react/jsx-runtime").JSX.Element;

package/types/components/tabs/tab-panel.d.ts

@@ -3,4 +3,4 @@ import { type TabName } from './types';
 export type TabPanelProps = {
     tab: TabName;
 } & ComponentPropsWithoutRef<'div'>;
-export declare function TabPanel({ tab, id, className, children, 'aria-labelledby': ariaLabelledBy, ...props }: TabPanelProps): JSX.Element | null;
+export declare function TabPanel({ tab, id, className, children, 'aria-labelledby': ariaLabelledBy, ...props }: TabPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/types/components/tabs/tab.d.ts

@@ -4,4 +4,4 @@ export type TabProps = {
     counter?: number;
     name: string;
 } & ComponentPropsWithoutRef<'button'>;
-export declare function Tab({ id, name, icon, counter, className, children, onClick, 'aria-controls': ariaControls, ...props }: TabProps): JSX.Element;
+export declare function Tab({ id, name, icon, counter, className, children, onClick, 'aria-controls': ariaControls, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;

package/types/components/tabs/tabs-context.d.ts

@@ -16,5 +16,5 @@ export type TabsStateProviderProps = {
     selectedTab: TabName;
     setSelectedTab: TabSetter;
 };
-export declare function TabsContextProvider({ children, selectedTab, setSelectedTab, }: TabsStateProviderProps): JSX.Element;
+export declare function TabsContextProvider({ children, selectedTab, setSelectedTab, }: TabsStateProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useTabsContext(): TabsContextValue;

package/types/components/tabs/tabs.d.ts

@@ -4,4 +4,4 @@ export interface TabsProps extends ComponentPropsWithoutRef<'div'> {
     selectedTab: TabName;
     onSelectTab: TabSetter;
 }
-export declare function Tabs({ className, children, selectedTab, onSelectTab, ...props }: TabsProps): JSX.Element;
+export declare function Tabs({ className, children, selectedTab, onSelectTab, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;

package/types/components/toast/toast.d.ts

@@ -7,5 +7,5 @@ export type ToastProps = {
     closeButtonAriaLabel?: string;
     onClickCloseButton?: MouseEventHandler<HTMLButtonElement>;
 } & ToastBaseProps;
-export declare function Toast({ icon, message, actions, closeButtonAriaLabel, onClickCloseButton, children, className, ...props }: ToastProps): JSX.Element;
+export declare function Toast({ icon, message, actions, closeButtonAriaLabel, onClickCloseButton, children, className, ...props }: ToastProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/toast/x-mark-icon.d.ts

@@ -1,2 +1,2 @@
 import { ComponentPropsWithoutRef } from 'react';
-export declare function XMarkIcon(props: ComponentPropsWithoutRef<'svg'>): JSX.Element;
+export declare function XMarkIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;