@hybr1d-tech/charizard 2.4.0 → 2.4.2

package/dist/index.d.ts

@@ -2,9 +2,11 @@ import * as accordion from '@zag-js/accordion';
 import { ActionMeta } from 'react-select';
 import { ClassNames } from 'react-day-picker';
 import { ColumnPinningState } from '@tanstack/react-table';
+import { CreatableProps } from 'react-select/creatable';
 import { DateRange } from 'react-day-picker';
 import { default as default_2 } from 'react';
 import * as dialog from '@zag-js/dialog';
+import { GroupBase } from 'react-select';
 import { HTMLInputTypeAttribute } from 'react';
 import { Id } from 'react-toastify';
 import { JSX } from 'react/jsx-runtime';
@@ -356,6 +358,15 @@ export declare const convertToTimestamp: (timeString: string) => number;
 
 export declare const countRegex: RegExp;
 
+/**
+ * Creatable-only props from react-select that aren't part of the base Select
+ * props (SelectV2Props extends those). The component already spreads
+ * `...restProps` into <CreatableSelect>, so these work at runtime — this just
+ * makes them type-visible. `onChange` is intentionally not picked: SelectV2Props
+ * overrides it with a custom signature and picking the react-select one clashes.
+ */
+declare type CreatableExtraProps = Pick<CreatableProps<any, boolean, GroupBase<any>>, 'allowCreateWhileLoading' | 'createOptionPosition' | 'formatCreateLabel' | 'isValidNewOption' | 'getNewOptionData'>;
+
 export declare function CreatableSelect({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraprops, isDisabled, isSearchable, isMulti, isClearable, createNewOption, refetchOptions, }: CreatableSelectProps): JSX.Element;
 
 declare interface CreatableSelectProps {
@@ -463,7 +474,7 @@ declare interface CreatableSelectProps {
  */
 export declare function CreatableSelectV2(props: CreatableSelectV2Props): JSX.Element;
 
-export declare interface CreatableSelectV2Props extends SelectV2Props {
+export declare interface CreatableSelectV2Props extends SelectV2Props, CreatableExtraProps {
     onCreateOption: (value: string) => Promise<void> | void;
 }
 
@@ -2421,18 +2432,23 @@ declare type SelectActionMeta_2 = ActionMeta<{
     value: string;
 }>;
 
-export declare function SelectAsync({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraProps, isDisabled, isSearchable, isMulti, isClearable, customValue, }: SelectAsyncProps): JSX.Element;
+export declare function SelectAsync({ options, onChange, name, id, className, mainContainerClassName, placeholder, selectStyles, customStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, variant, showDivider, extraProps, isDisabled, isSearchable, isMulti, isClearable, customValue, }: SelectAsyncProps): JSX.Element;
+
+declare type SelectAsyncOption = {
+    label: string;
+    value: string;
+    subLabel?: string;
+    color?: `#${string}`;
+    profileImgUrl?: string | null;
+    icon?: string;
+};
 
 declare interface SelectAsyncProps {
     /**
      * The options to be displayed in the select
      * should atleast have {label: string, value: string}
      */
-    options: (inputValue: string) => Promise<Array<{
-        label: string | '';
-        value: string | '';
-        profileImgUrl?: string | null;
-    }> | void>;
+    options: (inputValue: string) => Promise<SelectAsyncOption[] | void>;
     /**
      * Handle change events on the select
      */
@@ -2449,6 +2465,10 @@ declare interface SelectAsyncProps {
      * The className of the select
      */
     className?: string;
+    /**
+     * The className of the main container
+     */
+    mainContainerClassName?: string;
     /**
      * The placeholder of the select
      */
@@ -2469,6 +2489,10 @@ declare interface SelectAsyncProps {
      * The styles of the select component
      */
     selectStyles?: StylesConfig<any>;
+    /**
+     * The SelectV2 styles override alias.
+     */
+    customStyles?: StylesConfig<any>;
     /**
      * The default value of the select
      */
@@ -2493,6 +2517,14 @@ declare interface SelectAsyncProps {
      * The error message to be displayed
      */
     errorMsg?: string | string[] | false;
+    /**
+     * Defines the SelectV2 option/value presentation.
+     */
+    variant?: SELECT_VARIANT;
+    /**
+     * Defines whether to add dividers between option list items.
+     */
+    showDivider?: boolean;
     /**
      * extra props to pass for select component
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hybr1d-tech/charizard",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "type": "module",
   "files": [
     "dist"
@@ -84,7 +84,7 @@
     "storybook": "^10.2.17",
     "storybook-css-modules-preset": "^1.1.1",
     "typescript": "5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^7.3.2",
     "vite-plugin-checker": "^0.12.0",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-libcss": "^1.1.2"