@zydon/common 2.0.5 → 2.0.7

package/dist/chunk-DCTTK6ND.mjs

@@ -0,0 +1,10 @@
+import { a } from './chunk-D7XCMUMB.mjs';
+import { forwardRef } from 'react';
+import u from '@mui/material/Link';
+import T from '@mui/material/Typography';
+import { useTheme } from '@mui/material/styles';
+import { jsx } from 'react/jsx-runtime';
+
+function x(o){return Math.round(parseFloat(o)*16)}function y(o){let e=useTheme(),t=a(),p=e.breakpoints.up(t==="xl"?"lg":t),h=(o==="h1"||o==="h2"||o==="h3"||o==="h4"||o==="h5"||o==="h6")&&e.typography[o][p]?e.typography[o][p]:e.typography[o],r=x(h.fontSize),i=Number(e.typography[o].lineHeight)*r,{fontWeight:f,letterSpacing:n}=e.typography[o];return {fontSize:r,lineHeight:i,fontWeight:f,letterSpacing:n}}var g=forwardRef(({asLink:o,variant:e="body1",line:t=2,persistent:p=!1,children:s,sx:h,...r},i)=>{let{lineHeight:f}=y(e),n={overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:t,WebkitBoxOrient:"vertical",...p&&{height:f*t},...h};return o?jsx(u,{color:"inherit",ref:i,variant:e,sx:{...n},...r,children:s}):jsx(T,{ref:i,variant:e,sx:{...n},...r,children:s})});g.displayName="TextMaxLine";var W=g;
+
+export { W as a };

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

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface CustomTitles {
+    title: string;
+    description?: string;
+}
+interface SeoPreviewProps {
+    titlePreview?: string;
+    logoImage?: string;
+    brandingName?: string;
+    url?: string;
+    title?: string;
+    description?: string;
+    keyWords?: string[];
+    customTitles?: CustomTitles[];
+    productImage?: string;
+    child?: ReactNode;
+    hasPreviewLink?: boolean;
+    previewLinkImage?: string;
+}
+
+declare const SeoPreview: ({ titlePreview, logoImage, brandingName, url, title, description, keyWords, customTitles, productImage, child, previewLinkImage, hasPreviewLink, }: SeoPreviewProps) => react_jsx_runtime.JSX.Element;
+
+export { SeoPreview as default };

package/dist/components/SeoPreview/index.mjs

@@ -0,0 +1,13 @@
+import { a as a$1 } from '../../chunk-DCTTK6ND.mjs';
+import { a } from '../../chunk-QHCGLZFD.mjs';
+import '../../chunk-KLIYANST.mjs';
+import '../../chunk-D7XCMUMB.mjs';
+import p from '@mui/material/Box';
+import t from '@mui/material/Stack';
+import i from '@mui/material/Typography';
+import { styled } from '@mui/material/styles';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var k=styled(p)(({theme:a})=>({padding:24,borderRadius:8,height:"auto",maxWidth:800,backgroundColor:a.palette.background.default,border:`1px solid ${a.palette.grey[300]}`})),P=styled(t)(({theme:a})=>({minHeight:180,maxWidth:700,border:`4px dotted ${a.palette.grey[300]}`,borderRadius:8,backgroundColor:"#fff",padding:24})),I=styled(p)(()=>({maxWidth:70,maxHeight:40,alignItems:"center","&, img":{flex:1,display:"flex",objectFit:"cover",borderRadius:8}})),B=styled(p)(({theme:a})=>({backgroundColor:a.palette.background.default,maxWidth:90,maxHeight:80,alignItems:"center","&, img":{flex:1,display:"flex",objectFit:"cover",borderRadius:8}})),v=styled(t)(({theme:a})=>({border:`4px dotted ${a.palette.grey[300]}`,borderRadius:8,backgroundColor:"#fff"})),S=styled(p)(({theme:a})=>({width:"auto",height:120,overflow:"hidden",padding:2,borderBottom:`4px dotted ${a.palette.grey[300]}`}));var E=({titlePreview:a$2,logoImage:l,brandingName:L,url:g,title:m,description:x,keyWords:h,customTitles:y,productImage:u,child:C,previewLinkImage:b,hasPreviewLink:T})=>jsx(k,{children:jsxs(t,{gap:3,display:"flex",flex:1,children:[jsx(i,{variant:"overline",color:"text.disabled",children:a$2??"PR\xC9-VISUALIZA\xC7\xC3O"}),jsxs(P,{children:[jsxs(t,{direction:"row",pb:3,gap:.5,children:[jsx(p,{height:0,width:10,children:jsx(a,{icon:"CIRCLE",width:30,color:"error.main"})}),jsx(p,{height:0,width:10,children:jsx(a,{icon:"CIRCLE",width:30,color:"warning.main"})}),jsx(p,{height:0,width:10,children:jsx(a,{icon:"CIRCLE",width:30,color:"success.main"})})]}),jsxs(t,{flexDirection:"row",gap:2,justifyContent:"space-between",children:[jsxs(t,{gap:1,width:"100%",children:[jsxs(t,{direction:"row",gap:1.5,pb:.5,children:[l&&jsx(I,{children:jsx("img",{alt:"Logo",src:l})}),jsxs(t,{children:[jsx(i,{variant:"overline",color:"grey.600",pb:.5,children:L??"SUAEMPRESA"}),jsxs(t,{direction:"row",gap:2,children:[jsx(i,{variant:"caption",color:"grey.600",children:g??"https://www.exemplo.com"}),jsx(a,{icon:"MORE_OPTIONS_VERTICAL",width:15,color:"grey.500"})]})]})]}),jsx(a$1,{variant:"subtitle1",color:"#4E5BEC",overflow:"hidden",textOverflow:"ellipsis",line:5,children:m??"Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!"}),jsx(a$1,{variant:"caption",color:"text.disabled",overflow:"hidden",textOverflow:"ellipsis",line:5,children:x??"A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!"}),h&&jsx(t,{direction:"row",gap:1,alignItems:"center",children:h.map((s,w)=>jsxs(Fragment,{children:[jsx(i,{variant:"caption",color:"text.disabled",children:s}),w<h.length-1&&jsx(p,{width:4,height:16,children:jsx(a,{icon:"CIRCLE",color:"text.disabled",width:10})})]}))}),y&&jsx(t,{pt:2,children:y.map((s,w)=>jsxs(t,{gap:1,children:[jsx(i,{variant:"subtitle1",color:"#4E5BEC",children:s.title}),jsx(a$1,{variant:"caption",color:"text.disabled",overflow:"hidden",textOverflow:"ellipsis",line:1,children:s.description??"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys stansince the 1500"})]},w))}),C]}),u&&jsx(B,{children:jsx("img",{alt:"ProductImage",src:u})})]})]}),T&&jsxs(t,{gap:3,display:"flex",flex:1,width:"100%",children:[jsx(i,{variant:"overline",color:"text.disabled",children:"pr\xE9-visualiza\xE7\xE3o link de compartilhamento".toUpperCase()}),jsxs(v,{children:[b&&jsx(S,{children:jsx("img",{alt:"PreviewLinkImage",src:b,style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:8}})}),jsxs(t,{gap:.2,p:2,width:"100%",children:[jsx(i,{variant:"caption",children:m??"Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!"}),jsx(i,{variant:"caption",color:"grey.600",children:x??"A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!"}),jsx(i,{variant:"caption",color:"grey.500",children:g??"https://www.exemplo.com"})]})]}),jsx(v,{children:jsxs(t,{direction:"row",gap:1,alignItems:"center",children:[jsx(p,{width:100,height:95,bgcolor:"grey.100",p:.5,alignItems:"center",children:jsx("img",{alt:"Logo",src:l,style:{width:"100%",height:"100%",objectFit:"contain",borderRadius:8}})}),jsxs(t,{padding:1,gap:.2,width:"80%",children:[jsx(a$1,{variant:"caption",children:m??"Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!"}),jsx(a$1,{variant:"caption",color:"grey.600",children:x??"A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!"}),jsx(a$1,{variant:"caption",color:"grey.500",line:1,children:g??"https://www.exemplo.com"})]})]})})]})]})}),V=E;
+
+export { V as default };

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

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+import { BoxProps } from '@mui/material/Box';
+
+declare const SplashScreen: ({ children, sx, ...other }: PropsWithChildren<BoxProps>) => react_jsx_runtime.JSX.Element;
+
+export { SplashScreen as default };

package/dist/components/SplashScreen/index.mjs

@@ -0,0 +1,8 @@
+import { i } from '../../chunk-S6AXG7VS.mjs';
+import e from '@mui/material/Box';
+import { m } from 'framer-motion';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var p=({children:s,sx:r,...n})=>jsx(e,{sx:{overflow:"hidden"},children:jsx(e,{sx:{right:0,width:1,bottom:0,height:1,zIndex:9998,display:"flex",position:"fixed",alignItems:"center",justifyContent:"center",bgcolor:"background.default",...r},...n,children:jsxs(e,{sx:{width:120,height:120,alignItems:"center",position:"relative",display:"inline-flex",justifyContent:"center",...r},...n,children:[jsx(e,{component:m.div,animate:{scale:[1,.9,.9,1,1],opacity:[1,.48,.48,1,1]},transition:{duration:2,repeatDelay:1,repeat:1/0,ease:"easeInOut"},sx:{display:"inline-flex"},children:s}),jsx(e,{component:m.div,animate:{scale:[1.6,1,1,1.6,1.6],rotate:[270,0,0,270,270],opacity:[.25,1,1,1,.25],borderRadius:["25%","25%","50%","50%","25%"]},transition:{ease:"linear",duration:3.2,repeat:1/0},sx:{position:"absolute",width:"calc(100% - 20px)",height:"calc(100% - 20px)",border:i$1=>`solid 3px ${i(i$1.vars.palette.primary.darkChannel,.24)}`}}),jsx(e,{component:m.div,animate:{scale:[1,1.2,1.2,1,1],rotate:[0,270,270,0,0],opacity:[1,.25,.25,.25,1],borderRadius:["25%","25%","50%","50%","25%"]},transition:{ease:"linear",duration:3.2,repeat:1/0},sx:{width:1,height:1,position:"absolute",border:i$1=>`solid 8px ${i(i$1.vars.palette.primary.darkChannel,.24)}`}})]})})}),h=p;
+
+export { h as default };

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StepperProps } from '@mui/material/Stepper';
+
+interface StepsProps extends StepperProps {
+    activeStep: number;
+    steps: string[];
+    showLabels?: boolean;
+}
+
+declare const Steps: ({ steps, activeStep, showLabels, sx, ...other }: StepsProps) => react_jsx_runtime.JSX.Element;
+
+export { Steps as default };

package/dist/components/Steps/index.mjs

@@ -0,0 +1,14 @@
+import { a } from '../../chunk-QHCGLZFD.mjs';
+import '../../chunk-KLIYANST.mjs';
+import s from '@mui/material/Box';
+import S from '@mui/material/Stack';
+import d from '@mui/material/Step';
+import f from '@mui/material/StepLabel';
+import u from '@mui/material/Stepper';
+import l from '@mui/material/StepConnector';
+import { styled } from '@mui/material/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var i=styled(l)(({theme:o})=>({top:10,left:"calc(-50% + 20px)",right:"calc(50% + 20px)","& .MuiStepConnector-line":{borderTopWidth:2,borderColor:o.palette.divider},"&.Mui-active, &.Mui-completed":{"& .MuiStepConnector-line":{borderColor:o.palette.primary.main}}}));var C=({active:o,completed:e})=>jsx(S,{alignItems:"center",justifyContent:"center",sx:{width:24,height:24,color:"text.disabled",...o&&{color:"primary.main"}},children:e?jsx(a,{icon:"SIMPLE_CHECK",color:"primary.main"}):jsx(s,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"currentColor"}})}),b=({steps:o,activeStep:e,showLabels:n=!0,sx:c,...a})=>jsx(u,{alternativeLabel:!0,activeStep:e,connector:jsx(i,{}),sx:c,...a,children:o.map(r=>jsx(d,{children:jsx(f,{StepIconComponent:C,sx:{"& .MuiStepLabel-label":{typography:"subtitle2"}},children:n&&r})},r))}),w=b;
+
+export { w as default };

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

@@ -1,8 +1,14 @@
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
 import * as _mui_material_styles from '@mui/material/styles';
-import { StyledTabProps } from './props.js';
-import 'react';
+import { ReactNode } from 'react';
+
+interface StyledTabProps {
+    hasChanges?: boolean;
+    icon: ReactNode;
+    label: ReactNode;
+    onClose: VoidFunction;
+}
 
 declare const StyledTab: _emotion_styled.StyledComponent<StyledTabProps & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
 

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

@@ -2,7 +2,12 @@ import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
 import * as _mui_material_styles from '@mui/material/styles';
 import * as react from 'react';
-import { StyledTabsProps } from './props.js';
+import { SyntheticEvent } from 'react';
+
+interface StyledTabsProps {
+    value: number;
+    onChange: (event: SyntheticEvent, newValue: number) => void;
+}
 
 declare const StyledTabs: _emotion_styled.StyledComponent<StyledTabsProps & {
     children?: react.ReactNode;

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { StackProps } from '@mui/material/Stack';
+
+interface SummaryProps extends StackProps {
+    data: {
+        id: string;
+        label: ReactNode;
+        value?: ReactNode;
+    }[];
+}
+
+declare const Summary: ({ data, ...other }: SummaryProps) => react_jsx_runtime.JSX.Element | null;
+
+export { Summary as default };

package/dist/components/Summary/index.mjs

@@ -0,0 +1,8 @@
+import n from '@mui/material/Stack';
+import { styled } from '@mui/material/styles';
+import a from '@mui/material/Typography';
+import { jsx } from 'react/jsx-runtime';
+
+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;
+
+export { c as default };

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

@@ -1,6 +1,25 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SwapListProps } from './props.js';
-import 'react';
+import { ReactNode } from 'react';
+
+interface Item {
+    id: string;
+    name: string;
+    label: ReactNode;
+}
+interface SwapListProps {
+    selectedItems: Item[];
+    items: Item[];
+    loading: boolean;
+    searchText: string;
+    onAdd(list: Item[]): void;
+    onRemove(list: Item[]): void;
+    search: string | undefined;
+    onSearch(value: string | undefined): void;
+    itemsTitle: ReactNode;
+    selectedItemsTitle: ReactNode;
+    additionalContent?: ReactNode;
+    enableSearchInSelectedItems?: boolean;
+}
 
 declare const SwapList: ({ selectedItems, items, loading, searchText, onAdd, onRemove, search, itemsTitle, selectedItemsTitle, additionalContent, enableSearchInSelectedItems, onSearch, }: SwapListProps) => react_jsx_runtime.JSX.Element;
 

package/dist/components/SwapList/index.mjs

@@ -1,20 +1,22 @@
-import { b, a as a$4 } from '../../chunk-MAKO5GLN.mjs';
 import { a } from '../../chunk-OUPUY4L2.mjs';
 import { a as a$1 } from '../../chunk-2ZLS7IUJ.mjs';
 import { a as a$2 } from '../../chunk-WHA7HOMZ.mjs';
 import { a as a$3 } from '../../chunk-SXVKHA6L.mjs';
 import '../../chunk-MUAMRRNL.mjs';
-import { a as a$5 } from '../../chunk-QHCGLZFD.mjs';
+import { a as a$4 } from '../../chunk-QHCGLZFD.mjs';
 import '../../chunk-KLIYANST.mjs';
 import { useState } from 'react';
-import m from '@mui/material/Checkbox';
-import F from '@mui/material/CircularProgress';
-import h from '@mui/material/Divider';
+import h from '@mui/material/Checkbox';
+import T from '@mui/material/CircularProgress';
+import f from '@mui/material/Divider';
 import o from '@mui/material/Stack';
 import S from '@mui/material/Typography';
 import { debounce } from '@mui/material/utils';
+import Q from '@mui/material/Box';
+import U from '@mui/material/Button';
+import { styled } from '@mui/material/styles';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var Q=({selectedItems:f,items:R,loading:L,searchText:g,onAdd:T,onRemove:D,search:P,itemsTitle:z,selectedItemsTitle:B,additionalContent:W,enableSearchInSelectedItems:$,onSearch:H})=>{let[A,K]=useState(""),N=debounce(H,400),c=R.filter(e=>!f.some(n=>n.id===e.id)),_=f.filter(e=>e.name?.toLowerCase().includes(A.toLowerCase())),s=$?_:R.filter(e=>f.some(n=>n.id===e.id)),[r,d]=useState([]),[i,p]=useState([]),M=()=>{T(r),d([]);},O=()=>{D(i),p([]);},j=e=>{p(e?s:[]);},G=e=>{d(e?c:[]);},V=(e,n)=>{p(n?l=>[...l,e]:l=>l.filter(k=>k.id!==e.id));},q=(e,n)=>{d(n?l=>[...l,e]:l=>l.filter(k=>k.id!==e.id));},E=e=>{e.key==="Enter"&&e.preventDefault();};return jsx(o,{children:jsxs(o,{direction:"row",alignItems:"center",gap:3,children:[jsx(b,{flex:1,children:jsxs(o,{flex:1,overflow:"hidden",children:[jsxs(o,{direction:"row",gap:1,padding:2,children:[jsx(m,{size:"small",indeterminate:r.length>0&&r.length!==c.length,checked:r.length>0&&r.length===c.length,onChange:e=>G(e.target.checked)}),jsxs(o,{children:[jsx(S,{variant:"subtitle2",color:"text.primary",children:`${z} cadastrados(as)`}),jsx(S,{variant:"caption",color:"text.disabled",children:`${r.length}/${c.length} selecionados`})]})]}),jsx(h,{}),jsxs(o,{p:2,flex:1,overflow:"hidden",children:[jsxs(o,{direction:"row",gap:1,children:[jsx(a,{iconPosition:"start",placeholder:"Buscar",onKeyDown:E,size:"small",fullWidth:!0,trigger:"change",onSearch:e=>N(e)}),W]}),jsx(a$1,{isLoading:L,loading:jsx(o,{alignItems:"center",justifyContent:"center",flex:1,children:jsx(F,{})}),isEmpty:c.length===0,empty:jsx(a$2,{text:P?`Nenhum ${g} encontrado`:`Nenhum ${g} dispon\xEDvel`,sx:{svg:{height:140}}}),children:jsx(a$3,{sx:{maxHeight:280},children:c.map(e=>jsxs(o,{gap:1,marginTop:"8px",children:[jsxs(o,{direction:"row",gap:.5,alignItems:"center",marginTop:"8px",children:[jsx(m,{size:"small",checked:r.includes(e),onChange:n=>q(e,n.target.checked)}),e.label]}),jsx(h,{})]},e.id))})})]})]})}),jsxs(o,{gap:3,children:[jsx(a$4,{variant:"outlined",onClick:M,children:jsx(a$5,{icon:"ARROW_RIGHT_SIMPLE"})}),jsx(a$4,{variant:"outlined",onClick:O,children:jsx(a$5,{icon:"ARROW_LEFT_SIMPLE"})})]}),jsx(b,{flex:1,children:jsxs(o,{flex:1,overflow:"hidden",children:[jsxs(o,{direction:"row",gap:1,padding:2,children:[jsx(m,{size:"small",indeterminate:i.length>0&&i.length!==s.length,checked:i.length>0&&i.length===s.length,onChange:e=>j(e.target.checked)}),jsxs(o,{children:[jsx(S,{variant:"subtitle2",color:"text.primary",children:`${B} selecionados(as)`}),jsx(S,{variant:"caption",color:"text.disabled",children:`${i.length}/${s.length} selecionados`})]})]}),jsx(h,{}),jsxs(o,{p:2,gap:1,overflow:"hidden",children:[$&&jsx(a,{iconPosition:"start",placeholder:"Buscar",size:"small",fullWidth:!0,trigger:"change",onSearch:e=>K(e??""),onKeyDown:E}),jsx(a$1,{isLoading:L,loading:jsx(o,{alignItems:"center",justifyContent:"center",flex:1,children:jsx(F,{})}),isEmpty:s.length===0,empty:jsx(a$2,{text:A?`Nenhum ${g} encontrado`:`Nenhum ${g} selecionado`,sx:{svg:{height:140},marginTop:"56px",backgroundColor:"transparent"}}),children:jsx(a$3,{sx:{maxHeight:280},children:s.map(e=>jsxs(o,{gap:1,children:[jsxs(o,{direction:"row",gap:.5,alignItems:"center",marginTop:"8px",children:[jsx(m,{size:"small",checked:i.includes(e),onChange:n=>V(e,n.target.checked)}),e.label]}),jsx(h,{})]},e.id))})})]})]})})]})})},de=Q;
+var b=styled(U)(({theme:n})=>({borderColor:n.palette.grey[300]})),C=styled(Q)(({theme:n})=>({display:"flex",border:`1.5px solid ${n.palette.grey[300]}`,height:450,borderRadius:8,flex:1,overflow:"hidden"}));var Y=({selectedItems:n,items:R,loading:L,searchText:g,onAdd:B,onRemove:D,search:P,itemsTitle:z,selectedItemsTitle:W,additionalContent:H,enableSearchInSelectedItems:$,onSearch:K})=>{let[A,N]=useState(""),_=debounce(K,400),d=R.filter(e=>!n.some(a=>a.id===e.id)),M=n.filter(e=>e.name?.toLowerCase().includes(A.toLowerCase())),s=$?M:R.filter(e=>n.some(a=>a.id===e.id)),[i,p]=useState([]),[l,m]=useState([]),O=()=>{B(i),p([]);},j=()=>{D(l),m([]);},G=e=>{m(e?s:[]);},V=e=>{p(e?d:[]);},q=(e,a)=>{m(a?c=>[...c,e]:c=>c.filter(k=>k.id!==e.id));},J=(e,a)=>{p(a?c=>[...c,e]:c=>c.filter(k=>k.id!==e.id));},E=e=>{e.key==="Enter"&&e.preventDefault();};return jsx(o,{children:jsxs(o,{direction:"row",alignItems:"center",gap:3,children:[jsx(C,{flex:1,children:jsxs(o,{flex:1,overflow:"hidden",children:[jsxs(o,{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=>V(e.target.checked)}),jsxs(o,{children:[jsx(S,{variant:"subtitle2",color:"text.primary",children:`${z} cadastrados(as)`}),jsx(S,{variant:"caption",color:"text.disabled",children:`${i.length}/${d.length} selecionados`})]})]}),jsx(f,{}),jsxs(o,{p:2,flex:1,overflow:"hidden",children:[jsxs(o,{direction:"row",gap:1,children:[jsx(a,{iconPosition:"start",placeholder:"Buscar",onKeyDown:E,size:"small",fullWidth:!0,trigger:"change",onSearch:e=>_(e)}),H]}),jsx(a$1,{isLoading:L,loading:jsx(o,{alignItems:"center",justifyContent:"center",flex:1,children:jsx(T,{})}),isEmpty:d.length===0,empty:jsx(a$2,{text:P?`Nenhum ${g} encontrado`:`Nenhum ${g} dispon\xEDvel`,sx:{svg:{height:140}}}),children:jsx(a$3,{sx:{maxHeight:280},children:d.map(e=>jsxs(o,{gap:1,marginTop:"8px",children:[jsxs(o,{direction:"row",gap:.5,alignItems:"center",marginTop:"8px",children:[jsx(h,{size:"small",checked:i.includes(e),onChange:a=>J(e,a.target.checked)}),e.label]}),jsx(f,{})]},e.id))})})]})]})}),jsxs(o,{gap:3,children:[jsx(b,{variant:"outlined",onClick:O,children:jsx(a$4,{icon:"ARROW_RIGHT_SIMPLE"})}),jsx(b,{variant:"outlined",onClick:j,children:jsx(a$4,{icon:"ARROW_LEFT_SIMPLE"})})]}),jsx(C,{flex:1,children:jsxs(o,{flex:1,overflow:"hidden",children:[jsxs(o,{direction:"row",gap:1,padding:2,children:[jsx(h,{size:"small",indeterminate:l.length>0&&l.length!==s.length,checked:l.length>0&&l.length===s.length,onChange:e=>G(e.target.checked)}),jsxs(o,{children:[jsx(S,{variant:"subtitle2",color:"text.primary",children:`${W} selecionados(as)`}),jsx(S,{variant:"caption",color:"text.disabled",children:`${l.length}/${s.length} selecionados`})]})]}),jsx(f,{}),jsxs(o,{p:2,gap:1,overflow:"hidden",children:[$&&jsx(a,{iconPosition:"start",placeholder:"Buscar",size:"small",fullWidth:!0,trigger:"change",onSearch:e=>N(e??""),onKeyDown:E}),jsx(a$1,{isLoading:L,loading:jsx(o,{alignItems:"center",justifyContent:"center",flex:1,children:jsx(T,{})}),isEmpty:s.length===0,empty:jsx(a$2,{text:A?`Nenhum ${g} encontrado`:`Nenhum ${g} selecionado`,sx:{svg:{height:140},marginTop:"56px",backgroundColor:"transparent"}}),children:jsx(a$3,{sx:{maxHeight:280},children:s.map(e=>jsxs(o,{gap:1,children:[jsxs(o,{direction:"row",gap:.5,alignItems:"center",marginTop:"8px",children:[jsx(h,{size:"small",checked:l.includes(e),onChange:a=>q(e,a.target.checked)}),e.label]}),jsx(f,{})]},e.id))})})]})]})})]})})},ke=Y;
 
-export { de as default };
+export { ke as default };

package/dist/components/TextMaxLine/index.mjs

@@ -1,10 +1,2 @@
-import { a } from '../../chunk-D7XCMUMB.mjs';
-import { forwardRef } from 'react';
-import u from '@mui/material/Link';
-import T from '@mui/material/Typography';
-import { useTheme } from '@mui/material/styles';
-import { jsx } from 'react/jsx-runtime';
-
-function x(o){return Math.round(parseFloat(o)*16)}function y(o){let e=useTheme(),t=a(),p=e.breakpoints.up(t==="xl"?"lg":t),h=(o==="h1"||o==="h2"||o==="h3"||o==="h4"||o==="h5"||o==="h6")&&e.typography[o][p]?e.typography[o][p]:e.typography[o],r=x(h.fontSize),i=Number(e.typography[o].lineHeight)*r,{fontWeight:f,letterSpacing:n}=e.typography[o];return {fontSize:r,lineHeight:i,fontWeight:f,letterSpacing:n}}var g=forwardRef(({asLink:o,variant:e="body1",line:t=2,persistent:p=!1,children:s,sx:h,...r},i)=>{let{lineHeight:f}=y(e),n={overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:t,WebkitBoxOrient:"vertical",...p&&{height:f*t},...h};return o?jsx(u,{color:"inherit",ref:i,variant:e,sx:{...n},...r,children:s}):jsx(T,{ref:i,variant:e,sx:{...n},...r,children:s})});g.displayName="TextMaxLine";var W=g;
-
-export { W as default };
+export { a as default } from '../../chunk-DCTTK6ND.mjs';
+import '../../chunk-D7XCMUMB.mjs';

package/dist/components/form/DatePicker/index.d.ts

@@ -5,11 +5,12 @@ import { Dayjs } from 'dayjs';
 import { BaseField } from '../../../types/baseField.js';
 import 'react-hook-form';
 
-type DatePickerProps = BaseField<Omit<DatePickerProps$1<Dayjs>, 'value'>> & {
+type DatePickerProps = BaseField<Omit<DatePickerProps$1<Dayjs>, 'value' | 'onChange'>> & {
     tabIndex?: number;
     helperText?: ReactNode;
     required?: boolean;
     value?: Date | null | undefined;
+    onChange(value: Date | null | undefined): void;
 };
 
 declare const DatePicker: ({ name, rules, tabIndex, helperText, required, ...other }: DatePickerProps) => react_jsx_runtime.JSX.Element;

package/dist/components/form/DatePicker/index.mjs

@@ -1,8 +1,8 @@
 import { useFormContext, Controller } from 'react-hook-form';
 import { DatePicker } from '@mui/x-date-pickers-pro';
-import k from 'dayjs';
+import C from 'dayjs';
 import { jsx } from 'react/jsx-runtime';
 
-var d=({name:p,rules:s,tabIndex:t,helperText:i,required:n,...o})=>{let{control:u}=useFormContext();return jsx(Controller,{name:p,control:u,rules:s,render:({field:{ref:m,onChange:f,...e},fieldState:{error:r}})=>jsx(DatePicker,{inputRef:m,format:"DD/MM/YYYY",...e,...o,value:e.value?k(e.value):null,onChange:l=>f(l?l.toDate():null),slotProps:{textField:{...o.slotProps?.textField,required:n,error:!!r,helperText:r?.message||i,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:t}},openPickerButton:{tabIndex:t}}})})},x=d;
+var d=({name:s,rules:p,tabIndex:o,helperText:u,required:i,...e})=>{let{control:m}=useFormContext();return jsx(Controller,{name:s,control:m,rules:p,render:({field:{ref:c,onChange:f,...t},fieldState:{error:r}})=>jsx(DatePicker,{inputRef:c,format:"DD/MM/YYYY",...t,...e,value:t.value?C(t.value):null,onChange:l=>{let a=l?l.toDate():null;f(a),e.onChange(a);},slotProps:{textField:{...e.slotProps?.textField,required:i,error:!!r,helperText:r?.message||u,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:o}},openPickerButton:{tabIndex:o}}})})},x=d;
 
 export { x as default };

package/dist/components/form/DateRangePicker/index.d.ts

@@ -5,7 +5,13 @@ import { Dayjs } from 'dayjs';
 import { BaseField } from '../../../types/baseField.js';
 import 'react-hook-form';
 
-type DateRangePickerProps = BaseField<DateRangePickerProps$1<Dayjs>> & {
+type DateRange = {
+    startDate?: Date | null | undefined;
+    endDate?: Date | null | undefined;
+};
+type DateRangePickerProps = BaseField<Omit<DateRangePickerProps$1<Dayjs>, 'value' | 'onChange'>> & {
+    value?: DateRange;
+    onChange(value?: DateRange): void;
     tabIndex?: number;
     helperText?: ReactNode;
     required?: boolean;

package/dist/components/form/DateRangePicker/index.mjs

@@ -1,8 +1,8 @@
 import { useFormContext, Controller } from 'react-hook-form';
 import { DateRangePicker } from '@mui/x-date-pickers-pro';
-import l from 'dayjs';
+import s from 'dayjs';
 import { jsx } from 'react/jsx-runtime';
 
-var k=({name:r,label:o,rules:i,tabIndex:D,helperText:d,required:p,...a})=>{let{control:f,setError:m}=useFormContext();return jsx(Controller,{name:r,control:f,rules:i,render:({field:{value:t,onChange:u},fieldState:{error:n}})=>jsx(DateRangePicker,{format:"DD/MM/YYYY",value:[t?.startDate?l(t.startDate):null,t?.endDate?l(t.endDate):null],onChange:e=>u({startDate:e[0]?e[0].toDate():null,endDate:e[1]?e[1].toDate():null}),onError:e=>{m(r,{message:e[0]||e[1]||void 0});},...a,slotProps:{textField:({position:e})=>({...a.slotProps?.textField,required:p,error:!!n,helperText:n?.message||d,autoComplete:"off",spellCheck:"false",fullWidth:!0,label:e==="start"?`${o} (Dt. In\xEDcio)`:`${o} (Dt. Fim)`,inputProps:{tabIndex:D}})},sx:{width:1}})})},h=k;
+var C=({name:o,label:a,rules:D,tabIndex:d,helperText:p,required:f,...r})=>{let{control:m,setError:u}=useFormContext();return jsx(Controller,{name:o,control:m,rules:D,render:({field:{value:t,onChange:c},fieldState:{error:n}})=>jsx(DateRangePicker,{...r,format:"DD/MM/YYYY",value:[t?.startDate?s(t.startDate):null,t?.endDate?s(t.endDate):null],onChange:e=>{let l={startDate:e[0]?e[0].toDate():null,endDate:e[1]?e[1].toDate():null};c(l),r.onChange(l);},onError:e=>{u(o,{message:e[0]||e[1]||void 0});},slotProps:{textField:({position:e})=>({...r.slotProps?.textField,required:f,error:!!n,helperText:n?.message||p,autoComplete:"off",spellCheck:"false",fullWidth:!0,label:e==="start"?`${a} (Dt. In\xEDcio)`:`${a} (Dt. Fim)`,inputProps:{tabIndex:d}})},sx:{width:1}})})},F=C;
 
-export { h as default };
+export { F as default };

package/dist/components/form/DateTimePicker/index.d.ts

@@ -5,11 +5,12 @@ import { Dayjs } from 'dayjs';
 import { BaseField } from '../../../types/baseField.js';
 import 'react-hook-form';
 
-type DateTimePickerProps = BaseField<Omit<DateTimePickerProps$1<Dayjs>, 'value'>> & {
+type DateTimePickerProps = BaseField<Omit<DateTimePickerProps$1<Dayjs>, 'value' | 'onChange'>> & {
     tabIndex?: number;
     helperText?: ReactNode;
     required?: boolean;
     value?: Date | null | undefined;
+    onChange(value: Date | null | undefined): void;
 };
 
 declare const DateTimePicker: ({ name, rules, tabIndex, helperText, required, ...other }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;

package/dist/components/form/DateTimePicker/index.mjs

@@ -1,8 +1,8 @@
 import { useFormContext, Controller } from 'react-hook-form';
 import { DateTimePicker } from '@mui/x-date-pickers-pro';
-import k from 'dayjs';
+import C from 'dayjs';
 import { jsx } from 'react/jsx-runtime';
 
-var T=({name:m,rules:a,tabIndex:t,helperText:p,required:s,...o})=>{let{control:n}=useFormContext();return jsx(Controller,{name:m,control:n,rules:a,render:({field:{ref:u,onChange:f,...e},fieldState:{error:r}})=>jsx(DateTimePicker,{format:"DD/MM/YYYY HH:mm",inputRef:u,...e,...o,value:e.value?k(e.value):null,onChange:l=>f(l?l.toDate():null),slotProps:{textField:{...o.slotProps?.textField,required:s,error:!!r,helperText:r?.message||p,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:t}},openPickerButton:{tabIndex:t}}})})},h=T;
+var T=({name:m,rules:n,tabIndex:o,helperText:s,required:p,...e})=>{let{control:u}=useFormContext();return jsx(Controller,{name:m,control:u,rules:n,render:({field:{ref:c,onChange:f,...t},fieldState:{error:r}})=>jsx(DateTimePicker,{format:"DD/MM/YYYY HH:mm",inputRef:c,...t,...e,value:t.value?C(t.value):null,onChange:l=>{let i=l?l.toDate():null;f(i),e.onChange(i);},slotProps:{textField:{...e.slotProps?.textField,required:p,error:!!r,helperText:r?.message||s,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:o}},openPickerButton:{tabIndex:o}}})})},h=T;
 
 export { h as default };

package/dist/components/form/TimePicker/index.d.ts

@@ -5,11 +5,12 @@ import { Dayjs } from 'dayjs';
 import { BaseField } from '../../../types/baseField.js';
 import 'react-hook-form';
 
-type TimePickerProps = BaseField<Omit<TimePickerProps$1<Dayjs>, 'components' | 'value'>> & {
+type TimePickerProps = BaseField<Omit<TimePickerProps$1<Dayjs>, 'components' | 'value' | 'onChange'>> & {
     tabIndex?: number;
     helperText?: ReactNode;
     required?: boolean;
     value?: Date | null | undefined;
+    onChange(value: Date | null | undefined): void;
 };
 
 declare const TimePicker: ({ name, rules, tabIndex, helperText, required, ...other }: TimePickerProps) => react_jsx_runtime.JSX.Element;

package/dist/components/form/TimePicker/index.mjs

@@ -3,6 +3,6 @@ import { TimePicker } from '@mui/x-date-pickers-pro';
 import T from 'dayjs';
 import { jsx } from 'react/jsx-runtime';
 
-var d=({name:i,rules:p,tabIndex:o,helperText:s,required:n,...r})=>{let{control:u}=useFormContext();return jsx(Controller,{name:i,control:u,rules:p,render:({field:{ref:a,onChange:f,...e},fieldState:{error:t}})=>jsx(TimePicker,{ampm:!1,format:"HH:mm",inputRef:a,...e,...r,value:e.value?T(e.value):null,onChange:l=>f(l?l.toDate():null),slotProps:{textField:{...r.slotProps?.textField,error:!!t,required:n,helperText:t?.message||s,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:o}},openPickerButton:{tabIndex:o}}})})},F=d;
+var d=({name:n,rules:s,tabIndex:t,helperText:p,required:a,...e})=>{let{control:u}=useFormContext();return jsx(Controller,{name:n,control:u,rules:s,render:({field:{ref:f,onChange:c,...o},fieldState:{error:r}})=>jsx(TimePicker,{ampm:!1,format:"HH:mm",inputRef:f,...o,...e,value:o.value?T(o.value):null,onChange:l=>{let m=l?l.toDate():null;c(m),e.onChange(m);},slotProps:{textField:{...e.slotProps?.textField,error:!!r,required:a,helperText:r?.message||p,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:t}},openPickerButton:{tabIndex:t}}})})},F=d;
 
 export { F as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "license": "MIT",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/dist/chunk-MAKO5GLN.mjs

@@ -1,7 +0,0 @@
-import e from '@mui/material/Box';
-import t from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-
-var i=styled(t)(({theme:o})=>({borderColor:o.palette.grey[300]})),a=styled(e)(({theme:o})=>({display:"flex",border:`1.5px solid ${o.palette.grey[300]}`,height:450,borderRadius:8,flex:1,overflow:"hidden"}));
-
-export { i as a, a as b };

package/dist/components/StyledTab/props.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-
-interface StyledTabProps {
-    hasChanges?: boolean;
-    icon: ReactNode;
-    label: ReactNode;
-    onClose: VoidFunction;
-}
-
-export { StyledTabProps };

package/dist/components/StyledTab/props.mjs

@@ -1 +0,0 @@
-

package/dist/components/StyledTabs/props.d.ts

@@ -1,8 +0,0 @@
-import { SyntheticEvent } from 'react';
-
-interface StyledTabsProps {
-    value: number;
-    onChange: (event: SyntheticEvent, newValue: number) => void;
-}
-
-export { StyledTabsProps };

package/dist/components/StyledTabs/props.mjs

@@ -1 +0,0 @@
-

package/dist/components/SwapList/props.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-
-interface Item {
-    id: string;
-    name: string;
-    label: ReactNode;
-}
-interface SwapListProps {
-    selectedItems: Item[];
-    items: Item[];
-    loading: boolean;
-    searchText: string;
-    onAdd(list: Item[]): void;
-    onRemove(list: Item[]): void;
-    search: string | undefined;
-    onSearch(value: string | undefined): void;
-    itemsTitle: ReactNode;
-    selectedItemsTitle: ReactNode;
-    additionalContent?: ReactNode;
-    enableSearchInSelectedItems?: boolean;
-}
-
-export { Item, SwapListProps };

package/dist/components/SwapList/props.mjs

@@ -1 +0,0 @@
-

package/dist/components/SwapList/styles.d.ts

@@ -1,16 +0,0 @@
-import * as _emotion_styled from '@emotion/styled';
-import * as _mui_system from '@mui/system';
-import * as _mui_material_styles from '@mui/material/styles';
-import * as react from 'react';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-import * as _mui_material from '@mui/material';
-import * as _mui_material_Button from '@mui/material/Button';
-
-declare const StyledSwapButton: _emotion_styled.StyledComponent<_mui_material_Button.ButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
-}, "className" | "children" | "style" | "tabIndex" | "sx" | "color" | "classes" | "href" | "disabled" | "size" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon" | "variant"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
-declare const Card: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
-
-export { Card, StyledSwapButton };

package/dist/components/SwapList/styles.mjs

@@ -1 +0,0 @@
-export { b as Card, a as StyledSwapButton } from '../../chunk-MAKO5GLN.mjs';