freemium-ui 2.0.28 → 2.0.30

package/lib/index.cjs.js

@@ -1055,10 +1055,10 @@ shadows:["none",`0px 2px 1px -1px ${Mo(Co.black,.2)},0px 1px 1px 0px ${Mo(Co.bla
 transitions:{easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",
 easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.16, 1, 0.3, 1)",
 sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},duration:{short:"250ms",standard:"300ms",
-complex:"450ms"}},zIndex:xo,components:{button:{primary:{backgroundFrom:bo.E800,
-backgroundTo:bo.E900,color:Co.white,disabledColor:bo.S10,
-activeBackgroundColor:bo.E800,hoverColor:bo.E900,borderColor:bo.E900,
-activeBorderColor:bo.E900,disabledBorderColor:bo.S400,
+complex:"450ms"}},zIndex:xo,components:{toast:{position:"center"},button:{
+primary:{backgroundFrom:bo.E800,backgroundTo:bo.E900,color:Co.white,
+disabledColor:bo.S10,activeBackgroundColor:bo.E800,hoverColor:bo.E900,
+borderColor:bo.E900,activeBorderColor:bo.E900,disabledBorderColor:bo.S400,
 disabledBackgroundFrom:bo.S300,disabledBackgroundTo:bo.S400},secondary:{
 backgroundFrom:Co.white,backgroundTo:bo.S25,color:bo.E900,disabledColor:bo.S300,
 activeBackgroundColor:bo.S25,hoverColor:bo.S25,borderColor:bo.S100,
@@ -1096,10 +1096,10 @@ shadows:["none",`0px 2px 1px -1px ${Mo(bo.E900,.2)},0px 1px 1px 0px ${Mo(bo.E900
 transitions:{easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",
 easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.16, 1, 0.3, 1)",
 sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},duration:{short:"250ms",standard:"300ms",
-complex:"450ms"}},zIndex:xo,components:{button:{primary:{backgroundFrom:bo.E100,
-backgroundTo:bo.E100,color:Co.black,disabledColor:Co.black,
-activeBackgroundColor:bo.E50,hoverColor:bo.E50,borderColor:bo.E50,
-activeBorderColor:bo.E50,disabledBorderColor:bo.E50,
+complex:"450ms"}},zIndex:xo,components:{toast:{position:"center"},button:{
+primary:{backgroundFrom:bo.E100,backgroundTo:bo.E100,color:Co.black,
+disabledColor:Co.black,activeBackgroundColor:bo.E50,hoverColor:bo.E50,
+borderColor:bo.E50,activeBorderColor:bo.E50,disabledBorderColor:bo.E50,
 disabledBackgroundFrom:bo.E100,disabledBackgroundTo:bo.E100},secondary:{
 backgroundFrom:Co.neutral.dark_mild,backgroundTo:Co.neutral.dark_mild,
 color:bo.S100,disabledColor:bo.S500,
@@ -16725,17 +16725,15 @@ const UY=_Y,YY=kY,WY=RY,GY=PY,KY=yr(MY)``;yr.div`
 `,XY=yr(GY)``,JY=yr(UY)`
   position: fixed;
   top: 16px;
-  left: 50%;
-  transform: translate(-50%, 0);
   display: flex;
   flex-direction: column;
-  align-items: center;
+  align-items: ${({theme:e})=>e.components.toast.position};
   margin: 0;
   list-style: none;
   z-index: ${({theme:e})=>e.zIndex.snackbar||xo.snackbar};
   outline: none;
   width: -webkit-fill-available;
-  padding: 0;
+  padding: 0 16px;
   &:hover {
     gap: 8px;
     li[data-state='open']:nth-last-of-type(1) {
@@ -17104,37 +17102,37 @@ fill:p.colors.text.semantic[r]
 }),a?.message?e.createElement(Bo,null,a.message," ",g):n,!a?.message&&g),s&&e.createElement(Ao,{
 onClick:()=>{v(!1),t?.()}},e.createElement(no,{fill:p.colors.text.primary
 }))):null
-},exports.AutoComplete=({initialItems:t=[],disabled:n,id:r,label:o,errorText:a,name:i,placeholder:l,width:c,onChange:s,itemComponent:u,itemToString:d,searchKey:h="q",defaultSelectedItem:p,readOnly:f,itemIdentifier:m="id",isErrored:v,emptyItemsText:g,isRequired:y,style:b,url:w})=>{
-const C=cr(),[z,M]=e.useState(!1),x=e.useRef(t),[E,S]=e.useState(t),_=(e="")=>{
-if(!w)return;const t=new URL(w),n=new URLSearchParams(t.search);n.append(h,e)
-;const r=`${t.origin}${t.pathname}?${n.toString()}`;M(!0),(async(e,t,n,r,o,a)=>{
+},exports.AutoComplete=({initialItems:t=[],disabled:n,id:r,label:o,errorText:a,name:i,placeholder:l,width:c,onChange:s,itemComponent:u,itemToString:d,searchKey:h="q",defaultSelectedItem:p,readOnly:f,itemIdentifier:m="id",isErrored:v,emptyItemsText:g,processFetchData:y,isRequired:b,style:w,url:C})=>{
+const z=cr(),[M,x]=e.useState(!1),E=e.useRef(t),[S,_]=e.useState(t),H=(e="")=>{
+if(!C)return;const t=new URL(C),n=new URLSearchParams(t.search);n.append(h,e)
+;const r=`${t.origin}${t.pathname}?${n.toString()}`;x(!0),(async(e,t,n,r,o,a)=>{
 try{const i=await bm({data:t,url:e,method:n||"get",withCredentials:o||!1,
 responseType:a,headers:{"Content-Type":"application/json",...r||{}}})
 ;return i?.data}catch(e){return}})(r).then((e=>{
-Array.isArray(e)&&S(wm([...x.current??[],...e],m)),M(!1)})).catch((e=>{M(!1)}))
-},H=e.useCallback(yc((e=>{_(e)
-}),300),[]),{isOpen:D,selectedItem:k,getToggleButtonProps:A,getLabelProps:L,getMenuProps:V,highlightedIndex:T,selectItem:R,setInputValue:P,getItemProps:I,getInputProps:O}=_l({
-id:r,selectedItem:p,items:E,onIsOpenChange:e=>{
-!e.isOpen&&e?.selectedItem&&P(d(e.selectedItem))},onInputValueChange:e=>{
-"__input_change__"===e.type&&""===e.inputValue&&R(null),
-k?.[m]&&e.inputValue===d(k)?H(""):H(e.inputValue)},
+Array.isArray(e)&&_(wm([...E.current??[],...y?y(e):e],m)),x(!1)})).catch((e=>{
+x(!1)}))},D=e.useCallback(yc((e=>{H(e)
+}),300),[]),{isOpen:k,selectedItem:A,getToggleButtonProps:L,getLabelProps:V,getMenuProps:T,highlightedIndex:R,selectItem:P,setInputValue:I,getItemProps:O,getInputProps:N}=_l({
+id:r,selectedItem:p,items:S,onIsOpenChange:e=>{
+!e.isOpen&&e?.selectedItem&&I(d(e.selectedItem))},onInputValueChange:e=>{
+"__input_change__"===e.type&&""===e.inputValue&&P(null),
+A?.[m]&&e.inputValue===d(A)?D(""):D(e.inputValue)},
 itemToString:e=>e?d(e,"downshift"):"",onSelectedItemChange:e=>{
-x.current=wm([...x.current??[],e.selectedItem],m),s?.(e.selectedItem)}})
-;e.useEffect((()=>{_("")}),[w]);const N=!n&&!f&&D;return e.createElement(Uh,{
-width:c},e.createElement(Ho,{className:"input-label",...L({disabled:n,readOnly:f
-})},o,o&&y&&e.createElement(ko,null,"*")),e.createElement(_c,{...O({name:i,
+E.current=wm([...E.current??[],e.selectedItem],m),s?.(e.selectedItem)}})
+;e.useEffect((()=>{H("")}),[C]);const F=!n&&!f&&k;return e.createElement(Uh,{
+width:c},e.createElement(Ho,{className:"input-label",...V({disabled:n,readOnly:f
+})},o,o&&b&&e.createElement(ko,null,"*")),e.createElement(_c,{...N({name:i,
 readOnly:f,disabled:n}),placeholder:l,
-endAdornment:e.createElement(Zh,null,e.createElement(Ao,{...A({disabled:n,
-readOnly:f,"aria-label":"toggle-button"})},e.createElement(jh,{$isOpen:N,
-fill:C.colors.text.primary,width:8,height:8}))),style:b
-}),!f&&!n&&e.createElement(Wh,{$isOpen:D,...V({disabled:n,readOnly:f})
-},z?e.createElement(qh,null,e.createElement(Vc,null)):e.createElement(e.Fragment,null,D&&0===E.length&&e.createElement(Gh,{
-readOnly:!0},g||"No items"),D&&E.map(((t,n)=>{
+endAdornment:e.createElement(Zh,null,e.createElement(Ao,{...L({disabled:n,
+readOnly:f,"aria-label":"toggle-button"})},e.createElement(jh,{$isOpen:F,
+fill:z.colors.text.primary,width:8,height:8}))),style:w
+}),!f&&!n&&e.createElement(Wh,{$isOpen:k,...T({disabled:n,readOnly:f})
+},M?e.createElement(qh,null,e.createElement(Vc,null)):e.createElement(e.Fragment,null,k&&0===S.length&&e.createElement(Gh,{
+readOnly:!0},g||"No items"),k&&S.map(((t,n)=>{
 const r="string"==typeof t?t:t?.[m];return e.createElement(e.Fragment,{key:r
-},u?u(t,{isHilighted:T===n,isSelected:k===t,key:r,...I({item:t,index:n})
-}):e.createElement(Gh,{$isHilighted:T===n,$isSelected:k?.[m]===t?.[m],key:r,
-...I({item:t,index:n})},d(t),k?.[m]===t?.[m]&&e.createElement(ro,{
-fill:C.colors.common.accent})))})))),v&&a&&e.createElement(wc,null,a))
+},u?u(t,{isHilighted:R===n,isSelected:A===t,key:r,...O({item:t,index:n})
+}):e.createElement(Gh,{$isHilighted:R===n,$isSelected:A?.[m]===t?.[m],key:r,
+...O({item:t,index:n})},d(t),A?.[m]===t?.[m]&&e.createElement(ro,{
+fill:z.colors.common.accent})))})))),v&&a&&e.createElement(wc,null,a))
 },exports.BoxedRadio=({options:t,defaultValue:n,idAccessor:r="id",onChange:o,isErrored:a,errorText:i,disabled:l=!1,getTextContent:c,className:s,id:u,isRequired:d,readOnly:h,itemComponent:p,label:f,value:m,customIndicator:v,...g})=>e.createElement(zg,{
 className:"StyledBoxedRadio"},f&&e.createElement(Ho,{htmlFor:u,
 className:"input-label"

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as react from 'react';
-import react__default, { ReactNode } from 'react';
+import react__default, { ReactNode, CSSProperties } from 'react';
 import { AccordionSingleProps } from '@radix-ui/react-accordion';
 import * as Popover$1 from '@radix-ui/react-popover';
 import { PortalProps, PopperContentProps } from '@radix-ui/react-popover';
@@ -368,10 +368,11 @@ interface AutoCompleteProps<T extends DefaultAutoCompleteItem = DefaultAutoCompl
      *
      */
     emptyItemsText?: string;
+    processFetchData?: (data: any[]) => T[];
     itemComponent?: (item: T, props?: AutoCompleteInputItemProps) => React.ReactNode | string;
 }
 
-declare const AutoComplete: <T extends DefaultDropdownItem>({ initialItems, disabled, id, label, errorText, name, placeholder, width, onChange, itemComponent, itemToString, searchKey, defaultSelectedItem, readOnly, itemIdentifier, isErrored, emptyItemsText, isRequired, style, url, }: AutoCompleteProps<T>) => react__default.JSX.Element;
+declare const AutoComplete: <T extends DefaultDropdownItem>({ initialItems, disabled, id, label, errorText, name, placeholder, width, onChange, itemComponent, itemToString, searchKey, defaultSelectedItem, readOnly, itemIdentifier, isErrored, emptyItemsText, processFetchData, isRequired, style, url, }: AutoCompleteProps<T>) => react__default.JSX.Element;
 
 type ButtonSizeKey = 'mini' | 'normal' | 'large';
 type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';
@@ -1563,6 +1564,9 @@ interface FreemiumUiTheme {
     transitions: Transitions;
     zIndex: ZIndex;
     components: {
+        toast: {
+            position: CSSProperties['alignItems'];
+        };
         button: {
             primary: FreemiumUiButtonTheme;
             secondary: FreemiumUiButtonTheme;

package/lib/index.js

@@ -1047,10 +1047,10 @@ shadows:["none",`0px 2px 1px -1px ${Uo(Bo.black,.2)},0px 1px 1px 0px ${Uo(Bo.bla
 transitions:{easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",
 easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.16, 1, 0.3, 1)",
 sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},duration:{short:"250ms",standard:"300ms",
-complex:"450ms"}},zIndex:Yo,components:{button:{primary:{backgroundFrom:Fo.E800,
-backgroundTo:Fo.E900,color:Bo.white,disabledColor:Fo.S10,
-activeBackgroundColor:Fo.E800,hoverColor:Fo.E900,borderColor:Fo.E900,
-activeBorderColor:Fo.E900,disabledBorderColor:Fo.S400,
+complex:"450ms"}},zIndex:Yo,components:{toast:{position:"center"},button:{
+primary:{backgroundFrom:Fo.E800,backgroundTo:Fo.E900,color:Bo.white,
+disabledColor:Fo.S10,activeBackgroundColor:Fo.E800,hoverColor:Fo.E900,
+borderColor:Fo.E900,activeBorderColor:Fo.E900,disabledBorderColor:Fo.S400,
 disabledBackgroundFrom:Fo.S300,disabledBackgroundTo:Fo.S400},secondary:{
 backgroundFrom:Bo.white,backgroundTo:Fo.S25,color:Fo.E900,disabledColor:Fo.S300,
 activeBackgroundColor:Fo.S25,hoverColor:Fo.S25,borderColor:Fo.S100,
@@ -1088,10 +1088,10 @@ shadows:["none",`0px 2px 1px -1px ${Uo(Fo.E900,.2)},0px 1px 1px 0px ${Uo(Fo.E900
 transitions:{easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",
 easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.16, 1, 0.3, 1)",
 sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},duration:{short:"250ms",standard:"300ms",
-complex:"450ms"}},zIndex:Yo,components:{button:{primary:{backgroundFrom:Fo.E100,
-backgroundTo:Fo.E100,color:Bo.black,disabledColor:Bo.black,
-activeBackgroundColor:Fo.E50,hoverColor:Fo.E50,borderColor:Fo.E50,
-activeBorderColor:Fo.E50,disabledBorderColor:Fo.E50,
+complex:"450ms"}},zIndex:Yo,components:{toast:{position:"center"},button:{
+primary:{backgroundFrom:Fo.E100,backgroundTo:Fo.E100,color:Bo.black,
+disabledColor:Bo.black,activeBackgroundColor:Fo.E50,hoverColor:Fo.E50,
+borderColor:Fo.E50,activeBorderColor:Fo.E50,disabledBorderColor:Fo.E50,
 disabledBackgroundFrom:Fo.E100,disabledBackgroundTo:Fo.E100},secondary:{
 backgroundFrom:Bo.neutral.dark_mild,backgroundTo:Bo.neutral.dark_mild,
 color:Fo.S100,disabledColor:Fo.S500,
@@ -3887,37 +3887,37 @@ $m.getAdapter=_m,$m.HttpStatusCode=Fm,
 $m.default=$m,$m.defaults.withCredentials=!0;const Bm=(e,t)=>{const n={}
 ;return e.forEach((e=>{e?.[t]&&(n?.[e[t]]||(n[e[t]]=e))
 })),Object.keys(n).map((e=>n[e]))
-},jm=({initialItems:e=[],disabled:n,id:r,label:o,errorText:a,name:i,placeholder:l,width:c,onChange:s,itemComponent:u,itemToString:d,searchKey:h="q",defaultSelectedItem:p,readOnly:f,itemIdentifier:m="id",isErrored:v,emptyItemsText:g,isRequired:y,style:b,url:w})=>{
-const C=Hr(),[z,M]=t.useState(!1),x=t.useRef(e),[E,S]=t.useState(e),_=(e="")=>{
-if(!w)return;const t=new URL(w),n=new URLSearchParams(t.search);n.append(h,e)
-;const r=`${t.origin}${t.pathname}?${n.toString()}`;M(!0),(async(e,t,n,r,o,a)=>{
+},jm=({initialItems:e=[],disabled:n,id:r,label:o,errorText:a,name:i,placeholder:l,width:c,onChange:s,itemComponent:u,itemToString:d,searchKey:h="q",defaultSelectedItem:p,readOnly:f,itemIdentifier:m="id",isErrored:v,emptyItemsText:g,processFetchData:y,isRequired:b,style:w,url:C})=>{
+const z=Hr(),[M,x]=t.useState(!1),E=t.useRef(e),[S,_]=t.useState(e),H=(e="")=>{
+if(!C)return;const t=new URL(C),n=new URLSearchParams(t.search);n.append(h,e)
+;const r=`${t.origin}${t.pathname}?${n.toString()}`;x(!0),(async(e,t,n,r,o,a)=>{
 try{const i=await $m({data:t,url:e,method:n||"get",withCredentials:o||!1,
 responseType:a,headers:{"Content-Type":"application/json",...r||{}}})
 ;return i?.data}catch(e){return}})(r).then((e=>{
-Array.isArray(e)&&S(Bm([...x.current??[],...e],m)),M(!1)})).catch((e=>{M(!1)}))
-},H=t.useCallback(Fc((e=>{_(e)
-}),300),[]),{isOpen:D,selectedItem:A,getToggleButtonProps:L,getLabelProps:V,getMenuProps:k,highlightedIndex:T,selectItem:P,setInputValue:R,getItemProps:I,getInputProps:O}=ql({
-id:r,selectedItem:p,items:E,onIsOpenChange:e=>{
-!e.isOpen&&e?.selectedItem&&R(d(e.selectedItem))},onInputValueChange:e=>{
-"__input_change__"===e.type&&""===e.inputValue&&P(null),
-A?.[m]&&e.inputValue===d(A)?H(""):H(e.inputValue)},
+Array.isArray(e)&&_(Bm([...E.current??[],...y?y(e):e],m)),x(!1)})).catch((e=>{
+x(!1)}))},D=t.useCallback(Fc((e=>{H(e)
+}),300),[]),{isOpen:A,selectedItem:L,getToggleButtonProps:V,getLabelProps:k,getMenuProps:T,highlightedIndex:P,selectItem:R,setInputValue:I,getItemProps:O,getInputProps:N}=ql({
+id:r,selectedItem:p,items:S,onIsOpenChange:e=>{
+!e.isOpen&&e?.selectedItem&&I(d(e.selectedItem))},onInputValueChange:e=>{
+"__input_change__"===e.type&&""===e.inputValue&&R(null),
+L?.[m]&&e.inputValue===d(L)?D(""):D(e.inputValue)},
 itemToString:e=>e?d(e,"downshift"):"",onSelectedItemChange:e=>{
-x.current=Bm([...x.current??[],e.selectedItem],m),s?.(e.selectedItem)}})
-;t.useEffect((()=>{_("")}),[w]);const N=!n&&!f&&D;return t.createElement(hp,{
-width:c},t.createElement(qo,{className:"input-label",...V({disabled:n,readOnly:f
-})},o,o&&y&&t.createElement(Xo,null,"*")),t.createElement(qc,{...O({name:i,
+E.current=Bm([...E.current??[],e.selectedItem],m),s?.(e.selectedItem)}})
+;t.useEffect((()=>{H("")}),[C]);const F=!n&&!f&&A;return t.createElement(hp,{
+width:c},t.createElement(qo,{className:"input-label",...k({disabled:n,readOnly:f
+})},o,o&&b&&t.createElement(Xo,null,"*")),t.createElement(qc,{...N({name:i,
 readOnly:f,disabled:n}),placeholder:l,
-endAdornment:t.createElement(yp,null,t.createElement(Jo,{...L({disabled:n,
-readOnly:f,"aria-label":"toggle-button"})},t.createElement(dp,{$isOpen:N,
-fill:C.colors.text.primary,width:8,height:8}))),style:b
-}),!f&&!n&&t.createElement(fp,{$isOpen:D,...k({disabled:n,readOnly:f})
-},z?t.createElement(gp,null,t.createElement(ts,null)):t.createElement(t.Fragment,null,D&&0===E.length&&t.createElement(mp,{
-readOnly:!0},g||"No items"),D&&E.map(((e,n)=>{
+endAdornment:t.createElement(yp,null,t.createElement(Jo,{...V({disabled:n,
+readOnly:f,"aria-label":"toggle-button"})},t.createElement(dp,{$isOpen:F,
+fill:z.colors.text.primary,width:8,height:8}))),style:w
+}),!f&&!n&&t.createElement(fp,{$isOpen:A,...T({disabled:n,readOnly:f})
+},M?t.createElement(gp,null,t.createElement(ts,null)):t.createElement(t.Fragment,null,A&&0===S.length&&t.createElement(mp,{
+readOnly:!0},g||"No items"),A&&S.map(((e,n)=>{
 const r="string"==typeof e?e:e?.[m];return t.createElement(t.Fragment,{key:r
-},u?u(e,{isHilighted:T===n,isSelected:A===e,key:r,...I({item:e,index:n})
-}):t.createElement(mp,{$isHilighted:T===n,$isSelected:A?.[m]===e?.[m],key:r,
-...I({item:e,index:n})},d(e),A?.[m]===e?.[m]&&t.createElement(xo,{
-fill:C.colors.common.accent})))})))),v&&a&&t.createElement(Bc,null,a))},Um={
+},u?u(e,{isHilighted:P===n,isSelected:L===e,key:r,...O({item:e,index:n})
+}):t.createElement(mp,{$isHilighted:P===n,$isSelected:L?.[m]===e?.[m],key:r,
+...O({item:e,index:n})},d(e),L?.[m]===e?.[m]&&t.createElement(xo,{
+fill:z.colors.common.accent})))})))),v&&a&&t.createElement(Bc,null,a))},Um={
 large:{height:"45px",size:"16px"},mini:{height:"24px",size:"12px"},normal:{
 height:"32px",size:"14px"}},Ym=Or.button`
   direction: ${({theme:e})=>e.direction};
@@ -16977,17 +16977,15 @@ const _W=uW,HW=pW,DW=yW,AW=bW,LW=Or(iW)``;Or.div`
 `,TW=Or(AW)``,PW=Or(_W)`
   position: fixed;
   top: 16px;
-  left: 50%;
-  transform: translate(-50%, 0);
   display: flex;
   flex-direction: column;
-  align-items: center;
+  align-items: ${({theme:e})=>e.components.toast.position};
   margin: 0;
   list-style: none;
   z-index: ${({theme:e})=>e.zIndex.snackbar||Yo.snackbar};
   outline: none;
   width: -webkit-fill-available;
-  padding: 0;
+  padding: 0 16px;
   &:hover {
     gap: 8px;
     li[data-state='open']:nth-last-of-type(1) {

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.28",
+  "version": "2.0.30",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.28",
+  "version": "2.0.30",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",