@zydon/common 2.2.47 → 2.2.49

package/dist/components/Autocomplete/index.js

@@ -1,141 +1,5 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo, useState } 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
-};
+export { a as default } from '../../chunk-RWCM5G5D.js';
+import '../../chunk-FU42GMHJ.js';
+import '../../chunk-ZK4R7GDN.js';
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Autocomplete/index.tsx"],"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"],"mappings":"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","names":["item"]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/AutocompleteDetailed/index.js

@@ -1,142 +1,5 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  forwardRef,
-  useMemo,
-  useState
-} 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
-};
+export { a as default } from '../../chunk-53KG5GKX.js';
+import '../../chunk-7R6ZYEQS.js';
+import '../../chunk-RPO7AI5K.js';
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AutocompleteDetailed/index.tsx"],"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"],"mappings":"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","names":["item"]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/BuilderLayout/index.js

@@ -1,26 +1,14 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Stack from "@mui/material/Stack";
-import HelpButton from "../HelpButton";
-import { Content, Header } from "./styles";
-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 {
-  BuilderLayout_default as default
-};
+import { a as a$1 } from '../../chunk-SY7GX7PZ.js';
+import '../../chunk-FU42GMHJ.js';
+import '../../chunk-ZK4R7GDN.js';
+import a from '@mui/material/Stack';
+import { styled, alpha } from '@mui/material/styles';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+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;
+
+export { b as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/BuilderLayout/index.tsx"],"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"],"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;","names":[]}
+{"version":3,"sources":["../../../src/components/BuilderLayout/index.tsx","../../../src/components/BuilderLayout/styles.ts"],"names":["Stack","alpha","styled","HEADER_HEIGHT","Header","theme","Content","Fragment","jsx","jsxs","BuilderLayout","children","header","helpLink","configButton","HelpButton_default","BuilderLayout_default"],"mappings":"4GACA,OAAOA,MAAW,sBCAlB,OAAOA,MAAW,sBAClB,OAAS,SAAAC,EAAO,UAAAC,MAAc,uBAE9B,IAAMC,EAAgB,GAETC,EAASF,EAAOF,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CAClD,SAAU,SACV,MAAO,OACP,UAAWF,EACX,IAAK,EACL,cAAe,MACf,WAAY,SACZ,eAAgB,gBAChB,QAAS,SACT,IAAK,GACL,aAAc,aAAaF,EAAMI,EAAM,QAAQ,KAAK,GAAG,EAAG,GAAI,IAC9D,gBAAiB,OACjB,OAAQ,IAER,cAAe,CACb,MAAO,GACP,OAAQ,GACR,MAAOA,EAAM,QAAQ,QAAQ,IAC/B,CACF,EAAE,EAEWC,EAAUJ,EAAOF,CAAK,EAAE,CACnC,KAAM,EACN,WAAY;AAAA;AAAA,mBAGd,CAAC,EAEDM,EAAQ,aAAe,CACrB,MAAO,CACL,WAAY,UACZ,cAAe,OACf,aAAc,MACd,cAAe,MACjB,CACF,ED1BI,mBAAAC,EAKM,OAAAC,EADF,QAAAC,MAJJ,oBAPJ,IAAMC,EAAgB,CAAC,CACrB,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,aAAAC,CACF,IAEIL,EAAAF,EAAA,CACE,UAAAE,EAACL,EAAA,CACE,UAAAQ,EAEDH,EAACT,EAAA,CAAM,UAAU,MAAM,WAAW,SAAS,IAAK,EAC9C,UAAAQ,EAACO,EAAA,CAAW,KAAMF,EAAU,iBAAK,EAChCC,GACH,GACF,EAEAN,EAACF,EAAA,CAAS,SAAAK,EAAS,GACrB,EAIGK,EAAQN","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","import { CSSProperties } from 'react';\nimport Stack from '@mui/material/Stack';\nimport { alpha, styled } from '@mui/material/styles';\n\nconst HEADER_HEIGHT = 60;\n\nexport const Header = styled(Stack)(({ theme }) => ({\n  position: 'sticky',\n  width: '100%',\n  minHeight: HEADER_HEIGHT,\n  top: 0,\n  flexDirection: 'row',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: '0 24px',\n  gap: 12,\n  borderBottom: `1px solid ${alpha(theme.palette.grey[500], 0.25)}`,\n  backgroundColor: '#fff',\n  zIndex: 999,\n\n  '& .logo svg': {\n    width: 24,\n    height: 24,\n    color: theme.palette.primary.main,\n  },\n}));\n\nexport const Content = styled(Stack)({\n  flex: 1,\n  background: `linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),\n  linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),\n  var(--dot-color)`,\n});\n\nContent.defaultProps = {\n  style: {\n    '--dot-bg': '#F1F2FD',\n    '--dot-color': '#000',\n    '--dot-size': '1px',\n    '--dot-space': '56px',\n  } as CSSProperties,\n};\n"]}

package/dist/components/BuilderSidebar/index.js

@@ -1,20 +1,12 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import useToggle from "hooks/useToggle";
-import Icon from "../Icon";
-import { Sidebar, SidebarContent, SidebarOpenClose } from "./styles";
-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 {
-  BuilderSidebar_default as default
-};
+import { a as a$1 } from '../../chunk-FU42GMHJ.js';
+import '../../chunk-ZK4R7GDN.js';
+import { a } from '../../chunk-E3R7W7GK.js';
+import p from '@mui/material/Stack';
+import { styled, alpha } from '@mui/material/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+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;
+
+export { P as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/BuilderSidebar/index.tsx"],"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"],"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;","names":[]}
+{"version":3,"sources":["../../../src/components/BuilderSidebar/styles.ts","../../../src/components/BuilderSidebar/index.tsx"],"names":["Stack","alpha","styled","Sidebar","prop","theme","open","SidebarContent","SidebarOpenClose","jsx","jsxs","BuilderSidebar","children","expandable","other","toggleOpen","useToggle_default","Icon_default","BuilderSidebar_default"],"mappings":"wHAAA,OAAOA,MAAW,sBAClB,OAAS,SAAAC,EAAO,UAAAC,MAAc,uBAMvB,IAAMC,EAAUD,EAAOF,EAAO,CACnC,kBAAmBI,GAAQA,IAAS,MACtC,CAAC,EAAgB,CAAC,CAAE,MAAAC,EAAO,KAAAC,CAAK,KAAO,CACrC,SAAU,WACV,gBAAiB,OACjB,YAAa,aAAaL,EAAMI,EAAM,QAAQ,KAAK,GAAG,EAAG,GAAI,IAC7D,WAAY,eAEZ,GAAIC,EACA,CACE,MAAO,IAEP,QAAS,CACP,QAAS,MACX,CACF,EACA,CACE,MAAO,EACP,QAAS,EAET,QAAS,CACP,MAAO,CACL,QAAS,MACX,EAEA,WAAY,CACV,QAAS,MACX,CACF,CACF,CACN,EAAE,EAEWC,EAAiBL,EAAOF,CAAK,EAAE,CAC1C,SAAU,SACV,OAAQ,EACR,KAAM,CACR,CAAC,EAEYQ,EAAmBN,EAAO,QAAQ,EAAE,CAAC,CAAE,MAAAG,CAAM,KAAO,CAC/D,SAAU,WACV,IAAK,GACL,MAAO,IACP,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,GACP,OAAQ,GACR,gBAAiB,OACjB,OAAQ,aAAaJ,EAAMI,EAAM,QAAQ,KAAK,GAAG,EAAG,GAAI,IACxD,WAAY,EACZ,aAAc,cACd,MAAOA,EAAM,QAAQ,KAAK,UAC1B,OAAQ,IAER,IAAK,CACH,SAAU,EACZ,EAEA,UAAW,CACT,MAAOA,EAAM,QAAQ,QAAQ,KAC7B,gBAAiBA,EAAM,QAAQ,QAAQ,QACvC,OAAQ,SACV,CACF,EAAE,ECpDI,OAGM,OAAAI,EAHN,QAAAC,MAAA,oBATN,IAAMC,EAAiB,CAAC,CACtB,SAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA8C,CAC5C,GAAM,CAACR,EAAMS,CAAU,EAAIC,EAAU,EAAI,EAEzC,OACEP,EAACN,EAAA,CAAQ,KAAMG,EACb,SAAAI,EAACH,EAAA,CAAe,UAAU,qBAAsB,GAAGO,EAChD,UAAAD,GACCJ,EAACD,EAAA,CAAiB,QAASO,EACzB,SAAAN,EAACQ,EAAA,CAAK,KAAMX,EAAO,eAAiB,gBAAiB,EACvD,EAGDM,GACH,EACF,CAEJ,EAEOM,EAAQP","sourcesContent":["import Stack from '@mui/material/Stack';\nimport { alpha, styled } from '@mui/material/styles';\n\ninterface SidebarProps {\n  open: boolean;\n}\n\nexport const Sidebar = styled(Stack, {\n  shouldForwardProp: prop => prop !== 'open',\n})<SidebarProps>(({ theme, open }) => ({\n  position: 'relative',\n  backgroundColor: '#fff',\n  borderRight: `1px solid ${alpha(theme.palette.grey[500], 0.24)}`,\n  transition: 'width 0.125s',\n\n  ...(open\n    ? {\n        width: 304,\n\n        '> div': {\n          display: 'flex',\n        },\n      }\n    : {\n        width: 0,\n        padding: 0,\n\n        '> div': {\n          '> *': {\n            display: 'none',\n          },\n\n          '> button': {\n            display: 'flex',\n          },\n        },\n      }),\n}));\n\nexport const SidebarContent = styled(Stack)({\n  position: 'sticky',\n  zIndex: 1,\n  flex: 1,\n});\n\nexport const SidebarOpenClose = styled('button')(({ theme }) => ({\n  position: 'absolute',\n  top: 36,\n  right: -18,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 18,\n  height: 37,\n  backgroundColor: '#fff',\n  border: `1px solid ${alpha(theme.palette.grey[500], 0.24)}`,\n  borderLeft: 0,\n  borderRadius: '0 6px 6px 0',\n  color: theme.palette.text.secondary,\n  zIndex: 999,\n\n  svg: {\n    minWidth: 16,\n  },\n\n  '&:hover': {\n    color: theme.palette.primary.main,\n    backgroundColor: theme.palette.primary.lighter,\n    cursor: 'pointer',\n  },\n}));\n","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,101 +1,4 @@
-import { Fragment, jsx, jsxs } 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
-};
+export { a as default } from '../../chunk-W242ZHSJ.js';
+import '../../chunk-LQRRMVFN.js';
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ColorPickerInput/index.tsx"],"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"],"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;","names":[]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/ColoredLabel/index.js

@@ -1,44 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Box from "@mui/material/Box";
-import { useTheme } from "@mui/material/styles";
-import { RootStyle } from "./styles";
-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 {
-  ColoredLabel_default as default
-};
+import d from '@mui/material/Box';
+import { styled, lighten, useTheme } from '@mui/material/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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;
+
+export { L as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ColoredLabel/index.tsx"],"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"],"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;","names":[]}
+{"version":3,"sources":["../../../src/components/ColoredLabel/index.tsx","../../../src/components/ColoredLabel/styles.ts"],"names":["Box","useTheme","lighten","styled","RootStyle","theme","ownerState","isLight","color","variant","backgroundColor","styleFilled","colorParam","styleOutlined","styleGhost","jsx","jsxs","ColoredLabel","children","startIcon","endIcon","sx","others","style","ColoredLabel_default"],"mappings":"AAAA,OAAOA,MAAS,oBAChB,OAAS,YAAAC,MAAgB,uBCDzB,OAAS,WAAAC,EAAS,UAAAC,MAAqB,uBAIhC,IAAMC,EAAYD,EAAO,MAAM,EAAE,CAAC,CACvC,MAAAE,EACA,WAAAC,CACF,IAOM,CACJ,IAAMC,EAAUF,EAAM,QAAQ,OAAS,QACjC,CAAE,MAAAG,EAAO,QAAAC,EAAS,gBAAAC,CAAgB,EAAIJ,EAEtCK,EAAeC,IAAwB,CAC3C,MAAOA,EACP,gBAAiBF,GAAmBE,CACtC,GAEMC,EAAiBD,IAAwB,CAC7C,MAAOA,EACP,gBAAiB,cACjB,OAAQ,aAAaA,GACvB,GAEME,EAAcF,IAAwB,CAC1C,MAAOA,EACP,gBAAiBV,EAAQU,EAAY,GAAI,CAC3C,GAEA,MAAO,CACL,OAAQ,GACR,SAAU,GACV,WAAY,EACZ,aAAc,EACd,OAAQ,UACR,WAAY,SACZ,WAAY,SACZ,QAAS,cACT,eAAgB,SAChB,QAASP,EAAM,QAAQ,EAAG,CAAC,EAC3B,MAAOA,EAAM,QAAQ,KAAK,GAAG,EAC7B,SAAUA,EAAM,WAAW,QAAQ,EAAE,EACrC,WAAYA,EAAM,WAAW,WAC7B,gBAAiBA,EAAM,QAAQ,KAAK,GAAG,EACvC,WAAYA,EAAM,WAAW,eAE7B,GAAIG,IAAU,UACV,CACE,GAAIC,IAAY,UAAY,CAAE,GAAGE,EAAYH,CAAK,CAAE,EACpD,GAAIC,IAAY,YAAc,CAAE,GAAGI,EAAcL,CAAK,CAAE,EACxD,GAAIC,IAAY,SAAW,CAAE,GAAGK,EAAWN,CAAK,CAAE,CACpD,EACA,CACE,GAAIC,IAAY,YAAc,CAC5B,gBAAiB,cACjB,MAAOJ,EAAM,QAAQ,KAAK,QAC1B,OAAQ,aAAaA,EAAM,QAAQ,KAAK,GAAG,GAC7C,EACA,GAAII,IAAY,SAAW,CACzB,MAAOF,EACHF,EAAM,QAAQ,KAAK,UACnBA,EAAM,QAAQ,OAAO,MACzB,gBAAiBA,EAAM,QAAQ,KAAK,GAAG,CACzC,CACF,CACN,CACF,CAAC,ED9CG,OAUgB,OAAAU,EAVhB,QAAAC,MAAA,oBAnBJ,IAAMC,EAAe,CAAC,CACpB,SAAAC,EACA,MAAAV,EAAQ,OACR,gBAAAE,EACA,QAAAD,EAAU,QACV,UAAAU,EACA,QAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,IAAMjB,EAAQJ,EAAS,EAEjBsB,EAAQ,CACZ,MAAO,GACP,OAAQ,GACR,aAAc,CAAE,MAAO,EAAG,OAAQ,EAAG,UAAW,OAAQ,CAC1D,EAEA,OACEP,EAACZ,EAAA,CACC,WAAY,CAAE,MAAAI,EAAO,QAAAC,EAAS,gBAAAC,CAAgB,EAC9C,GAAI,CACF,GAAIS,GAAa,CAAE,GAAI,GAAK,EAC5B,GAAIC,GAAW,CAAE,GAAI,GAAK,EAC1B,GAAGC,CACL,EACA,MAAOhB,EACN,GAAGiB,EAEH,UAAAH,GAAaJ,EAACf,EAAA,CAAI,GAAI,CAAE,GAAI,IAAM,GAAGuB,CAAM,EAAI,SAAAJ,EAAU,EAEzDD,EAEAE,GAAWL,EAACf,EAAA,CAAI,GAAI,CAAE,GAAI,IAAM,GAAGuB,CAAM,EAAI,SAAAH,EAAQ,GACxD,CAEJ,EAEOI,EAAQP","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","import { lighten, styled, Theme } from '@mui/material/styles';\n\nimport { LabelVariant } from './props';\n\nexport const RootStyle = styled('span')(({\n  theme,\n  ownerState,\n}: {\n  theme: Theme;\n  ownerState: {\n    color: string;\n    variant: LabelVariant;\n    backgroundColor?: string;\n  };\n}) => {\n  const isLight = theme.palette.mode === 'light';\n  const { color, variant, backgroundColor } = ownerState;\n\n  const styleFilled = (colorParam: string) => ({\n    color: colorParam,\n    backgroundColor: backgroundColor || colorParam,\n  });\n\n  const styleOutlined = (colorParam: string) => ({\n    color: colorParam,\n    backgroundColor: 'transparent',\n    border: `1px solid ${colorParam}`,\n  });\n\n  const styleGhost = (colorParam: string) => ({\n    color: colorParam,\n    backgroundColor: lighten(colorParam, 0.84),\n  });\n\n  return {\n    height: 22,\n    minWidth: 22,\n    lineHeight: 0,\n    borderRadius: 6,\n    cursor: 'default',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    padding: theme.spacing(0, 1),\n    color: theme.palette.grey[800],\n    fontSize: theme.typography.pxToRem(12),\n    fontFamily: theme.typography.fontFamily,\n    backgroundColor: theme.palette.grey[300],\n    fontWeight: theme.typography.fontWeightBold,\n\n    ...(color !== 'default'\n      ? {\n          ...(variant === 'filled' && { ...styleFilled(color) }),\n          ...(variant === 'outlined' && { ...styleOutlined(color) }),\n          ...(variant === 'ghost' && { ...styleGhost(color) }),\n        }\n      : {\n          ...(variant === 'outlined' && {\n            backgroundColor: 'transparent',\n            color: theme.palette.text.primary,\n            border: `1px solid ${theme.palette.grey[500]}`,\n          }),\n          ...(variant === 'ghost' && {\n            color: isLight\n              ? theme.palette.text.secondary\n              : theme.palette.common.white,\n            backgroundColor: theme.palette.grey[500],\n          }),\n        }),\n  };\n});\n"]}