ece-docs-components 1.0.100 → 1.0.101

package/dist/cjs/components/AutocompleteSelect.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var material = require('@mui/material');
+var iconsMaterial = require('@mui/icons-material');
+var ThemeProvider = require('../ThemeProvider.js');
+var Input = require('./Input.js');
+
+const AutocompleteWrapper = material.styled("div")({
+    width: "100%",
+});
+function AutocompleteSelect({ id, label, error, helperText, placeholder, fullWidth = false, disabled = false, options, value, onChange, className = "", sx, }) {
+    const theme = ThemeProvider.useTheme();
+    const selectId = id || `auto-select-${Math.random().toString(36).substr(2, 9)}`;
+    return (jsxRuntime.jsxs(AutocompleteWrapper, { className: className, sx: [
+            { ...(!fullWidth && { width: "auto" }) },
+            ...(Array.isArray(sx) ? sx : [sx]),
+        ], children: [label && (jsxRuntime.jsx(Input.StyledLabel, { htmlFor: selectId, shrink: false, children: label })), jsxRuntime.jsx(material.Autocomplete, { id: selectId, options: options, value: value, disabled: disabled, disablePortal: true, getOptionLabel: (option) => option?.label || "", isOptionEqualToValue: (option, val) => option?.value === val?.value, onChange: (_event, newValue) => onChange(newValue), popupIcon: jsxRuntime.jsx(iconsMaterial.ExpandMoreRounded, { sx: { color: `${theme.palette.dark.main}66` } }), slotProps: {
+                    paper: {
+                        sx: {
+                            borderRadius: 2,
+                            boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+                            maxHeight: "min(22rem, calc(100vh - 6rem))",
+                            overflow: "hidden",
+                            backgroundColor: theme.palette.light.main,
+                            mt: 0.5,
+                        },
+                    },
+                }, sx: {
+                    "& .MuiOutlinedInput-root": {
+                        padding: "0 9px !important",
+                        height: 48,
+                        display: "flex",
+                        alignItems: "center",
+                    },
+                    "& .MuiAutocomplete-input": {
+                        padding: "0 !important",
+                    },
+                    "& + .MuiAutocomplete-popper .MuiAutocomplete-option": {
+                        fontSize: "1rem",
+                        color: theme.palette.dark.main,
+                        '&[aria-selected="true"]': {
+                            backgroundColor: "transparent",
+                        },
+                        '&[aria-selected="true"].Mui-focused, &:hover, &.Mui-focused': {
+                            backgroundColor: `${theme.palette.primary.main}1A !important`,
+                        },
+                    },
+                }, renderInput: (params) => {
+                    // 1. Separate structural configurations from direct props
+                    const { InputProps, inputProps, ...restParams } = params;
+                    return (jsxRuntime.jsx(Input.Input, { ...restParams, 
+                        // 2. Safely spread native input elements
+                        inputProps: inputProps, 
+                        // 3. Bind MUI's dynamic layout objects (adornments, ref) into the slot configuration
+                        InputProps: {
+                            ...InputProps,
+                        }, error: error, placeholder: placeholder, fullWidth: true, 
+                        // Explicitly empty string avoids passing a raw error object down to helperText slots
+                        helperText: "" }));
+                } }), error && (jsxRuntime.jsx(material.FormHelperText, { sx: {
+                    mt: 0.75,
+                    fontSize: "0.875rem",
+                    color: theme.palette.error.main,
+                }, children: error })), helperText && !error && (jsxRuntime.jsx(material.FormHelperText, { sx: {
+                    mt: 0.75,
+                    fontSize: "0.875rem",
+                    color: `${theme.palette.dark.main}99`,
+                }, children: helperText }))] }));
+}
+
+exports.AutocompleteSelect = AutocompleteSelect;
+//# sourceMappingURL=AutocompleteSelect.js.map

package/dist/cjs/components/AutocompleteSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteSelect.js","sources":["../../../../src/components/AutocompleteSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Autocomplete as MuiAutocomplete,\n  FormHelperText,\n  styled,\n} from \"@mui/material\";\nimport { ExpandMoreRounded } from \"@mui/icons-material\";\nimport { useTheme } from \"../ThemeProvider\"; // Adjust pathway according to project layout\nimport { Input, StyledLabel } from \"./Input\";\n\ninterface AutocompleteOption {\n  value: string;\n  label: string;\n}\n\ninterface AutocompleteSelectProps {\n  id?: string;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  placeholder?: string;\n  fullWidth?: boolean;\n  disabled?: boolean;\n  options: AutocompleteOption[];\n  value: AutocompleteOption | null;\n  onChange: (value: AutocompleteOption | null) => void;\n  className?: string;\n  sx?: any;\n}\n\nconst AutocompleteWrapper = styled(\"div\")({\n  width: \"100%\",\n});\n\nexport function AutocompleteSelect({\n  id,\n  label,\n  error,\n  helperText,\n  placeholder,\n  fullWidth = false,\n  disabled = false,\n  options,\n  value,\n  onChange,\n  className = \"\",\n  sx,\n}: AutocompleteSelectProps): React.JSX.Element {\n  const theme = useTheme();\n  const selectId =\n    id || `auto-select-${Math.random().toString(36).substr(2, 9)}`;\n\n  return (\n    <AutocompleteWrapper\n      className={className}\n      sx={[\n        { ...(!fullWidth && { width: \"auto\" }) },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n    >\n      {label && (\n        <StyledLabel htmlFor={selectId} shrink={false}>\n          {label}\n        </StyledLabel>\n      )}\n\n      <MuiAutocomplete\n        id={selectId}\n        options={options}\n        value={value}\n        disabled={disabled}\n        disablePortal\n        getOptionLabel={(option: { label: string; value: string }) =>\n          option?.label || \"\"\n        }\n        isOptionEqualToValue={(\n          option: AutocompleteOption,\n          val: AutocompleteOption,\n        ) => option?.value === val?.value}\n        onChange={(_event: Event, newValue: AutocompleteOption) =>\n          onChange(newValue)\n        }\n        popupIcon={\n          <ExpandMoreRounded sx={{ color: `${theme.palette.dark.main}66` }} />\n        }\n        slotProps={{\n          paper: {\n            sx: {\n              borderRadius: 2,\n              boxShadow:\n                \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n              maxHeight: \"min(22rem, calc(100vh - 6rem))\",\n              overflow: \"hidden\",\n              backgroundColor: theme.palette.light.main,\n              mt: 0.5,\n            },\n          },\n        }}\n        sx={{\n          \"& .MuiOutlinedInput-root\": {\n            padding: \"0 9px !important\",\n            height: 48,\n            display: \"flex\",\n            alignItems: \"center\",\n          },\n          \"& .MuiAutocomplete-input\": {\n            padding: \"0 !important\",\n          },\n          \"& + .MuiAutocomplete-popper .MuiAutocomplete-option\": {\n            fontSize: \"1rem\",\n            color: theme.palette.dark.main,\n            '&[aria-selected=\"true\"]': {\n              backgroundColor: \"transparent\",\n            },\n            '&[aria-selected=\"true\"].Mui-focused, &:hover, &.Mui-focused': {\n              backgroundColor: `${theme.palette.primary.main}1A !important`,\n            },\n          },\n        }}\n        renderInput={(params: any) => {\n          // 1. Separate structural configurations from direct props\n          const { InputProps, inputProps, ...restParams } = params;\n\n          return (\n            <Input\n              {...restParams}\n              // 2. Safely spread native input elements\n              inputProps={inputProps}\n              // 3. Bind MUI's dynamic layout objects (adornments, ref) into the slot configuration\n              InputProps={{\n                ...InputProps,\n              }}\n              error={error}\n              placeholder={placeholder}\n              fullWidth\n              // Explicitly empty string avoids passing a raw error object down to helperText slots\n              helperText=\"\"\n            />\n          );\n        }}\n      />\n\n      {error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: theme.palette.error.main,\n          }}\n        >\n          {error}\n        </FormHelperText>\n      )}\n\n      {helperText && !error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: `${theme.palette.dark.main}99`,\n          }}\n        >\n          {helperText}\n        </FormHelperText>\n      )}\n    </AutocompleteWrapper>\n  );\n}\n"],"names":["styled","useTheme","_jsxs","_jsx","StyledLabel","MuiAutocomplete","ExpandMoreRounded","Input","FormHelperText"],"mappings":";;;;;;;;AA8BA,MAAM,mBAAmB,GAAGA,eAAM,CAAC,KAAK,CAAC,CAAC;AACxC,IAAA,KAAK,EAAE,MAAM;AACd,CAAA,CAAC;AAEI,SAAU,kBAAkB,CAAC,EACjC,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,EAAE,GACsB,EAAA;AACxB,IAAA,MAAM,KAAK,GAAGC,sBAAQ,EAAE;IACxB,MAAM,QAAQ,GACZ,EAAE,IAAI,eAAe,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;IAEhE,QACEC,gBAAC,mBAAmB,EAAA,EAClB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE;YACF,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE;AACxC,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;SACnC,EAAA,QAAA,EAAA,CAEA,KAAK,KACJC,cAAA,CAACC,iBAAW,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAA,QAAA,EAC1C,KAAK,EAAA,CACM,CACf,EAEDD,eAACE,qBAAe,EAAA,EACd,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAA,IAAA,EACb,cAAc,EAAE,CAAC,MAAwC,KACvD,MAAM,EAAE,KAAK,IAAI,EAAE,EAErB,oBAAoB,EAAE,CACpB,MAA0B,EAC1B,GAAuB,KACpB,MAAM,EAAE,KAAK,KAAK,GAAG,EAAE,KAAK,EACjC,QAAQ,EAAE,CAAC,MAAa,EAAE,QAA4B,KACpD,QAAQ,CAAC,QAAQ,CAAC,EAEpB,SAAS,EACPF,cAAA,CAACG,+BAAiB,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAA,EAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAAA,CAAI,EAEtE,SAAS,EAAE;AACT,oBAAA,KAAK,EAAE;AACL,wBAAA,EAAE,EAAE;AACF,4BAAA,YAAY,EAAE,CAAC;AACf,4BAAA,SAAS,EACP,uEAAuE;AACzE,4BAAA,SAAS,EAAE,gCAAgC;AAC3C,4BAAA,QAAQ,EAAE,QAAQ;AAClB,4BAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AACzC,4BAAA,EAAE,EAAE,GAAG;AACR,yBAAA;AACF,qBAAA;AACF,iBAAA,EACD,EAAE,EAAE;AACF,oBAAA,0BAA0B,EAAE;AAC1B,wBAAA,OAAO,EAAE,kBAAkB;AAC3B,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,OAAO,EAAE,MAAM;AACf,wBAAA,UAAU,EAAE,QAAQ;AACrB,qBAAA;AACD,oBAAA,0BAA0B,EAAE;AAC1B,wBAAA,OAAO,EAAE,cAAc;AACxB,qBAAA;AACD,oBAAA,qDAAqD,EAAE;AACrD,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,wBAAA,yBAAyB,EAAE;AACzB,4BAAA,eAAe,EAAE,aAAa;AAC/B,yBAAA;AACD,wBAAA,6DAA6D,EAAE;4BAC7D,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,aAAA,CAAe;AAC9D,yBAAA;AACF,qBAAA;AACF,iBAAA,EACD,WAAW,EAAE,CAAC,MAAW,KAAI;;oBAE3B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,GAAG,MAAM;AAExD,oBAAA,QACEH,cAAA,CAACI,WAAK,EAAA,EAAA,GACA,UAAU;;AAEd,wBAAA,UAAU,EAAE,UAAU;;AAEtB,wBAAA,UAAU,EAAE;AACV,4BAAA,GAAG,UAAU;yBACd,EACD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAA,IAAA;;AAET,wBAAA,UAAU,EAAC,EAAE,EAAA,CACb;gBAEN,CAAC,EAAA,CACD,EAED,KAAK,KACJJ,cAAA,CAACK,uBAAc,EAAA,EACb,EAAE,EAAE;AACF,oBAAA,EAAE,EAAE,IAAI;AACR,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AAChC,iBAAA,EAAA,QAAA,EAEA,KAAK,EAAA,CACS,CAClB,EAEA,UAAU,IAAI,CAAC,KAAK,KACnBL,cAAA,CAACK,uBAAc,EAAA,EACb,EAAE,EAAE;AACF,oBAAA,EAAE,EAAE,IAAI;AACR,oBAAA,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACtC,iBAAA,EAAA,QAAA,EAEA,UAAU,EAAA,CACI,CAClB,CAAA,EAAA,CACmB;AAE1B;;;;"}

package/dist/cjs/index.js

@@ -30,6 +30,7 @@ var AcknowledgementBox = require('./components/AcknowledgementBox.js');
 var RichTextArea = require('./components/RichTextArea.js');
 var FileUploadButton = require('./components/FileUploadButton.js');
 var Footer = require('./components/Footer.js');
+var AutocompleteSelect = require('./components/AutocompleteSelect.js');
 
 
 
@@ -66,4 +67,5 @@ exports.AcknowledgementBox = AcknowledgementBox.AcknowledgementBox;
 exports.RichTextArea = RichTextArea.RichTextArea;
 exports.FileUploadButton = FileUploadButton.FileUploadButton;
 exports.Footer = Footer.Footer;
+exports.AutocompleteSelect = AutocompleteSelect.AutocompleteSelect;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/node_modules/domhandler/lib/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index4.js');
+var index = require('../../../_virtual/index3.js');
 var index$1 = require('../../domelementtype/lib/index.js');
 var node = require('./node.js');
 

package/dist/cjs/node_modules/html-dom-parser/lib/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index3.js');
+var index = require('../../../_virtual/index4.js');
 var htmlToDom = require('./server/html-to-dom.js');
 var types = require('./types.js');
 

package/dist/esm/ThemeProvider.d.ts

@@ -6,5 +6,5 @@ export declare const ThemeProvider: React.FC<{
     children: React.ReactNode;
     theme?: ThemeType;
 }>;
-export declare const useTheme: () => import("@mui/material").Theme;
+export declare const useTheme: () => any;
 export {};

package/dist/esm/components/AutocompleteSelect.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+interface AutocompleteOption {
+    value: string;
+    label: string;
+}
+interface AutocompleteSelectProps {
+    id?: string;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    placeholder?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    options: AutocompleteOption[];
+    value: AutocompleteOption | null;
+    onChange: (value: AutocompleteOption | null) => void;
+    className?: string;
+    sx?: any;
+}
+export declare function AutocompleteSelect({ id, label, error, helperText, placeholder, fullWidth, disabled, options, value, onChange, className, sx, }: AutocompleteSelectProps): React.JSX.Element;
+export {};

package/dist/esm/components/AutocompleteSelect.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { styled, Autocomplete, FormHelperText } from '@mui/material';
+import { ExpandMoreRounded } from '@mui/icons-material';
+import { useTheme } from '../ThemeProvider.js';
+import { StyledLabel, Input } from './Input.js';
+
+const AutocompleteWrapper = styled("div")({
+    width: "100%",
+});
+function AutocompleteSelect({ id, label, error, helperText, placeholder, fullWidth = false, disabled = false, options, value, onChange, className = "", sx, }) {
+    const theme = useTheme();
+    const selectId = id || `auto-select-${Math.random().toString(36).substr(2, 9)}`;
+    return (jsxs(AutocompleteWrapper, { className: className, sx: [
+            { ...(!fullWidth && { width: "auto" }) },
+            ...(Array.isArray(sx) ? sx : [sx]),
+        ], children: [label && (jsx(StyledLabel, { htmlFor: selectId, shrink: false, children: label })), jsx(Autocomplete, { id: selectId, options: options, value: value, disabled: disabled, disablePortal: true, getOptionLabel: (option) => option?.label || "", isOptionEqualToValue: (option, val) => option?.value === val?.value, onChange: (_event, newValue) => onChange(newValue), popupIcon: jsx(ExpandMoreRounded, { sx: { color: `${theme.palette.dark.main}66` } }), slotProps: {
+                    paper: {
+                        sx: {
+                            borderRadius: 2,
+                            boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+                            maxHeight: "min(22rem, calc(100vh - 6rem))",
+                            overflow: "hidden",
+                            backgroundColor: theme.palette.light.main,
+                            mt: 0.5,
+                        },
+                    },
+                }, sx: {
+                    "& .MuiOutlinedInput-root": {
+                        padding: "0 9px !important",
+                        height: 48,
+                        display: "flex",
+                        alignItems: "center",
+                    },
+                    "& .MuiAutocomplete-input": {
+                        padding: "0 !important",
+                    },
+                    "& + .MuiAutocomplete-popper .MuiAutocomplete-option": {
+                        fontSize: "1rem",
+                        color: theme.palette.dark.main,
+                        '&[aria-selected="true"]': {
+                            backgroundColor: "transparent",
+                        },
+                        '&[aria-selected="true"].Mui-focused, &:hover, &.Mui-focused': {
+                            backgroundColor: `${theme.palette.primary.main}1A !important`,
+                        },
+                    },
+                }, renderInput: (params) => {
+                    // 1. Separate structural configurations from direct props
+                    const { InputProps, inputProps, ...restParams } = params;
+                    return (jsx(Input, { ...restParams, 
+                        // 2. Safely spread native input elements
+                        inputProps: inputProps, 
+                        // 3. Bind MUI's dynamic layout objects (adornments, ref) into the slot configuration
+                        InputProps: {
+                            ...InputProps,
+                        }, error: error, placeholder: placeholder, fullWidth: true, 
+                        // Explicitly empty string avoids passing a raw error object down to helperText slots
+                        helperText: "" }));
+                } }), error && (jsx(FormHelperText, { sx: {
+                    mt: 0.75,
+                    fontSize: "0.875rem",
+                    color: theme.palette.error.main,
+                }, children: error })), helperText && !error && (jsx(FormHelperText, { sx: {
+                    mt: 0.75,
+                    fontSize: "0.875rem",
+                    color: `${theme.palette.dark.main}99`,
+                }, children: helperText }))] }));
+}
+
+export { AutocompleteSelect };
+//# sourceMappingURL=AutocompleteSelect.js.map

package/dist/esm/components/AutocompleteSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteSelect.js","sources":["../../../../src/components/AutocompleteSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Autocomplete as MuiAutocomplete,\n  FormHelperText,\n  styled,\n} from \"@mui/material\";\nimport { ExpandMoreRounded } from \"@mui/icons-material\";\nimport { useTheme } from \"../ThemeProvider\"; // Adjust pathway according to project layout\nimport { Input, StyledLabel } from \"./Input\";\n\ninterface AutocompleteOption {\n  value: string;\n  label: string;\n}\n\ninterface AutocompleteSelectProps {\n  id?: string;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  placeholder?: string;\n  fullWidth?: boolean;\n  disabled?: boolean;\n  options: AutocompleteOption[];\n  value: AutocompleteOption | null;\n  onChange: (value: AutocompleteOption | null) => void;\n  className?: string;\n  sx?: any;\n}\n\nconst AutocompleteWrapper = styled(\"div\")({\n  width: \"100%\",\n});\n\nexport function AutocompleteSelect({\n  id,\n  label,\n  error,\n  helperText,\n  placeholder,\n  fullWidth = false,\n  disabled = false,\n  options,\n  value,\n  onChange,\n  className = \"\",\n  sx,\n}: AutocompleteSelectProps): React.JSX.Element {\n  const theme = useTheme();\n  const selectId =\n    id || `auto-select-${Math.random().toString(36).substr(2, 9)}`;\n\n  return (\n    <AutocompleteWrapper\n      className={className}\n      sx={[\n        { ...(!fullWidth && { width: \"auto\" }) },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n    >\n      {label && (\n        <StyledLabel htmlFor={selectId} shrink={false}>\n          {label}\n        </StyledLabel>\n      )}\n\n      <MuiAutocomplete\n        id={selectId}\n        options={options}\n        value={value}\n        disabled={disabled}\n        disablePortal\n        getOptionLabel={(option: { label: string; value: string }) =>\n          option?.label || \"\"\n        }\n        isOptionEqualToValue={(\n          option: AutocompleteOption,\n          val: AutocompleteOption,\n        ) => option?.value === val?.value}\n        onChange={(_event: Event, newValue: AutocompleteOption) =>\n          onChange(newValue)\n        }\n        popupIcon={\n          <ExpandMoreRounded sx={{ color: `${theme.palette.dark.main}66` }} />\n        }\n        slotProps={{\n          paper: {\n            sx: {\n              borderRadius: 2,\n              boxShadow:\n                \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n              maxHeight: \"min(22rem, calc(100vh - 6rem))\",\n              overflow: \"hidden\",\n              backgroundColor: theme.palette.light.main,\n              mt: 0.5,\n            },\n          },\n        }}\n        sx={{\n          \"& .MuiOutlinedInput-root\": {\n            padding: \"0 9px !important\",\n            height: 48,\n            display: \"flex\",\n            alignItems: \"center\",\n          },\n          \"& .MuiAutocomplete-input\": {\n            padding: \"0 !important\",\n          },\n          \"& + .MuiAutocomplete-popper .MuiAutocomplete-option\": {\n            fontSize: \"1rem\",\n            color: theme.palette.dark.main,\n            '&[aria-selected=\"true\"]': {\n              backgroundColor: \"transparent\",\n            },\n            '&[aria-selected=\"true\"].Mui-focused, &:hover, &.Mui-focused': {\n              backgroundColor: `${theme.palette.primary.main}1A !important`,\n            },\n          },\n        }}\n        renderInput={(params: any) => {\n          // 1. Separate structural configurations from direct props\n          const { InputProps, inputProps, ...restParams } = params;\n\n          return (\n            <Input\n              {...restParams}\n              // 2. Safely spread native input elements\n              inputProps={inputProps}\n              // 3. Bind MUI's dynamic layout objects (adornments, ref) into the slot configuration\n              InputProps={{\n                ...InputProps,\n              }}\n              error={error}\n              placeholder={placeholder}\n              fullWidth\n              // Explicitly empty string avoids passing a raw error object down to helperText slots\n              helperText=\"\"\n            />\n          );\n        }}\n      />\n\n      {error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: theme.palette.error.main,\n          }}\n        >\n          {error}\n        </FormHelperText>\n      )}\n\n      {helperText && !error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: `${theme.palette.dark.main}99`,\n          }}\n        >\n          {helperText}\n        </FormHelperText>\n      )}\n    </AutocompleteWrapper>\n  );\n}\n"],"names":["_jsxs","_jsx","MuiAutocomplete"],"mappings":"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"}

package/dist/esm/components/Input.d.ts

@@ -3,6 +3,6 @@ import { TextFieldProps } from '@mui/material';
 interface InputProps extends Omit<TextFieldProps, 'variant' | 'error'> {
     error?: string;
 }
-export declare const StyledLabel: import("@emotion/styled").StyledComponent<import("@mui/material").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style" | "color" | "margin" | "children" | "sx" | "className" | "classes" | "variant" | "disabled" | "size" | "error" | "filled" | "focused" | "required" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledLabel: any;
 export declare const Input: React.FC<InputProps>;
 export {};

package/dist/esm/components/index.d.ts

@@ -27,3 +27,4 @@ export { RichTextArea } from "./RichTextArea";
 export { FileUploadButton } from "./FileUploadButton";
 export { HeaderSearchResult } from "./Header";
 export { Footer } from "./Footer";
+export { AutocompleteSelect } from "./AutocompleteSelect";

package/dist/esm/index.d.ts

@@ -29,3 +29,4 @@ export { RichTextArea } from "./components/RichTextArea";
 export { FileUploadButton } from "./components/FileUploadButton";
 export { HeaderSearchResult } from "./components/Header";
 export { Footer } from "./components/Footer";
+export { AutocompleteSelect } from "./components/AutocompleteSelect";

package/dist/esm/index.js

@@ -28,4 +28,5 @@ export { AcknowledgementBox } from './components/AcknowledgementBox.js';
 export { RichTextArea } from './components/RichTextArea.js';
 export { FileUploadButton } from './components/FileUploadButton.js';
 export { Footer } from './components/Footer.js';
+export { AutocompleteSelect } from './components/AutocompleteSelect.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/themes/ECETheme.d.ts

@@ -1,2 +1,2 @@
-declare const ECETheme: import("@mui/material").Theme;
+declare const ECETheme: any;
 export default ECETheme;

package/dist/esm/themes/GPTheme.d.ts

@@ -1,2 +1,2 @@
-declare const GPTheme: import("@mui/material").Theme;
+declare const GPTheme: any;
 export default GPTheme;

package/dist/esm/themes/LightnTheme.d.ts

@@ -1,2 +1,2 @@
-declare const LightnTheme: import("@mui/material").Theme;
+declare const LightnTheme: any;
 export default LightnTheme;

package/dist/esm/themes/SchoolTheme.d.ts

@@ -1,2 +1,2 @@
-declare const SchoolTheme: import("@mui/material").Theme;
+declare const SchoolTheme: any;
 export default SchoolTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ece-docs-components",
-  "version": "1.0.100",
+  "version": "1.0.101",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",