@s_mart/dropzone 8.0.2 → 8.1.0-beta.0

package/dist/index.d.mts

@@ -1,8 +1,70 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Theme } from '@mui/material';
+import { StyledComponent } from '@emotion/styled';
+import { MUIStyledCommonProps } from '@mui/system';
+import { HtmlHTMLAttributes, LabelHTMLAttributes, HTMLAttributes } from 'react';
 import { FileValidated } from '@dropzone-ui/react';
-import { DropzoneProps as DropzoneProps$1 } from '@dropzone-ui/react/build/components/dropzone/components/Dropzone/DropzoneProps';
+import { DropzoneProps } from '@dropzone-ui/react/build/components/dropzone/components/Dropzone/DropzoneProps';
 import { FileItemProps } from '@dropzone-ui/react/build/components/file-item/components/FileItem/FileItemProps';
 
+type DropzoneComponent<Element extends HTMLAttributes<unknown>, Props extends Record<string, unknown> = Record<string, unknown>> = StyledComponent<MUIStyledCommonProps<Theme>, Element, Props>;
+declare const DropzoneRoot: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
+declare const DropzoneOverlay: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>, DropzoneOverlayAttrs>;
+declare const DropzoneLabelContainer: DropzoneComponent<LabelHTMLAttributes<HTMLLabelElement>, DropzoneLabelContainerAttrs>;
+declare const DropzoneListContainer: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
+declare const DropzoneListItem: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
+
+type DropzoneV2SlotProps = {
+    root?: Parameters<typeof DropzoneRoot>[0];
+    overlay?: Parameters<typeof DropzoneOverlay>[0];
+    labelContainer?: Parameters<typeof DropzoneLabelContainer>[0];
+    listContainer?: Parameters<typeof DropzoneListContainer>[0];
+    listItem?: Parameters<typeof DropzoneListItem>[0];
+};
+type DropzoneV2Props = {
+    onChange(files: File[]): void;
+    maxSize?: number;
+    maxFiles?: number;
+    /**
+     * @default 'Pressione para carregar os arquivos'
+     */
+    placeholder?: string;
+    /**
+     * @default undefined Aceita todos os arquivos
+     * @example '.png,.jpg,.jpeg'
+     */
+    accept?: string;
+    /**
+     * @description Acessa as propriedades dos componentes internos
+     */
+    slotProps?: DropzoneV2SlotProps;
+    /**
+     * @param message Mensagem tratado do erro
+     * @param errorFromCatch O erro capturado pelo `try catch`
+     */
+    onError: (message: string, errorFromCatch: unknown) => void;
+    /**
+     * @param message Mensagem tratado do erro
+     */
+    onWarning: (message: string) => void;
+};
+type DropzoneOverlayAttrs = {
+    /**
+     * Tipagem somente utilizada para linting para passar data attributes
+     */
+    'data-is-dragging': boolean;
+};
+type DropzoneLabelContainerAttrs = {
+    /**
+     * Tipagem somente utilizada para linting para passar data attributes
+     */
+    'data-has-files': boolean;
+    'data-max-files': number | undefined;
+    'data-is-processing-zip': boolean;
+};
+
+declare const DropzoneV2: (props: DropzoneV2Props) => react_jsx_runtime.JSX.Element;
+
 interface DropzoneOnNotificationProps {
     /**
      * @description Deve ser uma string, pois não sabemos qual lib de notificações são utilizadas e nem todas aceita `React.ReactNode`
@@ -15,7 +77,7 @@ interface DropzoneOnNotificationProps {
     duration: number;
     variant: 'warning' | 'error' | 'success' | 'info';
 }
-interface DropzoneProps extends Omit<DropzoneProps$1, 'children' | 'onReset' | 'onClean'> {
+interface DropzoneV1Props extends Omit<DropzoneProps, 'children' | 'onReset' | 'onClean'> {
     children?: React.ReactNode;
     /**
      * @description Prop responsável por exibir o botão de deletar todos os arquivos no canto superior direito do dropzone
@@ -38,12 +100,12 @@ interface DropzoneProps extends Omit<DropzoneProps$1, 'children' | 'onReset' | '
      * @default []
      * @type FileValidated[]
      **/
-    initialValue?: DropzoneFile[];
+    initialValue?: DropzoneV1File[];
     /**
      * @description Função que é chamada quando o usuário clica no botão de deletar um arquivo
      * @param files Lista de arquivos que restaram no dropzone
      */
-    onClean?: (files: DropzoneFile[]) => void;
+    onClean?: (files: DropzoneV1File[]) => void;
     /**
      *  @description Função que é chamada quando o usuário clica no botão de deletar todos os arquivos
      */
@@ -54,9 +116,9 @@ interface DropzoneProps extends Omit<DropzoneProps$1, 'children' | 'onReset' | '
     tratamentoFilesOnChange?: (incomingFiles: FileValidated[]) => Promise<FileValidated[]> | FileValidated[];
     onNotification(param: DropzoneOnNotificationProps): void;
 }
-interface DropzoneFile extends FileValidated {
+interface DropzoneV1File extends FileValidated {
 }
 
-declare const Dropzone: ({ showDeleteAllFilesButton, placeholder, fileItemProps, initialValue, onClean, onReset, tratamentoFilesOnChange, onNotification, ...rest }: DropzoneProps) => react_jsx_runtime.JSX.Element;
+declare const DropzoneV1: ({ showDeleteAllFilesButton, placeholder, fileItemProps, initialValue, onClean, onReset, tratamentoFilesOnChange, onNotification, ...rest }: DropzoneV1Props) => react_jsx_runtime.JSX.Element;
 
-export { Dropzone, type DropzoneFile, type DropzoneProps };
+export { DropzoneV1 as Dropzone, type DropzoneV1File as DropzoneFile, type DropzoneV1Props as DropzoneProps, DropzoneV1, type DropzoneV1File, type DropzoneV1Props, DropzoneV2, type DropzoneV2Props, type DropzoneV2SlotProps };

package/dist/index.mjs

@@ -1,4 +1,108 @@
-import{useEffect as x,useState as T}from"react";import{Dropzone as b,FileItem as A}from"@dropzone-ui/react";import{LIcon as P}from"@s_mart/core";import{Tooltip as w,Typography as q}from"@mui/material";import{lineTimes as k}from"@s_mart/regular-icons";import F from"@emotion/styled";import{colorPalette as f}from"@s_mart/tokens";var c=F.button`
+import{styled as T}from"@mui/material";import{colorPalette as k}from"@s_mart/tokens";var X=T("div")`
+  min-width: 300px;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 8px;
+  padding: 16px;
+`,Z=T("div")`
+  display: none;
+  position: absolute;
+  z-index: 20;
+  top: 0;
+  left: 0;
+  height: 0;
+  width: 0;
+  border: 0px dashed ${k.neutral[500]};
+  border-radius: 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &[data-is-dragging='true'] {
+    display: flex;
+    background-color: rgba(0, 0, 0, 0.3);
+    height: 99%;
+    width: 99.3%;
+    border-width: 2px;
+  }
+`,j=T("label")`
+  width: 100%;
+  pointer-events: all;
+  min-height: 40px;
+  height: 60px;
+  background-color: ${({theme:e})=>e.palette.primary.main};
+  border-radius: 16px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  padding: .5rem 1rem ;
+
+  cursor: pointer;
+  transition: all 0.5s ease;
+
+  &[data-max-files='1'] { 
+    min-height: 0;
+  }
+
+  &[data-has-files='true']{
+    height: 40px;
+  }
+
+  // Se tiver arquivos e o máximo de arquivos for 1
+  &[data-has-files='true'][data-max-files='1'] {
+    height: 0;
+  }
+
+  &[data-has-files='true'] #dropzone-upload-info { 
+    display: none;
+  }
+
+
+  // Se não tiver arquivos || tiver maximo de arquivos == 1 aplica no #dropzone-upload-more-label
+  &:not([data-has-files='true']) #dropzone-upload-more-label,
+  &[data-max-files='1'] #dropzone-upload-more-label{
+    display: none;
+   }
+
+  
+  & #dropzone-upload-more-label {
+    pointer-events: all;
+    color: white; 
+  }
+
+
+  // Se estiver processando zip, aplica no root e no #dropzone-upload-more-label
+  &[data-is-processing-zip='true'], 
+  &[data-is-processing-zip='true'] #dropzone-upload-more-label {
+    pointer-events: none;
+  }
+
+  &:hover {
+    background-color: ${({theme:e})=>e.palette.primary.dark};
+  }
+`,_=T("div")`
+  width: 100%;
+  max-height: 300px;
+  background-color: ${k.neutral[20]};
+  border-radius: 16px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  border: 8px solid ${k.neutral[20]};
+  gap: 8px;
+`,G=T("div")`
+  background-color: white;
+  border-radius: 16px;
+  padding: 8px;
+  gap: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`;import{Box as Fe,Tooltip as Q,Typography as $}from"@mui/material";import{IconButton as J,LIcon as U}from"@s_mart/core";import{lineTimes as Y}from"@s_mart/regular-icons";import{colorPalette as ee}from"@s_mart/tokens";import{useMemo as K}from"react";import{lineFile as De,linePicture as ze,lineXMLFile as ve}from"@s_mart/light-icons";import{lineFileCertificate as xe}from"@s_mart/regular-icons";var W=e=>{switch(e){case"application/xml":case"text/xml":return ve;case"image/gif":case"image/jpeg":case"image/png":case"image/svg":case"image/webp":return ze;case"application/pkcs12":return xe;default:return De}},E=e=>{let t="";return e<1024?t=`${e} Bytes`:e<1024*1024?t=`${(e/1024).toFixed(2)} KB`:e<1024*1024*1024&&(t=`${(e/1024/1024).toFixed(2)} MB`),t};var N=({filesInfo:e})=>{let t=K(()=>e.map(o=>({name:o.name,fileSize:E(o.size),icon:W(o.type)})),[e]),r=K(()=>({totalSize:E(e.reduce((o,i)=>o+i.size,0)),totalFilesLabel:e.length===1?"1 arquivo":`${e.length} arquivos`}),[e]);return{files:t,headerInfo:r}};import{jsx as D,jsxs as A}from"react/jsx-runtime";var oe=({filesInfo:e,onRemoveFile:t,onRemoveAllFiles:r,slotProps:o})=>{let{files:i,headerInfo:l}=N({filesInfo:e});return i.length===0?null:A(_,{...o?.listContainer,children:[A(Fe,{px:1,display:"flex",justifyContent:"space-between",alignItems:"center",children:[A($,{variant:"titleXXS",children:[l.totalFilesLabel," - ",l.totalSize]}),D(Q,{title:"Remover todos",children:D(J,{variant:"text",color:"neutral",sx:{borderRadius:50},onClick:r,children:D(U,{icon:Y,removeMargin:!0})})})]}),i.map((a,s)=>D(Q,{title:a.name,children:A(G,{...o?.listItem,children:[D(U,{icon:a.icon,removeMargin:!0,size:"24px"}),D($,{variant:"titleXXS",color:ee.neutral[600],whiteSpace:"nowrap",children:a.fileSize}),D($,{variant:"titleXXS",color:ee.neutral[600],overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textAlign:"center",children:a.name}),D(J,{variant:"text",color:"neutral",sx:{borderRadius:50},onClick:()=>t(s),children:D(U,{icon:Y,removeMargin:!0})})]})},`${a.name}-${s}`))]})};import{CircularProgress as te,Stack as V,Typography as H}from"@mui/material";import{LIcon as be}from"@s_mart/core";import{lineFileUpload as we}from"@s_mart/regular-icons";import{jsx as w,jsxs as P}from"react/jsx-runtime";var re=({placeholder:e,isProcessingZip:t})=>t?P("div",{children:[P(V,{gap:1,id:"dropzone-upload-info",direction:"row",alignItems:"center",children:[w(te,{sx:{color:"white"},size:24}),w(H,{variant:"titleSM",color:"white",children:"Descompactando zip..."})]}),P(V,{id:"dropzone-upload-more-label",gap:1,direction:"row",alignItems:"center",children:[w(te,{sx:{color:"white"},size:12}),w(H,{variant:"bodySM",fontWeight:700,children:"Descompactando zip..."})]})]}):P("div",{children:[P(V,{gap:1,id:"dropzone-upload-info",direction:"row",alignItems:"center",children:[w(be,{icon:we,size:"48px",color:"white",removeMargin:!0}),w(H,{variant:"titleSM",color:"white",children:e})]}),w(H,{id:"dropzone-upload-more-label",variant:"bodySM",fontWeight:700,children:"Carregar mais arquivos"})]});import{useCallback as ie,useEffect as Ce,useMemo as Me,useRef as ae,useState as O}from"react";var ne=async(e,t)=>{let r=[];for(let o of e.items){if(o.kind!=="file")continue;if(typeof o.webkitGetAsEntry=="function"){let l=o.webkitGetAsEntry();if(l===null)continue;let a=await Le(l);r.push(...a);continue}let i=o.getAsFile();i&&r.push(i)}return t!==void 0&&(r=Pe(r,t)),r},Le=e=>new Promise((t,r)=>{let o=0,i=[];l(e);function l(s){Ee(s)?(o++,s.file(g=>{o--,i.push(g),o===0&&t(i)})):Te(s)&&a(s.createReader())}function a(s){o++,s.readEntries(function(g){o--;for(let u of g)l(u);o===0&&t(i)})}}),Te=e=>e.isDirectory,Ee=e=>e.isFile,Pe=(e,t)=>{let r=[],o=t.split(",");for(let i of e){let l=`.${i.name.split(".").pop()?.toLowerCase()}`;o.includes(l)&&r.push(i)}return r};var q=e=>{e.stopPropagation(),e.preventDefault()},B=e=>{e.dataTransfer.dropEffect="link",q(e)};var le=({onChange:e,maxSize:t,maxFiles:r,accept:o,onError:i,onWarning:l})=>{let[a,s]=O([]),[g,u]=O(!1),[z,b]=O(!1),h=ae(null),C=ae(!1),d=async n=>{b(!0);let p=[],{BlobReader:m,BlobWriter:v,ZipReader:M}=await import("@zip.js/zip.js").catch(()=>{throw new Error("Fa\xE7a a instala\xE7\xE3o da biblioteca @zip.js/zip.js para utilizar o Dropzone.")}),x=new m(n),y=new M(x);try{let I=await y.getEntries();for(let S of I){if(S.directory||S.getData===void 0)continue;let he=await S.getData(new v),ye=new File([he],S.filename);p.push(ye)}}catch(I){i?.("Ocorreu um erro ao processar o arquivo compactado.",I)}finally{b(!1),await y.close()}return p},f=async n=>{if(!o)return n;let p=[];for(let m of n){let v=`.${m.name.split(".").pop()?.toLocaleLowerCase()}`;if(!o.split(",").includes(v)){l?.(`O arquivo "${m.name}" n\xE3o \xE9 valido, extens\xF5es aceitas ${o}`);continue}if(v===".zip"){let x=await d(m);if(!x.length)continue;let y=await f(x);y.length&&p.push(...y);continue}p.push(m)}return p},c=async n=>{let p=await f(n);s(m=>{if(console.log(r,m,p),r!==void 0&&m.length+p.length>r)return console.log("teste"),l?.(`Quantidade m\xE1xima de arquivos ${r} alcan\xE7ada`),m;if(t!==void 0){let v=m.reduce((x,y)=>x+y.size,0),M=p.reduce((x,y)=>x+y.size,0);if(v+M>t)return l?.(`O arquivo \xE9 muito grande, O tamanho m\xE1ximo permitido \xE9 ${E(t)}`),m}return m!==void 0?[...m,...p]:p}),C.current=!0},L=async n=>{if(n.target.files){let p=[...n.target.files];c(p)}},me=ie(n=>{h.current?.value&&(h.current.value=""),s(p=>p?.filter((m,v)=>v!==n))},[]),ue=ie(()=>{h.current?.value&&(h.current.value=""),s([])},[]),fe=Me(()=>a?.map(n=>({size:n.size,type:n.type,name:n.name}))??[],[a]),ge=o?`${o.toUpperCase()},${o.toLowerCase()}`:void 0;return Ce(()=>{C.current&&e(a)},[a,e]),{inputRef:h,isDragging:g,filesInfo:fe,treatedAccept:ge,isProcessingZip:z,handleRemoveFile:me,handleRemoveAllFiles:ue,handleChangeFiles:L,handleDragEnter:n=>{B(n),u(!0)},handleDragLeave:n=>{console.log("opa1"),B(n),u(!1)},handleDrop:async n=>{console.log("opa"),q(n),u(!1);let p=await ne(n.dataTransfer,o);c(p)}}};import{jsx as R,jsxs as se}from"react/jsx-runtime";var Se=e=>{let{inputRef:t,filesInfo:r,treatedAccept:o,handleChangeFiles:i,handleRemoveFile:l,handleRemoveAllFiles:a,handleDragEnter:s,handleDragLeave:g,handleDrop:u,isDragging:z,isProcessingZip:b}=le(e),h=e.placeholder??"Pressione para carregar os arquivos";return se(X,{onDragOver:s,...e.slotProps?.root,children:[R(Z,{"data-is-dragging":z,onDrop:u,onDragLeave:g,...e.slotProps?.overlay}),R(oe,{filesInfo:r,onRemoveFile:l,onRemoveAllFiles:a,slotProps:e.slotProps}),se(j,{htmlFor:"dropzone","data-max-files":e.maxFiles,"data-has-files":!!r.length,"data-is-processing-zip":b,...e.slotProps?.labelContainer,children:[R(re,{placeholder:h,isProcessingZip:b}),R("input",{ref:t,id:"dropzone",type:"file",accept:o,hidden:!0,onChange:i,multiple:e.maxFiles===void 0||e.maxFiles>1})]})]})};import{useEffect as He,useState as Re}from"react";import{Dropzone as Ie,FileItem as ke}from"@dropzone-ui/react";import{LIcon as $e}from"@s_mart/core";import{Tooltip as Ue,Typography as Ve}from"@mui/material";import{lineTimes as qe}from"@s_mart/regular-icons";import Ae from"@emotion/styled";import{colorPalette as pe}from"@s_mart/tokens";var de=Ae.button`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -18,10 +122,10 @@ import{useEffect as x,useState as T}from"react";import{Dropzone as b,FileItem as
   cursor: pointer;
   transition: all 0.3s ease;
 
-  color: ${f.neutral[500]};
+  color: ${pe.neutral[500]};
 
   &:hover {
-    background-color: ${f.neutral[40]};
+    background-color: ${pe.neutral[40]};
     transition: all 0.3s ease;
   }
-`;import{Fragment as U,jsx as t,jsxs as _}from"react/jsx-runtime";var I=({showDeleteAllFilesButton:m=!0,placeholder:u,fileItemProps:h,initialValue:i=[],onClean:v,onReset:D,tratamentoFilesOnChange:s,onNotification:p,...d})=>{let[l,n]=T(i),g=e=>{let r=e.filter(o=>o.valid===!0);if(n(r),e.length>0){let o=e.filter(a=>a.valid===!1);o.length===1?p({variant:"warning",duration:5e3,title:`Arquivo ${o[0].file.name} inv\xE1lido`,message:o[0].errors?.[0]}):o.length>1&&o.forEach(a=>{p({variant:"warning",duration:5e3,title:`Arquivo ${a.file.name} inv\xE1lido`,message:a.errors?.[0]})})}},z=()=>{n([]),D?.()},y=e=>{let r=l.filter(o=>o.id!==e.id);n(r),v?.(r)};return x(()=>{i.length&&n(i)},[i]),t(b,{localization:"PT-pt",header:!1,footer:!1,headerClassName:"header",view:"grid",value:l,...d,onChange:async e=>{let r=e;if(s){let o=await s(e);o&&(r=o)}g(r),d.onChange?.(r)},children:l.length===0?t("div",{children:u||"Arraste os arquivos aqui ou clique para selecionar"}):_(U,{children:[m&&t(w,{title:t(q,{variant:"bodyMD",children:"Remover"}),children:t(c,{onClick:e=>{e.preventDefault(),e.stopPropagation(),z()},children:t(P,{icon:k,size:"24px"})})}),t("div",{style:{display:"flex"},children:l?.map(e=>t(A,{info:!0,localization:"PT-pt",preview:!0,...e,...h,onDelete:()=>y(e)},e.id))})]})})};export{I as Dropzone};
+`;import{Fragment as Be,jsx as F,jsxs as Oe}from"react/jsx-runtime";var ce=({showDeleteAllFilesButton:e=!0,placeholder:t,fileItemProps:r,initialValue:o=[],onClean:i,onReset:l,tratamentoFilesOnChange:a,onNotification:s,...g})=>{let[u,z]=Re(o),b=d=>{let f=d.filter(c=>c.valid===!0);if(z(f),d.length>0){let c=d.filter(L=>L.valid===!1);c.length===1?s({variant:"warning",duration:5e3,title:`Arquivo ${c[0].file.name} inv\xE1lido`,message:c[0].errors?.[0]}):c.length>1&&c.forEach(L=>{s({variant:"warning",duration:5e3,title:`Arquivo ${L.file.name} inv\xE1lido`,message:L.errors?.[0]})})}},h=()=>{z([]),l?.()},C=d=>{let f=u.filter(c=>c.id!==d.id);z(f),i?.(f)};return He(()=>{o.length&&z(o)},[o]),F(Ie,{localization:"PT-pt",header:!1,footer:!1,headerClassName:"header",view:"grid",value:u,...g,onChange:async d=>{let f=d;if(a){let c=await a(d);c&&(f=c)}b(f),g.onChange?.(f)},children:u.length===0?F("div",{children:t||"Arraste os arquivos aqui ou clique para selecionar"}):Oe(Be,{children:[e&&F(Ue,{title:F(Ve,{variant:"bodyMD",children:"Remover"}),children:F(de,{onClick:d=>{d.preventDefault(),d.stopPropagation(),h()},children:F($e,{icon:qe,size:"24px"})})}),F("div",{style:{display:"flex"},children:u?.map(d=>F(ke,{info:!0,localization:"PT-pt",preview:!0,...d,...r,onDelete:()=>C(d)},d.id))})]})})};export{ce as Dropzone,ce as DropzoneV1,Se as DropzoneV2};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/dropzone",
-  "version": "8.0.2",
+  "version": "8.1.0-beta.0",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
@@ -17,26 +17,35 @@
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.13.0",
     "@mui/material": "^6.1.3",
+    "@mui/system": "^6.4.0",
     "@types/node": ">=20.0.0",
     "@types/react": ">=18.3.12",
     "@types/react-dom": ">=18.3.1",
+    "@zip.js/zip.js": "^2.7.54",
     "axios": "^1.6.7",
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1",
     "typescript": ">=5.4.2",
     "@s_mart/core": "8.0.2",
-    "@s_mart/regular-icons": "6.0.4",
-    "@s_mart/tokens": "5.1.1"
+    "@s_mart/light-icons": "6.0.3",
+    "@s_mart/tokens": "5.1.1",
+    "@s_mart/regular-icons": "6.0.4"
   },
   "devDependencies": {
+    "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.13.0",
     "@mui/material": "^6.1.3",
+    "@mui/system": "^6.4.0",
     "@types/node": ">=20.0.0",
     "@types/react": ">=18.3.12",
     "@types/react-dom": ">=18.3.1",
+    "@zip.js/zip.js": "^2.7.54",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
     "typescript": ">=5.4.2",
     "@s_mart/core": "8.0.2",
     "@s_mart/regular-icons": "6.0.4",
+    "@s_mart/light-icons": "6.0.3",
     "@s_mart/tokens": "5.1.1"
   },
   "scripts": {