draft-components 1.6.0 → 1.7.1

package/types/components/tag/tag.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 type TagBaseProps = ComponentPropsWithoutRef<'strong'>;
 export type TagFill = 'gray' | 'green' | 'cyan' | 'blue' | 'purple' | 'pink' | 'red' | 'orange' | 'yellow';
 export type TagSize = 'sm' | 'md' | 'lg';

package/types/components/text-input/text-input.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
 type TextInputHTMLProps = ComponentPropsWithRef<'input'>;
 type TextInputBaseProps = Omit<TextInputHTMLProps, 'type' | 'width' | 'size'>;
 export type TextInputType = 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url';

package/types/components/textarea/textarea.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
 type TextareaHTMLProps = ComponentPropsWithRef<'textarea'>;
 export type TextareaSize = 'sm' | 'md' | 'lg';
 export type TextareaWidth = '30ch' | '40ch' | '60ch' | '80ch';

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

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 export type ToastButtonProps = ComponentPropsWithRef<'button'>;
 export declare const ToastButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;

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

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef, type MouseEventHandler, type ReactNode } from 'react';
+import { ComponentPropsWithoutRef, MouseEventHandler, ReactNode } from 'react';
 type ToastBaseProps = ComponentPropsWithoutRef<'section'>;
 export type ToastProps = {
     icon?: ReactNode;

package/types/components/toaster/toaster.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 type YPosition = 'top' | 'bottom';
 type XPosition = 'left' | 'center' | 'right';
 export type ToastPosition = `${YPosition}-${XPosition}`;

package/types/components/tooltip/tooltip.d.ts

@@ -1,5 +1,5 @@
-import { type ComponentPropsWithoutRef, type ReactNode, type RefCallback } from 'react';
-import { type PositionerProps } from '../positioner';
+import { ComponentPropsWithoutRef, ReactNode, RefCallback } from 'react';
+import { PositionerProps } from '../positioner';
 type TooltipChildrenRenderFn = (props: {
     ref: RefCallback<HTMLElement>;
 }, context: {

package/types/hooks/index.d.ts

@@ -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 * from './use-mount-transition';

package/types/hooks/use-disable-body-scroll.d.ts

@@ -1,5 +1,5 @@
 type Options = {
     isEnabled: boolean;
 };
-export declare function useDisableBodyScroll(options: Options): void;
+export declare function useDisableBodyScroll(options?: Options): void;
 export {};

package/types/hooks/use-esc-key-down.d.ts

@@ -13,5 +13,5 @@ type Options = {
  * @param options.isEnabled A flag that determines whether to run
  * the passed handler or not.
  */
-export declare function useEscKeyDown(handler: Handler, options: Options): void;
+export declare function useEscKeyDown(handler: Handler, options?: Options): void;
 export {};

package/types/hooks/use-focus-trap.d.ts

@@ -1,4 +1,4 @@
-import { type RefObject } from 'react';
+import { RefObject } from 'react';
 type ModalRef = RefObject<HTMLElement>;
 type Options = {
     isEnabled: boolean;
@@ -11,5 +11,5 @@ type Options = {
  * @param {boolean} options.isEnabled - A flag that determines whether
  * to trap focus or not.
  */
-export declare function useFocusTrap(modalRef: ModalRef, options: Options): void;
+export declare function useFocusTrap(modalRef: ModalRef, options?: Options): void;
 export {};

package/types/lib/helpers.d.ts

@@ -1,4 +1,5 @@
 type AnyFunction = (...args: any[]) => any;
 export declare function once<T extends AnyFunction>(fn: T): (...args: Parameters<T>) => ReturnType<T>;
+export declare function exhaustiveCheck(value: never, message?: string): never;
 export declare function assertIfNullable<T>(value: T, message?: string): asserts value is NonNullable<T>;
 export {};

package/types/lib/keyboard-keys.d.ts

@@ -10,5 +10,6 @@ export declare const KeyboardKeys: {
     PageDown: string;
     Enter: string;
     Escape: string;
+    Backspace: string;
     Space: string;
 };

package/types/lib/react-helpers.d.ts

@@ -1,4 +1,4 @@
-import { type MutableRefObject, type ReactElement, type Ref, type RefCallback } from 'react';
+import { type MutableRefObject, type ReactElement, type Ref, type RefCallback, RefObject } from 'react';
 export type ClassNamesObject = {
     [className: string]: unknown;
 };
@@ -11,3 +11,4 @@ export type ReactElementWithRef = ReactElement & {
 };
 export declare function isReactElementWithRef(element: unknown): element is ReactElementWithRef;
 export declare function focusElement(element: EventTarget | null | undefined): void;
+export declare function getRefElement<T extends HTMLElement>(ref: RefObject<T> | MutableRefObject<T>, message?: string): NonNullable<T>;