@innovaccer/design-system 2.40.1 → 2.41.1

package/css/src/components/tooltip.css

@@ -3,7 +3,7 @@
   padding: var(--spacing-m) var(--spacing);
   border-radius: var(--spacing-m);
   z-index: 500;
-  background: color-mod(var(--inverse) a(0.88));
+  background: var(--inverse);
   overflow: hidden;
   box-sizing: border-box;
   transition: opacity 120ms;

package/css/src/utils/spacing.css

@@ -14,6 +14,10 @@
   margin: var(--spacing-m) !important;
 }
 
+.m-3-5 {
+  margin: var(--spacing-0-75) !important;
+}
+
 .m-4 {
   margin: var(--spacing) !important;
 }
@@ -82,6 +86,11 @@
   margin-left: var(--spacing-m) !important;
 }
 
+.mx-3-5 {
+  margin-right: var(--spacing-0-75) !important;
+  margin-left: var(--spacing-0-75) !important;
+}
+
 .mx-4 {
   margin-right: var(--spacing) !important;
   margin-left: var(--spacing) !important;
@@ -162,6 +171,11 @@
   margin-bottom: var(--spacing-m) !important;
 }
 
+.my-3-5 {
+  margin-top: var(--spacing-0-75) !important;
+  margin-bottom: var(--spacing-0-75) !important;
+}
+
 .my-4 {
   margin-top: var(--spacing) !important;
   margin-bottom: var(--spacing) !important;
@@ -238,6 +252,10 @@
   margin-top: var(--spacing-m) !important;
 }
 
+.mt-3-5 {
+  margin-top: var(--spacing-0-75) !important;
+}
+
 .mt-4 {
   margin-top: var(--spacing) !important;
 }
@@ -302,6 +320,10 @@
   margin-bottom: var(--spacing-m) !important;
 }
 
+.mb-3-5 {
+  margin-bottom: var(--spacing-0-75) !important;
+}
+
 .mb-4 {
   margin-bottom: var(--spacing) !important;
 }
@@ -366,6 +388,10 @@
   margin-right: var(--spacing-m) !important;
 }
 
+.mr-3-5 {
+  margin-right: var(--spacing-0-75) !important;
+}
+
 .mr-4 {
   margin-right: var(--spacing) !important;
 }
@@ -430,6 +456,10 @@
   margin-left: var(--spacing-m) !important;
 }
 
+.ml-3-5 {
+  margin-left: var(--spacing-0-75) !important;
+}
+
 .ml-4 {
   margin-left: var(--spacing) !important;
 }
@@ -494,6 +524,10 @@
   padding: var(--spacing-m) !important;
 }
 
+.p-3-5 {
+  padding: var(--spacing-0-75) !important;
+}
+
 .p-4 {
   padding: var(--spacing) !important;
 }
@@ -562,6 +596,11 @@
   padding-left: var(--spacing-m) !important;
 }
 
+.px-3-5 {
+  padding-right: var(--spacing-0-75) !important;
+  padding-left: var(--spacing-0-75) !important;
+}
+
 .px-4 {
   padding-right: var(--spacing) !important;
   padding-left: var(--spacing) !important;
@@ -642,6 +681,11 @@
   padding-bottom: var(--spacing-m) !important;
 }
 
+.py-3-5 {
+  padding-top: var(--spacing-0-75) !important;
+  padding-bottom: var(--spacing-0-75) !important;
+}
+
 .py-4 {
   padding-top: var(--spacing) !important;
   padding-bottom: var(--spacing) !important;
@@ -718,6 +762,10 @@
   padding-top: var(--spacing-m) !important;
 }
 
+.pt-3-5 {
+  padding-top: var(--spacing-0-75) !important;
+}
+
 .pt-4 {
   padding-top: var(--spacing) !important;
 }
@@ -782,6 +830,10 @@
   padding-bottom: var(--spacing-m) !important;
 }
 
+.pb-3-5 {
+  padding-bottom: var(--spacing-0-75) !important;
+}
+
 .pb-4 {
   padding-bottom: var(--spacing) !important;
 }
@@ -846,6 +898,10 @@
   padding-right: var(--spacing-m) !important;
 }
 
+.pr-3-5 {
+  padding-right: var(--spacing-0-75) !important;
+}
+
 .pr-4 {
   padding-right: var(--spacing) !important;
 }
@@ -910,6 +966,10 @@
   padding-left: var(--spacing-m) !important;
 }
 
+.pl-3-5 {
+  padding-left: var(--spacing-0-75) !important;
+}
+
 .pl-4 {
   padding-left: var(--spacing) !important;
 }

package/dist/.lib/tsconfig.type.tsbuildinfo

@@ -1432,7 +1432,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/chipInput/ChipInput.tsx": {
-        "version": "44d86f6815658261a4deec9b5e1cda841791766ebbbc99c8de9db13562318b46",
+        "version": "e92ef85a4ea3404b0b584247ca4bbe7adde5225a0765e2c7cdb0932134baa440",
         "signature": "fa78c5ce5bb60b488df54300a8b478e23f33e4b4c15291d85c019623901e246f",
         "affectsGlobalScope": false
       },
@@ -1602,7 +1602,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/dropzone/utils.tsx": {
-        "version": "357019f808c7ada66640c6a83c02564f0f44938e1251b6af9745e43be2d74605",
+        "version": "c0f049a0b5fc369897d7504e480bc42b76694e0a2d8e24285652f35263a79502",
         "signature": "e5f50b6a6ffe8bc3e9384f3786043d4082605598e9bd023b6e159ac612061c72",
         "affectsGlobalScope": false
       },
@@ -1832,8 +1832,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/verificationCodeInput/VerificationCodeInput.tsx": {
-        "version": "017bb3f06276c2ea6ddcdf9dff92a2e01a4b122c1a4ef220ff515d844f6fb7dd",
-        "signature": "7f4cc1c56e5e7e1ae48398355423c9e2841e3a188b68ca9228099fd41a14ca15",
+        "version": "4fdaac19534b683ea8548d9780dd749dc8d58fe17c45b4e492d1981667e65fa0",
+        "signature": "04de6378622ed68c6936504fcac290ceac84286a56fcb00b8da1d27af86158cb",
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/verificationCodeInput/index.tsx": {
@@ -2442,7 +2442,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/css-utilities/Spacing/Data.tsx": {
-        "version": "0ad5fbcf0e16bd8bb901bb8e0828cfb4bf3a4ace87257062baf92ce01c969a61",
+        "version": "b4010b88f54ca958ebad8a2a94d05e1e0f47bef8b81052fd7a7789ba37b9d3fc",
         "signature": "b58336d143b58336739c5a9734a83ce78ee25852b3f3133aeff906fc364b3e09",
         "affectsGlobalScope": false
       },
@@ -3636,6 +3636,26 @@
         "signature": "06bc581433eece0285a9461bd2f31fe1dc8abcf79f84ea78209faacfa90e810a",
         "affectsGlobalScope": false
       },
+      "../../figma/AIButton.figma.tsx": {
+        "version": "4e79b96bbc580cd19a5dd28a007d0e36a50918afaaba9ad3d558e44de13b04aa",
+        "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
+        "affectsGlobalScope": false
+      },
+      "../../figma/AIChip.figma.tsx": {
+        "version": "df10a33e8c349c6b66f312e7f44ccde52957e42967d8e6fa2ceee2e0efa3c9cd",
+        "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
+        "affectsGlobalScope": false
+      },
+      "../../figma/AIIconButton.figma.tsx": {
+        "version": "bcce554b5935d30b6a39d16c0b7873e5f9696fd40ddb030136035bbc7a2e665e",
+        "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
+        "affectsGlobalScope": false
+      },
+      "../../figma/AIResponse.figma.tsx": {
+        "version": "1ddeda326ce478c3da9ef045676c5958913d543652880f3cddb982c6e590af56",
+        "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
+        "affectsGlobalScope": false
+      },
       "../../figma/ActionCard.figma.tsx": {
         "version": "555d02927c744806d0656748bf5b7f911d204c9d8f44dc278486c7b5f16c0764",
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
@@ -3761,6 +3781,16 @@
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
         "affectsGlobalScope": false
       },
+      "../../figma/Sara.figma.tsx": {
+        "version": "0006589ee8a23341632a5d3f1cd02638f0deae06723299bfd39d0e01e0dc7985",
+        "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
+        "affectsGlobalScope": false
+      },
+      "../../figma/SaraSparkle.figma.tsx": {
+        "version": "5ca6a5863766d768fd8bbf4d0c4a4ec9baddf000e98024c5e056ea8d66c05ed9",
+        "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
+        "affectsGlobalScope": false
+      },
       "../../figma/SelectionCard.figma.tsx": {
         "version": "d70e40c7b4a8b514afffe21a9c81b2951a82aa06fa5eda567b8915105de35b78",
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
@@ -5100,6 +5130,24 @@
           "*",
           "*",
           "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
           "*"
         ]
       },
@@ -7783,6 +7831,30 @@
         "../../core/utils/types.tsx",
         "../../node_modules/@types/node/util.d.ts"
       ],
+      "../../figma/AIButton.figma.tsx": [
+        "../../core/index.tsx",
+        "../../node_modules/@figma/code-connect/dist/index.d.ts",
+        "../../node_modules/@types/node/util.d.ts",
+        "../../node_modules/@types/react/index.d.ts"
+      ],
+      "../../figma/AIChip.figma.tsx": [
+        "../../core/index.tsx",
+        "../../node_modules/@figma/code-connect/dist/index.d.ts",
+        "../../node_modules/@types/node/util.d.ts",
+        "../../node_modules/@types/react/index.d.ts"
+      ],
+      "../../figma/AIIconButton.figma.tsx": [
+        "../../core/index.tsx",
+        "../../node_modules/@figma/code-connect/dist/index.d.ts",
+        "../../node_modules/@types/node/util.d.ts",
+        "../../node_modules/@types/react/index.d.ts"
+      ],
+      "../../figma/AIResponse.figma.tsx": [
+        "../../core/index.tsx",
+        "../../node_modules/@figma/code-connect/dist/index.d.ts",
+        "../../node_modules/@types/node/util.d.ts",
+        "../../node_modules/@types/react/index.d.ts"
+      ],
       "../../figma/ActionCard.figma.tsx": [
         "../../core/index.tsx",
         "../../node_modules/@figma/code-connect/dist/index.d.ts",
@@ -7933,6 +8005,18 @@
         "../../node_modules/@types/node/util.d.ts",
         "../../node_modules/@types/react/index.d.ts"
       ],
+      "../../figma/Sara.figma.tsx": [
+        "../../core/index.tsx",
+        "../../node_modules/@figma/code-connect/dist/index.d.ts",
+        "../../node_modules/@types/node/util.d.ts",
+        "../../node_modules/@types/react/index.d.ts"
+      ],
+      "../../figma/SaraSparkle.figma.tsx": [
+        "../../core/index.tsx",
+        "../../node_modules/@figma/code-connect/dist/index.d.ts",
+        "../../node_modules/@types/node/util.d.ts",
+        "../../node_modules/@types/react/index.d.ts"
+      ],
       "../../figma/SelectionCard.figma.tsx": [
         "../../core/index.tsx",
         "../../node_modules/@figma/code-connect/dist/index.d.ts",
@@ -11865,6 +11949,10 @@
       "../../core/utils/types.tsx",
       "../../core/utils/uidGenerator.tsx",
       "../../core/utils/validators.ts",
+      "../../figma/AIButton.figma.tsx",
+      "../../figma/AIChip.figma.tsx",
+      "../../figma/AIIconButton.figma.tsx",
+      "../../figma/AIResponse.figma.tsx",
       "../../figma/ActionCard.figma.tsx",
       "../../figma/Avatar.figma.tsx",
       "../../figma/Backdrop.figma.tsx",
@@ -11890,6 +11978,8 @@
       "../../figma/ProgressRing.figma.tsx",
       "../../figma/Radio.figma.tsx",
       "../../figma/RangeSlider.figma.tsx",
+      "../../figma/Sara.figma.tsx",
+      "../../figma/SaraSparkle.figma.tsx",
       "../../figma/SelectionCard.figma.tsx",
       "../../figma/Slider.figma.tsx",
       "../../figma/Spinner.figma.tsx",

package/dist/core/components/molecules/verificationCodeInput/VerificationCodeInput.d.ts

@@ -4,6 +4,7 @@ interface VerificationProps extends BaseProps {
     fields?: number;
     type?: 'text' | 'number' | 'password';
     onComplete?: (value: string) => void;
+    onChange?: (value: string) => void;
 }
 export declare type VerificationCodeInputProps = VerificationProps & Omit<InputProps, 'name' | 'type' | 'defaultValue' | 'size' | 'icon' | 'inlineLabel' | 'autoComplete' | 'onChange' | 'onClear' | 'info' | 'min' | 'max' | 'minLength' | 'maxLength' | 'actionIcon'>;
 declare const VerificationCodeInput: {

package/dist/figma/AIButton.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/AIChip.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/AIIconButton.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/AIResponse.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Sara.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/SaraSparkle.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1722934541737 
+   * Generated on: 1724239960546 
    *      Package: @innovaccer/design-system
-   *      Version: v2.40.1
+   *      Version: v2.41.1
    *      License: MIT
    *         Docs: https://mds.innovaccer.com
    */
@@ -14306,6 +14306,7 @@ var ChipInput = function ChipInput(props) {
       onBlur = props.onBlur,
       onFocus = props.onFocus;
   var inputRef = /*#__PURE__*/React.createRef();
+  var customRef = React.useRef();
 
   var _React$useState = React.useState(value || defaultValue),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -14323,6 +14324,12 @@ var ChipInput = function ChipInput(props) {
       setChips(value);
     }
   }, [value]);
+  React.useEffect(function () {
+    if (inputValue === '' && inputRef.current) {
+      inputRef.current.style.flexBasis = '0';
+      customRef.current.charCount = null;
+    }
+  }, [inputValue]);
   var ChipInputBorderClass = classnames((_classNames = {}, _defineProperty$1(_classNames, 'ChipInput-border', true), _defineProperty$1(_classNames, 'ChipInput-border--error', error), _classNames));
   var ChipInputClass = classnames((_classNames2 = {
     ChipInput: true
@@ -14390,13 +14397,30 @@ var ChipInput = function ChipInput(props) {
   };
 
   var onInputChangeHandler = function onInputChangeHandler(e) {
+    var _inputRef$current, _inputRef$current2;
+
+    var elementScrollWidth = (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.scrollWidth;
+    var elementClientWidth = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.clientWidth;
+    var charLen = e.target.value.length;
+
+    if (elementScrollWidth && elementClientWidth && inputRef.current) {
+      var _customRef$current;
+
+      if (elementScrollWidth > elementClientWidth && inputValue.length <= charLen && customRef.current) {
+        inputRef.current.style.flexBasis = 'auto';
+        customRef.current.charCount = charLen;
+      } else if (elementScrollWidth <= elementClientWidth && inputValue.length > charLen && charLen <= ((_customRef$current = customRef.current) === null || _customRef$current === void 0 ? void 0 : _customRef$current.charCount) - 2) {
+        inputRef.current.style.flex = '0';
+      }
+    }
+
     setInputValue(e.target.value);
   };
 
   var onClickHandler = function onClickHandler() {
-    var _inputRef$current;
+    var _inputRef$current3;
 
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
   };
 
   var chipComponents = chips.map(function (chip, index) {
@@ -14437,7 +14461,8 @@ var ChipInput = function ChipInput(props) {
       onClick: onClickHandler,
       tabIndex: disabled ? -1 : 0
     }), /*#__PURE__*/React.createElement("div", {
-      className: "ChipInput-wrapper"
+      className: "ChipInput-wrapper",
+      ref: customRef
     }, chips && chips.length > 0 && chipComponents, /*#__PURE__*/React.createElement("input", {
       "data-test": "DesignSystem-ChipInput--Input",
       ref: inputRef,
@@ -18345,6 +18370,11 @@ var accepts = function accepts(file, acceptedFiles) {
     var fileName = file.name || '';
     var mimeType = (file.type || '').toLowerCase();
     var baseMimeType = mimeType.replace(/\/.*$/, '');
+
+    if (!mimeType) {
+      return true;
+    }
+
     return acceptedFilesArray.some(function (type) {
       var validType = type.trim().toLowerCase();
 
@@ -22589,7 +22619,7 @@ FileList.defaultProps = {
 };
 FileList.displayName = 'FileList';
 
-var _excluded$t = ["type", "fields", "placeholder", "autoFocus", "onComplete", "onFocus", "onBlur", "className", "value"];
+var _excluded$t = ["type", "fields", "placeholder", "autoFocus", "onComplete", "onChange", "onFocus", "onBlur", "className", "value"];
 var KEY_CODE = {
   backspace: 'Backspace',
   left: 'ArrowLeft',
@@ -22610,6 +22640,7 @@ var VerificationCodeInput = function VerificationCodeInput(props) {
       _props$autoFocus = props.autoFocus,
       autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
       onComplete = props.onComplete,
+      onChange = props.onChange,
       onFocus = props.onFocus,
       onBlur = props.onBlur,
       className = props.className;
@@ -22647,10 +22678,9 @@ var VerificationCodeInput = function VerificationCodeInput(props) {
   }, []);
   useEffect$2(function () {
     var completeValue = values.join('');
-
-    if (onComplete && completeValue.length === fields) {
-      onComplete(completeValue);
-    }
+    var isComplete = completeValue.length === fields;
+    isComplete && (onComplete === null || onComplete === void 0 ? void 0 : onComplete(completeValue));
+    onChange === null || onChange === void 0 ? void 0 : onChange(completeValue);
   }, [values]);
 
   var onChangeHandler = function onChangeHandler(e) {
@@ -31468,6 +31498,6 @@ AIResponse.Button = ChatButton;
 AIResponse.ActionBar = ChatActionBar;
 AIResponse.Body = ChatBody;
 
-var version = "2.40.1";
+var version = "2.41.1";
 
 export { AIButton, AIChip, AIIconButton, AIResponse, ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, KeyValuePair, Label, Legend, Link, LinkButton, List, Listbox, Menu, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sara, SaraSparkle, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };

package/dist/index.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1722934542003 
+   * Generated on: 1724239960796 
    *      Package: @innovaccer/design-system
-   *      Version: v2.40.1
+   *      Version: v2.41.1
    *      License: MIT
    *         Docs: https://mds.innovaccer.com
    */
@@ -8968,6 +8968,7 @@
           onBlur = props.onBlur,
           onFocus = props.onFocus;
       var inputRef = /*#__PURE__*/React__namespace.createRef();
+      var customRef = React__namespace.useRef();
 
       var _c = React__namespace.useState(value || defaultValue),
           chips = _c[0],
@@ -8983,6 +8984,12 @@
           setChips(value);
         }
       }, [value]);
+      React__namespace.useEffect(function () {
+        if (inputValue === '' && inputRef.current) {
+          inputRef.current.style.flexBasis = '0';
+          customRef.current.charCount = null;
+        }
+      }, [inputValue]);
       var ChipInputBorderClass = classNames__default["default"]((_a = {}, _a['ChipInput-border'] = true, _a['ChipInput-border--error'] = error, _a));
       var ChipInputClass = classNames__default["default"]((_b = {
         ChipInput: true
@@ -9050,6 +9057,21 @@
       };
 
       var onInputChangeHandler = function onInputChangeHandler(e) {
+        var _a, _b, _c;
+
+        var elementScrollWidth = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.scrollWidth;
+        var elementClientWidth = (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth;
+        var charLen = e.target.value.length;
+
+        if (elementScrollWidth && elementClientWidth && inputRef.current) {
+          if (elementScrollWidth > elementClientWidth && inputValue.length <= charLen && customRef.current) {
+            inputRef.current.style.flexBasis = 'auto';
+            customRef.current.charCount = charLen;
+          } else if (elementScrollWidth <= elementClientWidth && inputValue.length > charLen && charLen <= ((_c = customRef.current) === null || _c === void 0 ? void 0 : _c.charCount) - 2) {
+            inputRef.current.style.flex = '0';
+          }
+        }
+
         setInputValue(e.target.value);
       };
 
@@ -9091,7 +9113,8 @@
         onClick: onClickHandler,
         tabIndex: disabled ? -1 : 0
       }), /*#__PURE__*/React__namespace.createElement("div", {
-        className: "ChipInput-wrapper"
+        className: "ChipInput-wrapper",
+        ref: customRef
       }, chips && chips.length > 0 && chipComponents, /*#__PURE__*/React__namespace.createElement("input", {
         "data-test": "DesignSystem-ChipInput--Input",
         ref: inputRef,
@@ -12816,6 +12839,11 @@
         var fileName_1 = file.name || '';
         var mimeType_1 = (file.type || '').toLowerCase();
         var baseMimeType_1 = mimeType_1.replace(/\/.*$/, '');
+
+        if (!mimeType_1) {
+          return true;
+        }
+
         return acceptedFilesArray.some(function (type) {
           var validType = type.trim().toLowerCase();
 
@@ -16851,11 +16879,12 @@
           _d = props.autoFocus,
           autoFocus = _d === void 0 ? true : _d,
           onComplete = props.onComplete,
+          onChange = props.onChange,
           onFocus = props.onFocus,
           onBlur = props.onBlur,
           className = props.className;
           props.value;
-          var rest = __rest(props, ["type", "fields", "placeholder", "autoFocus", "onComplete", "onFocus", "onBlur", "className", "value"]);
+          var rest = __rest(props, ["type", "fields", "placeholder", "autoFocus", "onComplete", "onChange", "onFocus", "onBlur", "className", "value"]);
 
       var initialValues = React.useMemo(function () {
         if (props.value && props.value.length) {
@@ -16884,10 +16913,9 @@
       }, []);
       React.useEffect(function () {
         var completeValue = values.join('');
-
-        if (onComplete && completeValue.length === fields) {
-          onComplete(completeValue);
-        }
+        var isComplete = completeValue.length === fields;
+        isComplete && (onComplete === null || onComplete === void 0 ? void 0 : onComplete(completeValue));
+        onChange === null || onChange === void 0 ? void 0 : onChange(completeValue);
       }, [values]);
 
       var onChangeHandler = function onChangeHandler(e) {
@@ -25607,7 +25635,7 @@
     AIResponse.ActionBar = ChatActionBar;
     AIResponse.Body = ChatBody;
 
-    var version = "2.40.1";
+    var version = "2.41.1";
 
     exports.AIButton = AIButton;
     exports.AIChip = AIChip;