reaxify 0.0.85 → 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,4 +1,4 @@
-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";
@@ -6,10 +6,12 @@ type Context = {
     duration: number;
     anchor: Anchor;
     transitionState: TransitionStatus;
+    preventClose: boolean;
 } & ToggleProps;
 type DrawerBaseProps = {
     anchor?: Anchor;
     duration?: number;
+    preventClose?: boolean;
 } & Partial<ToggleProps>;
 type DrawerProps<E extends ElementType> = ComponentPropsWithAs<E, DrawerBaseProps>;
 type DrawerMenuProps = Omit<ComponentProps<"div">, "as" | "ref">;
@@ -17,7 +19,7 @@ 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/{components → src/components}/Menu/index.d.ts

@@ -1,13 +1,14 @@
-import { ComponentPropsWithAs, ToggleProps } from '../../types';
+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, anchorEl, className, children, ...props }: ComponentPropsWithAs<E, MenuProps>): import("react/jsx-runtime").JSX.Element;
+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;
 }

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

@@ -1,4 +1,4 @@
-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 = {
@@ -9,13 +9,14 @@ type Context = {
 type ModalProps = {
     size?: Size;
     duration?: number;
+    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/{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;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reaxify",
   "private": false,
-  "version": "0.0.85",
+  "version": "0.0.86",
   "type": "module",
   "types": "./dist/index.d.ts",
   "files": [
@@ -55,7 +55,7 @@
     "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",
@@ -63,35 +63,34 @@
     "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/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 {};