@zydon/common 2.2.42 → 2.2.44

package/dist/components/StyledTab/index.js

@@ -1,10 +1,91 @@
-import { a } from '../../chunk-PPUFQMAW.js';
-import '../../chunk-3E5A45HM.js';
-import n from '@mui/material/Stack';
-import { styled, alpha } from '@mui/material/styles';
-import b from '@mui/material/Tab';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import Stack from '@mui/material/Stack';
+import { styled, alpha } from '@mui/material/styles';
+import Tab from '@mui/material/Tab';
+import Icon from '../Icon';
 
-var g=styled(({label:o,onClose:i,icon:p,hasChanges:e,...l})=>jsx(b,{disableRipple:!0,...l,label:jsxs(n,{position:"relative",direction:"row",alignItems:"center",gap:1.5,sx:t=>({"> span":{position:"absolute",top:-14,right:-10,span:{position:"fixed",width:10,height:10,backgroundColor:t.palette.warning.main,border:"1px solid #fff",borderRadius:"50%",zIndex:999}}}),children:[p,o,jsx(a,{icon:"CLOSE_MARK_BUTTON",width:16,onClick:t=>{i(),t.stopPropagation();}}),e&&jsx("span",{children:jsx("span",{})})]})}))(({theme:o})=>({textTransform:"none",fontSize:o.typography.pxToRem(14),margin:"0 !important",color:`${o.palette.primary.lighter} !important`,minHeight:"initial",padding:"10px 16px",backgroundColor:o.palette.primary.dark,border:`1px solid ${alpha(o.palette.primary.darker,.25)}`,borderBottom:0,borderRadius:"8px 8px 0 0",fontWeight:600,overflow:"initial !important",lineHeight:1,"&.Mui-selected":{color:`${o.palette.text.primary} !important`,backgroundColor:o.palette.background.paper,borderColor:o.palette.primary.dark,svg:{color:o.palette.text.disabled}},"&.Mui-focusVisible":{backgroundColor:"rgba(100, 95, 228, 0.32)"},"svg:hover":{opacity:.85}})),y=g;
+const StyledTab = styled(
+  ({ label, onClose, icon, hasChanges, ...props }) => {
+    return /* @__PURE__ */ jsx(
+      Tab,
+      {
+        disableRipple: true,
+        ...props,
+        label: /* @__PURE__ */ jsxs(
+          Stack,
+          {
+            position: "relative",
+            direction: "row",
+            alignItems: "center",
+            gap: 1.5,
+            sx: (theme) => ({
+              "> span": {
+                position: "absolute",
+                top: -14,
+                right: -10,
+                span: {
+                  position: "fixed",
+                  width: 10,
+                  height: 10,
+                  backgroundColor: theme.palette.warning.main,
+                  border: "1px solid #fff",
+                  borderRadius: "50%",
+                  zIndex: 999
+                }
+              }
+            }),
+            children: [
+              icon,
+              label,
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "CLOSE_MARK_BUTTON",
+                  width: 16,
+                  onClick: (e) => {
+                    onClose();
+                    e.stopPropagation();
+                  }
+                }
+              ),
+              hasChanges && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx("span", {}) })
+            ]
+          }
+        )
+      }
+    );
+  }
+)(({ theme }) => ({
+  textTransform: "none",
+  fontSize: theme.typography.pxToRem(14),
+  margin: "0 !important",
+  color: `${theme.palette.primary.lighter} !important`,
+  minHeight: "initial",
+  padding: "10px 16px",
+  backgroundColor: theme.palette.primary.dark,
+  border: `1px solid ${alpha(theme.palette.primary.darker, 0.25)}`,
+  borderBottom: 0,
+  borderRadius: "8px 8px 0 0",
+  fontWeight: 600,
+  overflow: "initial !important",
+  lineHeight: 1,
+  "&.Mui-selected": {
+    color: `${theme.palette.text.primary} !important`,
+    backgroundColor: theme.palette.background.paper,
+    borderColor: theme.palette.primary.dark,
+    svg: {
+      color: theme.palette.text.disabled
+    }
+  },
+  "&.Mui-focusVisible": {
+    backgroundColor: "rgba(100, 95, 228, 0.32)"
+  },
+  "svg:hover": {
+    opacity: 0.85
+  }
+}));
+var StyledTab_default = StyledTab;
 
-export { y as default };
+export { StyledTab_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/StyledTab/index.tsx"],"names":[],"mappings":"AAeU,SA2BE,KA3BF;AAfV,OAAO,WAAW;AAClB,SAAS,OAAO,cAAc;AAC9B,OAAO,SAAS;AAEhB,OAAO,UAAU;AAIjB,MAAM,YAAY;AAAA,EAChB,CAAC,EAAE,OAAO,SAAS,MAAM,YAAY,GAAG,MAAM,MAAsB;AAClE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACZ,GAAG;AAAA,QACJ,OACE;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,WAAU;AAAA,YACV,YAAW;AAAA,YACX,KAAK;AAAA,YACL,IAAI,YAAU;AAAA,cACZ,UAAU;AAAA,gBACR,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,OAAO;AAAA,gBAEP,MAAM;AAAA,kBACJ,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,kBACvC,QAAQ;AAAA,kBACR,cAAc;AAAA,kBACd,QAAQ;AAAA,gBACV;AAAA,cACF;AAAA,YACF;AAAA,YAEC;AAAA;AAAA,cAEA;AAAA,cAED;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAO;AAAA,kBACP,SAAS,OAAK;AACZ,4BAAQ;AACR,sBAAE,gBAAgB;AAAA,kBACpB;AAAA;AAAA,cACF;AAAA,cACC,cACC,oBAAC,UACC,8BAAC,UAAK,GACR;AAAA;AAAA;AAAA,QAEJ;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAChB,eAAe;AAAA,EACf,UAAU,MAAM,WAAW,QAAQ,EAAE;AAAA,EACrC,QAAQ;AAAA,EACR,OAAO,GAAG,MAAM,QAAQ,QAAQ;AAAA,EAChC,WAAW;AAAA,EACX,SAAS;AAAA,EACT,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,EACvC,QAAQ,aAAa,MAAM,MAAM,QAAQ,QAAQ,QAAQ,IAAI;AAAA,EAC7D,cAAc;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,kBAAkB;AAAA,IAChB,OAAO,GAAG,MAAM,QAAQ,KAAK;AAAA,IAC7B,iBAAiB,MAAM,QAAQ,WAAW;AAAA,IAC1C,aAAa,MAAM,QAAQ,QAAQ;AAAA,IAEnC,KAAK;AAAA,MACH,OAAO,MAAM,QAAQ,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,sBAAsB;AAAA,IACpB,iBAAiB;AAAA,EACnB;AAAA,EAEA,aAAa;AAAA,IACX,SAAS;AAAA,EACX;AACF,EAAE;AAEF,IAAO,oBAAQ","sourcesContent":["import Stack from '@mui/material/Stack';\nimport { alpha, styled } from '@mui/material/styles';\nimport Tab from '@mui/material/Tab';\n\nimport Icon from '../Icon';\n\nimport { StyledTabProps } from './props';\n\nconst StyledTab = styled(\n  ({ label, onClose, icon, hasChanges, ...props }: StyledTabProps) => {\n    return (\n      <Tab\n        disableRipple\n        {...props}\n        label={\n          <Stack\n            position=\"relative\"\n            direction=\"row\"\n            alignItems=\"center\"\n            gap={1.5}\n            sx={theme => ({\n              '> span': {\n                position: 'absolute',\n                top: -14,\n                right: -10,\n\n                span: {\n                  position: 'fixed',\n                  width: 10,\n                  height: 10,\n                  backgroundColor: theme.palette.warning.main,\n                  border: '1px solid #fff',\n                  borderRadius: '50%',\n                  zIndex: 999,\n                },\n              },\n            })}\n          >\n            {icon}\n\n            {label}\n\n            <Icon\n              icon=\"CLOSE_MARK_BUTTON\"\n              width={16}\n              onClick={e => {\n                onClose();\n                e.stopPropagation();\n              }}\n            />\n            {hasChanges && (\n              <span>\n                <span />\n              </span>\n            )}\n          </Stack>\n        }\n      />\n    );\n  },\n)(({ theme }) => ({\n  textTransform: 'none',\n  fontSize: theme.typography.pxToRem(14),\n  margin: '0 !important',\n  color: `${theme.palette.primary.lighter} !important`,\n  minHeight: 'initial',\n  padding: '10px 16px',\n  backgroundColor: theme.palette.primary.dark,\n  border: `1px solid ${alpha(theme.palette.primary.darker, 0.25)}`,\n  borderBottom: 0,\n  borderRadius: '8px 8px 0 0',\n  fontWeight: 600,\n  overflow: 'initial !important',\n  lineHeight: 1,\n\n  '&.Mui-selected': {\n    color: `${theme.palette.text.primary} !important`,\n    backgroundColor: theme.palette.background.paper,\n    borderColor: theme.palette.primary.dark,\n\n    svg: {\n      color: theme.palette.text.disabled,\n    },\n  },\n\n  '&.Mui-focusVisible': {\n    backgroundColor: 'rgba(100, 95, 228, 0.32)',\n  },\n\n  'svg:hover': {\n    opacity: 0.85,\n  },\n}));\n\nexport default StyledTab;\n"]}

package/dist/components/StyledTabs/index.js

@@ -1,7 +1,28 @@
-import { styled } from '@mui/material/styles';
-import r from '@mui/material/Tabs';
 import { jsx } from 'react/jsx-runtime';
+import { styled } from '@mui/material/styles';
+import Tabs from '@mui/material/Tabs';
 
-var a=styled(o=>jsx(r,{...o,variant:"scrollable",scrollButtons:"auto"}))({height:"100%",alignItems:"flex-end",gap:8,"& .MuiTabs-indicator":{display:"none",justifyContent:"center",backgroundColor:"transparent"},"& > .MuiButtonBase-root":{height:32,width:32,color:"#fff",marginBottom:2},"& .MuiTabs-flexContainer":{gap:4}}),s=a;
+const StyledTabs = styled((props) => /* @__PURE__ */ jsx(Tabs, { ...props, variant: "scrollable", scrollButtons: "auto" }))({
+  height: "100%",
+  alignItems: "flex-end",
+  gap: 8,
+  "& .MuiTabs-indicator": {
+    display: "none",
+    justifyContent: "center",
+    backgroundColor: "transparent"
+  },
+  "& > .MuiButtonBase-root": {
+    height: 32,
+    width: 32,
+    color: "#fff",
+    marginBottom: 2
+  },
+  "& .MuiTabs-flexContainer": {
+    gap: 4
+  }
+});
+var StyledTabs_default = StyledTabs;
 
-export { s as default };
+export { StyledTabs_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/StyledTabs/index.tsx"],"names":[],"mappings":"AAOE;AANF,SAAS,cAAc;AACvB,OAAO,UAAU;AAIjB,MAAM,aAAa,OAAO,CAAC,UACzB,oBAAC,QAAM,GAAG,OAAO,SAAQ,cAAa,eAAc,QAAO,CAC5D,EAAE;AAAA,EACD,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,KAAK;AAAA,EAEL,wBAAwB;AAAA,IACtB,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EACnB;AAAA,EAEA,2BAA2B;AAAA,IACzB,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,cAAc;AAAA,EAChB;AAAA,EAEA,4BAA4B;AAAA,IAC1B,KAAK;AAAA,EACP;AACF,CAAC;AACD,IAAO,qBAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\nimport { styled } from '@mui/material/styles';\nimport Tabs from '@mui/material/Tabs';\n\nimport { StyledTabsProps } from './props';\n\nconst StyledTabs = styled((props: PropsWithChildren<StyledTabsProps>) => (\n  <Tabs {...props} variant=\"scrollable\" scrollButtons=\"auto\" />\n))({\n  height: '100%',\n  alignItems: 'flex-end',\n  gap: 8,\n\n  '& .MuiTabs-indicator': {\n    display: 'none',\n    justifyContent: 'center',\n    backgroundColor: 'transparent',\n  },\n\n  '& > .MuiButtonBase-root': {\n    height: 32,\n    width: 32,\n    color: '#fff',\n    marginBottom: 2,\n  },\n\n  '& .MuiTabs-flexContainer': {\n    gap: 4,\n  },\n});\nexport default StyledTabs;\n"]}

package/dist/components/Summary/index.js

@@ -1,8 +1,16 @@
-import n from '@mui/material/Stack';
-import { styled } from '@mui/material/styles';
-import a from '@mui/material/Typography';
 import { jsx } from 'react/jsx-runtime';
+import { Container, Label, Value } from './styles';
 
-var l=styled(n)({display:"grid",gridTemplateColumns:"auto auto"}),p=styled(a)(({theme:e})=>({color:e.palette.grey[600],display:"flex",gap:"8px",alignItems:"center"})),i=styled(a)(({theme:e})=>({textAlign:"right",color:e.palette.grey[800]}));var u=({data:e,...m})=>e.length===0?null:jsx(l,{gap:1,...m,children:e.map(r=>[jsx(p,{variant:"body2",children:r.label},`label:${r.id}`),jsx(i,{variant:"body2",children:r.value},`value:${r.id}`)])}),c=u;
+const Summary = ({ data, ...other }) => {
+  if (data.length === 0)
+    return null;
+  return /* @__PURE__ */ jsx(Container, { gap: 1, ...other, children: data.map((d) => [
+    /* @__PURE__ */ jsx(Label, { variant: "body2", children: d.label }, `label:${d.id}`),
+    /* @__PURE__ */ jsx(Value, { variant: "body2", children: d.value }, `value:${d.id}`)
+  ]) });
+};
+var Summary_default = Summary;
 
-export { c as default };
+export { Summary_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Summary/index.tsx"],"names":[],"mappings":"AASQ;AARR,SAAS,WAAW,OAAO,aAAa;AAExC,MAAM,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,MAAoB;AACpD,MAAI,KAAK,WAAW;AAAG,WAAO;AAE9B,SACE,oBAAC,aAAU,KAAK,GAAI,GAAG,OACpB,eAAK,IAAI,OAAK;AAAA,IACb,oBAAC,SAA4B,SAAQ,SAClC,YAAE,SADO,SAAS,EAAE,IAEvB;AAAA,IACA,oBAAC,SAA4B,SAAQ,SAClC,YAAE,SADO,SAAS,EAAE,IAEvB;AAAA,EACF,CAAC,GACH;AAEJ;AAEA,IAAO,kBAAQ","sourcesContent":["import { SummaryProps } from './props';\nimport { Container, Label, Value } from './styles';\n\nconst Summary = ({ data, ...other }: SummaryProps) => {\n  if (data.length === 0) return null;\n\n  return (\n    <Container gap={1} {...other}>\n      {data.map(d => [\n        <Label key={`label:${d.id}`} variant=\"body2\">\n          {d.label}\n        </Label>,\n        <Value key={`value:${d.id}`} variant=\"body2\">\n          {d.value}\n        </Value>,\n      ])}\n    </Container>\n  );\n};\n\nexport default Summary;\n"]}

package/dist/components/SwapList/index.js

@@ -1,22 +1,250 @@
-import { a } from '../../chunk-2Z4AFXGP.js';
-import { a as a$1 } from '../../chunk-TWGGHTU5.js';
-import { a as a$3 } from '../../chunk-E5MGOPPQ.js';
-import { a as a$2 } from '../../chunk-2MVQI7NJ.js';
-import '../../chunk-ZDHXW74M.js';
-import { a as a$4 } from '../../chunk-PPUFQMAW.js';
-import '../../chunk-3E5A45HM.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
-import h from '@mui/material/Checkbox';
-import T from '@mui/material/CircularProgress';
-import f from '@mui/material/Divider';
-import t from '@mui/material/Stack';
-import S from '@mui/material/Typography';
+import Checkbox from '@mui/material/Checkbox';
+import CircularProgress from '@mui/material/CircularProgress';
+import Divider from '@mui/material/Divider';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
 import { debounce } from '@mui/material/utils';
-import U from '@mui/material/Box';
-import X from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import EmptyView from 'components/EmptyView';
+import Icon from 'components/Icon';
+import Result from 'components/Result';
+import Scrollbar from 'components/Scrollbar';
+import SearchInput from 'components/SearchInput';
+import { Card, StyledSwapButton } from './styles';
 
-var R=styled(X)(({theme:a})=>({borderColor:a.palette.grey[300]})),L=styled(U)(({theme:a})=>({display:"flex",border:`1.5px solid ${a.palette.grey[300]}`,height:450,borderRadius:8,flex:1,overflow:"hidden"}));var Z=({selectedItems:a$5,items:B,loading:$,searchText:g,onAdd:D,onRemove:P,search:z,itemsTitle:W,selectedItemsTitle:H,additionalContent:K,enableSearchInSelectedItems:k,selectedItemChild:A,onSearch:N})=>{let[m,_]=useState(""),M=debounce(N,400),d=B.filter(e=>!a$5.some(n=>n.id===e.id)),O=a$5.filter(e=>e.name?.toLowerCase().includes(m.toLowerCase())||e.id?.toLowerCase().includes(m.toLowerCase())),u=k&&m?O:a$5,[i,s]=useState([]),[l,p]=useState([]),j=()=>{D(i),s([]);},G=()=>{P(l),p([]);},V=e=>{p(e?u:[]);},q=e=>{s(e?d:[]);},J=(e,n)=>{p(n?c=>[...c,e]:c=>c.filter(y=>y.id!==e.id));},Q=(e,n)=>{s(n?c=>[...c,e]:c=>c.filter(y=>y.id!==e.id));},E=e=>{e.key==="Enter"&&e.preventDefault();};return jsx(t,{children:jsxs(t,{direction:"row",alignItems:"center",gap:3,children:[jsx(L,{flex:1,children:jsxs(t,{flex:1,overflow:"hidden",children:[jsxs(t,{direction:"row",gap:1,padding:2,children:[jsx(h,{size:"small",indeterminate:i.length>0&&i.length!==d.length,checked:i.length>0&&i.length===d.length,onChange:e=>q(e.target.checked)}),jsxs(t,{children:[jsx(S,{variant:"subtitle2",color:"text.primary",children:`${W} cadastrados(as)`}),jsx(S,{variant:"caption",color:"text.disabled",children:`${i.length}/${d.length} selecionados`})]})]}),jsx(f,{}),jsxs(t,{p:2,flex:1,overflow:"hidden",children:[jsxs(t,{direction:"row",gap:1,children:[jsx(a,{iconPosition:"start",placeholder:"Buscar",onKeyDown:E,size:"small",fullWidth:!0,trigger:"change",onSearch:e=>M(e)}),K]}),jsx(a$1,{isLoading:$,loading:jsx(t,{alignItems:"center",justifyContent:"center",flex:1,children:jsx(T,{})}),isEmpty:d.length===0,empty:jsx(a$2,{text:z?`Nenhum ${g} encontrado`:`Nenhum ${g} dispon\xEDvel`,sx:{svg:{height:140}}}),children:jsx(a$3,{sx:{maxHeight:280},children:d.map(e=>jsxs(t,{gap:1,marginTop:"8px",children:[jsxs(t,{direction:"row",gap:.5,alignItems:"center",marginTop:"8px",children:[jsx(h,{size:"small",checked:i.includes(e),onChange:n=>Q(e,n.target.checked)}),e.label]}),jsx(f,{})]},e.id))})})]})]})}),jsxs(t,{gap:3,children:[jsx(R,{variant:"outlined",onClick:j,children:jsx(a$4,{icon:"ARROW_RIGHT_SIMPLE"})}),jsx(R,{variant:"outlined",onClick:G,children:jsx(a$4,{icon:"ARROW_LEFT_SIMPLE"})})]}),jsx(L,{flex:1,children:jsxs(t,{flex:1,overflow:"hidden",children:[jsxs(t,{direction:"row",gap:1,padding:2,children:[jsx(h,{size:"small",indeterminate:l.length>0&&l.length!==a$5.length,checked:l.length>0&&l.length===a$5.length,onChange:e=>V(e.target.checked)}),jsxs(t,{children:[jsx(S,{variant:"subtitle2",color:"text.primary",children:`${H} selecionados(as)`}),jsx(S,{variant:"caption",color:"text.disabled",children:`${l.length}/${a$5.length} selecionados`})]})]}),jsx(f,{}),jsxs(t,{p:2,gap:1,overflow:"hidden",children:[k&&jsx(a,{iconPosition:"start",placeholder:"Buscar",size:"small",fullWidth:!0,trigger:"change",onSearch:e=>_(e??""),onKeyDown:E}),jsx(a$1,{isLoading:$,loading:jsx(t,{alignItems:"center",justifyContent:"center",flex:1,children:jsx(T,{})}),isEmpty:u.length===0,empty:jsx(a$2,{text:m&&k?`Nenhum ${g} encontrado`:`Nenhum ${g} selecionado`,sx:{svg:{height:140},marginTop:"56px",backgroundColor:"transparent"}}),children:jsx(a$3,{sx:{maxHeight:280},children:u.map(e=>jsxs(t,{gap:1,children:[jsxs(t,{direction:"row",gap:.5,alignItems:"center",marginTop:"8px",children:[jsxs(t,{direction:"row",children:[A&&A(e),jsx(h,{size:"small",checked:l.includes(e),onChange:n=>J(e,n.target.checked)})]}),e.label]}),jsx(f,{})]},e.id))})})]})]})})]})})},ue=Z;
+const SwapList = ({
+  selectedItems,
+  items,
+  loading,
+  searchText,
+  onAdd,
+  onRemove,
+  search,
+  itemsTitle,
+  selectedItemsTitle,
+  additionalContent,
+  enableSearchInSelectedItems,
+  selectedItemChild,
+  onSearch
+}) => {
+  const [localSearch, setLocalSearch] = useState("");
+  const handleSearchWithDebounce = debounce(onSearch, 400);
+  const availableItems = items.filter(
+    (item) => !selectedItems.some((selectedItem) => selectedItem.id === item.id)
+  );
+  const searchedSelectedItems = selectedItems.filter(
+    (item) => item.name?.toLowerCase().includes(localSearch.toLowerCase()) || item.id?.toLowerCase().includes(localSearch.toLowerCase())
+  );
+  const filtredSelectedItems = enableSearchInSelectedItems && localSearch ? searchedSelectedItems : selectedItems;
+  const [selectedesForAdd, setSelectedesForAdd] = useState([]);
+  const [selectedesForRemove, setSelectedesForRemove] = useState([]);
+  const onAddItems = () => {
+    onAdd(selectedesForAdd);
+    setSelectedesForAdd([]);
+  };
+  const onRemoveItems = () => {
+    onRemove(selectedesForRemove);
+    setSelectedesForRemove([]);
+  };
+  const onSelectAllForRemove = (checked) => {
+    if (checked) {
+      setSelectedesForRemove(filtredSelectedItems);
+    } else {
+      setSelectedesForRemove([]);
+    }
+  };
+  const onSelectAllForAdd = (checked) => {
+    if (checked) {
+      setSelectedesForAdd(availableItems);
+    } else {
+      setSelectedesForAdd([]);
+    }
+  };
+  const onSelectItemForRemove = (item, checked) => {
+    if (checked) {
+      setSelectedesForRemove((prevState) => [...prevState, item]);
+    } else {
+      setSelectedesForRemove(
+        (prevState) => prevState.filter((prevItem) => prevItem.id !== item.id)
+      );
+    }
+  };
+  const onSelectItemForAdd = (item, checked) => {
+    if (checked) {
+      setSelectedesForAdd((prevState) => [...prevState, item]);
+    } else {
+      setSelectedesForAdd(
+        (prevState) => prevState.filter((prevItem) => prevItem.id !== item.id)
+      );
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter")
+      e.preventDefault();
+  };
+  return /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 3, children: [
+    /* @__PURE__ */ jsx(Card, { flex: 1, children: /* @__PURE__ */ jsxs(Stack, { flex: 1, overflow: "hidden", children: [
+      /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1, padding: 2, children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            size: "small",
+            indeterminate: selectedesForAdd.length > 0 && selectedesForAdd.length !== availableItems.length,
+            checked: selectedesForAdd.length > 0 && selectedesForAdd.length === availableItems.length,
+            onChange: (e) => onSelectAllForAdd(e.target.checked)
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", color: "text.primary", children: `${itemsTitle} cadastrados(as)` }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.disabled", children: `${selectedesForAdd.length}/${availableItems.length} selecionados` })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(Stack, { p: 2, flex: 1, overflow: "hidden", children: [
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx(
+            SearchInput,
+            {
+              iconPosition: "start",
+              placeholder: "Buscar",
+              onKeyDown: handleKeyDown,
+              size: "small",
+              fullWidth: true,
+              trigger: "change",
+              onSearch: (value) => handleSearchWithDebounce(value)
+            }
+          ),
+          additionalContent
+        ] }),
+        /* @__PURE__ */ jsx(
+          Result,
+          {
+            isLoading: loading,
+            loading: /* @__PURE__ */ jsx(Stack, { alignItems: "center", justifyContent: "center", flex: 1, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
+            isEmpty: availableItems.length === 0,
+            empty: /* @__PURE__ */ jsx(
+              EmptyView,
+              {
+                text: search ? `Nenhum ${searchText} encontrado` : `Nenhum ${searchText} dispon\xEDvel`,
+                sx: { svg: { height: 140 } }
+              }
+            ),
+            children: /* @__PURE__ */ jsx(Scrollbar, { sx: { maxHeight: 280 }, children: availableItems.map((element) => /* @__PURE__ */ jsxs(Stack, { gap: 1, marginTop: "8px", children: [
+              /* @__PURE__ */ jsxs(
+                Stack,
+                {
+                  direction: "row",
+                  gap: 0.5,
+                  alignItems: "center",
+                  marginTop: "8px",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        size: "small",
+                        checked: selectedesForAdd.includes(element),
+                        onChange: (event) => onSelectItemForAdd(element, event.target.checked)
+                      }
+                    ),
+                    element.label
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(Divider, {})
+            ] }, element.id)) })
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
+      /* @__PURE__ */ jsx(StyledSwapButton, { variant: "outlined", onClick: onAddItems, children: /* @__PURE__ */ jsx(Icon, { icon: "ARROW_RIGHT_SIMPLE" }) }),
+      /* @__PURE__ */ jsx(StyledSwapButton, { variant: "outlined", onClick: onRemoveItems, children: /* @__PURE__ */ jsx(Icon, { icon: "ARROW_LEFT_SIMPLE" }) })
+    ] }),
+    /* @__PURE__ */ jsx(Card, { flex: 1, children: /* @__PURE__ */ jsxs(Stack, { flex: 1, overflow: "hidden", children: [
+      /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1, padding: 2, children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            size: "small",
+            indeterminate: selectedesForRemove.length > 0 && selectedesForRemove.length !== selectedItems.length,
+            checked: selectedesForRemove.length > 0 && selectedesForRemove.length === selectedItems.length,
+            onChange: (e) => onSelectAllForRemove(e.target.checked)
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", color: "text.primary", children: `${selectedItemsTitle} selecionados(as)` }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.disabled", children: `${selectedesForRemove.length}/${selectedItems.length} selecionados` })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(Stack, { p: 2, gap: 1, overflow: "hidden", children: [
+        enableSearchInSelectedItems && /* @__PURE__ */ jsx(
+          SearchInput,
+          {
+            iconPosition: "start",
+            placeholder: "Buscar",
+            size: "small",
+            fullWidth: true,
+            trigger: "change",
+            onSearch: (value) => setLocalSearch(value ?? ""),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Result,
+          {
+            isLoading: loading,
+            loading: /* @__PURE__ */ jsx(Stack, { alignItems: "center", justifyContent: "center", flex: 1, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
+            isEmpty: filtredSelectedItems.length === 0,
+            empty: /* @__PURE__ */ jsx(
+              EmptyView,
+              {
+                text: localSearch && enableSearchInSelectedItems ? `Nenhum ${searchText} encontrado` : `Nenhum ${searchText} selecionado`,
+                sx: {
+                  svg: { height: 140 },
+                  marginTop: "56px",
+                  backgroundColor: "transparent"
+                }
+              }
+            ),
+            children: /* @__PURE__ */ jsx(Scrollbar, { sx: { maxHeight: 280 }, children: filtredSelectedItems.map((element) => /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
+              /* @__PURE__ */ jsxs(
+                Stack,
+                {
+                  direction: "row",
+                  gap: 0.5,
+                  alignItems: "center",
+                  marginTop: "8px",
+                  children: [
+                    /* @__PURE__ */ jsxs(Stack, { direction: "row", children: [
+                      selectedItemChild && selectedItemChild(element),
+                      /* @__PURE__ */ jsx(
+                        Checkbox,
+                        {
+                          size: "small",
+                          checked: selectedesForRemove.includes(element),
+                          onChange: (event) => onSelectItemForRemove(
+                            element,
+                            event.target.checked
+                          )
+                        }
+                      )
+                    ] }),
+                    element.label
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(Divider, {})
+            ] }, element.id)) })
+          }
+        )
+      ] })
+    ] }) })
+  ] }) });
+};
+var SwapList_default = SwapList;
 
-export { ue as default };
+export { SwapList_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SwapList/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport Checkbox from '@mui/material/Checkbox';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Divider from '@mui/material/Divider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport { debounce } from '@mui/material/utils';\n\nimport EmptyView from 'components/EmptyView';\nimport Icon from 'components/Icon';\nimport Result from 'components/Result';\nimport Scrollbar from 'components/Scrollbar';\nimport SearchInput from 'components/SearchInput';\nimport { Item } from 'types/item';\n\nimport { SwapListProps } from './props';\nimport { Card, StyledSwapButton } from './styles';\n\nconst SwapList = ({\n  selectedItems,\n  items,\n  loading,\n  searchText,\n  onAdd,\n  onRemove,\n  search,\n  itemsTitle,\n  selectedItemsTitle,\n  additionalContent,\n  enableSearchInSelectedItems,\n  selectedItemChild,\n  onSearch,\n}: SwapListProps) => {\n  const [localSearch, setLocalSearch] = useState<string>('');\n  const handleSearchWithDebounce = debounce(onSearch, 400);\n\n  const availableItems = items.filter(\n    item => !selectedItems.some(selectedItem => selectedItem.id === item.id),\n  );\n\n  const searchedSelectedItems = selectedItems.filter(\n    item =>\n      item.name?.toLowerCase().includes(localSearch.toLowerCase()) ||\n      item.id?.toLowerCase().includes(localSearch.toLowerCase()),\n  );\n\n  const filtredSelectedItems =\n    enableSearchInSelectedItems && localSearch\n      ? searchedSelectedItems\n      : selectedItems;\n\n  const [selectedesForAdd, setSelectedesForAdd] = useState<Item[]>([]);\n\n  const [selectedesForRemove, setSelectedesForRemove] = useState<Item[]>([]);\n\n  const onAddItems = () => {\n    onAdd(selectedesForAdd);\n    setSelectedesForAdd([]);\n  };\n\n  const onRemoveItems = () => {\n    onRemove(selectedesForRemove);\n    setSelectedesForRemove([]);\n  };\n\n  const onSelectAllForRemove = (checked: boolean) => {\n    if (checked) {\n      setSelectedesForRemove(filtredSelectedItems);\n    } else {\n      setSelectedesForRemove([]);\n    }\n  };\n\n  const onSelectAllForAdd = (checked: boolean) => {\n    if (checked) {\n      setSelectedesForAdd(availableItems);\n    } else {\n      setSelectedesForAdd([]);\n    }\n  };\n\n  const onSelectItemForRemove = (item: Item, checked: boolean) => {\n    if (checked) {\n      setSelectedesForRemove(prevState => [...prevState, item]);\n    } else {\n      setSelectedesForRemove(prevState =>\n        prevState.filter(prevItem => prevItem.id !== item.id),\n      );\n    }\n  };\n\n  const onSelectItemForAdd = (item: Item, checked: boolean) => {\n    if (checked) {\n      setSelectedesForAdd(prevState => [...prevState, item]);\n    } else {\n      setSelectedesForAdd(prevState =>\n        prevState.filter(prevItem => prevItem.id !== item.id),\n      );\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Enter') e.preventDefault();\n  };\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" alignItems=\"center\" gap={3}>\n        <Card flex={1}>\n          <Stack flex={1} overflow=\"hidden\">\n            <Stack direction=\"row\" gap={1} padding={2}>\n              <Checkbox\n                size=\"small\"\n                indeterminate={\n                  selectedesForAdd.length > 0 &&\n                  selectedesForAdd.length !== availableItems.length\n                }\n                checked={\n                  selectedesForAdd.length > 0 &&\n                  selectedesForAdd.length === availableItems.length\n                }\n                onChange={e => onSelectAllForAdd(e.target.checked)}\n              />\n\n              <Stack>\n                <Typography variant=\"subtitle2\" color=\"text.primary\">\n                  {`${itemsTitle} cadastrados(as)`}\n                </Typography>\n\n                <Typography variant=\"caption\" color=\"text.disabled\">\n                  {`${selectedesForAdd.length}/${availableItems.length} selecionados`}\n                </Typography>\n              </Stack>\n            </Stack>\n\n            <Divider />\n\n            <Stack p={2} flex={1} overflow=\"hidden\">\n              <Stack direction=\"row\" gap={1}>\n                <SearchInput\n                  iconPosition=\"start\"\n                  placeholder=\"Buscar\"\n                  onKeyDown={handleKeyDown}\n                  size=\"small\"\n                  fullWidth\n                  trigger=\"change\"\n                  onSearch={value => handleSearchWithDebounce(value)}\n                />\n                {additionalContent}\n              </Stack>\n\n              <Result\n                isLoading={loading}\n                loading={\n                  <Stack alignItems=\"center\" justifyContent=\"center\" flex={1}>\n                    <CircularProgress />\n                  </Stack>\n                }\n                isEmpty={availableItems.length === 0}\n                empty={\n                  <EmptyView\n                    text={\n                      search\n                        ? `Nenhum ${searchText} encontrado`\n                        : `Nenhum ${searchText} disponível`\n                    }\n                    sx={{ svg: { height: 140 } }}\n                  />\n                }\n              >\n                <Scrollbar sx={{ maxHeight: 280 }}>\n                  {availableItems.map(element => (\n                    <Stack gap={1} key={element.id} marginTop=\"8px\">\n                      <Stack\n                        direction=\"row\"\n                        gap={0.5}\n                        alignItems=\"center\"\n                        marginTop=\"8px\"\n                      >\n                        <Checkbox\n                          size=\"small\"\n                          checked={selectedesForAdd.includes(element)}\n                          onChange={event =>\n                            onSelectItemForAdd(element, event.target.checked)\n                          }\n                        />\n                        {element.label}\n                      </Stack>\n                      <Divider />\n                    </Stack>\n                  ))}\n                </Scrollbar>\n              </Result>\n            </Stack>\n          </Stack>\n        </Card>\n\n        <Stack gap={3}>\n          <StyledSwapButton variant=\"outlined\" onClick={onAddItems}>\n            {<Icon icon=\"ARROW_RIGHT_SIMPLE\" />}\n          </StyledSwapButton>\n\n          <StyledSwapButton variant=\"outlined\" onClick={onRemoveItems}>\n            {<Icon icon=\"ARROW_LEFT_SIMPLE\" />}\n          </StyledSwapButton>\n        </Stack>\n\n        <Card flex={1}>\n          <Stack flex={1} overflow=\"hidden\">\n            <Stack direction=\"row\" gap={1} padding={2}>\n              <Checkbox\n                size=\"small\"\n                indeterminate={\n                  selectedesForRemove.length > 0 &&\n                  selectedesForRemove.length !== selectedItems.length\n                }\n                checked={\n                  selectedesForRemove.length > 0 &&\n                  selectedesForRemove.length === selectedItems.length\n                }\n                onChange={e => onSelectAllForRemove(e.target.checked)}\n              />\n\n              <Stack>\n                <Typography variant=\"subtitle2\" color=\"text.primary\">\n                  {`${selectedItemsTitle} selecionados(as)`}\n                </Typography>\n\n                <Typography variant=\"caption\" color=\"text.disabled\">\n                  {`${selectedesForRemove.length}/${selectedItems.length} selecionados`}\n                </Typography>\n              </Stack>\n            </Stack>\n\n            <Divider />\n\n            <Stack p={2} gap={1} overflow=\"hidden\">\n              {enableSearchInSelectedItems && (\n                <SearchInput\n                  iconPosition=\"start\"\n                  placeholder=\"Buscar\"\n                  size=\"small\"\n                  fullWidth\n                  trigger=\"change\"\n                  onSearch={value => setLocalSearch(value ?? '')}\n                  onKeyDown={handleKeyDown}\n                />\n              )}\n              <Result\n                isLoading={loading}\n                loading={\n                  <Stack alignItems=\"center\" justifyContent=\"center\" flex={1}>\n                    <CircularProgress />\n                  </Stack>\n                }\n                isEmpty={filtredSelectedItems.length === 0}\n                empty={\n                  <EmptyView\n                    text={\n                      localSearch && enableSearchInSelectedItems\n                        ? `Nenhum ${searchText} encontrado`\n                        : `Nenhum ${searchText} selecionado`\n                    }\n                    sx={{\n                      svg: { height: 140 },\n                      marginTop: '56px',\n                      backgroundColor: 'transparent',\n                    }}\n                  />\n                }\n              >\n                <Scrollbar sx={{ maxHeight: 280 }}>\n                  {filtredSelectedItems.map(element => (\n                    <Stack gap={1} key={element.id}>\n                      <Stack\n                        direction=\"row\"\n                        gap={0.5}\n                        alignItems=\"center\"\n                        marginTop=\"8px\"\n                      >\n                        <Stack direction=\"row\">\n                          {selectedItemChild && selectedItemChild(element)}\n\n                          <Checkbox\n                            size=\"small\"\n                            checked={selectedesForRemove.includes(element)}\n                            onChange={event =>\n                              onSelectItemForRemove(\n                                element,\n                                event.target.checked,\n                              )\n                            }\n                          />\n                        </Stack>\n                        {element.label}\n                      </Stack>\n                      <Divider />\n                    </Stack>\n                  ))}\n                </Scrollbar>\n              </Result>\n            </Stack>\n          </Stack>\n        </Card>\n      </Stack>\n    </Stack>\n  );\n};\n\nexport default SwapList;\n"]}

package/dist/components/TabPanel/index.js

@@ -1,6 +1,35 @@
-import l from '@mui/material/Box';
 import { jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
 
-var e=({children:i,value:t,index:o,sx:r})=>jsx(l,{role:"tabpanel",id:`simple-tabpanel-${o}`,"aria-labelledby":`simple-tab-${o}`,sx:{mt:3,...t.toString()!==o.toString()&&{position:"absolute",width:"100%",height:0,overflow:"hidden",visibility:"hidden"},...r},children:i}),n=e;
+const TabPanel = ({
+  children,
+  value,
+  index,
+  sx
+}) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      role: "tabpanel",
+      id: `simple-tabpanel-${index}`,
+      "aria-labelledby": `simple-tab-${index}`,
+      sx: {
+        mt: 3,
+        ...value.toString() !== index.toString() && {
+          position: "absolute",
+          width: "100%",
+          height: 0,
+          overflow: "hidden",
+          visibility: "hidden"
+        },
+        ...sx
+      },
+      children
+    }
+  );
+};
+var TabPanel_default = TabPanel;
 
-export { n as default };
+export { TabPanel_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TabPanel/index.tsx"],"names":[],"mappings":"AAYI;AAXJ,OAAO,SAAS;AAIhB,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwC;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,IAAI,mBAAmB;AAAA,MACvB,mBAAiB,cAAc;AAAA,MAC/B,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAI,MAAM,SAAS,MAAM,MAAM,SAAS,KAAK;AAAA,UAC3C,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\nimport Box from '@mui/material/Box';\n\nimport { TabPanelProps } from './props';\n\nconst TabPanel = ({\n  children,\n  value,\n  index,\n  sx,\n}: PropsWithChildren<TabPanelProps>) => {\n  return (\n    <Box\n      role=\"tabpanel\"\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      sx={{\n        mt: 3,\n        ...(value.toString() !== index.toString() && {\n          position: 'absolute',\n          width: '100%',\n          height: 0,\n          overflow: 'hidden',\n          visibility: 'hidden',\n        }),\n        ...sx,\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nexport default TabPanel;\n"]}

package/dist/components/TextMaxLine/index.js

@@ -1,2 +1,50 @@
-export { a as default } from '../../chunk-RLMWIJKJ.js';
-import '../../chunk-ILHUUK4X.js';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import Link from '@mui/material/Link';
+import Typography from '@mui/material/Typography';
+import useTypography from './useTypography';
+
+const TextMaxLine = forwardRef(
+  ({
+    asLink,
+    variant = "body1",
+    line = 2,
+    persistent = false,
+    children,
+    sx,
+    ...other
+  }, ref) => {
+    const { lineHeight } = useTypography(variant);
+    const styles = {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      display: "-webkit-box",
+      WebkitLineClamp: line,
+      WebkitBoxOrient: "vertical",
+      ...persistent && {
+        height: lineHeight * line
+      },
+      ...sx
+    };
+    if (asLink) {
+      return /* @__PURE__ */ jsx(
+        Link,
+        {
+          color: "inherit",
+          ref,
+          variant,
+          sx: { ...styles },
+          ...other,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(Typography, { ref, variant, sx: { ...styles }, ...other, children });
+  }
+);
+TextMaxLine.displayName = "TextMaxLine";
+var TextMaxLine_default = TextMaxLine;
+
+export { TextMaxLine_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TextMaxLine/index.tsx"],"names":[],"mappings":"AAoCQ;AApCR,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,OAAO,gBAAgB;AAGvB,OAAO,mBAAmB;AAE1B,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,EAAE,WAAW,IAAI,cAAc,OAAO;AAE5C,UAAM,SAAS;AAAA,MACb,UAAU;AAAA,MACV,cAAc;AAAA,MACd,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,GAAI,cAAc;AAAA,QAChB,QAAQ,aAAa;AAAA,MACvB;AAAA,MACA,GAAG;AAAA,IACL;AAEA,QAAI,QAAQ;AACV,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA,IAAI,EAAE,GAAG,OAAO;AAAA,UACf,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ;AAEA,WACE,oBAAC,cAAW,KAAU,SAAkB,IAAI,EAAE,GAAG,OAAO,GAAI,GAAG,OAC5D,UACH;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ","sourcesContent":["import { forwardRef } from 'react';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\n\nimport { TextMaxLineProps } from './props';\nimport useTypography from './useTypography';\n\nconst TextMaxLine = forwardRef<HTMLAnchorElement, TextMaxLineProps>(\n  (\n    {\n      asLink,\n      variant = 'body1',\n      line = 2,\n      persistent = false,\n      children,\n      sx,\n      ...other\n    },\n    ref,\n  ) => {\n    const { lineHeight } = useTypography(variant);\n\n    const styles = {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      WebkitLineClamp: line,\n      WebkitBoxOrient: 'vertical',\n      ...(persistent && {\n        height: lineHeight * line,\n      }),\n      ...sx,\n    } as const;\n\n    if (asLink) {\n      return (\n        <Link\n          color=\"inherit\"\n          ref={ref}\n          variant={variant}\n          sx={{ ...styles }}\n          {...other}\n        >\n          {children}\n        </Link>\n      );\n    }\n\n    return (\n      <Typography ref={ref} variant={variant} sx={{ ...styles }} {...other}>\n        {children}\n      </Typography>\n    );\n  },\n);\n\nTextMaxLine.displayName = 'TextMaxLine';\n\nexport default TextMaxLine;\n"]}

package/dist/components/TimePicker/index.js

@@ -1,7 +1,43 @@
-import { TimePicker } from '@mui/x-date-pickers-pro';
-import s from 'dayjs';
 import { jsx } from 'react/jsx-runtime';
+import { TimePicker as TimePicker$1 } from '@mui/x-date-pickers-pro';
+import dayjs from 'dayjs';
 
-var P=({value:e,onChange:i,tabIndex:o,helperText:l,required:m,...r})=>jsx(TimePicker,{...r,format:"HH:mm",value:e?s(e):null,onChange:t=>i(t?t.toDate():null),slotProps:{textField:{...r.slotProps?.textField,required:m,helperText:l,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:o}},openPickerButton:{tabIndex:o}}}),k=P;
+const TimePicker = ({
+  value,
+  onChange,
+  tabIndex,
+  helperText,
+  required,
+  ...other
+}) => {
+  return /* @__PURE__ */ jsx(
+    TimePicker$1,
+    {
+      ...other,
+      format: "HH:mm",
+      value: value ? dayjs(value) : null,
+      onChange: (v) => onChange(v ? v.toDate() : null),
+      slotProps: {
+        textField: {
+          ...other.slotProps?.textField,
+          required,
+          helperText,
+          autoComplete: "off",
+          spellCheck: "false",
+          fullWidth: true,
+          inputProps: {
+            tabIndex
+          }
+        },
+        openPickerButton: {
+          tabIndex
+        }
+      }
+    }
+  );
+};
+var TimePicker_default = TimePicker;
 
-export { k as default };
+export { TimePicker_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TimePicker/index.tsx"],"names":[],"mappings":"AAcI;AAdJ,SAAS,cAAc,qBAAqB;AAC5C,OAAO,WAAW;AAIlB,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAO;AAAA,MACP,OAAO,QAAQ,MAAM,KAAK,IAAI;AAAA,MAC9B,UAAU,OAAK,SAAS,IAAI,EAAE,OAAO,IAAI,IAAI;AAAA,MAC7C,WAAW;AAAA,QACT,WAAW;AAAA,UACT,GAAG,MAAM,WAAW;AAAA,UACpB;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,YAAY;AAAA,YACV;AAAA,UACF;AAAA,QACF;AAAA,QACA,kBAAkB;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,qBAAQ","sourcesContent":["import { TimePicker as MuiTimePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { TimePickerProps } from './props';\n\nconst TimePicker = ({\n  value,\n  onChange,\n  tabIndex,\n  helperText,\n  required,\n  ...other\n}: TimePickerProps) => {\n  return (\n    <MuiTimePicker\n      {...other}\n      format=\"HH:mm\"\n      value={value ? dayjs(value) : null}\n      onChange={v => onChange(v ? v.toDate() : null)}\n      slotProps={{\n        textField: {\n          ...other.slotProps?.textField,\n          required,\n          helperText,\n          autoComplete: 'off',\n          spellCheck: 'false',\n          fullWidth: true,\n          inputProps: {\n            tabIndex,\n          },\n        },\n        openPickerButton: {\n          tabIndex,\n        },\n      }}\n    />\n  );\n};\n\nexport default TimePicker;\n"]}