@zydon/common 2.7.75 → 2.7.77

package/dist/{chunk-VPKUUY5Q.js → chunk-74KBZX6F.js}

@@ -1,8 +1,8 @@
 import { a } from './chunk-LDGBS7ZI.js';
+import { a as a$3, b } from './chunk-TWSAWMZ3.js';
 import { a as a$5 } from './chunk-WUFEPE2G.js';
 import { c, b as b$1 } from './chunk-2WG6OWB4.js';
 import { a as a$1, e } from './chunk-6W52DPH4.js';
-import { a as a$3, b } from './chunk-TWSAWMZ3.js';
 import { p, r, a as a$2 } from './chunk-EQYL7U3J.js';
 import { d, a as a$4 } from './chunk-GLRLKFPS.js';
 import { useEffect, useMemo } from 'react';
@@ -15,4 +15,4 @@ var W=t=>({lighter:lighten(t,.815),light:lighten(t,.225),main:t,dark:darken(t,.1
 
 export { x as a, te as b };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-VPKUUY5Q.js.map
+//# sourceMappingURL=chunk-74KBZX6F.js.map

package/dist/chunk-QKKARUG5.js

@@ -0,0 +1,20 @@
+import { a as a$4 } from './chunk-6ZSTKYGL.js';
+import { a as a$1 } from './chunk-RPPQBAVO.js';
+import { a as a$3 } from './chunk-IJZCVZ32.js';
+import { a as a$5 } from './chunk-NQNNMRLC.js';
+import { a as a$2 } from './chunk-XWUVJ22J.js';
+import { useState } from 'react';
+import W from '@mui/material/Button';
+import z from '@mui/material/CircularProgress';
+import v from '@mui/material/Grid';
+import a from '@mui/material/Stack';
+import c from '@mui/material/Typography';
+import $ from '@mui/material/Card';
+import { styled, alpha } from '@mui/material/styles';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var b=styled($,{shouldForwardProp:t=>t!=="active"})(({theme:t,active:n})=>({boxShadow:"none",cursor:"pointer",borderRadius:8,borderStyle:"solid",borderWidth:1.5,borderColor:n?t.palette.primary.main:t.palette.grey[300],color:t.palette.primary.main,backgroundColor:n?alpha(t.palette.primary.main,.04):"white","&:hover":{borderColor:t.palette.primary.main}}));var D=({title:t,action:n,loading:w,items:i,values:l,onChange:y,disabled:s=!1})=>{let[m,x]=useState(),f=e=>l.includes(e),k=m?i.filter(e=>e.title.toLowerCase().includes(m.toLowerCase())):i,I=e=>{if(s)return;let o=f(e.value),p;o?p=l.filter(O=>O!==e.value):p=[...l,e.value],y(p);},P=()=>{s||(l.length===i.length?y([]):y(i.map(e=>e.value)));},R=new Intl.PluralRules("pt-BR"),T=new Map([["one","selecionado"],["other","selecionados"]]),E=e=>{let o=R.select(e),p=T.get(o);return `${e} ${p}`};return jsxs(a,{gap:1.5,height:450,children:[jsxs(a,{direction:"row",justifyContent:"space-between",children:[typeof t=="string"?jsx(c,{variant:"overline",color:"text.disabled",children:t}):t,jsx(c,{variant:"overline",color:"text.disabled",children:l.length===0?"nenhum selecionado":E(l.length)})]}),jsxs(a,{direction:"row",alignItems:"center",spacing:1.5,children:[jsx(a$1,{fullWidth:!0,size:"small",iconPosition:"start",placeholder:"Buscar",trigger:"change",onSearch:e=>x(e),onKeyDown:e=>{e.key==="Enter"&&e.preventDefault();}}),n?jsx(Fragment,{children:n}):jsx(W,{onClick:P,size:"small",disabled:s,children:jsx(c,{variant:"overline",children:"TODOS"})})]}),jsx(a$2,{children:jsx(a,{flex:1,mb:2,children:jsx(a$3,{isLoading:w,loading:jsx(a,{alignItems:"center",mt:3,children:jsx(z,{})}),isEmpty:i.length===0,empty:jsx(a$4,{sx:{svg:{height:140}},text:m?`N\xE3o foi possivel encontrar o item "${m}"`:"Nenhum item dispon\xEDvel"}),children:jsx(v,{container:!0,spacing:1.5,children:k.map(e=>jsx(v,{item:!0,xs:4,children:jsx(b,{active:f(e.value),onClick:()=>I(e),sx:{cursor:s?"default":"pointer",opacity:s?.6:1},children:jsxs(a,{padding:1.5,width:"100%",children:[jsxs(a,{direction:"row",alignItems:"center",justifyContent:"space-between",children:[jsx(c,{color:f(e.value)?"primary.main":"text.primary",variant:"subtitle2",textAlign:"left",noWrap:!0,children:e.title}),f(e.value)&&jsx(a$5,{icon:"CHECK_CIRCLE",width:24})]}),e.options.map(o=>jsx(c,{mt:1,variant:"body2",color:"text.disabled",fontSize:12,textAlign:"left",noWrap:!0,children:`${o.label}: ${o.value}`},o.label))]})})},e.title))})})})})]})},ee=D;
+
+export { ee as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-QKKARUG5.js.map

package/dist/chunk-QKKARUG5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SelectableCards/index.tsx","../src/components/SelectableCards/style.ts"],"names":["useState","Button","CircularProgress","Grid","Stack","Typography","Card","alpha","styled","StyledCard","prop","theme","active","Fragment","jsx","jsxs","SelectableCards","title","action","loading","items","values","onChange","disabled","search","setSearch","isSelected","itemId","filteredItems","item","onSelectItem","isItemAlreadySelected","newSelectedOptions","element","selectAllItems","enCardinalRules","strings","formatStrings","n","rule","suffix","SearchInput_default","value","event","Scrollbar_default","Result_default","EmptyView_default","Icon_default","option","SelectableCards_default"],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\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';\n\nimport { Option, SelectableCardsProps } from './props';\nimport { StyledCard } from './style';\n\nconst SelectableCards = ({\n  title,\n  action,\n  loading,\n  items,\n  values,\n  onChange,\n  disabled = false,\n}: SelectableCardsProps) => {\n  const [search, setSearch] = useState<string>();\n\n  const isSelected = (itemId: string) => {\n    return values.includes(itemId);\n  };\n\n  const filteredItems = search\n    ? items.filter(item =>\n        item.title.toLowerCase().includes(search.toLowerCase()),\n      )\n    : items;\n\n  const onSelectItem = (item: Option) => {\n    if (disabled) return;\n    const isItemAlreadySelected = isSelected(item.value);\n\n    let newSelectedOptions: string[];\n\n    if (isItemAlreadySelected) {\n      newSelectedOptions = values.filter(element => element !== item.value);\n    } else {\n      newSelectedOptions = [...values, item.value];\n    }\n\n    onChange(newSelectedOptions);\n  };\n\n  const selectAllItems = () => {\n    if (disabled) return;\n    if (values.length === items.length) {\n      onChange([]);\n    } else {\n      onChange(items.map(item => item.value));\n    }\n  };\n\n  const enCardinalRules = new Intl.PluralRules('pt-BR');\n\n  const strings = new Map([\n    ['one', 'selecionado'],\n    ['other', 'selecionados'],\n  ]);\n\n  const formatStrings = (n: number) => {\n    const rule = enCardinalRules.select(n);\n    const suffix = strings.get(rule);\n    return `${n} ${suffix}`;\n  };\n\n  return (\n    <Stack gap={1.5} height={450}>\n      <Stack direction=\"row\" justifyContent=\"space-between\">\n        {typeof title === 'string' ? (\n          <Typography variant=\"overline\" color=\"text.disabled\">\n            {title}\n          </Typography>\n        ) : (\n          title\n        )}\n        <Typography variant=\"overline\" color=\"text.disabled\">\n          {values.length === 0\n            ? 'nenhum selecionado'\n            : formatStrings(values.length)}\n        </Typography>\n      </Stack>\n      <Stack direction=\"row\" alignItems=\"center\" spacing={1.5}>\n        <SearchInput\n          fullWidth\n          size=\"small\"\n          iconPosition=\"start\"\n          placeholder=\"Buscar\"\n          trigger=\"change\"\n          onSearch={value => setSearch(value)}\n          onKeyDown={event => {\n            if (event.key === 'Enter') {\n              event.preventDefault();\n            }\n          }}\n        />\n\n        {action ? (\n          <>{action}</>\n        ) : (\n          <Button onClick={selectAllItems} size=\"small\" disabled={disabled}>\n            <Typography variant=\"overline\">TODOS</Typography>\n          </Button>\n        )}\n      </Stack>\n\n      <Scrollbar>\n        <Stack flex={1} mb={2}>\n          <Result\n            isLoading={loading}\n            loading={\n              <Stack alignItems=\"center\" mt={3}>\n                <CircularProgress />\n              </Stack>\n            }\n            isEmpty={items.length === 0}\n            empty={\n              <EmptyView\n                sx={{ svg: { height: 140 } }}\n                text={\n                  search\n                    ? `Não foi possivel encontrar o item \"${search}\"`\n                    : 'Nenhum item disponível'\n                }\n              />\n            }\n          >\n            <Grid container spacing={1.5}>\n              {filteredItems.map(item => (\n                <Grid key={item.title} item xs={4}>\n                  <StyledCard\n                    active={isSelected(item.value)}\n                    onClick={() => onSelectItem(item)}\n                    sx={{\n                      cursor: disabled ? 'default' : 'pointer',\n                      opacity: disabled ? 0.6 : 1,\n                    }}\n                  >\n                    <Stack padding={1.5} width=\"100%\">\n                      <Stack\n                        direction=\"row\"\n                        alignItems=\"center\"\n                        justifyContent=\"space-between\"\n                      >\n                        <Typography\n                          color={\n                            isSelected(item.value)\n                              ? 'primary.main'\n                              : 'text.primary'\n                          }\n                          variant=\"subtitle2\"\n                          textAlign=\"left\"\n                          noWrap\n                        >\n                          {item.title}\n                        </Typography>\n\n                        {isSelected(item.value) && (\n                          <Icon icon=\"CHECK_CIRCLE\" width={24} />\n                        )}\n                      </Stack>\n\n                      {item.options.map(option => (\n                        <Typography\n                          key={option.label}\n                          mt={1}\n                          variant=\"body2\"\n                          color=\"text.disabled\"\n                          fontSize={12}\n                          textAlign=\"left\"\n                          noWrap\n                        >\n                          {`${option.label}: ${option.value}`}\n                        </Typography>\n                      ))}\n                    </Stack>\n                  </StyledCard>\n                </Grid>\n              ))}\n            </Grid>\n          </Result>\n        </Stack>\n      </Scrollbar>\n    </Stack>\n  );\n};\n\nexport default SelectableCards;\n","import Card from '@mui/material/Card';\nimport { alpha, styled } from '@mui/material/styles';\n\nexport type CardProps = {\n  active: boolean;\n};\n\nexport const StyledCard = styled(Card, {\n  shouldForwardProp: prop => prop !== 'active',\n})<CardProps>(({ theme, active }) => ({\n  boxShadow: 'none',\n  cursor: 'pointer',\n\n  borderRadius: 8,\n  borderStyle: 'solid',\n  borderWidth: 1.5,\n  borderColor: active ? theme.palette.primary.main : theme.palette.grey[300],\n\n  color: theme.palette.primary.main,\n  backgroundColor: active ? alpha(theme.palette.primary.main, 0.04) : 'white',\n\n  '&:hover': {\n    borderColor: theme.palette.primary.main,\n  },\n}));\n"]}

package/dist/{chunk-3UDEH2DM.js → chunk-YDLDZVF5.js}

@@ -1,11 +1,11 @@
 import { a } from './chunk-LNXA53QR.js';
 import { a as a$5 } from './chunk-KEOOC3EL.js';
-import { e } from './chunk-OF6623HG.js';
 import { a as a$2 } from './chunk-N4DW7EIC.js';
+import { e } from './chunk-OF6623HG.js';
 import { a as a$3 } from './chunk-45OMMG7D.js';
 import { a as a$6 } from './chunk-6U5LS7MP.js';
-import { a as a$4 } from './chunk-NQNNMRLC.js';
 import { j } from './chunk-VITOOMKK.js';
+import { a as a$4 } from './chunk-NQNNMRLC.js';
 import { a as a$7 } from './chunk-SVX7EWV4.js';
 import { a as a$1 } from './chunk-XNKYJHNL.js';
 import { memo, forwardRef, useMemo, useLayoutEffect, useState, useCallback, useRef, useEffect, useId } from 'react';
@@ -32,4 +32,4 @@ var Jo=({helperText:e,disabled:o,isError:r})=>e?jsx(Ko,{error:r,sx:n=>({mx:"14px
 
 export { _ as a, ye as b, Ke as c, Je as d, _o as e, Do as f, ma as g, Be as h, Ee as i, Ea as j, Lo as k, So as l, To as m, Oo as n, q as o, Qe as p, We as q, V as r, Rt as s, Lt as t, Nt as u, Xt as v, oi as w, ni as x };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-3UDEH2DM.js.map
+//# sourceMappingURL=chunk-YDLDZVF5.js.map

package/dist/components/AvatarButton/index.js

@@ -6,13 +6,13 @@ import { a as a$3 } from '../../chunk-NQNNMRLC.js';
 import '../../chunk-CIGSMWKF.js';
 import { a as a$1 } from '../../chunk-LQRRMVFN.js';
 import '../../chunk-UHXAPEIF.js';
-import '../../chunk-VPKUUY5Q.js';
+import '../../chunk-74KBZX6F.js';
 import '../../chunk-LDGBS7ZI.js';
+import '../../chunk-TWSAWMZ3.js';
+import '../../chunk-ROVD7OGE.js';
 import '../../chunk-WUFEPE2G.js';
 import '../../chunk-2WG6OWB4.js';
 import '../../chunk-6W52DPH4.js';
-import '../../chunk-TWSAWMZ3.js';
-import '../../chunk-ROVD7OGE.js';
 import '../../chunk-EQYL7U3J.js';
 import '../../chunk-GLRLKFPS.js';
 import j from '@mui/material/Avatar';

package/dist/components/Common/index.js

@@ -1,12 +1,12 @@
 import { a } from '../../chunk-NQNNMRLC.js';
 import '../../chunk-CIGSMWKF.js';
-import { b } from '../../chunk-VPKUUY5Q.js';
+import { b } from '../../chunk-74KBZX6F.js';
 import '../../chunk-LDGBS7ZI.js';
+import '../../chunk-TWSAWMZ3.js';
+import '../../chunk-ROVD7OGE.js';
 import '../../chunk-WUFEPE2G.js';
 import '../../chunk-2WG6OWB4.js';
 import '../../chunk-6W52DPH4.js';
-import '../../chunk-TWSAWMZ3.js';
-import '../../chunk-ROVD7OGE.js';
 import '../../chunk-EQYL7U3J.js';
 import { k } from '../../chunk-GLRLKFPS.js';
 import 'dayjs/locale/pt-br';

package/dist/components/DynamicDataView/index.js

@@ -1,11 +1,11 @@
 import { d, c as c$1 } from '../../chunk-N7IK5EUP.js';
 import { a } from '../../chunk-FK4XGRYF.js';
 import { h, a as a$3 } from '../../chunk-OF6623HG.js';
-import { a as a$2 } from '../../chunk-ZGSSTXUO.js';
-import '../../chunk-45OMMG7D.js';
 import { b } from '../../chunk-U7SYDDK7.js';
 import '../../chunk-RPPQBAVO.js';
 import '../../chunk-IJZCVZ32.js';
+import { a as a$2 } from '../../chunk-ZGSSTXUO.js';
+import '../../chunk-45OMMG7D.js';
 import '../../chunk-IDFJFFIV.js';
 import '../../chunk-6U5LS7MP.js';
 import '../../chunk-BNBE2OMA.js';

package/dist/components/FileUpload/index.js

@@ -1,15 +1,15 @@
-export { p as ContentType, q as FileContentType, i as FileThumbnail, a as HelperText, b as MultiFilePreview, s as MultipleFileUpload, t as MultipleImageUpload, c as SingleFilePreview, u as SingleFileUpload, v as SingleImageUpload, w as UploadAvatar, x as UploadSimpleBox, l as compressImageWithoutCrop, k as convertToWebP, n as encodeFilenameForHeader, d as fileFormat, g as fileNameByUrl, e as fileThumb, h as fileThumbnailClasses, f as fileTypeByUrl, m as getFileNameFromContentDisposition, j as isImageFile, o as useDropzoneUploader, r as useFileUploadService } from '../../chunk-3UDEH2DM.js';
+export { p as ContentType, q as FileContentType, i as FileThumbnail, a as HelperText, b as MultiFilePreview, s as MultipleFileUpload, t as MultipleImageUpload, c as SingleFilePreview, u as SingleFileUpload, v as SingleImageUpload, w as UploadAvatar, x as UploadSimpleBox, l as compressImageWithoutCrop, k as convertToWebP, n as encodeFilenameForHeader, d as fileFormat, g as fileNameByUrl, e as fileThumb, h as fileThumbnailClasses, f as fileTypeByUrl, m as getFileNameFromContentDisposition, j as isImageFile, o as useDropzoneUploader, r as useFileUploadService } from '../../chunk-YDLDZVF5.js';
 import '../../chunk-LNXA53QR.js';
 import '../../chunk-KEOOC3EL.js';
 import '../../chunk-ATVM2YRB.js';
 import '../../chunk-KGLU4CR2.js';
-import '../../chunk-OF6623HG.js';
 import '../../chunk-N4DW7EIC.js';
+import '../../chunk-OF6623HG.js';
 import '../../chunk-45OMMG7D.js';
 import '../../chunk-6U5LS7MP.js';
+import '../../chunk-VITOOMKK.js';
 import '../../chunk-NQNNMRLC.js';
 import '../../chunk-CIGSMWKF.js';
-import '../../chunk-VITOOMKK.js';
 import '../../chunk-RPO7AI5K.js';
 import '../../chunk-SVX7EWV4.js';
 import '../../chunk-XNKYJHNL.js';

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SelectableCardsProps } from '../../props-c546afde.js';
+import { S as SelectableCardsProps } from '../../props-3c81e5f4.js';
 import 'react';
 
-declare const SelectableCards: ({ title, action, loading, items, values, onChange, }: SelectableCardsProps) => react_jsx_runtime.JSX.Element;
+declare const SelectableCards: ({ title, action, loading, items, values, onChange, disabled, }: SelectableCardsProps) => react_jsx_runtime.JSX.Element;
 
 export { SelectableCards as default };

package/dist/components/SelectableCards/index.js

@@ -1,4 +1,4 @@
-export { a as default } from '../../chunk-KQTA6B4Y.js';
+export { a as default } from '../../chunk-QKKARUG5.js';
 import '../../chunk-6ZSTKYGL.js';
 import '../../chunk-RPPQBAVO.js';
 import '../../chunk-IJZCVZ32.js';

package/dist/components/ToggleTheme/index.js

@@ -1,12 +1,12 @@
 export { a as default } from '../../chunk-VCHDZXTF.js';
 import '../../chunk-UHXAPEIF.js';
-import '../../chunk-VPKUUY5Q.js';
+import '../../chunk-74KBZX6F.js';
 import '../../chunk-LDGBS7ZI.js';
+import '../../chunk-TWSAWMZ3.js';
+import '../../chunk-ROVD7OGE.js';
 import '../../chunk-WUFEPE2G.js';
 import '../../chunk-2WG6OWB4.js';
 import '../../chunk-6W52DPH4.js';
-import '../../chunk-TWSAWMZ3.js';
-import '../../chunk-ROVD7OGE.js';
 import '../../chunk-EQYL7U3J.js';
 import '../../chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map

package/dist/components/form/Address/index.js

@@ -1,5 +1,5 @@
-import { a as a$2 } from '../../../chunk-YXRL4O4H.js';
 import { a as a$1 } from '../../../chunk-P6HORLPW.js';
+import { a as a$2 } from '../../../chunk-YXRL4O4H.js';
 import '../../../chunk-DHRVSWFW.js';
 import { a as a$3 } from '../../../chunk-JZ55NEMI.js';
 import '../../../chunk-LY3IB5VH.js';

package/dist/components/form/FileUpload/index.js

@@ -1,15 +1,15 @@
-import { v, s, t, u } from '../../../chunk-3UDEH2DM.js';
+import { v, s, t, u } from '../../../chunk-YDLDZVF5.js';
 import '../../../chunk-LNXA53QR.js';
 import '../../../chunk-KEOOC3EL.js';
 import '../../../chunk-ATVM2YRB.js';
 import '../../../chunk-KGLU4CR2.js';
-import '../../../chunk-OF6623HG.js';
 import '../../../chunk-N4DW7EIC.js';
+import '../../../chunk-OF6623HG.js';
 import '../../../chunk-45OMMG7D.js';
 import '../../../chunk-6U5LS7MP.js';
+import '../../../chunk-VITOOMKK.js';
 import '../../../chunk-NQNNMRLC.js';
 import '../../../chunk-CIGSMWKF.js';
-import '../../../chunk-VITOOMKK.js';
 import '../../../chunk-RPO7AI5K.js';
 import '../../../chunk-SVX7EWV4.js';
 import '../../../chunk-XNKYJHNL.js';

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SelectableCardsProps$1 } from '../../../props-c546afde.js';
+import { S as SelectableCardsProps$1 } from '../../../props-3c81e5f4.js';
 import { BaseField } from '../../../types/baseField.js';
 import 'react';
 import 'react-hook-form';

package/dist/components/form/SelectableCards/index.js

@@ -1,4 +1,4 @@
-import { a } from '../../../chunk-KQTA6B4Y.js';
+import { a } from '../../../chunk-QKKARUG5.js';
 import '../../../chunk-6ZSTKYGL.js';
 import '../../../chunk-RPPQBAVO.js';
 import '../../../chunk-IJZCVZ32.js';

package/dist/hooks/useScreenSize.d.ts

@@ -0,0 +1,6 @@
+declare const useScreenSize: () => {
+    width: number;
+    height: number;
+};
+
+export { useScreenSize as default };

package/dist/hooks/useScreenSize.js

@@ -0,0 +1,7 @@
+import { useState, useEffect } from 'react';
+
+var d=()=>{let[i,n]=useState({width:window.innerWidth,height:window.innerHeight});return useEffect(()=>{let e=()=>{n({width:window.innerWidth,height:window.innerHeight});};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e);}},[]),i},o=d;
+
+export { o as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useScreenSize.js.map

package/dist/hooks/useScreenSize.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useScreenSize.ts"],"names":["useState","useEffect","useScreenSize","screenSize","setScreenSize","handleResize","useScreenSize_default"],"mappings":"AAAA,OAAS,YAAAA,EAAU,aAAAC,MAAiB,QAEpC,IAAMC,EAAgB,IAAM,CAC1B,GAAM,CAACC,EAAYC,CAAa,EAAIJ,EAAS,CAC3C,MAAO,OAAO,WACd,OAAQ,OAAO,WACjB,CAAC,EAED,OAAAC,EAAU,IAAM,CACd,IAAMI,EAAe,IAAM,CACzBD,EAAc,CACZ,MAAO,OAAO,WACd,OAAQ,OAAO,WACjB,CAAC,CACH,EAEA,cAAO,iBAAiB,SAAUC,CAAY,EAEvC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAY,CACnD,CACF,EAAG,CAAC,CAAC,EAEEF,CACT,EAEOG,EAAQJ","sourcesContent":["import { useState, useEffect } from 'react';\n\nconst useScreenSize = () => {\n  const [screenSize, setScreenSize] = useState({\n    width: window.innerWidth,\n    height: window.innerHeight,\n  });\n\n  useEffect(() => {\n    const handleResize = () => {\n      setScreenSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n    };\n\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  return screenSize;\n};\n\nexport default useScreenSize;\n"]}

package/dist/hooks/useSnackbar.d.ts

@@ -4,13 +4,13 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 
 declare const useSnackbar: () => {
-    toast: ((message: ReactNode | (() => ReactNode), data?: ExternalToast | undefined) => string | number) & {
-        success: (message: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
-        info: (message: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
-        warning: (message: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
-        error: (message: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
+    toast: ((message: (() => ReactNode) | ReactNode, data?: ExternalToast | undefined) => string | number) & {
+        success: (message: string | number | boolean | (() => ReactNode) | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | null | undefined, data?: ExternalToast | undefined) => string | number;
+        info: (message: string | number | boolean | (() => ReactNode) | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | null | undefined, data?: ExternalToast | undefined) => string | number;
+        warning: (message: string | number | boolean | (() => ReactNode) | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | null | undefined, data?: ExternalToast | undefined) => string | number;
+        error: (message: string | number | boolean | (() => ReactNode) | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | null | undefined, data?: ExternalToast | undefined) => string | number;
         custom: (jsx: (id: string | number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, data?: ExternalToast | undefined) => string | number;
-        message: (message: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
+        message: (message: string | number | boolean | (() => ReactNode) | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | null | undefined, data?: ExternalToast | undefined) => string | number;
         promise: <ToastData>(promise: Promise<ToastData> | (() => Promise<ToastData>), data?: ({
             className?: string | undefined;
             style?: react.CSSProperties | undefined;
@@ -45,7 +45,7 @@ declare const useSnackbar: () => {
             unwrap: () => Promise<ToastData>;
         };
         dismiss: (id?: string | number | undefined) => string | number;
-        loading: (message: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
+        loading: (message: string | number | boolean | (() => ReactNode) | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | null | undefined, data?: ExternalToast | undefined) => string | number;
     } & {
         getHistory: () => (sonner.ToastT | sonner.ToastToDismiss)[];
         getToasts: () => (sonner.ToastT | sonner.ToastToDismiss)[];

package/dist/hooks/useThemeToggle.js

@@ -1,11 +1,11 @@
 export { a as useThemeToggle } from '../chunk-UHXAPEIF.js';
-import '../chunk-VPKUUY5Q.js';
+import '../chunk-74KBZX6F.js';
 import '../chunk-LDGBS7ZI.js';
+import '../chunk-TWSAWMZ3.js';
+import '../chunk-ROVD7OGE.js';
 import '../chunk-WUFEPE2G.js';
 import '../chunk-2WG6OWB4.js';
 import '../chunk-6W52DPH4.js';
-import '../chunk-TWSAWMZ3.js';
-import '../chunk-ROVD7OGE.js';
 import '../chunk-EQYL7U3J.js';
 import '../chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CustomShadows } from './index-5a5e5dc8.js';
-export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from './index-5a5e5dc8.js';
+import { C as CustomShadows } from './index-c8f1e6e7.js';
+export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from './index-c8f1e6e7.js';
 export { S as SettingsContextValue, _ as SettingsProvider, T as ThemeProviderProps, u as useSettingsContext } from './settings-provider-38d09283.js';
 export { THEME_CONFIG, default as ThemeProvider } from './theme/theme-provider.js';
 import { S as SettingsState } from './settings-583c107c.js';

package/dist/index.js

@@ -1,11 +1,11 @@
 export { a as useThemeToggle } from './chunk-UHXAPEIF.js';
-export { b as ThemeProvider, a as createTheme } from './chunk-VPKUUY5Q.js';
+export { b as ThemeProvider, a as createTheme } from './chunk-74KBZX6F.js';
 import './chunk-LDGBS7ZI.js';
+import './chunk-TWSAWMZ3.js';
+import './chunk-ROVD7OGE.js';
 import './chunk-WUFEPE2G.js';
 export { c as SettingsProvider, b as useSettingsContext } from './chunk-2WG6OWB4.js';
 export { b as defaultFont, c as primaryFont, d as secondaryFont, a as shadows, e as typography } from './chunk-6W52DPH4.js';
-import './chunk-TWSAWMZ3.js';
-import './chunk-ROVD7OGE.js';
 export { l as action, k as background, m as basePalette, p as colorSchemes, i as common, a as components, q as createShadowColor, r as customShadows, o as darkPalette, h as error, b as grey, e as info, n as lightPalette, c as primary, d as secondary, f as success, j as text, g as warning } from './chunk-EQYL7U3J.js';
 export { a as THEME_CONFIG, q as bgBlur, p as bgGradient, o as borderGradient, j as createPaletteChannel, h as hexToRgbChannel, i as hexToRgbaChannel, l as hideScrollX, m as hideScrollY, r as maxLine, c as mediaQueries, t as menuItem, s as paper, f as pxToRem, e as remToPx, g as responsiveFontSizes, d as setFont, b as stylesMode, n as textGradient, k as varAlpha } from './chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map

package/dist/{props-c546afde.d.ts → props-3c81e5f4.d.ts}

@@ -15,6 +15,7 @@ interface SelectableCardsProps {
     items: Option[];
     values: string[];
     onChange: (value: string[]) => void;
+    disabled?: boolean;
 }
 
 export { SelectableCardsProps as S };

package/dist/theme/core/index.d.ts

@@ -1,4 +1,4 @@
-export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from '../../index-5a5e5dc8.js';
+export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from '../../index-c8f1e6e7.js';
 import '@mui/lab/TimelineConnector';
 import '@mui/system';
 import '@mui/lab/TimelineDot';

package/dist/theme/styles/index.d.ts

@@ -164,7 +164,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     flexShrink?: readonly ((string & {}) | csstype.Globals)[] | csstype.Property.FlexShrink | readonly NonNullable<csstype.Property.FlexShrink | undefined>[] | undefined;
     flexWrap?: csstype.Property.FlexWrap | readonly NonNullable<csstype.Property.FlexWrap | undefined>[] | readonly csstype.Property.FlexWrap[] | undefined;
     float?: csstype.Property.Float | readonly NonNullable<csstype.Property.Float | undefined>[] | readonly csstype.Property.Float[] | undefined;
-    fontFamily?: csstype.Property.FontFamily | readonly string[] | readonly csstype.Property.FontFamily[] | undefined;
+    fontFamily?: readonly string[] | csstype.Property.FontFamily | readonly csstype.Property.FontFamily[] | undefined;
     fontFeatureSettings?: readonly string[] | csstype.Property.FontFeatureSettings | readonly csstype.Property.FontFeatureSettings[] | undefined;
     fontKerning?: csstype.Property.FontKerning | readonly NonNullable<csstype.Property.FontKerning | undefined>[] | readonly csstype.Property.FontKerning[] | undefined;
     fontLanguageOverride?: readonly string[] | csstype.Property.FontLanguageOverride | readonly csstype.Property.FontLanguageOverride[] | undefined;
@@ -189,7 +189,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     fontVariantNumeric?: readonly string[] | csstype.Property.FontVariantNumeric | readonly csstype.Property.FontVariantNumeric[] | undefined;
     fontVariantPosition?: csstype.Property.FontVariantPosition | readonly NonNullable<csstype.Property.FontVariantPosition | undefined>[] | readonly csstype.Property.FontVariantPosition[] | undefined;
     fontVariationSettings?: readonly string[] | csstype.Property.FontVariationSettings | readonly csstype.Property.FontVariationSettings[] | undefined;
-    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ((string & {}) | csstype.Globals | "bold" | "normal" | "bolder" | "lighter")[] | undefined;
+    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ("bold" | (string & {}) | csstype.Globals | "normal" | "bolder" | "lighter")[] | undefined;
     forcedColorAdjust?: csstype.Property.ForcedColorAdjust | readonly NonNullable<csstype.Property.ForcedColorAdjust | undefined>[] | readonly csstype.Property.ForcedColorAdjust[] | undefined;
     gridAutoColumns?: readonly (string | (string & {}))[] | csstype.Property.GridAutoColumns<string | number> | readonly NonNullable<csstype.Property.GridAutoColumns<string | number> | undefined>[] | undefined;
     gridAutoFlow?: readonly string[] | csstype.Property.GridAutoFlow | readonly csstype.Property.GridAutoFlow[] | undefined;
@@ -416,7 +416,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     zIndex?: readonly ((string & {}) | csstype.Globals | "auto")[] | csstype.Property.ZIndex | readonly NonNullable<csstype.Property.ZIndex | undefined>[] | undefined;
     zoom?: csstype.Property.Zoom | readonly NonNullable<csstype.Property.Zoom | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "reset")[] | undefined;
     all?: csstype.Globals | readonly NonNullable<csstype.Globals | undefined>[] | readonly csstype.Globals[] | undefined;
-    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     animationRange?: readonly (string | (string & {}))[] | csstype.Property.AnimationRange<string | number> | readonly NonNullable<csstype.Property.AnimationRange<string | number> | undefined>[] | undefined;
     background?: readonly (string | (string & {}))[] | csstype.Property.Background<string | number> | readonly NonNullable<csstype.Property.Background<string | number> | undefined>[] | undefined;
     border?: readonly (string | (string & {}))[] | csstype.Property.Border<string | number> | readonly NonNullable<csstype.Property.Border<string | number> | undefined>[] | undefined;
@@ -425,7 +425,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     borderBlockStart?: readonly (string | (string & {}))[] | csstype.Property.BorderBlockStart<string | number> | readonly NonNullable<csstype.Property.BorderBlockStart<string | number> | undefined>[] | undefined;
     borderBottom?: readonly (string | (string & {}))[] | csstype.Property.BorderBottom<string | number> | readonly NonNullable<csstype.Property.BorderBottom<string | number> | undefined>[] | undefined;
     borderColor?: readonly string[] | csstype.Property.BorderColor | readonly csstype.Property.BorderColor[] | undefined;
-    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     borderInline?: readonly (string | (string & {}))[] | csstype.Property.BorderInline<string | number> | readonly NonNullable<csstype.Property.BorderInline<string | number> | undefined>[] | undefined;
     borderInlineEnd?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineEnd<string | number> | readonly NonNullable<csstype.Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
     borderInlineStart?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineStart<string | number> | readonly NonNullable<csstype.Property.BorderInlineStart<string | number> | undefined>[] | undefined;
@@ -457,7 +457,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     marginBlock?: readonly (string | (string & {}))[] | csstype.Property.MarginBlock<string | number> | readonly NonNullable<csstype.Property.MarginBlock<string | number> | undefined>[] | undefined;
     marginInline?: readonly (string | (string & {}))[] | csstype.Property.MarginInline<string | number> | readonly NonNullable<csstype.Property.MarginInline<string | number> | undefined>[] | undefined;
     mask?: readonly (string | (string & {}))[] | csstype.Property.Mask<string | number> | readonly NonNullable<csstype.Property.Mask<string | number> | undefined>[] | undefined;
-    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     motion?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     offset?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     outline?: readonly (string | (string & {}))[] | csstype.Property.Outline<string | number> | readonly NonNullable<csstype.Property.Outline<string | number> | undefined>[] | undefined;
@@ -700,8 +700,8 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     WebkitUserModify?: csstype.Property.WebkitUserModify | readonly NonNullable<csstype.Property.WebkitUserModify | undefined>[] | readonly csstype.Property.WebkitUserModify[] | undefined;
     WebkitUserSelect?: csstype.Property.UserSelect | readonly NonNullable<csstype.Property.UserSelect | undefined>[] | readonly csstype.Property.UserSelect[] | undefined;
     WebkitWritingMode?: csstype.Property.WritingMode | readonly NonNullable<csstype.Property.WritingMode | undefined>[] | readonly csstype.Property.WritingMode[] | undefined;
-    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     MozColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     MozColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     MozOutlineRadius?: readonly (string | (string & {}))[] | csstype.Property.MozOutlineRadius<string | number> | readonly NonNullable<csstype.Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -712,16 +712,16 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     msScrollSnapX?: readonly string[] | csstype.Property.MsScrollSnapX | readonly csstype.Property.MsScrollSnapX[] | undefined;
     msScrollSnapY?: readonly string[] | csstype.Property.MsScrollSnapY | readonly csstype.Property.MsScrollSnapY[] | undefined;
     msTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
-    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     WebkitBorderBefore?: readonly (string | (string & {}))[] | csstype.Property.WebkitBorderBefore<string | number> | readonly NonNullable<csstype.Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     WebkitBorderRadius?: readonly (string | (string & {}))[] | csstype.Property.BorderRadius<string | number> | readonly NonNullable<csstype.Property.BorderRadius<string | number> | undefined>[] | undefined;
     WebkitColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     WebkitColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     WebkitFlex?: readonly (string | (string & {}))[] | csstype.Property.Flex<string | number> | readonly NonNullable<csstype.Property.Flex<string | number> | undefined>[] | undefined;
     WebkitFlexFlow?: readonly string[] | csstype.Property.FlexFlow | readonly csstype.Property.FlexFlow[] | undefined;
     WebkitMask?: readonly (string | (string & {}))[] | csstype.Property.WebkitMask<string | number> | readonly NonNullable<csstype.Property.WebkitMask<string | number> | undefined>[] | undefined;
-    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     WebkitTextEmphasis?: readonly string[] | csstype.Property.TextEmphasis | readonly csstype.Property.TextEmphasis[] | undefined;
     WebkitTextStroke?: readonly (string | (string & {}))[] | csstype.Property.WebkitTextStroke<string | number> | readonly NonNullable<csstype.Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
     WebkitTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
@@ -802,7 +802,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     MozTransitionTimingFunction?: readonly string[] | csstype.Property.TransitionTimingFunction | readonly csstype.Property.TransitionTimingFunction[] | undefined;
     MozUserInput?: csstype.Property.MozUserInput | readonly NonNullable<csstype.Property.MozUserInput | undefined>[] | readonly csstype.Property.MozUserInput[] | undefined;
     msImeMode?: csstype.Property.ImeMode | readonly NonNullable<csstype.Property.ImeMode | undefined>[] | readonly csstype.Property.ImeMode[] | undefined;
-    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     OAnimationDelay?: readonly string[] | csstype.Property.AnimationDelay<string & {}> | readonly csstype.Property.AnimationDelay<string & {}>[] | undefined;
     OAnimationDirection?: readonly string[] | csstype.Property.AnimationDirection | readonly csstype.Property.AnimationDirection[] | undefined;
     OAnimationDuration?: readonly string[] | csstype.Property.AnimationDuration<string & {}> | readonly csstype.Property.AnimationDuration<string & {}>[] | undefined;
@@ -812,7 +812,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     OAnimationPlayState?: readonly string[] | csstype.Property.AnimationPlayState | readonly csstype.Property.AnimationPlayState[] | undefined;
     OAnimationTimingFunction?: readonly string[] | csstype.Property.AnimationTimingFunction | readonly csstype.Property.AnimationTimingFunction[] | undefined;
     OBackgroundSize?: readonly (string | (string & {}))[] | csstype.Property.BackgroundSize<string | number> | readonly NonNullable<csstype.Property.BackgroundSize<string | number> | undefined>[] | undefined;
-    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     OObjectFit?: csstype.Property.ObjectFit | readonly NonNullable<csstype.Property.ObjectFit | undefined>[] | readonly csstype.Property.ObjectFit[] | undefined;
     OObjectPosition?: readonly (string | (string & {}))[] | csstype.Property.ObjectPosition<string | number> | readonly NonNullable<csstype.Property.ObjectPosition<string | number> | undefined>[] | undefined;
     OTabSize?: readonly (string | (string & {}))[] | csstype.Property.TabSize<string | number> | readonly NonNullable<csstype.Property.TabSize<string | number> | undefined>[] | undefined;

package/dist/theme/theme-provider.js

@@ -1,10 +1,10 @@
-export { b as default } from '../chunk-VPKUUY5Q.js';
+export { b as default } from '../chunk-74KBZX6F.js';
 import '../chunk-LDGBS7ZI.js';
+import '../chunk-TWSAWMZ3.js';
+import '../chunk-ROVD7OGE.js';
 import '../chunk-WUFEPE2G.js';
 export { b as useSettingsContext } from '../chunk-2WG6OWB4.js';
 import '../chunk-6W52DPH4.js';
-import '../chunk-TWSAWMZ3.js';
-import '../chunk-ROVD7OGE.js';
 import '../chunk-EQYL7U3J.js';
 export { a as THEME_CONFIG } from '../chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map

package/dist/types/sectionProps.d.ts

@@ -1,5 +1,5 @@
-import { StackProps } from '@mui/material/Stack';
 import { MutableRefObject, ReactNode } from 'react';
+import { StackProps } from '@mui/material/Stack';
 
 interface SectionProps {
     title?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.7.75",
+  "version": "2.7.77",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",

package/dist/chunk-KQTA6B4Y.js

@@ -1,20 +0,0 @@
-import { a as a$4 } from './chunk-6ZSTKYGL.js';
-import { a as a$1 } from './chunk-RPPQBAVO.js';
-import { a as a$3 } from './chunk-IJZCVZ32.js';
-import { a as a$5 } from './chunk-NQNNMRLC.js';
-import { a as a$2 } from './chunk-XWUVJ22J.js';
-import { useState } from 'react';
-import L from '@mui/material/Button';
-import W from '@mui/material/CircularProgress';
-import C from '@mui/material/Grid';
-import a from '@mui/material/Stack';
-import p from '@mui/material/Typography';
-import O from '@mui/material/Card';
-import { styled, alpha } from '@mui/material/styles';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var b=styled(O,{shouldForwardProp:t=>t!=="active"})(({theme:t,active:i})=>({boxShadow:"none",cursor:"pointer",borderRadius:8,borderStyle:"solid",borderWidth:1.5,borderColor:i?t.palette.primary.main:t.palette.grey[300],color:t.palette.primary.main,backgroundColor:i?alpha(t.palette.primary.main,.04):"white","&:hover":{borderColor:t.palette.primary.main}}));var z=({title:t,action:i,loading:v,items:n,values:l,onChange:y})=>{let[d,w]=useState(),m=e=>l.includes(e),k=d?n.filter(e=>e.title.toLowerCase().includes(d.toLowerCase())):n,x=e=>{let o=m(e.value),s;o?s=l.filter(E=>E!==e.value):s=[...l,e.value],y(s);},I=()=>{l.length===n.length?y([]):y(n.map(e=>e.value));},P=new Intl.PluralRules("pt-BR"),R=new Map([["one","selecionado"],["other","selecionados"]]),T=e=>{let o=P.select(e),s=R.get(o);return `${e} ${s}`};return jsxs(a,{gap:1.5,height:450,children:[jsxs(a,{direction:"row",justifyContent:"space-between",children:[typeof t=="string"?jsx(p,{variant:"overline",color:"text.disabled",children:t}):t,jsx(p,{variant:"overline",color:"text.disabled",children:l.length===0?"nenhum selecionado":T(l.length)})]}),jsxs(a,{direction:"row",alignItems:"center",spacing:1.5,children:[jsx(a$1,{fullWidth:!0,size:"small",iconPosition:"start",placeholder:"Buscar",trigger:"change",onSearch:e=>w(e),onKeyDown:e=>{e.key==="Enter"&&e.preventDefault();}}),i?jsx(Fragment,{children:i}):jsx(L,{onClick:I,size:"small",children:jsx(p,{variant:"overline",children:"TODOS"})})]}),jsx(a$2,{children:jsx(a,{flex:1,mb:2,children:jsx(a$3,{isLoading:v,loading:jsx(a,{alignItems:"center",mt:3,children:jsx(W,{})}),isEmpty:n.length===0,empty:jsx(a$4,{sx:{svg:{height:140}},text:d?`N\xE3o foi possivel encontrar o item "${d}"`:"Nenhum item dispon\xEDvel"}),children:jsx(C,{container:!0,spacing:1.5,children:k.map(e=>jsx(C,{item:!0,xs:4,children:jsx(b,{active:m(e.value),onClick:()=>x(e),children:jsxs(a,{padding:1.5,width:"100%",children:[jsxs(a,{direction:"row",alignItems:"center",justifyContent:"space-between",children:[jsx(p,{color:m(e.value)?"primary.main":"text.primary",variant:"subtitle2",textAlign:"left",noWrap:!0,children:e.title}),m(e.value)&&jsx(a$5,{icon:"CHECK_CIRCLE",width:24})]}),e.options.map(o=>jsx(p,{mt:1,variant:"body2",color:"text.disabled",fontSize:12,textAlign:"left",noWrap:!0,children:`${o.label}: ${o.value}`},o.label))]})})},e.title))})})})})]})},Z=z;
-
-export { Z as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-KQTA6B4Y.js.map

package/dist/chunk-KQTA6B4Y.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SelectableCards/index.tsx","../src/components/SelectableCards/style.ts"],"names":["useState","Button","CircularProgress","Grid","Stack","Typography","Card","alpha","styled","StyledCard","prop","theme","active","Fragment","jsx","jsxs","SelectableCards","title","action","loading","items","values","onChange","search","setSearch","isSelected","itemId","filteredItems","item","onSelectItem","isItemAlreadySelected","newSelectedOptions","element","selectAllItems","enCardinalRules","strings","formatStrings","n","rule","suffix","SearchInput_default","value","event","Scrollbar_default","Result_default","EmptyView_default","Icon_default","option","SelectableCards_default"],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\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';\n\nimport { Option, SelectableCardsProps } from './props';\nimport { StyledCard } from './style';\n\nconst SelectableCards = ({\n  title,\n  action,\n  loading,\n  items,\n  values,\n  onChange,\n}: SelectableCardsProps) => {\n  const [search, setSearch] = useState<string>();\n\n  const isSelected = (itemId: string) => {\n    return values.includes(itemId);\n  };\n\n  const filteredItems = search\n    ? items.filter(item =>\n        item.title.toLowerCase().includes(search.toLowerCase()),\n      )\n    : items;\n\n  const onSelectItem = (item: Option) => {\n    const isItemAlreadySelected = isSelected(item.value);\n\n    let newSelectedOptions: string[];\n\n    if (isItemAlreadySelected) {\n      newSelectedOptions = values.filter(element => element !== item.value);\n    } else {\n      newSelectedOptions = [...values, item.value];\n    }\n\n    onChange(newSelectedOptions);\n  };\n\n  const selectAllItems = () => {\n    if (values.length === items.length) {\n      onChange([]);\n    } else {\n      onChange(items.map(item => item.value));\n    }\n  };\n\n  const enCardinalRules = new Intl.PluralRules('pt-BR');\n\n  const strings = new Map([\n    ['one', 'selecionado'],\n    ['other', 'selecionados'],\n  ]);\n\n  const formatStrings = (n: number) => {\n    const rule = enCardinalRules.select(n);\n    const suffix = strings.get(rule);\n    return `${n} ${suffix}`;\n  };\n\n  return (\n    <Stack gap={1.5} height={450}>\n      <Stack direction=\"row\" justifyContent=\"space-between\">\n        {typeof title === 'string' ? (\n          <Typography variant=\"overline\" color=\"text.disabled\">\n            {title}\n          </Typography>\n        ) : (\n          title\n        )}\n        <Typography variant=\"overline\" color=\"text.disabled\">\n          {values.length === 0\n            ? 'nenhum selecionado'\n            : formatStrings(values.length)}\n        </Typography>\n      </Stack>\n      <Stack direction=\"row\" alignItems=\"center\" spacing={1.5}>\n        <SearchInput\n          fullWidth\n          size=\"small\"\n          iconPosition=\"start\"\n          placeholder=\"Buscar\"\n          trigger=\"change\"\n          onSearch={value => setSearch(value)}\n          onKeyDown={event => {\n            if (event.key === 'Enter') {\n              event.preventDefault();\n            }\n          }}\n        />\n\n        {action ? (\n          <>{action}</>\n        ) : (\n          <Button onClick={selectAllItems} size=\"small\">\n            <Typography variant=\"overline\">TODOS</Typography>\n          </Button>\n        )}\n      </Stack>\n\n      <Scrollbar>\n        <Stack flex={1} mb={2}>\n          <Result\n            isLoading={loading}\n            loading={\n              <Stack alignItems=\"center\" mt={3}>\n                <CircularProgress />\n              </Stack>\n            }\n            isEmpty={items.length === 0}\n            empty={\n              <EmptyView\n                sx={{ svg: { height: 140 } }}\n                text={\n                  search\n                    ? `Não foi possivel encontrar o item \"${search}\"`\n                    : 'Nenhum item disponível'\n                }\n              />\n            }\n          >\n            <Grid container spacing={1.5}>\n              {filteredItems.map(item => (\n                <Grid key={item.title} item xs={4}>\n                  <StyledCard\n                    active={isSelected(item.value)}\n                    onClick={() => onSelectItem(item)}\n                  >\n                    <Stack padding={1.5} width=\"100%\">\n                      <Stack\n                        direction=\"row\"\n                        alignItems=\"center\"\n                        justifyContent=\"space-between\"\n                      >\n                        <Typography\n                          color={\n                            isSelected(item.value)\n                              ? 'primary.main'\n                              : 'text.primary'\n                          }\n                          variant=\"subtitle2\"\n                          textAlign=\"left\"\n                          noWrap\n                        >\n                          {item.title}\n                        </Typography>\n\n                        {isSelected(item.value) && (\n                          <Icon icon=\"CHECK_CIRCLE\" width={24} />\n                        )}\n                      </Stack>\n\n                      {item.options.map(option => (\n                        <Typography\n                          key={option.label}\n                          mt={1}\n                          variant=\"body2\"\n                          color=\"text.disabled\"\n                          fontSize={12}\n                          textAlign=\"left\"\n                          noWrap\n                        >\n                          {`${option.label}: ${option.value}`}\n                        </Typography>\n                      ))}\n                    </Stack>\n                  </StyledCard>\n                </Grid>\n              ))}\n            </Grid>\n          </Result>\n        </Stack>\n      </Scrollbar>\n    </Stack>\n  );\n};\n\nexport default SelectableCards;\n","import Card from '@mui/material/Card';\nimport { alpha, styled } from '@mui/material/styles';\n\nexport type CardProps = {\n  active: boolean;\n};\n\nexport const StyledCard = styled(Card, {\n  shouldForwardProp: prop => prop !== 'active',\n})<CardProps>(({ theme, active }) => ({\n  boxShadow: 'none',\n  cursor: 'pointer',\n\n  borderRadius: 8,\n  borderStyle: 'solid',\n  borderWidth: 1.5,\n  borderColor: active ? theme.palette.primary.main : theme.palette.grey[300],\n\n  color: theme.palette.primary.main,\n  backgroundColor: active ? alpha(theme.palette.primary.main, 0.04) : 'white',\n\n  '&:hover': {\n    borderColor: theme.palette.primary.main,\n  },\n}));\n"]}

package/dist/{index-5a5e5dc8.d.ts → index-c8f1e6e7.d.ts}

@@ -286,10 +286,13 @@ declare const components: {
     MuiTimelineDot: {
         defaultProps?: Partial<_mui_lab_TimelineDot.TimelineDotProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<keyof _mui_lab_TimelineDot.TimelineDotClasses, "MuiTimelineDot", {
-            transitions: _mui_material.Transitions;
+            cssVarPrefix: string;
+            zIndex: _mui_material.ZIndex;
+            direction: _mui_system.Direction;
+            opacity: _mui_material.Opacity;
+            typography: _mui_material.TypographyVariants;
             palette: _mui_material.Palette;
             colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
-            cssVarPrefix: string;
             vars: _mui_material.ThemeVars;
             getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
             getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -300,16 +303,13 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             shadows: _mui_material.Shadows;
             mixins: _mui_material.Mixins;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
             shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
             unstable_sxConfig: _mui_system.SxConfig;
             unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
             applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
-            opacity: _mui_material.Opacity;
             overlays: _mui_material.Overlays;
             customShadows: CustomShadows;
             unstable_strictMode?: boolean | undefined;
@@ -326,10 +326,13 @@ declare const components: {
     MuiTimelineConnector: {
         defaultProps?: Partial<_mui_lab_TimelineConnector.TimelineConnectorProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<"root", "MuiTimelineConnector", {
-            transitions: _mui_material.Transitions;
+            cssVarPrefix: string;
+            zIndex: _mui_material.ZIndex;
+            direction: _mui_system.Direction;
+            opacity: _mui_material.Opacity;
+            typography: _mui_material.TypographyVariants;
             palette: _mui_material.Palette;
             colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
-            cssVarPrefix: string;
             vars: _mui_material.ThemeVars;
             getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
             getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -340,16 +343,13 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             shadows: _mui_material.Shadows;
             mixins: _mui_material.Mixins;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
             shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
             unstable_sxConfig: _mui_system.SxConfig;
             unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
             applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
-            opacity: _mui_material.Opacity;
             overlays: _mui_material.Overlays;
             customShadows: CustomShadows;
             unstable_strictMode?: boolean | undefined;