@hybr1d-tech/charizard 2.3.1 → 2.3.3

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { ClassNames } from 'react-day-picker';
 import { ColumnPinningState } from '@tanstack/react-table';
 import { DateRange } from 'react-day-picker';
 import { default as default_2 } from 'react';
+import * as dialog from '@zag-js/dialog';
 import { HTMLInputTypeAttribute } from 'react';
 import { Id } from 'react-toastify';
 import { JSX } from 'react/jsx-runtime';
@@ -446,17 +447,19 @@ declare interface CreatableSelectProps {
 }
 
 /**
- * A custom select component based on react-select.
- * @param props - The properties for the SelectV2 component:
- *   - `options` (Array<Option>): An array of options to be displayed in the dropdown. Each option can include a label, value, and optional profile image or icon.
- *   - `mainContainerClassName` (string, optional): A custom CSS class name to apply to the main container for additional styling.
- *   - `variant` (SELECT_VARIANT, optional): Defines the variant of the select component (e.g., 'default', 'users', 'checkbox', 'tags') to control the styling and behavior.
+ * A custom creatable select component based on react-select/creatable.
+ * Allows users to create new options when they don't exist in the predefined options list.
+ *
+ * @param props - The properties for the CreatableSelectV2 component:
+ *   - `options` (Array<Option>): An array of options to be displayed in the dropdown.
+ *   - `mainContainerClassName` (string, optional): A custom CSS class name for the main container.
+ *   - `variant` (SELECT_VARIANT, optional): Defines the variant of the select component.
  *   - `showDivider` (boolean, optional): Defines whether to add divider between option list.
- *   - `errorMsg` (string, optional): An error message to display below the select component for validation purposes.
- *   - `onChange` (function): A callback function that is triggered when the selected value(s) change. It receives the selected value(s) and action meta information.
- *   - `customStyles` (StylesConfig<any>): custom styles for react select. it will override default styles
- *   - `onCreateOption` (Promise<void> | void): function to create new option which is not in the list
- * @returns The SelectV2 component.
+ *   - `errorMsg` (string, optional): An error message to display below the select component.
+ *   - `onChange` (function): Callback function triggered when selected value(s) change.
+ *   - `onCreateOption` (function): Callback function triggered when a new option is created.
+ *   - `customStyles` (StylesConfig<any>): Custom styles for react select.
+ * @returns The CreatableSelectV2 component.
  */
 export declare function CreatableSelectV2(props: CreatableSelectV2Props): JSX.Element;
 
@@ -1903,7 +1906,7 @@ declare type ModalProps = {
  * @param {ModalV2Props} props - The props for the ModalV2 component.
  * @returns {JSX.Element} The rendered modal component.
  */
-export declare function ModalV2({ isOpen, title, subTitle, trigger, children, footerButtons, showBackdrop, onClose, customModalClasses, }: ModalV2Props): JSX.Element;
+export declare function ModalV2({ isOpen, title, subTitle, trigger, children, footerButtons, showBackdrop, onClose, customModalClasses, onCustomInteractOutside, }: ModalV2Props): JSX.Element;
 
 declare interface ModalV2Props {
     /** Indicates if the modal is open. */
@@ -1923,6 +1926,7 @@ declare interface ModalV2Props {
     /** Indicates whether to show a backdrop behind the modal. */
     showBackdrop?: boolean;
     customModalClasses?: string;
+    onCustomInteractOutside?: (event: dialog.InteractOutsideEvent) => void;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hybr1d-tech/charizard",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "type": "module",
   "files": [
     "dist"
@@ -57,25 +57,25 @@
     "zustand": "^5.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/test": "^8.6.12",
-    "@types/node": "^22.15.17",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/test": "^8.6.14",
+    "@types/node": "^22.15.19",
     "@types/react": "^19.1.4",
-    "@types/react-dom": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
     "@vitejs/plugin-react-swc": "^3.9.0",
     "axios": "^1.9.0",
     "globals": "^16.1.0",
-    "storybook": "^8.6.12",
+    "storybook": "^8.6.14",
     "storybook-css-modules-preset": "^1.1.1",
     "typescript": "5.8.3",
     "vite": "^6.3.5",
     "vite-plugin-checker": "^0.9.3",
-    "vite-plugin-dts": "4.5.3",
+    "vite-plugin-dts": "4.5.4",
     "vite-plugin-libcss": "^1.1.1"
   },
   "publishConfig": {