@zydon/common 2.2.43 → 2.2.45

package/dist/components/ActionButton/index.js

@@ -1,8 +1,36 @@
 import { jsx } from 'react/jsx-runtime';
-import i from '@mui/lab/LoadingButton';
-import I from 'components/Icon';
+import LoadingButton from '@mui/lab/LoadingButton';
+import Icon$1 from 'components/Icon';
 import { Icon } from 'types/icon';
 
-const T=({actionType:n,children:E,...r})=>{const c={SAVE:Icon.SIMPLE_CHECK,NEW:Icon.SIMPLE_ADD,CREATE:Icon.SAVE_MARK,SETTINGS:Icon.SETTINGS,EDIT:Icon.PENCIL_EDIT,DELETE:Icon.DELETE_MARK_BUTTON_02,VIEW:Icon.SHARE_BUTTON_MARK}[n];return jsx(i,{startIcon:jsx(I,{icon:c}),variant:"contained",color:"primary",...r,children:E})};var _=T;
+const ActionButton = ({
+  actionType,
+  children,
+  ...other
+}) => {
+  const ICONS = {
+    SAVE: Icon.SIMPLE_CHECK,
+    NEW: Icon.SIMPLE_ADD,
+    CREATE: Icon.SAVE_MARK,
+    SETTINGS: Icon.SETTINGS,
+    EDIT: Icon.PENCIL_EDIT,
+    DELETE: Icon.DELETE_MARK_BUTTON_02,
+    VIEW: Icon.SHARE_BUTTON_MARK
+  };
+  const iconType = ICONS[actionType];
+  return /* @__PURE__ */ jsx(
+    LoadingButton,
+    {
+      startIcon: /* @__PURE__ */ jsx(Icon$1, { icon: iconType }),
+      variant: "contained",
+      color: "primary",
+      ...other,
+      children
+    }
+  );
+};
+var ActionButton_default = ActionButton;
 
-export { _ as default };
+export { ActionButton_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ActionButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ActionButton/index.tsx"],"names":[],"mappings":"AAyBiB;AAzBjB,OAAO,mBAAmB;AAE1B,OAAO,UAAU;AACjB,SAAS,QAAQ,gBAAgB;AAIjC,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyB;AACvB,QAAM,QAA2D;AAAA,IAC/D,MAAM,SAAS;AAAA,IACf,KAAK,SAAS;AAAA,IACd,QAAQ,SAAS;AAAA,IACjB,UAAU,SAAS;AAAA,IACnB,MAAM,SAAS;AAAA,IACf,QAAQ,SAAS;AAAA,IACjB,MAAM,SAAS;AAAA,EACjB;AACA,QAAM,WAAW,MAAM,UAAU;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAC,QAAK,MAAM,UAAU;AAAA,MACjC,SAAQ;AAAA,MACR,OAAM;AAAA,MACL,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ","sourcesContent":["import LoadingButton from '@mui/lab/LoadingButton';\n\nimport Icon from 'components/Icon';\nimport { Icon as IconEnum } from 'types/icon';\n\nimport { ActionButtonProps } from './props';\n\nconst ActionButton = ({\n  actionType,\n  children,\n  ...other\n}: ActionButtonProps) => {\n  const ICONS: Record<ActionButtonProps['actionType'], IconEnum> = {\n    SAVE: IconEnum.SIMPLE_CHECK,\n    NEW: IconEnum.SIMPLE_ADD,\n    CREATE: IconEnum.SAVE_MARK,\n    SETTINGS: IconEnum.SETTINGS,\n    EDIT: IconEnum.PENCIL_EDIT,\n    DELETE: IconEnum.DELETE_MARK_BUTTON_02,\n    VIEW: IconEnum.SHARE_BUTTON_MARK,\n  };\n  const iconType = ICONS[actionType];\n\n  return (\n    <LoadingButton\n      startIcon={<Icon icon={iconType} />}\n      variant=\"contained\"\n      color=\"primary\"\n      {...other}\n    >\n      {children}\n    </LoadingButton>\n  );\n};\n\nexport default ActionButton;\n"]}

package/dist/components/Autocomplete/index.js

@@ -1,12 +1,142 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useState, useMemo } from 'react';
-import q from '@mui/material/Autocomplete';
-import z from '@mui/material/CircularProgress';
-import B from '@mui/material/TextField';
-import F from '../Icon';
-import G from './Listbox';
+import MuiAutocomplete from '@mui/material/Autocomplete';
+import CircularProgress from '@mui/material/CircularProgress';
+import TextField from '@mui/material/TextField';
+import Icon from '../Icon';
+import ListboxComponent from './Listbox';
 import { StyledPopper } from './styles';
 
-const y=forwardRef(({label:P,value:i,options:u=[],loading:d,noOptionsText:S="Nenhum resultado encontrado.",loadingText:b="Carregando op\xE7\xF5es...",error:x,helperText:C,placeholder:I,onChange:f,groupBy:L,showValueInLabel:N,disabled:O,multiple:o,required:h,renderOption:l,tabIndex:R,onInputChange:m,onSearch:c,onBlur:g,...T},v)=>{const[w,a]=useState(),k=r=>r&&typeof r=="object"?r.value.toString():r.toString(),n=useMemo(()=>o?(Array.isArray(i)?i:[]).reduce((t,s)=>{const A=u.find(M=>M.value.toString()===s.toString());return A?[...t,A]:[...t]},[]):u.find(e=>e.value.toString()===i?.toString())||null,[u,i,o]);return jsx(q,{ref:v,value:w||n,onInputChange:(r,e,t)=>{if(m&&m(r,e,t),t==="input"){c&&(c(e),a(e));return}a(void 0);},options:u,loading:d,noOptionsText:S,loadingText:b,disabled:d||O,disableListWrap:!0,PopperComponent:StyledPopper,ListboxComponent:l?void 0:G,filterOptions:(r,e)=>r.filter(t=>`${t.value} ${t.label}`.toLocaleUpperCase().includes(e.inputValue.toLocaleUpperCase())),onChange:(r,e)=>{if(!e){f(o?[]:null);return}if(Array.isArray(e)){f(e.map(k));return}f(typeof e=="string"?e.toString():e.value.toString());},onBlur:r=>{g&&g(r),a(void 0);},renderOption:(r,e,t,s)=>l?l(r,e,t,s):[{...r,showValueInLabel:N},e],renderGroup:r=>r,groupBy:L,multiple:o,renderInput:r=>jsx(B,{...r,placeholder:I,fullWidth:!0,error:!!x,helperText:C,label:P,required:h,InputProps:{...r.InputProps,...!o&&{startAdornment:n&&!Array.isArray(n)&&n.icon?jsx(F,{icon:n.icon}):void 0},endAdornment:jsxs(Fragment,{children:[d?jsx(z,{color:"primary",size:20}):null,r.InputProps.endAdornment]})},inputProps:{...r.inputProps,tabIndex:R}}),...T})});y.displayName="Autocomplete";var or=y;
+const Autocomplete = forwardRef(
+  ({
+    label,
+    value,
+    options = [],
+    loading,
+    noOptionsText = "Nenhum resultado encontrado.",
+    loadingText = "Carregando op\xE7\xF5es...",
+    error,
+    helperText,
+    placeholder,
+    onChange,
+    groupBy,
+    showValueInLabel,
+    disabled,
+    multiple,
+    required,
+    renderOption,
+    tabIndex,
+    onInputChange,
+    onSearch,
+    onBlur,
+    ...other
+  }, ref) => {
+    const [inputValue, setInputValue] = useState();
+    const getOptionValue = (optionValue) => optionValue && typeof optionValue === "object" ? optionValue.value.toString() : optionValue.toString();
+    const formattedValue = useMemo(() => {
+      if (multiple) {
+        const values = Array.isArray(value) ? value : [];
+        return values.reduce((acc, curr) => {
+          const item2 = options.find(
+            (opt) => opt.value.toString() === curr.toString()
+          );
+          if (item2)
+            return [...acc, item2];
+          return [...acc];
+        }, []);
+      }
+      const item = options.find(
+        (opt) => opt.value.toString() === value?.toString()
+      );
+      return item || null;
+    }, [options, value, multiple]);
+    return /* @__PURE__ */ jsx(
+      MuiAutocomplete,
+      {
+        ref,
+        value: inputValue || formattedValue,
+        onInputChange: (event, eventValue, reason) => {
+          if (onInputChange)
+            onInputChange(event, eventValue, reason);
+          if (reason === "input") {
+            if (onSearch) {
+              onSearch(eventValue);
+              setInputValue(eventValue);
+            }
+            return;
+          }
+          setInputValue(void 0);
+        },
+        options,
+        loading,
+        noOptionsText,
+        loadingText,
+        disabled: loading || disabled,
+        disableListWrap: true,
+        PopperComponent: StyledPopper,
+        ListboxComponent: renderOption ? void 0 : ListboxComponent,
+        filterOptions: (optionsFilter, state) => {
+          return optionsFilter.filter((opt) => {
+            const search = `${opt.value} ${opt.label}`;
+            return search.toLocaleUpperCase().includes(state.inputValue.toLocaleUpperCase());
+          });
+        },
+        onChange: (_, option) => {
+          if (!option) {
+            onChange(multiple ? [] : null);
+            return;
+          }
+          if (Array.isArray(option)) {
+            onChange(option.map(getOptionValue));
+            return;
+          }
+          onChange(
+            typeof option === "string" ? option.toString() : option.value.toString()
+          );
+        },
+        onBlur: (event) => {
+          if (onBlur)
+            onBlur(event);
+          setInputValue(void 0);
+        },
+        renderOption: (props, option, state, ownerState) => renderOption ? renderOption(props, option, state, ownerState) : [{ ...props, showValueInLabel }, option],
+        renderGroup: (params) => params,
+        groupBy,
+        multiple,
+        renderInput: (params) => /* @__PURE__ */ jsx(
+          TextField,
+          {
+            ...params,
+            placeholder,
+            fullWidth: true,
+            error: !!error,
+            helperText,
+            label,
+            required,
+            InputProps: {
+              ...params.InputProps,
+              ...!multiple && {
+                startAdornment: formattedValue && !Array.isArray(formattedValue) && formattedValue.icon ? /* @__PURE__ */ jsx(Icon, { icon: formattedValue.icon }) : void 0
+              },
+              endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size: 20 }) : null,
+                params.InputProps.endAdornment
+              ] })
+            },
+            inputProps: {
+              ...params.inputProps,
+              tabIndex
+            }
+          }
+        ),
+        ...other
+      }
+    );
+  }
+);
+Autocomplete.displayName = "Autocomplete";
+var Autocomplete_default = Autocomplete;
 
-export { or as default };
+export { Autocomplete_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Autocomplete/index.tsx"],"names":["item"],"mappings":"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","sourcesContent":["import { forwardRef, ReactNode, useMemo, useState } from 'react';\nimport MuiAutocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField from '@mui/material/TextField';\n\nimport { AutocompleteProps } from 'types/autoCompleteProps';\nimport { Option } from 'types/option';\n\nimport Icon from '../Icon';\n\nimport ListboxComponent from './Listbox';\nimport { StyledPopper } from './styles';\n\nconst Autocomplete = forwardRef<unknown, AutocompleteProps>(\n  (\n    {\n      label,\n      value,\n      options = [],\n      loading,\n      noOptionsText = 'Nenhum resultado encontrado.',\n      loadingText = 'Carregando opções...',\n      error,\n      helperText,\n      placeholder,\n      onChange,\n      groupBy,\n      showValueInLabel,\n      disabled,\n      multiple,\n      required,\n      renderOption,\n      tabIndex,\n      onInputChange,\n      onSearch,\n      onBlur,\n      ...other\n    },\n    ref,\n  ) => {\n    const [inputValue, setInputValue] = useState<string>();\n\n    const getOptionValue = (optionValue: Option | string | number) =>\n      optionValue && typeof optionValue === 'object'\n        ? optionValue.value.toString()\n        : optionValue.toString();\n\n    const formattedValue = useMemo(() => {\n      if (multiple) {\n        const values = Array.isArray(value) ? value : [];\n\n        return values.reduce<Option[]>((acc, curr) => {\n          const item = options.find(\n            opt => opt.value.toString() === curr.toString(),\n          );\n\n          if (item) return [...acc, item];\n\n          return [...acc];\n        }, []);\n      }\n\n      const item = options.find(\n        opt => opt.value.toString() === value?.toString(),\n      );\n\n      return item || null;\n    }, [options, value, multiple]);\n\n    return (\n      <MuiAutocomplete\n        ref={ref}\n        value={inputValue || formattedValue}\n        onInputChange={(event, eventValue, reason) => {\n          if (onInputChange) onInputChange(event, eventValue, reason);\n\n          if (reason === 'input') {\n            if (onSearch) {\n              onSearch(eventValue);\n              setInputValue(eventValue);\n            }\n\n            return;\n          }\n\n          setInputValue(undefined);\n        }}\n        options={options}\n        loading={loading}\n        noOptionsText={noOptionsText}\n        loadingText={loadingText}\n        disabled={loading || disabled}\n        disableListWrap\n        PopperComponent={StyledPopper}\n        ListboxComponent={renderOption ? undefined : ListboxComponent}\n        filterOptions={(optionsFilter, state) => {\n          return optionsFilter.filter(opt => {\n            const search = `${opt.value} ${opt.label}`;\n\n            return search\n              .toLocaleUpperCase()\n              .includes(state.inputValue.toLocaleUpperCase());\n          });\n        }}\n        onChange={(_, option) => {\n          if (!option) {\n            onChange(multiple ? [] : null);\n            return;\n          }\n\n          if (Array.isArray(option)) {\n            onChange(option.map(getOptionValue));\n            return;\n          }\n\n          onChange(\n            typeof option === 'string'\n              ? option.toString()\n              : option.value.toString(),\n          );\n        }}\n        onBlur={event => {\n          if (onBlur) onBlur(event);\n          setInputValue(undefined);\n        }}\n        renderOption={(props, option, state, ownerState) =>\n          renderOption\n            ? renderOption(props, option, state, ownerState)\n            : ([{ ...props, showValueInLabel }, option] as ReactNode)\n        }\n        renderGroup={params => params as unknown as ReactNode}\n        groupBy={groupBy}\n        multiple={multiple}\n        renderInput={params => (\n          <TextField\n            {...params}\n            placeholder={placeholder}\n            fullWidth\n            error={!!error}\n            helperText={helperText}\n            label={label}\n            required={required}\n            InputProps={{\n              ...params.InputProps,\n              ...(!multiple && {\n                startAdornment:\n                  formattedValue &&\n                  !Array.isArray(formattedValue) &&\n                  formattedValue.icon ? (\n                    <Icon icon={formattedValue.icon} />\n                  ) : undefined,\n              }),\n              endAdornment: (\n                <>\n                  {loading ? (\n                    <CircularProgress color=\"primary\" size={20} />\n                  ) : null}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n            inputProps={{\n              ...params.inputProps,\n              tabIndex,\n            }}\n          />\n        )}\n        {...other}\n      />\n    );\n  },\n);\n\nAutocomplete.displayName = 'Autocomplete';\n\nexport default Autocomplete;\n"]}

package/dist/components/AutocompleteDetailed/index.js

@@ -1,13 +1,139 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useState, useMemo } from 'react';
-import U from '@mui/material/Autocomplete';
-import E from '@mui/material/CircularProgress';
-import G from '@mui/material/TextField';
-import W from 'hooks/useResponsive';
-import _ from './Listbox';
-import j from './ListItem';
+import MuiAutocomplete from '@mui/material/Autocomplete';
+import CircularProgress from '@mui/material/CircularProgress';
+import TextField from '@mui/material/TextField';
+import useResponsive from 'hooks/useResponsive';
+import ListboxComponent from './Listbox';
+import ListItem from './ListItem';
 import { StyledPopper } from './styles';
 
-const c=forwardRef(({label:b,value:o,options:i=[],loading:u,noOptionsText:g="Nenhum resultado encontrado.",loadingText:y="Carregando op\xE7\xF5es...",error:A,helperText:P,placeholder:$,onChange:d,groupBy:L,disabled:O,multiple:l,required:v,renderOption:S,tabIndex:T,onSearch:s,onInputChange:a,...I},h)=>{const[x,f]=useState(),C=W("down","md"),k=r=>r&&typeof r=="object"?r.value.toString():r.toString(),w=useMemo(()=>l?(Array.isArray(o)?o:[]).reduce((e,m)=>{const p=i.find(M=>M.value.toString()===m.toString());return p?[...e,p]:[...e]},[]):i.find(t=>t.value.toString()===o?.toString())||null,[i,o,l]),H=C&&i[0]?Object.keys(i[0]).length*24:void 0;return jsx(U,{ref:h,value:x||w,onInputChange:(r,t,e)=>{if(a&&a(r,t,e),e==="input"){s&&s(t),f(t);return}f(void 0);},options:i,loading:u,noOptionsText:g,loadingText:y,disabled:u||O,disableListWrap:!0,PopperComponent:StyledPopper,ListboxProps:{"data-item-height":H},ListboxComponent:S?void 0:_,filterOptions:(r,t)=>r.filter(e=>`${e.field1?.value} ${e.field1?.label} ${e.field2?.label} ${e.field2?.value} ${e.field3?.label} ${e.field3?.value} ${e.field4?.label} ${e.field4?.value} ${e.field5?.label} ${e.field5?.value} ${e.label}${e.value}`.toLocaleUpperCase().includes(t.inputValue.toLocaleUpperCase())),onChange:(r,t)=>{if(!t){d(l?[]:null);return}if(Array.isArray(t)){d(t.map(k));return}d(typeof t=="string"?t.toString():t.value.toString());},renderOption:({key:r,...t},e)=>jsx("li",{...t,style:{display:"block"},children:jsx(j,{option:e})},r),renderGroup:r=>r,groupBy:L,multiple:l,renderInput:r=>jsx(G,{...r,placeholder:$,fullWidth:!0,error:!!A,helperText:P,label:b,required:v,InputProps:{...r.InputProps,endAdornment:jsxs(Fragment,{children:[u?jsx(E,{color:"primary",size:20}):null,r.InputProps.endAdornment]})},inputProps:{...r.inputProps,tabIndex:T}}),...I})});c.displayName="Autocomplete";var le=c;
+const AutocompleteDetailed = forwardRef(
+  ({
+    label,
+    value,
+    options = [],
+    loading,
+    noOptionsText = "Nenhum resultado encontrado.",
+    loadingText = "Carregando op\xE7\xF5es...",
+    error,
+    helperText,
+    placeholder,
+    onChange,
+    groupBy,
+    disabled,
+    multiple,
+    required,
+    renderOption,
+    tabIndex,
+    onSearch,
+    onInputChange,
+    ...other
+  }, ref) => {
+    const [inputValue, setInputValue] = useState();
+    const mdDown = useResponsive("down", "md");
+    const getOptionValue = (optionValue) => optionValue && typeof optionValue === "object" ? optionValue.value.toString() : optionValue.toString();
+    const formattedValue = useMemo(() => {
+      if (multiple) {
+        const values = Array.isArray(value) ? value : [];
+        return values.reduce((acc, curr) => {
+          const item2 = options.find(
+            (opt) => opt.value.toString() === curr.toString()
+          );
+          if (item2)
+            return [...acc, item2];
+          return [...acc];
+        }, []);
+      }
+      const item = options.find(
+        (opt) => opt.value.toString() === value?.toString()
+      );
+      return item || null;
+    }, [options, value, multiple]);
+    const OPTION_HEIGHT = mdDown && options[0] ? Object.keys(options[0]).length * 24 : void 0;
+    return /* @__PURE__ */ jsx(
+      MuiAutocomplete,
+      {
+        ref,
+        value: inputValue || formattedValue,
+        onInputChange: (event, eventValue, reason) => {
+          if (onInputChange)
+            onInputChange(event, eventValue, reason);
+          if (reason === "input") {
+            if (onSearch)
+              onSearch(eventValue);
+            setInputValue(eventValue);
+            return;
+          }
+          setInputValue(void 0);
+        },
+        options,
+        loading,
+        noOptionsText,
+        loadingText,
+        disabled: loading || disabled,
+        disableListWrap: true,
+        PopperComponent: StyledPopper,
+        ListboxProps: {
+          "data-item-height": OPTION_HEIGHT
+        },
+        ListboxComponent: renderOption ? void 0 : ListboxComponent,
+        filterOptions: (opts, state) => {
+          return opts.filter((opt) => {
+            const search = `${opt.field1?.value} ${opt.field1?.label} ${opt.field2?.label} ${opt.field2?.value} ${opt.field3?.label} ${opt.field3?.value} ${opt.field4?.label} ${opt.field4?.value} ${opt.field5?.label} ${opt.field5?.value} ${opt.label}${opt.value}`;
+            return search.toLocaleUpperCase().includes(state.inputValue.toLocaleUpperCase());
+          });
+        },
+        onChange: (_, option) => {
+          if (!option) {
+            onChange(multiple ? [] : null);
+            return;
+          }
+          if (Array.isArray(option)) {
+            onChange(option.map(getOptionValue));
+            return;
+          }
+          onChange(
+            typeof option === "string" ? option.toString() : option.value.toString()
+          );
+        },
+        renderOption: ({ key, ...props }, option) => {
+          return /* @__PURE__ */ jsx("li", { ...props, style: { display: "block" }, children: /* @__PURE__ */ jsx(ListItem, { option }) }, key);
+        },
+        renderGroup: (params) => params,
+        groupBy,
+        multiple,
+        renderInput: (params) => /* @__PURE__ */ jsx(
+          TextField,
+          {
+            ...params,
+            placeholder,
+            fullWidth: true,
+            error: !!error,
+            helperText,
+            label,
+            required,
+            InputProps: {
+              ...params.InputProps,
+              endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size: 20 }) : null,
+                params.InputProps.endAdornment
+              ] })
+            },
+            inputProps: {
+              ...params.inputProps,
+              tabIndex
+            }
+          }
+        ),
+        ...other
+      }
+    );
+  }
+);
+AutocompleteDetailed.displayName = "Autocomplete";
+var AutocompleteDetailed_default = AutocompleteDetailed;
 
-export { le as default };
+export { AutocompleteDetailed_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/AutocompleteDetailed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/AutocompleteDetailed/index.tsx"],"names":["item"],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  useMemo,\n  useState,\n} from 'react';\nimport MuiAutocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField from '@mui/material/TextField';\n\nimport useResponsive from 'hooks/useResponsive';\nimport { Option } from 'types/option';\n\nimport ListboxComponent from './Listbox';\nimport ListItem from './ListItem';\nimport { AutocompleteDetailedProps } from './props';\nimport { StyledPopper } from './styles';\n\nconst AutocompleteDetailed = forwardRef<unknown, AutocompleteDetailedProps>(\n  (\n    {\n      label,\n      value,\n      options = [],\n      loading,\n      noOptionsText = 'Nenhum resultado encontrado.',\n      loadingText = 'Carregando opções...',\n      error,\n      helperText,\n      placeholder,\n      onChange,\n      groupBy,\n      disabled,\n      multiple,\n      required,\n      renderOption,\n      tabIndex,\n      onSearch,\n      onInputChange,\n      ...other\n    },\n    ref,\n  ) => {\n    const [inputValue, setInputValue] = useState<string>();\n\n    const mdDown = useResponsive('down', 'md');\n\n    const getOptionValue = (optionValue: Option | string | number) =>\n      optionValue && typeof optionValue === 'object'\n        ? optionValue.value.toString()\n        : optionValue.toString();\n\n    const formattedValue = useMemo(() => {\n      if (multiple) {\n        const values = Array.isArray(value) ? value : [];\n\n        return values.reduce<Option[]>((acc, curr) => {\n          const item = options.find(\n            opt => opt.value.toString() === curr.toString(),\n          );\n\n          if (item) return [...acc, item];\n\n          return [...acc];\n        }, []);\n      }\n\n      const item = options.find(\n        opt => opt.value.toString() === value?.toString(),\n      );\n\n      return item || null;\n    }, [options, value, multiple]);\n\n    const OPTION_HEIGHT =\n      mdDown && options[0] ? Object.keys(options[0]).length * 24 : undefined;\n\n    return (\n      <MuiAutocomplete\n        ref={ref}\n        value={inputValue || formattedValue}\n        onInputChange={(event, eventValue, reason) => {\n          if (onInputChange) onInputChange(event, eventValue, reason);\n\n          if (reason === 'input') {\n            if (onSearch) onSearch(eventValue);\n            setInputValue(eventValue);\n\n            return;\n          }\n\n          setInputValue(undefined);\n        }}\n        options={options}\n        loading={loading}\n        noOptionsText={noOptionsText}\n        loadingText={loadingText}\n        disabled={loading || disabled}\n        disableListWrap\n        PopperComponent={StyledPopper}\n        ListboxProps={\n          {\n            'data-item-height': OPTION_HEIGHT,\n          } as HTMLAttributes<HTMLUListElement>\n        }\n        ListboxComponent={renderOption ? undefined : ListboxComponent}\n        filterOptions={(opts: Option[], state) => {\n          return opts.filter(opt => {\n            const search = `${opt.field1?.value} ${opt.field1?.label} ${opt.field2?.label} ${opt.field2?.value} ${opt.field3?.label} ${opt.field3?.value} ${opt.field4?.label} ${opt.field4?.value} ${opt.field5?.label} ${opt.field5?.value} ${opt.label}${opt.value}`;\n            return search\n              .toLocaleUpperCase()\n              .includes(state.inputValue.toLocaleUpperCase());\n          });\n        }}\n        onChange={(_, option) => {\n          if (!option) {\n            onChange(multiple ? [] : null);\n            return;\n          }\n\n          if (Array.isArray(option)) {\n            onChange(option.map(getOptionValue));\n            return;\n          }\n\n          onChange(\n            typeof option === 'string'\n              ? option.toString()\n              : option.value.toString(),\n          );\n        }}\n        renderOption={({ key, ...props }, option) => {\n          return (\n            <li key={key} {...props} style={{ display: 'block' }}>\n              <ListItem option={option} />\n            </li>\n          );\n        }}\n        renderGroup={params => params as unknown as ReactNode}\n        groupBy={groupBy}\n        multiple={multiple}\n        renderInput={params => (\n          <TextField\n            {...params}\n            placeholder={placeholder}\n            fullWidth\n            error={!!error}\n            helperText={helperText}\n            label={label}\n            required={required}\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {loading ? (\n                    <CircularProgress color=\"primary\" size={20} />\n                  ) : null}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n            inputProps={{\n              ...params.inputProps,\n              tabIndex,\n            }}\n          />\n        )}\n        {...other}\n      />\n    );\n  },\n);\n\nAutocompleteDetailed.displayName = 'Autocomplete';\n\nexport default AutocompleteDetailed;\n"]}

package/dist/components/BuilderLayout/index.js

@@ -1,8 +1,27 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import p from '@mui/material/Stack';
-import a from '../HelpButton';
+import Stack from '@mui/material/Stack';
+import HelpButton from '../HelpButton';
 import { Header, Content } from './styles';
 
-const m=({children:t,header:e,helpLink:i,configButton:n})=>jsxs(Fragment,{children:[jsxs(Header,{children:[e,jsxs(p,{direction:"row",alignItems:"center",gap:2,children:[jsx(a,{link:i,children:"Ajuda"}),n]})]}),jsx(Content,{children:t})]});var P=m;
+const BuilderLayout = ({
+  children,
+  header,
+  helpLink,
+  configButton
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Header, { children: [
+      header,
+      /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx(HelpButton, { link: helpLink, children: "Ajuda" }),
+        configButton
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Content, { children })
+  ] });
+};
+var BuilderLayout_default = BuilderLayout;
 
-export { P as default };
+export { BuilderLayout_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/BuilderLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BuilderLayout/index.tsx"],"names":[],"mappings":"AAeI,mBAKM,KADF,YAJJ;AAdJ,OAAO,WAAW;AAElB,OAAO,gBAAgB;AAGvB,SAAS,SAAS,cAAc;AAEhC,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6C;AAC3C,SACE,iCACE;AAAA,yBAAC,UACE;AAAA;AAAA,MAED,qBAAC,SAAM,WAAU,OAAM,YAAW,UAAS,KAAK,GAC9C;AAAA,4BAAC,cAAW,MAAM,UAAU,mBAAK;AAAA,QAChC;AAAA,SACH;AAAA,OACF;AAAA,IAEA,oBAAC,WAAS,UAAS;AAAA,KACrB;AAEJ;AAEA,IAAO,wBAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\nimport Stack from '@mui/material/Stack';\n\nimport HelpButton from '../HelpButton';\n\nimport { BuilderLayoutProps } from './props';\nimport { Content, Header } from './styles';\n\nconst BuilderLayout = ({\n  children,\n  header,\n  helpLink,\n  configButton,\n}: PropsWithChildren<BuilderLayoutProps>) => {\n  return (\n    <>\n      <Header>\n        {header}\n\n        <Stack direction=\"row\" alignItems=\"center\" gap={2}>\n          <HelpButton link={helpLink}>Ajuda</HelpButton>\n          {configButton}\n        </Stack>\n      </Header>\n\n      <Content>{children}</Content>\n    </>\n  );\n};\n\nexport default BuilderLayout;\n"]}

package/dist/components/BuilderSidebar/index.js

@@ -1,8 +1,21 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import p from 'hooks/useToggle';
-import d from '../Icon';
+import useToggle from 'hooks/useToggle';
+import Icon from '../Icon';
 import { Sidebar, SidebarContent, SidebarOpenClose } from './styles';
 
-const b=({children:o,expandable:i,...t})=>{const[e,n]=p(!0);return jsx(Sidebar,{open:e,children:jsxs(SidebarContent,{maxHeight:"calc(100vh - 60px)",...t,children:[i&&jsx(SidebarOpenClose,{onClick:n,children:jsx(d,{icon:e?"CHEVRON_LEFT":"CHEVRON_RIGHT"})}),o]})})};var O=b;
+const BuilderSidebar = ({
+  children,
+  expandable,
+  ...other
+}) => {
+  const [open, toggleOpen] = useToggle(true);
+  return /* @__PURE__ */ jsx(Sidebar, { open, children: /* @__PURE__ */ jsxs(SidebarContent, { maxHeight: "calc(100vh - 60px)", ...other, children: [
+    expandable && /* @__PURE__ */ jsx(SidebarOpenClose, { onClick: toggleOpen, children: /* @__PURE__ */ jsx(Icon, { icon: open ? "CHEVRON_LEFT" : "CHEVRON_RIGHT" }) }),
+    children
+  ] }) });
+};
+var BuilderSidebar_default = BuilderSidebar;
 
-export { O as default };
+export { BuilderSidebar_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/BuilderSidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BuilderSidebar/index.tsx"],"names":[],"mappings":"AAkBM,SAGM,KAHN;AAhBN,OAAO,eAAe;AAEtB,OAAO,UAAU;AAGjB,SAAS,SAAS,gBAAgB,wBAAwB;AAE1D,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA8C;AAC5C,QAAM,CAAC,MAAM,UAAU,IAAI,UAAU,IAAI;AAEzC,SACE,oBAAC,WAAQ,MACP,+BAAC,kBAAe,WAAU,sBAAsB,GAAG,OAChD;AAAA,kBACC,oBAAC,oBAAiB,SAAS,YACzB,8BAAC,QAAK,MAAM,OAAO,iBAAiB,iBAAiB,GACvD;AAAA,IAGD;AAAA,KACH,GACF;AAEJ;AAEA,IAAO,yBAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport useToggle from 'hooks/useToggle';\n\nimport Icon from '../Icon';\n\nimport { BuilderSidebarProps } from './props';\nimport { Sidebar, SidebarContent, SidebarOpenClose } from './styles';\n\nconst BuilderSidebar = ({\n  children,\n  expandable,\n  ...other\n}: PropsWithChildren<BuilderSidebarProps>) => {\n  const [open, toggleOpen] = useToggle(true);\n\n  return (\n    <Sidebar open={open}>\n      <SidebarContent maxHeight=\"calc(100vh - 60px)\" {...other}>\n        {expandable && (\n          <SidebarOpenClose onClick={toggleOpen}>\n            <Icon icon={open ? 'CHEVRON_LEFT' : 'CHEVRON_RIGHT'} />\n          </SidebarOpenClose>\n        )}\n\n        {children}\n      </SidebarContent>\n    </Sidebar>\n  );\n};\n\nexport default BuilderSidebar;\n"]}

package/dist/components/ColorPickerInput/index.js

@@ -1,12 +1,102 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import s from '@mui/material/Box';
-import m from '@mui/material/IconButton';
-import c from '@mui/material/InputAdornment';
-import h from '@mui/material/Popover';
-import u from '@mui/material/TextField';
-import d from 'hooks/usePopover';
+import Box from '@mui/material/Box';
+import IconButton from '@mui/material/IconButton';
+import InputAdornment from '@mui/material/InputAdornment';
+import Popover from '@mui/material/Popover';
+import TextField from '@mui/material/TextField';
+import usePopover from 'hooks/usePopover';
 import { ChromePicker } from './Style';
 
-const P=({value:n,onChangeColor:i,tabIndex:l,...p})=>{const t=n?"#"+n.replaceAll("#",""):"",e=d(),a=(o="")=>{(/^#[0-9a-fA-F]*$/.test(o)||o===""||o==="#")&&i("#"+o.replaceAll("#",""));};return jsxs(Fragment,{children:[jsx(u,{...p,value:t,onChange:o=>a(o.target.value),InputProps:{inputProps:{...p.inputProps,maxLength:7,tabIndex:l},startAdornment:jsx(c,{position:"start",sx:{ml:2},children:jsx(m,{edge:"start","aria-label":"Escolher cor",onClick:e.onOpen,children:jsx(s,{sx:{minWidth:24,minHeight:24,backgroundColor:t,borderRadius:.5}})})})}}),jsx(h,{open:!!e.open,anchorEl:e.open,onClose:e.onClose,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"center",horizontal:"center"},slotProps:{paper:{style:{borderRadius:8}}},children:jsx(ChromePicker,{color:t,onChange:({hex:o})=>i(o),styles:{default:{picker:{fontFamily:"inherit",boxShadow:"none"}}},disableAlpha:!0})})]})};var O=P;
+const ColorPickerInput = ({
+  value,
+  onChangeColor,
+  tabIndex,
+  ...other
+}) => {
+  const hexValue = value ? "#" + value.replaceAll("#", "") : "";
+  const popover = usePopover();
+  const handleChangeColor = (v = "") => {
+    const hexRegex = /^#[0-9a-fA-F]*$/;
+    if (hexRegex.test(v) || v === "" || v === "#") {
+      onChangeColor("#" + v.replaceAll("#", ""));
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        ...other,
+        value: hexValue,
+        onChange: (e) => handleChangeColor(e.target.value),
+        InputProps: {
+          inputProps: {
+            ...other.inputProps,
+            maxLength: 7,
+            tabIndex
+          },
+          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", sx: { ml: 2 }, children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              edge: "start",
+              "aria-label": "Escolher cor",
+              onClick: popover.onOpen,
+              children: /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: {
+                    minWidth: 24,
+                    minHeight: 24,
+                    backgroundColor: hexValue,
+                    borderRadius: 0.5
+                  }
+                }
+              )
+            }
+          ) })
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        open: Boolean(popover.open),
+        anchorEl: popover.open,
+        onClose: popover.onClose,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "center"
+        },
+        transformOrigin: {
+          vertical: "center",
+          horizontal: "center"
+        },
+        slotProps: {
+          paper: {
+            style: { borderRadius: 8 }
+          }
+        },
+        children: /* @__PURE__ */ jsx(
+          ChromePicker,
+          {
+            color: hexValue,
+            onChange: ({ hex }) => onChangeColor(hex),
+            styles: {
+              default: {
+                picker: {
+                  fontFamily: "inherit",
+                  boxShadow: "none"
+                }
+              }
+            },
+            disableAlpha: true
+          }
+        )
+      }
+    )
+  ] });
+};
+var ColorPickerInput_default = ColorPickerInput;
 
-export { O as default };
+export { ColorPickerInput_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ColorPickerInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ColorPickerInput/index.tsx"],"names":[],"mappings":"AA8BI,mBAkBY,KAlBZ;AA9BJ,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,OAAO,oBAAoB;AAC3B,OAAO,aAAa;AACpB,OAAO,eAAe;AAEtB,OAAO,gBAAgB;AAGvB,SAAS,oBAAoB;AAE7B,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA6B;AAC3B,QAAM,WAAW,QAAQ,MAAM,MAAM,WAAW,KAAK,EAAE,IAAI;AAE3D,QAAM,UAAU,WAAW;AAE3B,QAAM,oBAAoB,CAAC,IAAI,OAAO;AACpC,UAAM,WAAW;AAEjB,QAAI,SAAS,KAAK,CAAC,KAAK,MAAM,MAAM,MAAM,KAAK;AAC7C,oBAAc,MAAM,EAAE,WAAW,KAAK,EAAE,CAAC;AAAA,IAC3C;AAAA,EACF;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,UAAU,OAAK,kBAAkB,EAAE,OAAO,KAAK;AAAA,QAC/C,YAAY;AAAA,UACV,YAAY;AAAA,YACV,GAAG,MAAM;AAAA,YACT,WAAW;AAAA,YACX;AAAA,UACF;AAAA,UACA,gBACE,oBAAC,kBAAe,UAAS,SAAQ,IAAI,EAAE,IAAI,EAAE,GAC3C;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAW;AAAA,cACX,SAAS,QAAQ;AAAA,cAEjB;AAAA,gBAAC;AAAA;AAAA,kBACC,IAAI;AAAA,oBACF,UAAU;AAAA,oBACV,WAAW;AAAA,oBACX,iBAAiB;AAAA,oBACjB,cAAc;AAAA,kBAChB;AAAA;AAAA,cACF;AAAA;AAAA,UACF,GACF;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,QAAQ,QAAQ,IAAI;AAAA,QAC1B,UAAU,QAAQ;AAAA,QAClB,SAAS,QAAQ;AAAA,QACjB,cAAc;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QACA,iBAAiB;AAAA,UACf,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QACA,WAAW;AAAA,UACT,OAAO;AAAA,YACL,OAAO,EAAE,cAAc,EAAE;AAAA,UAC3B;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU,CAAC,EAAE,IAAI,MAAuB,cAAc,GAAG;AAAA,YACzD,QAAQ;AAAA,cACN,SAAS;AAAA,gBACP,QAAQ;AAAA,kBACN,YAAY;AAAA,kBACZ,WAAW;AAAA,gBACb;AAAA,cACF;AAAA,YACF;AAAA,YACA,cAAY;AAAA;AAAA,QACd;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,2BAAQ","sourcesContent":["import Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Popover from '@mui/material/Popover';\nimport TextField from '@mui/material/TextField';\n\nimport usePopover from 'hooks/usePopover';\n\nimport { ColorPickerInputProps } from './props';\nimport { ChromePicker } from './Style';\n\nconst ColorPickerInput = ({\n  value,\n  onChangeColor,\n  tabIndex,\n  ...other\n}: ColorPickerInputProps) => {\n  const hexValue = value ? '#' + value.replaceAll('#', '') : '';\n\n  const popover = usePopover();\n\n  const handleChangeColor = (v = '') => {\n    const hexRegex = /^#[0-9a-fA-F]*$/;\n\n    if (hexRegex.test(v) || v === '' || v === '#') {\n      onChangeColor('#' + v.replaceAll('#', ''));\n    }\n  };\n\n  return (\n    <>\n      <TextField\n        {...other}\n        value={hexValue}\n        onChange={e => handleChangeColor(e.target.value)}\n        InputProps={{\n          inputProps: {\n            ...other.inputProps,\n            maxLength: 7,\n            tabIndex,\n          },\n          startAdornment: (\n            <InputAdornment position=\"start\" sx={{ ml: 2 }}>\n              <IconButton\n                edge=\"start\"\n                aria-label=\"Escolher cor\"\n                onClick={popover.onOpen}\n              >\n                <Box\n                  sx={{\n                    minWidth: 24,\n                    minHeight: 24,\n                    backgroundColor: hexValue,\n                    borderRadius: 0.5,\n                  }}\n                />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n      />\n      <Popover\n        open={Boolean(popover.open)}\n        anchorEl={popover.open}\n        onClose={popover.onClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'center',\n          horizontal: 'center',\n        }}\n        slotProps={{\n          paper: {\n            style: { borderRadius: 8 },\n          },\n        }}\n      >\n        <ChromePicker\n          color={hexValue}\n          onChange={({ hex }: { hex: string }) => onChangeColor(hex)}\n          styles={{\n            default: {\n              picker: {\n                fontFamily: 'inherit',\n                boxShadow: 'none',\n              },\n            },\n          }}\n          disableAlpha\n        />\n      </Popover>\n    </>\n  );\n};\n\nexport default ColorPickerInput;\n"]}

package/dist/components/ColoredLabel/index.js

@@ -1,8 +1,45 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import r from '@mui/material/Box';
+import Box from '@mui/material/Box';
 import { useTheme } from '@mui/material/styles';
 import { RootStyle } from './styles';
 
-const d=({children:l,color:h="#000",backgroundColor:i,variant:p="ghost",startIcon:o,endIcon:e,sx:s,...x})=>{const f=useTheme(),t={width:16,height:16,"& svg, img":{width:1,height:1,objectFit:"cover"}};return jsxs(RootStyle,{ownerState:{color:h,variant:p,backgroundColor:i},sx:{...o&&{pl:.75},...e&&{pr:.75},...s},theme:f,...x,children:[o&&jsx(r,{sx:{mr:.75,...t},children:o}),l,e&&jsx(r,{sx:{ml:.75,...t},children:e})]})};var a=d;
+const ColoredLabel = ({
+  children,
+  color = "#000",
+  backgroundColor,
+  variant = "ghost",
+  startIcon,
+  endIcon,
+  sx,
+  ...others
+}) => {
+  const theme = useTheme();
+  const style = {
+    width: 16,
+    height: 16,
+    "& svg, img": { width: 1, height: 1, objectFit: "cover" }
+  };
+  return /* @__PURE__ */ jsxs(
+    RootStyle,
+    {
+      ownerState: { color, variant, backgroundColor },
+      sx: {
+        ...startIcon && { pl: 0.75 },
+        ...endIcon && { pr: 0.75 },
+        ...sx
+      },
+      theme,
+      ...others,
+      children: [
+        startIcon && /* @__PURE__ */ jsx(Box, { sx: { mr: 0.75, ...style }, children: startIcon }),
+        children,
+        endIcon && /* @__PURE__ */ jsx(Box, { sx: { ml: 0.75, ...style }, children: endIcon })
+      ]
+    }
+  );
+};
+var ColoredLabel_default = ColoredLabel;
 
-export { a as default };
+export { ColoredLabel_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ColoredLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ColoredLabel/index.tsx"],"names":[],"mappings":"AAyBI,SAUgB,KAVhB;AAzBJ,OAAO,SAAS;AAChB,SAAS,gBAAgB;AAGzB,SAAS,iBAAiB;AAE1B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyB;AACvB,QAAM,QAAQ,SAAS;AAEvB,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,QAAQ;AAAA,EAC1D;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,EAAE,OAAO,SAAS,gBAAgB;AAAA,MAC9C,IAAI;AAAA,QACF,GAAI,aAAa,EAAE,IAAI,KAAK;AAAA,QAC5B,GAAI,WAAW,EAAE,IAAI,KAAK;AAAA,QAC1B,GAAG;AAAA,MACL;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,qBAAa,oBAAC,OAAI,IAAI,EAAE,IAAI,MAAM,GAAG,MAAM,GAAI,qBAAU;AAAA,QAEzD;AAAA,QAEA,WAAW,oBAAC,OAAI,IAAI,EAAE,IAAI,MAAM,GAAG,MAAM,GAAI,mBAAQ;AAAA;AAAA;AAAA,EACxD;AAEJ;AAEA,IAAO,uBAAQ","sourcesContent":["import Box from '@mui/material/Box';\nimport { useTheme } from '@mui/material/styles';\n\nimport { ColoredLabelProps } from './props';\nimport { RootStyle } from './styles';\n\nconst ColoredLabel = ({\n  children,\n  color = '#000',\n  backgroundColor,\n  variant = 'ghost',\n  startIcon,\n  endIcon,\n  sx,\n  ...others\n}: ColoredLabelProps) => {\n  const theme = useTheme();\n\n  const style = {\n    width: 16,\n    height: 16,\n    '& svg, img': { width: 1, height: 1, objectFit: 'cover' },\n  };\n\n  return (\n    <RootStyle\n      ownerState={{ color, variant, backgroundColor }}\n      sx={{\n        ...(startIcon && { pl: 0.75 }),\n        ...(endIcon && { pr: 0.75 }),\n        ...sx,\n      }}\n      theme={theme}\n      {...others}\n    >\n      {startIcon && <Box sx={{ mr: 0.75, ...style }}>{startIcon}</Box>}\n\n      {children}\n\n      {endIcon && <Box sx={{ ml: 0.75, ...style }}>{endIcon}</Box>}\n    </RootStyle>\n  );\n};\n\nexport default ColoredLabel;\n"]}