pixelize-design-library 2.3.7 → 2.3.9

package/dist/Components/SearchSelect/SearchSelectProps.d.ts

@@ -61,3 +61,4 @@ export type Options = {
     label: string;
     view?: React.ReactNode;
 };
+//# sourceMappingURL=SearchSelectProps.d.ts.map

package/dist/Components/SearchSelect/SearchSelectProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchSelectProps.d.ts","sourceRoot":"","sources":["../../../src/Components/SearchSelect/SearchSelectProps.tsx"],"names":[],"mappings":"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"}

package/dist/Components/SearchSelect/SelectTruncatedLabel.d.ts

@@ -1,7 +1,7 @@
 import { TextProps } from "@chakra-ui/react";
-import React from "react";
 declare const SelectTruncatedLabel: ({ label, maxWidth, fontSize, }: {
     label: string;
     maxWidth?: string;
-} & Pick<TextProps, "fontSize">) => React.JSX.Element;
+} & Pick<TextProps, "fontSize">) => import("react/jsx-runtime").JSX.Element;
 export default SelectTruncatedLabel;
+//# sourceMappingURL=SelectTruncatedLabel.d.ts.map

package/dist/Components/SearchSelect/SelectTruncatedLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTruncatedLabel.d.ts","sourceRoot":"","sources":["../../../src/Components/SearchSelect/SelectTruncatedLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAInD,QAAA,MAAM,oBAAoB,GAAI,gCAI3B;IACC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,4CA0B9B,CAAA;AAED,eAAe,oBAAoB,CAAC"}

package/dist/Components/SearchSelect/SelectTruncatedLabel.js

@@ -1,55 +1,22 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("@chakra-ui/react");
-var react_2 = __importStar(require("react"));
-var ToolTip_1 = __importDefault(require("../ToolTip/ToolTip"));
-var SelectTruncatedLabel = function (_a) {
-    var label = _a.label, _b = _a.maxWidth, maxWidth = _b === void 0 ? "6rem" : _b, _c = _a.fontSize, fontSize = _c === void 0 ? "sm" : _c;
-    var textRef = (0, react_2.useRef)(null);
-    var _d = (0, react_2.useState)(false), isOverflowing = _d[0], setIsOverflowing = _d[1];
-    (0, react_2.useEffect)(function () {
-        var el = textRef.current;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const react_2 = require("react");
+const ToolTip_1 = __importDefault(require("../ToolTip/ToolTip"));
+const SelectTruncatedLabel = ({ label, maxWidth = "6rem", fontSize = "sm", }) => {
+    const textRef = (0, react_2.useRef)(null);
+    const [isOverflowing, setIsOverflowing] = (0, react_2.useState)(false);
+    (0, react_2.useEffect)(() => {
+        const el = textRef.current;
         if (el) {
             setIsOverflowing(el.scrollWidth > el.clientWidth);
         }
     }, [label, maxWidth]);
-    var textElement = (react_2.default.createElement(react_1.Text, { ref: textRef, maxW: maxWidth, isTruncated: true, whiteSpace: "nowrap", fontWeight: 500, fontSize: fontSize, letterSpacing: "0.044rem" }, label));
-    return isOverflowing ? react_2.default.createElement(ToolTip_1.default, { label: label, placement: "top" }, textElement) : textElement;
+    const textElement = ((0, jsx_runtime_1.jsx)(react_1.Text, { ref: textRef, maxW: maxWidth, isTruncated: true, whiteSpace: "nowrap", fontWeight: 500, fontSize: fontSize, letterSpacing: "0.044rem", children: label }));
+    return isOverflowing ? (0, jsx_runtime_1.jsx)(ToolTip_1.default, { label: label, placement: "top", children: textElement }) : textElement;
 };
 exports.default = SelectTruncatedLabel;

package/dist/Components/SearchSelect/searchSelectSize.d.ts

@@ -42,3 +42,4 @@ export type SearchSelectSizeStyles = {
  * Returns layout and child control tokens for a SearchSelect `size`.
  */
 export declare function getSearchSelectSizeStyles(size: SearchSelectControlSize): SearchSelectSizeStyles;
+//# sourceMappingURL=searchSelectSize.d.ts.map

package/dist/Components/SearchSelect/searchSelectSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchSelectSize.d.ts","sourceRoot":"","sources":["../../../src/Components/SearchSelect/searchSelectSize.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,EAAE,EAAE,MAAM,CAAC;IACX,mEAAmE;IACnE,EAAE,EAAE,MAAM,CAAC;IACX,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1C,OAAO,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9C,mFAAmF;IACnF,yBAAyB,EAAE,MAAM,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,sBAAsB,EAAE,MAAM,CAAC;IAC/B,sDAAsD;IACtD,oBAAoB,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzC,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,YAAY,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;OAEG;IACH,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzC;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAyFF;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,uBAAuB,GAC5B,sBAAsB,CAExB"}

package/dist/Components/SearchSelect/searchSelectSize.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSearchSelectSizeStyles = getSearchSelectSizeStyles;
-var SIZE_STYLES = {
+const SIZE_STYLES = {
     xs: {
         minH: "1.5rem",
         px: 2,

package/dist/Components/Select/Select.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
 import { chakraSelectProps } from "./SelectProps";
-export default function Select({ placeholder, size, variant, icon, onChange, onBlur, onFocus, errorBorderColor, isDisabled, isReadOnly, isRequired, value, colorScheme, label, error, errorMessage, helperText, options, height, formControlStyle, isInformation, informationMessage, selectStyle, }: chakraSelectProps): React.JSX.Element;
+export default function Select({ placeholder, size, variant, icon, onChange, onBlur, onFocus, errorBorderColor, isDisabled, isReadOnly, isRequired, value, colorScheme, label, error, errorMessage, helperText, options, height, formControlStyle, isInformation, informationMessage, selectStyle, }: chakraSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/dist/Components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/Components/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAK9D,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,WAA6B,EAC7B,IAAW,EACX,OAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAkB,EAClB,KAAU,EACV,WAAW,EACX,KAAK,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,OAAY,EACZ,MAAM,EACN,gBAAgB,EAChB,aAAqB,EACrB,kBAAkB,EAClB,WAAW,GACZ,EAAE,iBAAiB,2CA2DnB"}

package/dist/Components/Select/Select.js

@@ -1,78 +1,30 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Select;
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var textInputIconSize_1 = require("../Input/textInputIconSize");
-var FormLabel_1 = require("../Common/FormLabel");
-var ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
-var HelperText_1 = __importDefault(require("../Common/HelperText"));
-function Select(_a) {
-    var _b = _a.placeholder, placeholder = _b === void 0 ? "Select Option" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.variant, variant = _d === void 0 ? "outline" : _d, icon = _a.icon, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, errorBorderColor = _a.errorBorderColor, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, _f = _a.value, value = _f === void 0 ? "" : _f, colorScheme = _a.colorScheme, label = _a.label, error = _a.error, errorMessage = _a.errorMessage, helperText = _a.helperText, _g = _a.options, options = _g === void 0 ? [] : _g, height = _a.height, formControlStyle = _a.formControlStyle, _h = _a.isInformation, isInformation = _h === void 0 ? false : _h, informationMessage = _a.informationMessage, selectStyle = _a.selectStyle;
-    var sizeKey = typeof size === "string" ? size : "md";
-    var iconSizePx = (0, textInputIconSize_1.getTextInputIconSizePx)(sizeKey);
-    var getOptionsList = (0, react_1.useCallback)(function () {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const textInputIconSize_1 = require("../Input/textInputIconSize");
+const FormLabel_1 = require("../Common/FormLabel");
+const ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
+const HelperText_1 = __importDefault(require("../Common/HelperText"));
+function Select({ placeholder = "Select Option", size = "md", variant = "outline", icon, onChange, onBlur, onFocus, errorBorderColor, isDisabled, isReadOnly, isRequired = false, value = "", colorScheme, label, error, errorMessage, helperText, options = [], height, formControlStyle, isInformation = false, informationMessage, selectStyle, }) {
+    const sizeKey = typeof size === "string" ? size : "md";
+    const iconSizePx = (0, textInputIconSize_1.getTextInputIconSizePx)(sizeKey);
+    const getOptionsList = (0, react_1.useCallback)(() => {
         if (!options.length)
-            return react_1.default.createElement("option", { value: "" }, "No Options");
-        return options.map(function (option) { return (react_1.default.createElement("option", { key: option.id, value: option.id }, option.label)); });
+            return (0, jsx_runtime_1.jsx)("option", { value: "", children: "No Options" });
+        return options.map((option) => ((0, jsx_runtime_1.jsx)("option", { value: option.id, children: option.label }, option.id)));
     }, [options]);
-    var handleOnChange = function (event) {
-        var selectedValue = event.target.value;
-        var selectedOption = options.find(function (option) { return option.id.toString() === selectedValue.toString(); });
+    const handleOnChange = (event) => {
+        const selectedValue = event.target.value;
+        const selectedOption = options.find((option) => option.id.toString() === selectedValue.toString());
         if (selectedOption && onChange) {
             onChange(selectedOption);
         }
     };
-    return (react_1.default.createElement(react_2.FormControl, { isInvalid: error, style: formControlStyle, size: size },
-        label && (react_1.default.createElement(FormLabel_1.TextLabel, { label: label, isRequired: isRequired, isInformation: isInformation, informationMessage: informationMessage })),
-        react_1.default.createElement(react_2.Select, __assign({ placeholder: placeholder, size: size, variant: variant, icon: icon, iconSize: "".concat(iconSizePx, "px"), isInvalid: error, value: value, onChange: handleOnChange, onBlur: onBlur, onFocus: onFocus, isDisabled: isDisabled, isReadOnly: isReadOnly, colorScheme: colorScheme, errorBorderColor: errorBorderColor, style: selectStyle }, (height != null && height !== "" ? { minH: height, h: height } : {})), getOptionsList()),
-        error && react_1.default.createElement(ErrorMessage_1.default, { errorMessage: errorMessage }),
-        helperText && !error && react_1.default.createElement(HelperText_1.default, { helperText: helperText })));
+    return ((0, jsx_runtime_1.jsxs)(react_2.FormControl, { isInvalid: error, style: formControlStyle, size: size, children: [label && ((0, jsx_runtime_1.jsx)(FormLabel_1.TextLabel, { label: label, isRequired: isRequired, isInformation: isInformation, informationMessage: informationMessage })), (0, jsx_runtime_1.jsx)(react_2.Select, { placeholder: placeholder, size: size, variant: variant, icon: icon, iconSize: `${iconSizePx}px`, isInvalid: error, value: value, onChange: handleOnChange, onBlur: onBlur, onFocus: onFocus, isDisabled: isDisabled, isReadOnly: isReadOnly, colorScheme: colorScheme, errorBorderColor: errorBorderColor, style: selectStyle, ...(height != null && height !== "" ? { minH: height, h: height } : {}), children: getOptionsList() }), error && (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { errorMessage: errorMessage }), helperText && !error && (0, jsx_runtime_1.jsx)(HelperText_1.default, { helperText: helperText })] }));
 }

package/dist/Components/Select/Select.stories.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=Select.stories.d.ts.map

package/dist/Components/Select/Select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/Components/Select/Select.stories.tsx"],"names":[],"mappings":"AA0DA,OAAO,EAAE,CAAC"}

package/dist/Components/Select/Select.styles.d.ts

@@ -1,2 +1,3 @@
 import { ComponentStyleConfig } from "@chakra-ui/react";
 export declare const Select: ComponentStyleConfig;
+//# sourceMappingURL=Select.styles.d.ts.map

package/dist/Components/Select/Select.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/Components/Select/Select.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,MAAM,EAAE,oBA+FpB,CAAC"}

package/dist/Components/Select/Select.styles.js

@@ -51,26 +51,26 @@ exports.Select = {
         },
     },
     variants: {
-        outline: function (props) {
+        outline: (props) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-            var theme = props.theme;
-            var errorColor = (_c = (_b = (_a = theme.colors.semantic) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b[500]) !== null && _c !== void 0 ? _c : "red.500";
-            var borderColor = (_e = (_d = theme.colors.boxborder) === null || _d === void 0 ? void 0 : _d[500]) !== null && _e !== void 0 ? _e : "gray.300";
-            var shadowPrimary = (_g = (_f = theme.colors.boxShadow) === null || _f === void 0 ? void 0 : _f.primary) !== null && _g !== void 0 ? _g : "blue.100";
-            var shadowError = (_j = (_h = theme.colors.boxShadow) === null || _h === void 0 ? void 0 : _h.error) !== null && _j !== void 0 ? _j : "red.100";
-            var primary = (_l = (_k = theme.colors.primary) === null || _k === void 0 ? void 0 : _k[500]) !== null && _l !== void 0 ? _l : "blue.500";
+            const { theme } = props;
+            const errorColor = (_c = (_b = (_a = theme.colors.semantic) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b[500]) !== null && _c !== void 0 ? _c : "red.500";
+            const borderColor = (_e = (_d = theme.colors.boxborder) === null || _d === void 0 ? void 0 : _d[500]) !== null && _e !== void 0 ? _e : "gray.300";
+            const shadowPrimary = (_g = (_f = theme.colors.boxShadow) === null || _f === void 0 ? void 0 : _f.primary) !== null && _g !== void 0 ? _g : "blue.100";
+            const shadowError = (_j = (_h = theme.colors.boxShadow) === null || _h === void 0 ? void 0 : _h.error) !== null && _j !== void 0 ? _j : "red.100";
+            const primary = (_l = (_k = theme.colors.primary) === null || _k === void 0 ? void 0 : _k[500]) !== null && _l !== void 0 ? _l : "blue.500";
             return {
                 field: {
                     bg: (_o = (_m = theme.colors.gray) === null || _m === void 0 ? void 0 : _m[50]) !== null && _o !== void 0 ? _o : "gray.50",
                     border: "0.063rem solid",
-                    borderColor: borderColor,
+                    borderColor,
                     _hover: {
                         borderColor: primary,
-                        boxShadow: "0 0 0 0.125rem ".concat(shadowPrimary),
+                        boxShadow: `0 0 0 0.125rem ${shadowPrimary}`,
                     },
                     _focus: {
                         borderColor: primary,
-                        boxShadow: "0 0 0 0.125rem ".concat(shadowPrimary),
+                        boxShadow: `0 0 0 0.125rem ${shadowPrimary}`,
                     },
                     _disabled: {
                         opacity: 0.4,
@@ -78,14 +78,14 @@ exports.Select = {
                     },
                     _invalid: {
                         borderColor: errorColor,
-                        boxShadow: "0 0 0 0.125rem ".concat(shadowError),
+                        boxShadow: `0 0 0 0.125rem ${shadowError}`,
                         _hover: {
                             borderColor: errorColor,
-                            boxShadow: "0 0 0 0.125rem ".concat(shadowError),
+                            boxShadow: `0 0 0 0.125rem ${shadowError}`,
                         },
                         _focus: {
                             borderColor: errorColor,
-                            boxShadow: "0 0 0 0.125rem ".concat(shadowError),
+                            boxShadow: `0 0 0 0.125rem ${shadowError}`,
                         },
                     },
                 },

package/dist/Components/Select/SelectProps.d.ts

@@ -17,3 +17,4 @@ export type OptionProp = {
     id: string | number;
     label: string | number;
 };
+//# sourceMappingURL=SelectProps.d.ts.map

package/dist/Components/Select/SelectProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Select/SelectProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,WAAW,EACT,aAAa,GACb,MAAM,GACN,SAAS,GACT,MAAM,GACN,IAAI,GACJ,aAAa,GACb,OAAO,GACP,QAAQ,GACR,SAAS,GACT,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,aAAa,CAChB,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,CAAC,cAAc,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC"}

package/dist/Components/SelectSearch/SelectSearch.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
 import { SelectSearchProps } from "./SelectSearchProps";
-export default function SelectSearch({ options, initialSelectedOption, onOptionSelect, inputOnchange, id, name, label, dropdownStyle, inputStyle, isOptionLoading, loadingText, boxStyle, placeholder, searchQuery, isInformation, informationMessage, rightIcon, rightElementStyle, isMultipleSelect, isRequired, onOptionMultiSelect, error, isProfile, isBottomIcon, errorMessage, BottomIcon, BottomText, handleBottomClick, BottomTextColor, isColorOptions, }: Readonly<SelectSearchProps>): React.JSX.Element;
+export default function SelectSearch({ options, initialSelectedOption, onOptionSelect, inputOnchange, id, name, label, inputStyle, isOptionLoading, loadingText, boxStyle, placeholder, searchQuery, isInformation, informationMessage, rightIcon, rightElementStyle, isMultipleSelect, isRequired, onOptionMultiSelect, error, isProfile, isBottomIcon, errorMessage, BottomIcon, BottomText, handleBottomClick, BottomTextColor, isColorOptions, }: Readonly<SelectSearchProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectSearch.d.ts.map

package/dist/Components/SelectSearch/SelectSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSearch.d.ts","sourceRoot":"","sources":["../../../src/Components/SelectSearch/SelectSearch.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAiB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAuFvE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAO,EACP,qBAAqB,EACrB,cAAc,EACd,aAAa,EACb,EAAE,EACF,IAAI,EACJ,KAAK,EACL,UAAU,EACV,eAAe,EACf,WAAuB,EACvB,QAAQ,EACR,WAA6B,EAC7B,WAAkB,EAClB,aAAqB,EACrB,kBAAkB,EAClB,SAAS,EACT,iBAAiB,EACjB,gBAAwB,EACxB,UAAkB,EAClB,mBAAmB,EACnB,KAAa,EACb,SAAiB,EACjB,YAAoB,EACpB,YAAY,EAGZ,UAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,cAAc,GACf,EAAE,QAAQ,CAAC,iBAAiB,CAAC,2CA+T7B"}