@hybr1d-tech/charizard 0.6.76 → 0.6.77

package/dist/components/select-v2/Select.d.ts

@@ -8,6 +8,7 @@ import { SelectV2Props } from './types';
  *   - `variant` (SELECT_VARIANT, optional): Defines the variant of the select component (e.g., 'default', 'users', 'checkbox', 'tags') to control the styling and behavior.
  *   - `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
  * @returns The SelectV2 component.
  */
 export declare function SelectV2(props: SelectV2Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/select-v2/types.d.ts

@@ -1,4 +1,4 @@
-import { MultiValue, SingleValue, ActionMeta, Props as ReactSelectProps } from 'react-select';
+import { MultiValue, SingleValue, ActionMeta, StylesConfig, Props as ReactSelectProps } from 'react-select';
 
 export type OptionBase = {
     label: string;
@@ -30,4 +30,5 @@ export interface SelectV2Props extends ReactSelectProps<any, boolean> {
     mainContainerClassName?: string;
     variant?: SELECT_VARIANT;
     errorMsg?: string;
+    customStyles?: StylesConfig<any>;
 }

package/dist/hybr1d-ui.js

@@ -11030,14 +11030,15 @@ function jx(e) {
     variant: o = Ye.DEFAULT,
     errorMsg: s,
     onChange: r,
-    ...l
-  } = e, c = (i, u) => {
-    if (l.isMulti) {
-      const p = i.map((d) => d.value);
-      r(p, u);
+    customStyles: l = {},
+    ...c
+  } = e, i = (u, p) => {
+    if (c.isMulti) {
+      const d = u.map((m) => m.value);
+      r(d, p);
       return;
     }
-    r((i == null ? void 0 : i.value) || "", u);
+    r((u == null ? void 0 : u.value) || "", p);
   };
   return /* @__PURE__ */ n.jsxs("div", { className: I(oe.mainContainer, "zap-content-medium", a), children: [
     /* @__PURE__ */ n.jsx(
@@ -11046,22 +11047,22 @@ function jx(e) {
         classNamePrefix: "react-select",
         options: t,
         unstyled: !0,
-        styles: yf,
+        styles: { ...yf, ...l },
         isClearable: !0,
         isSearchable: !0,
         hideSelectedOptions: !1,
         components: {
-          Option: (i) => /* @__PURE__ */ n.jsx(zf, { ...i, variant: o }),
-          MultiValue: (i) => /* @__PURE__ */ n.jsx(Yf, { ...i, variant: o }),
-          MultiValueRemove: (i) => /* @__PURE__ */ n.jsx(Jf, { ...i, variant: o }),
-          DropdownIndicator: (i) => /* @__PURE__ */ n.jsx(Wf, { ...i, variant: o }),
-          ClearIndicator: (i) => /* @__PURE__ */ n.jsx(Uf, { ...i, variant: o }),
-          SingleValue: (i) => /* @__PURE__ */ n.jsx($f, { ...i, variant: o }),
-          Menu: (i) => /* @__PURE__ */ n.jsx(Xf, { ...i, variant: o }),
-          IndicatorsContainer: (i) => /* @__PURE__ */ n.jsx(Zf, { ...i, variant: o })
+          Option: (u) => /* @__PURE__ */ n.jsx(zf, { ...u, variant: o }),
+          MultiValue: (u) => /* @__PURE__ */ n.jsx(Yf, { ...u, variant: o }),
+          MultiValueRemove: (u) => /* @__PURE__ */ n.jsx(Jf, { ...u, variant: o }),
+          DropdownIndicator: (u) => /* @__PURE__ */ n.jsx(Wf, { ...u, variant: o }),
+          ClearIndicator: (u) => /* @__PURE__ */ n.jsx(Uf, { ...u, variant: o }),
+          SingleValue: (u) => /* @__PURE__ */ n.jsx($f, { ...u, variant: o }),
+          Menu: (u) => /* @__PURE__ */ n.jsx(Xf, { ...u, variant: o }),
+          IndicatorsContainer: (u) => /* @__PURE__ */ n.jsx(Zf, { ...u, variant: o })
         },
-        onChange: c,
-        ...l
+        onChange: i,
+        ...c
       }
     ),
     s && /* @__PURE__ */ n.jsx("span", { className: I(oe.errorMsg, "zap-subcontent-regular"), children: s })