@zydon/common 2.2.42 → 2.2.44

package/dist/components/ActionButton/index.js

@@ -1,3 +1,36 @@
-export { a as default } from '../../chunk-R6FUU7Z7.js';
-import '../../chunk-PPUFQMAW.js';
-import '../../chunk-3E5A45HM.js';
+import { jsx } from 'react/jsx-runtime';
+import LoadingButton from '@mui/lab/LoadingButton';
+import Icon$1 from 'components/Icon';
+import { Icon } from 'types/icon';
+
+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 { 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,3 +1,142 @@
-export { a as default } from '../../chunk-PIYBPQAC.js';
-import '../../chunk-PPUFQMAW.js';
-import '../../chunk-3E5A45HM.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useState, useMemo } from 'react';
+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 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 { 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":"AAqJoB,SAIJ,UAJI,KAIJ,YAJI;AArJpB,SAAS,YAAuB,SAAS,gBAAgB;AACzD,OAAO,qBAAqB;AAC5B,OAAO,sBAAsB;AAC7B,OAAO,eAAe;AAKtB,OAAO,UAAU;AAEjB,OAAO,sBAAsB;AAC7B,SAAS,oBAAoB;AAE7B,MAAM,eAAe;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,IACX;AAAA,IACA,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,YAAY,aAAa,IAAI,SAAiB;AAErD,UAAM,iBAAiB,CAAC,gBACtB,eAAe,OAAO,gBAAgB,WAClC,YAAY,MAAM,SAAS,IAC3B,YAAY,SAAS;AAE3B,UAAM,iBAAiB,QAAQ,MAAM;AACnC,UAAI,UAAU;AACZ,cAAM,SAAS,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC;AAE/C,eAAO,OAAO,OAAiB,CAAC,KAAK,SAAS;AAC5C,gBAAMA,QAAO,QAAQ;AAAA,YACnB,SAAO,IAAI,MAAM,SAAS,MAAM,KAAK,SAAS;AAAA,UAChD;AAEA,cAAIA;AAAM,mBAAO,CAAC,GAAG,KAAKA,KAAI;AAE9B,iBAAO,CAAC,GAAG,GAAG;AAAA,QAChB,GAAG,CAAC,CAAC;AAAA,MACP;AAEA,YAAM,OAAO,QAAQ;AAAA,QACnB,SAAO,IAAI,MAAM,SAAS,MAAM,OAAO,SAAS;AAAA,MAClD;AAEA,aAAO,QAAQ;AAAA,IACjB,GAAG,CAAC,SAAS,OAAO,QAAQ,CAAC;AAE7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,cAAc;AAAA,QACrB,eAAe,CAAC,OAAO,YAAY,WAAW;AAC5C,cAAI;AAAe,0BAAc,OAAO,YAAY,MAAM;AAE1D,cAAI,WAAW,SAAS;AACtB,gBAAI,UAAU;AACZ,uBAAS,UAAU;AACnB,4BAAc,UAAU;AAAA,YAC1B;AAEA;AAAA,UACF;AAEA,wBAAc,MAAS;AAAA,QACzB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,WAAW;AAAA,QACrB,iBAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,kBAAkB,eAAe,SAAY;AAAA,QAC7C,eAAe,CAAC,eAAe,UAAU;AACvC,iBAAO,cAAc,OAAO,SAAO;AACjC,kBAAM,SAAS,GAAG,IAAI,SAAS,IAAI;AAEnC,mBAAO,OACJ,kBAAkB,EAClB,SAAS,MAAM,WAAW,kBAAkB,CAAC;AAAA,UAClD,CAAC;AAAA,QACH;AAAA,QACA,UAAU,CAAC,GAAG,WAAW;AACvB,cAAI,CAAC,QAAQ;AACX,qBAAS,WAAW,CAAC,IAAI,IAAI;AAC7B;AAAA,UACF;AAEA,cAAI,MAAM,QAAQ,MAAM,GAAG;AACzB,qBAAS,OAAO,IAAI,cAAc,CAAC;AACnC;AAAA,UACF;AAEA;AAAA,YACE,OAAO,WAAW,WACd,OAAO,SAAS,IAChB,OAAO,MAAM,SAAS;AAAA,UAC5B;AAAA,QACF;AAAA,QACA,QAAQ,WAAS;AACf,cAAI;AAAQ,mBAAO,KAAK;AACxB,wBAAc,MAAS;AAAA,QACzB;AAAA,QACA,cAAc,CAAC,OAAO,QAAQ,OAAO,eACnC,eACI,aAAa,OAAO,QAAQ,OAAO,UAAU,IAC5C,CAAC,EAAE,GAAG,OAAO,iBAAiB,GAAG,MAAM;AAAA,QAE9C,aAAa,YAAU;AAAA,QACvB;AAAA,QACA;AAAA,QACA,aAAa,YACX;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ;AAAA,YACA,WAAS;AAAA,YACT,OAAO,CAAC,CAAC;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAY;AAAA,cACV,GAAG,OAAO;AAAA,cACV,GAAI,CAAC,YAAY;AAAA,gBACf,gBACE,kBACA,CAAC,MAAM,QAAQ,cAAc,KAC7B,eAAe,OACb,oBAAC,QAAK,MAAM,eAAe,MAAM,IAC/B;AAAA,cACR;AAAA,cACA,cACE,iCACG;AAAA,0BACC,oBAAC,oBAAiB,OAAM,WAAU,MAAM,IAAI,IAC1C;AAAA,gBACH,OAAO,WAAW;AAAA,iBACrB;AAAA,YAEJ;AAAA,YACA,YAAY;AAAA,cACV,GAAG,OAAO;AAAA,cACV;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAE3B,IAAO,uBAAQ","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,3 +1,139 @@
-export { a as default } from '../../chunk-7F56LFN2.js';
-import '../../chunk-NF42ENKE.js';
-import '../../chunk-ILHUUK4X.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useState, useMemo } from 'react';
+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 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 { 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,12 +1,27 @@
-import { a as a$1 } from '../../chunk-4SHVMCT6.js';
-import '../../chunk-PPUFQMAW.js';
-import '../../chunk-3E5A45HM.js';
-import a from '@mui/material/Stack';
-import { styled, alpha } from '@mui/material/styles';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import Stack from '@mui/material/Stack';
+import HelpButton from '../HelpButton';
+import { Header, Content } from './styles';
 
-var m=60,p=styled(a)(({theme:t})=>({position:"sticky",width:"100%",minHeight:m,top:0,flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:"0 24px",gap:12,borderBottom:`1px solid ${alpha(t.palette.grey[500],.25)}`,backgroundColor:"#fff",zIndex:999,"& .logo svg":{width:24,height:24,color:t.palette.primary.main}})),o=styled(a)({flex:1,background:`linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
-  linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
-  var(--dot-color)`});o.defaultProps={style:{"--dot-bg":"#F1F2FD","--dot-color":"#000","--dot-size":"1px","--dot-space":"56px"}};var f=({children:t,header:d,helpLink:s,configButton:c})=>jsxs(Fragment,{children:[jsxs(p,{children:[d,jsxs(a,{direction:"row",alignItems:"center",gap:2,children:[jsx(a$1,{link:s,children:"Ajuda"}),c]})]}),jsx(o,{children:t})]}),b=f;
+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 { b 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,10 +1,21 @@
-import { a as a$1 } from '../../chunk-PPUFQMAW.js';
-import '../../chunk-3E5A45HM.js';
-import { a } from '../../chunk-W3MYAMTH.js';
-import p from '@mui/material/Stack';
-import { styled, alpha } from '@mui/material/styles';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import useToggle from 'hooks/useToggle';
+import Icon from '../Icon';
+import { Sidebar, SidebarContent, SidebarOpenClose } from './styles';
 
-var l=styled(p,{shouldForwardProp:o=>o!=="open"})(({theme:o,open:r})=>({position:"relative",backgroundColor:"#fff",borderRight:`1px solid ${alpha(o.palette.grey[500],.24)}`,transition:"width 0.125s",...r?{width:304,"> div":{display:"flex"}}:{width:0,padding:0,"> div":{"> *":{display:"none"},"> button":{display:"flex"}}}})),s=styled(p)({position:"sticky",zIndex:1,flex:1}),b=styled("button")(({theme:o})=>({position:"absolute",top:36,right:-18,display:"flex",alignItems:"center",justifyContent:"center",width:18,height:37,backgroundColor:"#fff",border:`1px solid ${alpha(o.palette.grey[500],.24)}`,borderLeft:0,borderRadius:"0 6px 6px 0",color:o.palette.text.secondary,zIndex:999,svg:{minWidth:16},"&:hover":{color:o.palette.primary.main,backgroundColor:o.palette.primary.lighter,cursor:"pointer"}}));var g=({children:o,expandable:r,...c})=>{let[i,f]=a(!0);return jsx(l,{open:i,children:jsxs(s,{maxHeight:"calc(100vh - 60px)",...c,children:[r&&jsx(b,{onClick:f,children:jsx(a$1,{icon:i?"CHEVRON_LEFT":"CHEVRON_RIGHT"})}),o]})})},P=g;
+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 { P 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,2 +1,102 @@
-export { a as default } from '../../chunk-BUYQKDFG.js';
-import '../../chunk-ORYAES3Q.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+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 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 { 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,7 +1,45 @@
-import d from '@mui/material/Box';
-import { styled, lighten, useTheme } from '@mui/material/styles';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+import { RootStyle } from './styles';
 
-var g=styled("span")(({theme:o,ownerState:i})=>{let n=o.palette.mode==="light",{color:e,variant:r,backgroundColor:l}=i,a=t=>({color:t,backgroundColor:l||t}),s=t=>({color:t,backgroundColor:"transparent",border:`1px solid ${t}`}),p=t=>({color:t,backgroundColor:lighten(t,.84)});return {height:22,minWidth:22,lineHeight:0,borderRadius:6,cursor:"default",alignItems:"center",whiteSpace:"nowrap",display:"inline-flex",justifyContent:"center",padding:o.spacing(0,1),color:o.palette.grey[800],fontSize:o.typography.pxToRem(12),fontFamily:o.typography.fontFamily,backgroundColor:o.palette.grey[300],fontWeight:o.typography.fontWeightBold,...e!=="default"?{...r==="filled"&&{...a(e)},...r==="outlined"&&{...s(e)},...r==="ghost"&&{...p(e)}}:{...r==="outlined"&&{backgroundColor:"transparent",color:o.palette.text.primary,border:`1px solid ${o.palette.grey[500]}`},...r==="ghost"&&{color:n?o.palette.text.secondary:o.palette.common.white,backgroundColor:o.palette.grey[500]}}}});var b=({children:o,color:i="#000",backgroundColor:n,variant:e="ghost",startIcon:r,endIcon:l,sx:a,...s})=>{let p=useTheme(),t={width:16,height:16,"& svg, img":{width:1,height:1,objectFit:"cover"}};return jsxs(g,{ownerState:{color:i,variant:e,backgroundColor:n},sx:{...r&&{pl:.75},...l&&{pr:.75},...a},theme:p,...s,children:[r&&jsx(d,{sx:{mr:.75,...t},children:r}),o,l&&jsx(d,{sx:{ml:.75,...t},children:l})]})},L=b;
+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 { L 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"]}