reaxify 0.0.84 → 0.0.86

package/dist/reaxify.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */body:has([data-open=true]){overscroll-behavior:none;overflow:hidden}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=password]::-ms-reveal{display:none!important}input[type=password]::-ms-clear{display:none!important}input[type=password]::-webkit-clear-button{display:none!important}input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}input[type=password]{-webkit-text-security:disc}textarea::-webkit-scrollbar{display:none}textarea{-ms-overflow-style:none;scrollbar-width:none}strong,b{font-weight:700}.animate-linear-progress-1{animation:3.2s cubic-bezier(.65,.815,.735,.395) infinite linear-progress-1}.animate-linear-progress-2{animation:3.2s cubic-bezier(.165,.84,.44,1) 1.2s infinite linear-progress-2}@keyframes linear-progress-1{0%{width:35%;inset-inline-start:-35%}60%{width:100%;inset-inline-start:100%}to{width:100%;inset-inline-start:100%}}@keyframes linear-progress-2{0%{width:100%;inset-inline-start:-200%}60%{width:10%;inset-inline-start:107%}to{width:10%;inset-inline-start:107%}}
+/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */body:has([data-open=true]){overscroll-behavior:none;overflow:hidden}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=password]::-ms-reveal{display:none!important}input[type=password]::-ms-clear{display:none!important}input[type=password]::-webkit-clear-button{display:none!important}input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}input[type=password]{-webkit-text-security:disc}textarea::-webkit-scrollbar{display:none}textarea{-ms-overflow-style:none;scrollbar-width:none}strong,b{font-weight:700}.animate-linear-progress-1{animation:3.2s cubic-bezier(.65,.815,.735,.395) infinite linear-progress-1}.animate-linear-progress-2{animation:3.2s cubic-bezier(.165,.84,.44,1) 1.2s infinite linear-progress-2}@keyframes linear-progress-1{0%{width:35%;inset-inline-start:-35%}60%{width:100%;inset-inline-start:100%}to{width:100%;inset-inline-start:100%}}@keyframes linear-progress-2{0%{width:100%;inset-inline-start:-200%}60%{width:10%;inset-inline-start:107%}to{width:10%;inset-inline-start:107%}}

package/dist/{axios → src/axios}/AxiosProvider.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from '../types';
+import { ChildrenProps } from '../../types';
 import { AxiosConfig } from './types';
 type Props = Partial<AxiosConfig> & ChildrenProps;
 export declare const AxiosContext: import('react').Context<AxiosConfig>;

package/dist/{components → src/components}/Accordion/index.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps, ComponentPropsWithAs } from '../../types';
+import { ChildrenProps, ComponentPropsWithAs } from '../../../types';
 import { ComponentProps, Dispatch, ElementType } from 'react';
 type EventKey = string;
 type AccordionSingleProps<T extends EventKey> = {

package/dist/src/components/Alert/index.d.ts

@@ -0,0 +1,26 @@
+import { AlertVariant, ButtonVariant, Color, ComponentPropsWithAs, ComponentPropsWithoutAs } from '../../../types';
+import { ElementType } from 'react';
+import { default as Typography } from '../Typography';
+type AlertProps = {
+    variant?: AlertVariant;
+    color?: Color;
+};
+type AlertContextType = {
+    buttonVariant?: ButtonVariant;
+    color?: Color;
+};
+export declare const AlertContext: import('react').Context<AlertContextType>;
+declare function Alert<E extends ElementType = "div">({ as, variant, color, children, className, ...props }: ComponentPropsWithAs<E, AlertProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Alert {
+    var Icon: typeof AlertIcon;
+    var Content: typeof AlertContent;
+    var Title: typeof AlertTitle;
+    var Description: typeof AlertDescription;
+    var Action: typeof AlertAction;
+}
+declare function AlertIcon({ children, className, ...props }: ComponentPropsWithoutAs<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertContent({ children, className, ...props }: ComponentPropsWithoutAs<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ children, className, ...props }: ComponentPropsWithoutAs<typeof Typography<"h6">>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ children, className, ...props }: ComponentPropsWithoutAs<typeof Typography<"p">>): import("react/jsx-runtime").JSX.Element;
+declare function AlertAction({ children, className, ...props }: ComponentPropsWithoutAs<"div">): import("react/jsx-runtime").JSX.Element;
+export default Alert;

package/dist/{components → src/components}/Badge/index.d.ts

@@ -1,4 +1,4 @@
-import { BadgeVariant, Color, ComponentPropsWithAs, Size } from '../../types';
+import { BadgeVariant, Color, ComponentPropsWithAs, Size } from '../../../types';
 import { ElementType } from 'react';
 type BadgeProps = {
     variant?: BadgeVariant;

package/dist/{components → src/components}/Button/index.d.ts

@@ -1,9 +1,9 @@
-import { ButtonVariant, Color, ComponentPropsWithAs, Size } from '../../types';
+import { ButtonSize, ButtonVariant, Color, ComponentPropsWithAs } from '../../../types';
 import { ElementType } from 'react';
 export type ButtonProps = {
     variant?: ButtonVariant;
-    color?: Color | null;
-    size?: Size;
+    color?: Color;
+    size?: ButtonSize;
     loading?: boolean;
     stopPropagation?: boolean;
     preventDefault?: boolean;

package/dist/{components → src/components}/ButtonGroup/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithAs } from '../../types';
+import { ComponentPropsWithAs } from '../../../types';
 import { ElementType } from 'react';
 import { ButtonProps } from '../Button';
 type ButtonGroupProps = {

package/dist/{components → src/components}/Card/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithAs } from '../../types';
+import { ComponentPropsWithAs } from '../../../types';
 import { ComponentProps, ElementType } from 'react';
 declare function Card<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
 declare namespace Card {

package/dist/{components → src/components}/Drawer/index.d.ts

@@ -1,25 +1,25 @@
-import { ComponentPropsWithAs, ToggleProps } from '../../types';
+import { ComponentPropsWithAs, ToggleProps } from '../../../types';
 import { ComponentProps, ElementType } from 'react';
 import { TransitionStatus } from 'react-transition-group';
 type Anchor = "start" | "end" | "top" | "bottom";
 type Context = {
-    open: boolean;
-    onClose: VoidFunction;
     duration: number;
     anchor: Anchor;
     transitionState: TransitionStatus;
-};
+    preventClose: boolean;
+} & ToggleProps;
 type DrawerBaseProps = {
     anchor?: Anchor;
     duration?: number;
-} & ToggleProps;
+    preventClose?: boolean;
+} & Partial<ToggleProps>;
 type DrawerProps<E extends ElementType> = ComponentPropsWithAs<E, DrawerBaseProps>;
 type DrawerMenuProps = Omit<ComponentProps<"div">, "as" | "ref">;
 type DrawerHeaderProps = ComponentProps<"div">;
 type DrawerBodyProps = ComponentProps<"div">;
 type DrawerFooterProps = ComponentProps<"div">;
 export declare const DrawerContext: import('react').Context<Context>;
-declare function Drawer<E extends ElementType = "div">({ as, ref, open, onClose, duration, anchor, className, children, ...props }: DrawerProps<E>): import("react/jsx-runtime").JSX.Element;
+declare function Drawer<E extends ElementType = "div">({ as, ref, open, onClose, duration, preventClose, anchor, className, children, ...props }: DrawerProps<E>): import("react/jsx-runtime").JSX.Element;
 declare namespace Drawer {
     var Menu: typeof DrawerMenu;
     var Header: typeof DrawerHeader;

package/dist/src/components/Fill/index.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithAs } from '../../../types';
+import { ElementType } from 'react';
+export default function Fill<E extends ElementType = "div">({ className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;

package/dist/{components → src/components}/InputGroup/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithAs } from '../../types';
+import { ComponentPropsWithAs } from '../../../types';
 import { ElementType } from 'react';
 declare function InputGroup<E extends ElementType = "div">({ as, children, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
 declare namespace InputGroup {

package/dist/src/components/Menu/index.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithAs, ToggleProps } from '../../../types';
+import { ElementType } from 'react';
+type MenuProps = {
+    anchorEl?: HTMLElement | null;
+    closeOnClick?: boolean;
+    preventClose?: boolean;
+} & ToggleProps;
+type MenuItemProps = {
+    closeOnClick?: boolean;
+};
+declare function Menu<E extends ElementType = "div">({ as, ref, open, onClose, closeOnClick, preventClose, anchorEl, className, children, ...props }: ComponentPropsWithAs<E, MenuProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Menu {
+    var Item: typeof MenuItem;
+}
+declare function MenuItem<E extends ElementType = "button">({ as, closeOnClick: itemCloseOnClick, className, children, onClick, ...props }: ComponentPropsWithAs<E, MenuItemProps>): import("react/jsx-runtime").JSX.Element;
+export default Menu;

package/dist/{components → src/components}/Modal/index.d.ts

@@ -1,23 +1,22 @@
-import { ComponentPropsWithAs, Size, ToggleProps } from '../../types';
+import { ComponentPropsWithAs, Size, ToggleProps } from '../../../types';
 import { ComponentProps, ElementType } from 'react';
 import { TransitionStatus } from 'react-transition-group';
 type Context = {
     size: Size;
-    open: boolean;
-    onClose: VoidFunction;
     transitionState: TransitionStatus;
     duration: number;
-};
+} & ToggleProps;
 type ModalProps = {
     size?: Size;
     duration?: number;
-} & ToggleProps;
+    preventClose?: boolean;
+} & Partial<ToggleProps>;
 type ModalDialogProps = Omit<ComponentProps<"div">, "as" | "ref">;
 type ModalHeaderProps = ComponentProps<"div">;
 type ModalBodyProps = ComponentProps<"div">;
 type ModalFooterProps = ComponentProps<"div">;
 export declare const ModalContext: import('react').Context<Context>;
-declare function Modal<E extends ElementType = "div">({ as, ref, size, open, onClose, duration, className, children, ...props }: ComponentPropsWithAs<E, ModalProps>): import("react/jsx-runtime").JSX.Element;
+declare function Modal<E extends ElementType = "div">({ as, ref, size, open, onClose, duration, preventClose, className, children, ...props }: ComponentPropsWithAs<E, ModalProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace Modal {
     var Dialog: typeof ModalDialog;
     var Header: typeof ModalHeader;

package/dist/{components → src/components}/Portal/index.d.ts

@@ -1,2 +1,2 @@
-import { ChildrenProps } from '../../types';
+import { ChildrenProps } from '../../../types';
 export default function Portal({ children }: ChildrenProps): import('react').ReactPortal | null;

package/dist/{components → src/components}/Progress/index.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '../../types';
+import { Color } from '../../../types';
 import { ComponentProps } from 'react';
 type ValueAnimation = {
     value: number;

package/dist/src/components/Spacer/index.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutAs } from '../../../types';
+type SpacerProps = ComponentPropsWithoutAs<"div", {
+    children?: never;
+}>;
+export default function Spacer({ className, ...props }: SpacerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/{components → src/components}/Spinner/index.d.ts

@@ -1,4 +1,4 @@
-import { Color, ComponentPropsWithoutAs, Size } from '../../types';
+import { Color, ComponentPropsWithoutAs, Size } from '../../../types';
 type Props = {
     color?: Color | null;
     size?: Size;

package/dist/src/components/Stack/index.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithAs } from '../../../types';
+import { ElementType } from 'react';
+type Directions = "row" | "column";
+type StackProps = {
+    direction?: Directions;
+    wrap?: boolean | "reverse";
+    reverse?: boolean;
+};
+export default function Stack<E extends ElementType = "div">({ as, direction, wrap, reverse, className, children, ...props }: ComponentPropsWithAs<E, StackProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/{components → src/components}/Switch/index.d.ts

@@ -1,4 +1,4 @@
-import { Color, ComponentPropsWithoutAs, Size } from '../../types';
+import { Color, ComponentPropsWithoutAs, Size } from '../../../types';
 import { Dispatch } from 'react';
 type Props = {
     checked?: boolean;

package/dist/{components → src/components}/Tabs/index.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from '../../types';
+import { ChildrenProps } from '../../../types';
 import { ComponentProps, Dispatch } from 'react';
 import { default as Button } from '../Button';
 type TabsProps = {

package/dist/{components → src/components}/Tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import { Color, ComponentPropsWithoutAs } from '../../types';
+import { Color, ComponentPropsWithoutAs } from '../../../types';
 import { ReactElement } from 'react';
 type Placement = "top" | "end" | "bottom" | "start";
 type Props = {
@@ -6,7 +6,7 @@ type Props = {
     color?: Color;
     duration?: number;
     placement?: Placement;
-    children?: ReactElement;
+    children?: ReactElement<any>;
 };
 export default function Tooltip({ title, color, placement, duration, className, children, ...props }: ComponentPropsWithoutAs<"span", Props>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{components → src/components}/Typography/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithAs, TypographyVariant } from '../../types';
+import { ComponentPropsWithAs, TypographyVariant } from '../../../types';
 type Component = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "label";
 type TypographyProps = {
     variant?: TypographyVariant;

package/dist/src/helpers/scrollIntoView.d.ts

@@ -0,0 +1 @@
+export default function scrollIntoView(el: HTMLElement | string, option?: ScrollIntoViewOptions | boolean | undefined): void;

package/dist/{hooks → src/hooks}/index.d.ts

@@ -3,6 +3,5 @@ export { default as useCreateRipple } from './useCreateRipple';
 export { default as useDebounce } from './useDebounce';
 export { default as useDocumentVisible } from './useDocumentVisible';
 export { default as useIsOffline } from './useIsOffline';
-export { default as useKeyDown } from './useKeyDown';
 export { default as usePersistedState } from './usePersistedState';
 export { default as useToggle } from './useToggle';

package/dist/{hooks → src/hooks}/useClasses.d.ts

@@ -1,5 +1,5 @@
-import { ThemeProviderContextType } from '../providers/ThemeProvider';
-import { DeepPartial } from '../types';
+import { ThemeProviderContextType } from '../../providers/ThemeProvider';
+import { DeepPartial } from '../../types';
 type Classes = ThemeProviderContextType["extendClasses"];
 export default function useClasses<T = string>(selector: (extendClasses: Classes) => T): DeepPartial<T> | null;
 export {};

package/dist/{providers → src/providers}/ThemeProvider.d.ts

@@ -1,6 +1,7 @@
-import { BadgeVariant, ButtonVariant, ChildrenProps, Color, DeepPartial, Size, TypographyVariant } from '../types';
+import { AlertVariant, BadgeVariant, ButtonSize, ButtonVariant, ChildrenProps, Color, DeepPartial, Size, TypographyVariant } from '../../types';
 type ColorClasses<T> = Record<Color, T>;
 type SizeClasses = Record<Size, string>;
+type ButtonSizeClasses = Record<ButtonSize, string>;
 type ActiveClasses = {
     active: string;
     inactive: string;
@@ -32,9 +33,28 @@ export type ThemeProviderContextType = {
         button: {
             base: string;
             color: ColorClasses<Record<ButtonVariant, string>>;
-            size: SizeClasses;
+            size: ButtonSizeClasses;
             loading: ActiveClasses;
         };
+        alert: {
+            base: string;
+            color: ColorClasses<Record<AlertVariant, string>>;
+            icon: {
+                base: string;
+            };
+            content: {
+                base: string;
+            };
+            title: {
+                base: string;
+            };
+            description: {
+                base: string;
+            };
+            action: {
+                base: string;
+            };
+        };
         buttonGroup: {
             base: string;
             orientation: {
@@ -136,11 +156,14 @@ export type ThemeProviderContextType = {
         };
         stack: {
             base: string;
-            variants: {
-                horizontal: string;
-                vertical: string;
+            directions: {
+                row: string;
+                column: string;
             };
         };
+        fill: {
+            base: string;
+        };
         table: {
             base: string;
             container: {

package/dist/{types → src/types}/index.d.ts

@@ -7,6 +7,8 @@ export interface ExtendBadgeVariant {
 }
 export interface ExtendButtonVariant {
 }
+export interface ExtendAlertVariant {
+}
 export interface ExtendTypographyVariant {
 }
 export interface ExtendColor {
@@ -14,15 +16,18 @@ export interface ExtendColor {
 export interface ExtendSize {
 }
 type BaseBadgeVariant = "solid" | "outline" | "soft";
-type BaseButtonVariant = "solid" | "outline" | "text";
+type BaseButtonVariant = "solid" | "outline" | "text" | "soft";
+type BaseAlertVariant = "solid" | "outline" | "soft";
 type BaseTypographyVariant = "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "body-1" | "body-2" | "body-3";
 type BaseColor = "primary" | "secondary" | "success" | "info" | "warning" | "danger" | "dark" | "light";
 type BaseSize = "sm" | "md" | "lg";
 export type BadgeVariant = BaseBadgeVariant | keyof ExtendBadgeVariant;
 export type ButtonVariant = BaseButtonVariant | keyof ExtendButtonVariant;
+export type AlertVariant = BaseAlertVariant | keyof ExtendAlertVariant;
 export type TypographyVariant = BaseTypographyVariant | keyof ExtendTypographyVariant;
 export type Color = BaseColor | keyof ExtendColor;
 export type Size = BaseSize | keyof ExtendSize;
+export type ButtonSize = BaseSize | "icon" | keyof ExtendSize;
 export type ClassNameProps = {
     className?: string;
 };
@@ -30,8 +35,8 @@ export type ChildrenProps = {
     children?: ReactNode;
 };
 export type ToggleProps = {
-    open?: boolean;
-    onClose?: VoidFunction;
+    open: boolean;
+    onClose: VoidFunction;
 };
 export type RecursivePartial<T> = {
     [P in keyof T]?: RecursivePartial<T[P]>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reaxify",
   "private": false,
-  "version": "0.0.84",
+  "version": "0.0.86",
   "type": "module",
   "types": "./dist/index.d.ts",
   "files": [
@@ -51,46 +51,46 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "@tanstack/react-hotkeys": "^0.9.1",
     "iconsax-react": "^0.0.8",
     "react-animate-height": "^3.2.3",
     "react-transition-group": "^4.4.5",
-    "tailwind-merge": "^3.3.1"
+    "tailwind-merge": "^3.5.0"
   },
   "peerDependencies": {
+    "axios": ">=1.0.0",
     "react": ">=19.0.0",
-    "react-dom": ">=19.0.0",
-    "axios": ">=1.0.0"
+    "react-dom": ">=19.0.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@storybook/addon-essentials": "^8.6.11",
-    "@storybook/addon-interactions": "^8.6.11",
-    "@storybook/addon-links": "^8.6.11",
-    "@storybook/addon-onboarding": "^8.6.11",
-    "@storybook/blocks": "^8.6.11",
-    "@storybook/react": "^8.6.11",
-    "@storybook/react-vite": "^8.6.11",
-    "@storybook/test": "^8.6.11",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/addon-onboarding": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/test": "^8.6.15",
     "@tailwindcss/vite": "^4.1.16",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@types/react-transition-group": "^4.4.11",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "@vitejs/plugin-react-swc": "^3.5.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.0",
+    "@typescript-eslint/parser": "^8.59.0",
+    "@vitejs/plugin-react-swc": "^4.3.0",
     "axios": "^1.13.1",
-    "eslint": "^8.55.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-storybook": "^0.10.1",
+    "eslint": "^10.2.1",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "storybook": "^8.6.11",
+    "storybook": "^8.6.14",
     "tailwindcss": "^4.1.16",
-    "typescript": "^5.7.2",
+    "typescript": "^6.0.3",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-static-copy": "^3.1.1",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite-plugin-static-copy": "^4.1.0",
+    "vite-tsconfig-paths": "^6.1.1"
   }
 }

package/dist/components/Menu/index.d.ts

@@ -1,15 +0,0 @@
-import { ComponentPropsWithAs, ToggleProps } from '../../types';
-import { ElementType } from 'react';
-type MenuProps = ToggleProps & {
-    anchorEl?: HTMLElement | null;
-    closeOnClick?: boolean;
-};
-type MenuItemProps = {
-    closeOnClick?: boolean;
-};
-declare function Menu<E extends ElementType = "div">({ as, ref, open, onClose, closeOnClick, anchorEl, className, children, ...props }: ComponentPropsWithAs<E, MenuProps>): import("react/jsx-runtime").JSX.Element;
-declare namespace Menu {
-    var Item: typeof MenuItem;
-}
-declare function MenuItem<E extends ElementType = "button">({ as, closeOnClick: itemCloseOnClick, type, className, children, onClick, ...props }: ComponentPropsWithAs<E, MenuItemProps>): import("react/jsx-runtime").JSX.Element;
-export default Menu;

package/dist/components/Spacer/index.d.ts

@@ -1,6 +0,0 @@
-import { ComponentPropsWithoutAs } from '../../types';
-type SkeletonProps = ComponentPropsWithoutAs<"span", {
-    children?: never;
-}>;
-export default function Spacer({ className, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Stack/index.d.ts

@@ -1,10 +0,0 @@
-import { ComponentPropsWithAs } from '../../types';
-import { ElementType } from 'react';
-type Variants = "vertical" | "horizontal";
-type StackProps = {
-    variant?: Variants;
-    wrap?: boolean | "reverse";
-    reverse?: boolean;
-};
-export default function Stack<E extends ElementType = "div">({ as, variant, wrap, reverse, className, children, ...props }: ComponentPropsWithAs<E, StackProps>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/helpers/scrollIntoView.d.ts

@@ -1 +0,0 @@
-export default function scrollIntoView(element: HTMLElement, option?: ScrollIntoViewOptions): void;

package/dist/hooks/useKeyDown.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";const s=require("react");function o(r,{skip:t=!1,targetKey:e=null}={}){const u=s.useRef(r);u.current=r,s.useEffect(()=>{if(t)return;const c=n=>e?Array.isArray(e)?e.includes(n):n===e:!0,i=n=>{c(n.key)&&u.current(n.key)};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},[e,t])}module.exports=o;

package/dist/hooks/useKeyDown.d.ts

@@ -1,6 +0,0 @@
-type Options = {
-    skip?: boolean;
-    targetKey?: null | string | string[];
-};
-export default function useKeyDown(callback: (key: string) => void, { skip, targetKey }?: Options): void;
-export {};

package/dist/hooks/useKeyDown.es.js

@@ -1,17 +0,0 @@
-"use client";
-import { useRef as f, useEffect as s } from "react";
-function d(r, { skip: u = !1, targetKey: e = null } = {}) {
-  const t = f(r);
-  t.current = r, s(() => {
-    if (u) return;
-    const o = (n) => e ? Array.isArray(e) ? e.includes(n) : n === e : !0, i = (n) => {
-      o(n.key) && t.current(n.key);
-    };
-    return window.addEventListener("keydown", i), () => {
-      window.removeEventListener("keydown", i);
-    };
-  }, [e, u]);
-}
-export {
-  d as default
-};