@useloops/design-system 1.4.615 → 1.4.616

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{KeyboardArrowDown as t}from"@mui/icons-material";import{useTheme as o}from"@mui/material";import{useBreakpoint as r}from"../../../utils/breakpoint.hook.js";import l from"../Typography/Typography.js";import i from"./Autocomplete.js";import a from"./SelectItem.js";import n from"./StyledSelect.js";import{menuStyles as m}from"./StyledSelect.variant-helpers.js";const s=({selections:s,autoComplete:p=!1,disabled:c=!1,disablePortal:d=!1,grouped:u,inputRef:h,internalChange:g,multi:f=!0,onChange:v,placeholder:y="",selectOptionProps:b,sizing:j="lg",sx:x,value:C=[],renderListItem:I,renderSelectedItem:S,...z})=>{const P=o(),A=r();return p?e(i,{selections:s,placeholder:y,disabled:c,sizing:j,onChange:(e,t)=>{v&&v(t||""),g&&g()},value:Array.isArray(C)?C??[]:C??"",internalChange:g,renderListItem:I,multiple:f,grouped:u}):e(n,{sizing:j,inputRef:h,MenuProps:{disablePortal:d,sx:m,anchorOrigin:{vertical:"bottom",horizontal:"center"},MenuListProps:{autoFocusItem:!1}},displayEmpty:!0,IconComponent:t,renderValue:t=>y&&!t?e(l,{component:"p",variation:"sm"===A||"md"===A?"sm":"lg",sx:{color:P.custom.palette.text.placeholder},children:y}):S?S(t,s?.find(({value:e})=>e===t)?.label):e(l,{component:"p",variation:"sm"===A||"md"===A?"sm":"lg",children:s?.find(({value:e})=>e===t)?.label}),onChange:(e,t)=>{v&&v(e,t),g&&g()},sx:x,value:C,...z,children:s?.map(({value:t,label:o})=>e(a,{value:t,...b,sizing:j,children:I?I(t,o):o},t))})};export{s as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{KeyboardArrowDown as r}from"@mui/icons-material";import{useTheme as t}from"@mui/material";import{useBreakpoint as o}from"../../../utils/breakpoint.hook.js";import l from"../Typography/Typography.js";import i from"./Autocomplete.js";import a from"./SelectItem.js";import n from"./StyledSelect.js";import{menuStyles as m}from"./StyledSelect.variant-helpers.js";const s=({selections:s,autoComplete:p=!1,disabled:d=!1,disablePortal:c=!1,grouped:u,inputRef:h,internalChange:g,multi:f=!0,onChange:v,placeholder:y="",selectOptionProps:b,sizing:j="lg",sx:x,value:C=[],renderListItem:S,renderSelectedItem:z,...I})=>{const P=t(),A=o();return p?e(i,{selections:s,placeholder:y,disabled:d,sizing:j,onChange:(e,r)=>{v&&v(r||""),g&&g()},value:Array.isArray(C)?C??[]:C??"",internalChange:g,renderListItem:S,multiple:f,grouped:u}):e(n,{sizing:j,inputRef:h,MenuProps:{disablePortal:c,sx:m,anchorOrigin:{vertical:"bottom",horizontal:"center"}},displayEmpty:!0,IconComponent:r,renderValue:r=>y&&!r?e(l,{component:"p",variation:"sm"===A||"md"===A?"sm":"lg",sx:{color:P.custom.palette.text.placeholder},children:y}):z?z(r,s?.find(({value:e})=>e===r)?.label):e(l,{component:"p",variation:"sm"===A||"md"===A?"sm":"lg",children:s?.find(({value:e})=>e===r)?.label}),onChange:(e,r)=>{v&&v(e,r),g&&g()},sx:x,value:C,...I,children:s?.map(({value:r,label:t})=>e(a,{value:r,...b,sizing:j,children:S?S(r,t):t},r))})};export{s as default};
@@ -1 +1 @@
1
- import"react/jsx-runtime";import"@mui/material";import{iconSizeMap as t}from"../../BrandCore/Icon/Icon.js";import{padding as o}from"../../BrandCore/primitiveVariables.js";import{fontSizemap as i}from"../utils/typography.util.js";const e="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",n=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},s=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},r=t=>{switch(t){case"xs":case"md":return 16;default:return 24}},a=(t,o)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i[o],paddingLeft:t.spacing("xs"===o?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===o?t.custom.padding.xs:t.custom.padding.sm)}}),c=(t,e)=>({fontSize:i[e],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:t.spacing(t.custom.padding.sm),"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{paddingRight:t.spacing(o.md)},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),p=(o,i)=>{switch(i){case"lg":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.lg,height:t.lg,top:`calc(50% - ${t.lg/2}px)`}};case"md":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.md,height:t.md,top:`calc(50% - ${t.md/2}px)`}};case"xs":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.xs,height:t.xs,top:`calc(50% - ${t.xs/2}px)`}};default:return{height:n("lg"),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.lg,height:t.lg,top:`calc(50% - ${t.lg/2}px)`}}}},u=(t,o)=>({position:"relative",fontSize:i[o],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:s(o),justifyContent:"space-between",paddingLeft:t.spacing("xs"===o?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===o?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",inset:0,zIndex:1},"& .MuiSvgIcon-root":{width:r(o),height:r(o)}}),d=t=>({width:0,"&.MuiModal-root.MuiPopover-root":{"&.MuiMenu-root":{borderRadius:t.spacing(t.custom.radius.sm),"& .MuiPaper-root":{border:`1px solid ${t.custom.palette.stroke.default}`,backgroundColor:t.custom.palette.surface.raised,boxShadow:e}}}});export{p as getInputSize,a as getTypographyStyle,d as menuStyles,e as popperBoxShadow,c as selectBaseStyles,n as selectInputHeight,u as selectItemBaseStyles,s as selectMenuItemSize,r as selectTickSize};
1
+ import"react/jsx-runtime";import"@mui/material";import{iconSizeMap as t}from"../../BrandCore/Icon/Icon.js";import{padding as o}from"../../BrandCore/primitiveVariables.js";import{fontSizemap as i}from"../utils/typography.util.js";const e="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",n=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},s=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},r=t=>{switch(t){case"xs":case"md":return 16;default:return 24}},a=(t,o)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i[o],paddingLeft:t.spacing("xs"===o?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===o?t.custom.padding.xs:t.custom.padding.sm)}}),c=(t,e)=>({fontSize:i[e],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:0,"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{padding:t.spacing(o.sm),paddingRight:t.spacing(o.md)},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),p=(o,i)=>{switch(i){case"lg":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.lg,height:t.lg,top:`calc(50% - ${t.lg/2}px)`}};case"md":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.md,height:t.md,top:`calc(50% - ${t.md/2}px)`}};case"xs":return{height:n(i),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.xs,height:t.xs,top:`calc(50% - ${t.xs/2}px)`}};default:return{height:n("lg"),"& .MuiSvgIcon-root":{color:o.custom.palette.icon.primary,transition:o.custom.easing.input,width:t.lg,height:t.lg,top:`calc(50% - ${t.lg/2}px)`}}}},u=(t,o)=>({position:"relative",fontSize:i[o],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:s(o),justifyContent:"space-between",paddingLeft:t.spacing("xs"===o?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===o?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",inset:0,zIndex:1},"& .MuiSvgIcon-root":{width:r(o),height:r(o)}}),d=t=>({width:0,"&.MuiModal-root.MuiPopover-root":{"&.MuiMenu-root":{borderRadius:t.spacing(t.custom.radius.sm),"& .MuiPaper-root":{border:`1px solid ${t.custom.palette.stroke.default}`,backgroundColor:t.custom.palette.surface.raised,boxShadow:e}}}});export{p as getInputSize,a as getTypographyStyle,d as menuStyles,e as popperBoxShadow,c as selectBaseStyles,n as selectInputHeight,u as selectItemBaseStyles,s as selectMenuItemSize,r as selectTickSize};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/icons-material"),t=require("@mui/material"),i=require("../../../utils/breakpoint.hook.js"),l=require("../Typography/Typography.js"),n=require("./Autocomplete.js"),a=require("./SelectItem.js"),s=require("./StyledSelect.js"),o=require("./StyledSelect.variant-helpers.js");module.exports=({selections:u,autoComplete:p=!1,disabled:m=!1,disablePortal:d=!1,grouped:c,inputRef:h,internalChange:g,multi:j=!0,onChange:v,placeholder:x="",selectOptionProps:y,sizing:b="lg",sx:q,value:C=[],renderListItem:S,renderSelectedItem:I,...z})=>{const P=t.useTheme(),f=i.useBreakpoint();return p?e.jsx(n,{selections:u,placeholder:x,disabled:m,sizing:b,onChange:(e,r)=>{v&&v(r||""),g&&g()},value:Array.isArray(C)?C??[]:C??"",internalChange:g,renderListItem:S,multiple:j,grouped:c}):e.jsx(s,{sizing:b,inputRef:h,MenuProps:{disablePortal:d,sx:o.menuStyles,anchorOrigin:{vertical:"bottom",horizontal:"center"},MenuListProps:{autoFocusItem:!1}},displayEmpty:!0,IconComponent:r.KeyboardArrowDown,renderValue:r=>x&&!r?e.jsx(l,{component:"p",variation:"sm"===f||"md"===f?"sm":"lg",sx:{color:P.custom.palette.text.placeholder},children:x}):I?I(r,u?.find(({value:e})=>e===r)?.label):e.jsx(l,{component:"p",variation:"sm"===f||"md"===f?"sm":"lg",children:u?.find(({value:e})=>e===r)?.label}),onChange:(e,r)=>{v&&v(e,r),g&&g()},sx:q,value:C,...z,children:u?.map(({value:r,label:t})=>e.jsx(a,{value:r,...y,sizing:b,children:S?S(r,t):t},r))})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/icons-material"),l=require("@mui/material"),i=require("../../../utils/breakpoint.hook.js"),t=require("../Typography/Typography.js"),n=require("./Autocomplete.js"),a=require("./SelectItem.js"),s=require("./StyledSelect.js"),o=require("./StyledSelect.variant-helpers.js");module.exports=({selections:u,autoComplete:p=!1,disabled:d=!1,disablePortal:m=!1,grouped:c,inputRef:h,internalChange:g,multi:j=!0,onChange:v,placeholder:x="",selectOptionProps:y,sizing:b="lg",sx:q,value:C=[],renderListItem:S,renderSelectedItem:z,...I})=>{const f=l.useTheme(),A=i.useBreakpoint();return p?e.jsx(n,{selections:u,placeholder:x,disabled:d,sizing:b,onChange:(e,r)=>{v&&v(r||""),g&&g()},value:Array.isArray(C)?C??[]:C??"",internalChange:g,renderListItem:S,multiple:j,grouped:c}):e.jsx(s,{sizing:b,inputRef:h,MenuProps:{disablePortal:m,sx:o.menuStyles,anchorOrigin:{vertical:"bottom",horizontal:"center"}},displayEmpty:!0,IconComponent:r.KeyboardArrowDown,renderValue:r=>x&&!r?e.jsx(t,{component:"p",variation:"sm"===A||"md"===A?"sm":"lg",sx:{color:f.custom.palette.text.placeholder},children:x}):z?z(r,u?.find(({value:e})=>e===r)?.label):e.jsx(t,{component:"p",variation:"sm"===A||"md"===A?"sm":"lg",children:u?.find(({value:e})=>e===r)?.label}),onChange:(e,r)=>{v&&v(e,r),g&&g()},sx:q,value:C,...I,children:u?.map(({value:r,label:l})=>e.jsx(a,{value:r,...y,sizing:b,children:S?S(r,l):l},r))})};
@@ -1 +1 @@
1
- "use strict";require("react/jsx-runtime"),require("@mui/material");var t=require("../../BrandCore/Icon/Icon.js"),e=require("../../BrandCore/primitiveVariables.js"),i=require("../utils/typography.util.js");const o="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",n=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},s=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},a=t=>{switch(t){case"xs":case"md":return 16;default:return 24}};exports.getInputSize=(e,i)=>{switch(i){case"lg":return{height:n(i),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}};case"md":return{height:n(i),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.md,height:t.iconSizeMap.md,top:`calc(50% - ${t.iconSizeMap.md/2}px)`}};case"xs":return{height:n(i),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.xs,height:t.iconSizeMap.xs,top:`calc(50% - ${t.iconSizeMap.xs/2}px)`}};default:return{height:n("lg"),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}}}},exports.getTypographyStyle=(t,e)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i.fontSizemap[e],paddingLeft:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm)}}),exports.menuStyles=t=>({width:0,"&.MuiModal-root.MuiPopover-root":{"&.MuiMenu-root":{borderRadius:t.spacing(t.custom.radius.sm),"& .MuiPaper-root":{border:`1px solid ${t.custom.palette.stroke.default}`,backgroundColor:t.custom.palette.surface.raised,boxShadow:o}}}}),exports.popperBoxShadow=o,exports.selectBaseStyles=(t,o)=>({fontSize:i.fontSizemap[o],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:t.spacing(t.custom.padding.sm),"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{paddingRight:t.spacing(e.padding.md)},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),exports.selectInputHeight=n,exports.selectItemBaseStyles=(t,e)=>({position:"relative",fontSize:i.fontSizemap[e],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:s(e),justifyContent:"space-between",paddingLeft:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",inset:0,zIndex:1},"& .MuiSvgIcon-root":{width:a(e),height:a(e)}}),exports.selectMenuItemSize=s,exports.selectTickSize=a;
1
+ "use strict";require("react/jsx-runtime"),require("@mui/material");var t=require("../../BrandCore/Icon/Icon.js"),e=require("../../BrandCore/primitiveVariables.js"),i=require("../utils/typography.util.js");const o="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",n=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},s=t=>{switch(t){case"xs":return 24;case"md":return 32;default:return 40}},a=t=>{switch(t){case"xs":case"md":return 16;default:return 24}};exports.getInputSize=(e,i)=>{switch(i){case"lg":return{height:n(i),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}};case"md":return{height:n(i),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.md,height:t.iconSizeMap.md,top:`calc(50% - ${t.iconSizeMap.md/2}px)`}};case"xs":return{height:n(i),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.xs,height:t.iconSizeMap.xs,top:`calc(50% - ${t.iconSizeMap.xs/2}px)`}};default:return{height:n("lg"),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.primary,transition:e.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}}}},exports.getTypographyStyle=(t,e)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i.fontSizemap[e],paddingLeft:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm)}}),exports.menuStyles=t=>({width:0,"&.MuiModal-root.MuiPopover-root":{"&.MuiMenu-root":{borderRadius:t.spacing(t.custom.radius.sm),"& .MuiPaper-root":{border:`1px solid ${t.custom.palette.stroke.default}`,backgroundColor:t.custom.palette.surface.raised,boxShadow:o}}}}),exports.popperBoxShadow=o,exports.selectBaseStyles=(t,o)=>({fontSize:i.fontSizemap[o],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:0,"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{padding:t.spacing(e.padding.sm),paddingRight:t.spacing(e.padding.md)},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),exports.selectInputHeight=n,exports.selectItemBaseStyles=(t,e)=>({position:"relative",fontSize:i.fontSizemap[e],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:s(e),justifyContent:"space-between",paddingLeft:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",inset:0,zIndex:1},"& .MuiSvgIcon-root":{width:a(e),height:a(e)}}),exports.selectMenuItemSize=s,exports.selectTickSize=a;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useloops/design-system",
3
- "version": "1.4.615",
3
+ "version": "1.4.616",
4
4
  "description": "The official React based Loops design system",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/esm/index.js",