freemium-ui 2.0.11 → 2.0.13

package/lib/index.js

@@ -4240,7 +4240,7 @@ case Cv.stateChangeTypes.FunctionRemoveSelectedItem:
 case Cv.stateChangeTypes.FunctionAddSelectedItem:e&&o?.(e)}},...m
 }),G=t.useMemo((()=>a.filter((t=>{const n="string"==typeof t?t:t?.[h||e]
 ;return!(P&&j.some((e=>u?.(e)===u?.(t))))&&(!N||n.toLowerCase().includes(N.toLowerCase()))
-}))),[a,N,h,e,P,j,u]),{isOpen:K,getToggleButtonProps:q,getLabelProps:Z,getMenuProps:X,getInputProps:Q,highlightedIndex:J,getItemProps:ee}=Km({
+}))),[a,N,h,e,P,j,u]),{isOpen:K,closeMenu:q,getToggleButtonProps:Z,getLabelProps:X,getMenuProps:Q,getInputProps:J,highlightedIndex:ee,getItemProps:te}=Km({
 id:r,items:G,itemToString:e=>e&&u?u(e,"downshift"):"",selectedItem:null,
 inputValue:N,stateReducer:(e,t)=>{const{changes:n,type:r}=t;switch(r){
 case Km.stateChangeTypes.InputKeyDownEnter:case Km.stateChangeTypes.ItemClick:
@@ -4249,31 +4249,32 @@ onStateChange:({inputValue:t,type:n,selectedItem:r})=>{switch(n){
 case Km.stateChangeTypes.InputKeyDownEnter:case Km.stateChangeTypes.ItemClick:
 case Km.stateChangeTypes.InputBlur:
 r&&(j.find((t=>t?.[e]===r?.[e]))?U(r):W(r),F(""),S?.(""));break
-;case Km.stateChangeTypes.InputChange:F(t??""),S?.(t??"")}},...f
-}),te=!c&&!l&&K,ne=Q($({preventKeyAction:K,name:d,disabled:c,readOnly:l
-})),re=e=>{if(e&&b&&y&&J<0){const t=y({inputValue:e,customValues:!0});W(t),F("")
-}};return t.createElement(Uh,{width:p},t.createElement(ca,{
-className:"input-label",...Z({disabled:c,readOnly:l})
+;case Km.stateChangeTypes.InputChange:F(t??""),S?.(t??""),G.length||t||q()}},
+...f}),ne=!c&&!l&&K,re=J($({preventKeyAction:K,name:d,disabled:c,readOnly:l
+})),ae=e=>{if(e&&b&&y&&ee<0){const t=y({inputValue:e,customValues:!0})
+;W(t),F("")}};return t.createElement(Uh,{width:p},t.createElement(ca,{
+className:"input-label",...X({disabled:c,readOnly:l})
 },n,n&&s&&t.createElement(ua,null,"*")),t.createElement(Yh,{disabled:c,
 $isErrored:!!E,"aria-invalid":E,className:"dropdown-toggle-button"
 },t.createElement(qv,null,!I&&j.map(((e,n)=>t.createElement(sg,{
 key:`selected-item-${n}`,...B({selectedItem:e,index:n}),"aria-disabled":c,
 "aria-readonly":l,iconProps:{"aria-disabled":c,disabled:c},onClose:t=>{
 c||l||(t.stopPropagation(),U(e))}},u?.(e)??""))),t.createElement("input",{
-placeholder:i,...ne,onKeyDown:e=>{
-"Backspace"!==e.key||N||(U(j[j.length-1]),R?.()),
-"Enter"===e.key&&re(N),ne?.onKeyDown?.(e)},...D})),!C&&t.createElement(da,{
+placeholder:i,...re,...D,onKeyDown:e=>{
+"Backspace"!==e.key||N||(U(j[j.length-1]),
+R?.()),"Enter"===e.key&&ae(N),re?.onKeyDown?.(e),D?.onKeyDown?.(e)},onClick:e=>{
+re?.onClick?.(e),D?.onClick?.(e),G.length||N||q()}})),!C&&t.createElement(da,{
 "aria-label":"Clear",onClick:e=>{
 Y([]),F(""),e.stopPropagation(),e.preventDefault()}},t.createElement(Ur,{
-fill:O.colors.text.primary})),!z&&t.createElement(da,{...q({disabled:c,
-readOnly:l})},t.createElement(jh,{$isOpen:te,fill:O.colors.text.primary,width:8,
-height:8}))),!l&&!c&&t.createElement(Wh,{$isOpen:K,...X({disabled:c,readOnly:l})
+fill:O.colors.text.primary})),!z&&t.createElement(da,{...Z({disabled:c,
+readOnly:l})},t.createElement(jh,{$isOpen:ne,fill:O.colors.text.primary,width:8,
+height:8}))),!l&&!c&&t.createElement(Wh,{$isOpen:K,...Q({disabled:c,readOnly:l})
 },_?t.createElement(qh,null,t.createElement(Iv,null)):t.createElement(t.Fragment,null,K&&(0===G.length||b)&&t.createElement(Gh,{
 readOnly:!0},b?t.createElement(Kh,{tabIndex:0,onClick:e=>{
-e.stopPropagation(),re(N),N&&ne?.onClick?.(e)}
+e.stopPropagation(),ae(N),N&&re?.onClick?.(e)}
 },g?.(N)??"Click to add"):v??"No items"),K&&G.map(((n,r)=>{
 const a="string"==typeof n?`${n}${r}`.trim():`${n?.[e]??""}${r}`.trim(),o=j.map((t=>t?.[e])).filter(Boolean).indexOf(n?.[e]??"")>-1
-;return t.createElement(Gh,{$isHilighted:J===r,$isSelected:o,key:a,...ee({
+;return t.createElement(Gh,{$isHilighted:ee===r,$isSelected:o,key:a,...te({
 item:n,index:r})
 },V?V(n):t.createElement(t.Fragment,null,u?.(n)??"",o&&t.createElement(Yr,{
 fill:O.colors.common.accent})))})))),E&&H&&t.createElement(Js,null,H))}
@@ -8601,9 +8602,9 @@ console.info("Finished '".concat(e,"' in ").concat(a,"ms"))),[2]}var i}))}))}
 function Yx(e){return D(this,void 0,void 0,(function(){var t,n
 ;return V(this,(function(r){switch(r.label){case 0:
 return t=e.loader,"function"!=typeof(n=void 0===t?Gx.defaultLoader:t)?[3,1]:[2,n]
-;case 1:return"all"!==n?[3,3]:[4,Promise.resolve().then((function(){return GU
+;case 1:return"all"!==n?[3,3]:[4,Promise.resolve().then((function(){return KU
 }))];case 2:return[2,r.sent().allPathsLoader];case 3:
-return[4,Promise.resolve().then((function(){return KU}))];case 4:
+return[4,Promise.resolve().then((function(){return qU}))];case 4:
 return[2,r.sent().splitPathsBySizeLoader]}}))}))}var Wx=function(){function e(){
 this.defaultLoader="split-by-size",
 this.loadedIconPaths16=new Map,this.loadedIconPaths20=new Map}
@@ -16234,40 +16235,44 @@ o("focus")}),!1),window.addEventListener("blur",(()=>{o("blur")}),!1)),()=>{
 r&&(window.removeEventListener("focus",(()=>{})),
 window.removeEventListener("blur",(()=>{})))
 })),[r]),t.createElement(J$.Provider,{value:u},t.createElement(Kj,null),e)
-},Zj=()=>{const{toasts:e,addToast:n}=t.useContext(J$)??{};return[e,n]
-},Xj=e=>t.createElement(gn,{theme:e.theme
-},t.createElement(qj,null,e.children)),Qj="Switch",[Jj,eU]=Ln(Qj),[tU,nU]=Jj(Qj),rU=s(((e,t)=>{
+},Zj=()=>{const{toasts:e,addToast:n}=t.useContext(J$)??{};return[e,n]}
+;var Xj=Hn`
+  * {
+    box-sizing: border-box;
+  }
+`;const Qj=e=>t.createElement(gn,{theme:e.theme
+},t.createElement(Xj,null),t.createElement(qj,null,e.children)),Jj="Switch",[eU,tU]=Ln(Jj),[nU,rU]=eU(Jj),aU=s(((e,t)=>{
 const{__scopeSwitch:n,name:a,checked:o,defaultChecked:l,required:c,disabled:s,value:u="on",onCheckedChange:d,...h}=e,[p,f]=m(null),v=In(t,(e=>f(e))),g=r(!1),y=!p||Boolean(p.closest("form")),[b=!1,w]=Un({
-prop:o,defaultProp:l,onChange:d});return i(tU,{scope:n,checked:b,disabled:s
+prop:o,defaultProp:l,onChange:d});return i(nU,{scope:n,checked:b,disabled:s
 },i(Yn.button,An({type:"button",role:"switch","aria-checked":b,
-"aria-required":c,"data-state":oU(b),"data-disabled":s?"":void 0,disabled:s,
+"aria-required":c,"data-state":iU(b),"data-disabled":s?"":void 0,disabled:s,
 value:u},h,{ref:v,onClick:$n(e.onClick,(e=>{
 w((e=>!e)),y&&(g.current=e.isPropagationStopped(),
-g.current||e.stopPropagation())}))})),y&&i(aU,{control:p,bubbles:!g.current,
+g.current||e.stopPropagation())}))})),y&&i(oU,{control:p,bubbles:!g.current,
 name:a,value:u,checked:b,required:c,disabled:s,style:{
-transform:"translateX(-100%)"}}))})),aU=e=>{
+transform:"translateX(-100%)"}}))})),oU=e=>{
 const{control:t,checked:n,bubbles:a=!0,...o}=e,l=r(null),c=Cs(n),s=Ri(t)
 ;return f((()=>{
 const e=l.current,t=window.HTMLInputElement.prototype,r=Object.getOwnPropertyDescriptor(t,"checked").set
 ;if(c!==n&&r){const t=new Event("click",{bubbles:a})
 ;r.call(e,n),e.dispatchEvent(t)}}),[c,n,a]),i("input",An({type:"checkbox",
 "aria-hidden":!0,defaultChecked:n},o,{tabIndex:-1,ref:l,style:{...e.style,...s,
-position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function oU(e){
-return e?"checked":"unchecked"}const iU=s(((e,t)=>{
-const{__scopeSwitch:n,...r}=e,a=nU("SwitchThumb",n);return i(Yn.span,An({
-"data-state":oU(a.checked),"data-disabled":a.disabled?"":void 0},r,{ref:t}))
-})),lU={sm:{width:28,height:12,thumb:16,offTransform:[-2,-2.5],
-onTransform:[12,-2.5]},md:{width:36,height:16,thumb:20,offTransform:[-2,-2.75],
-onTransform:[16,-2.75]},lg:{width:44,height:20,thumb:24,offTransform:[-2,-2.5],
-onTransform:[20,-2.5]}},cU=En(rU)`
+position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function iU(e){
+return e?"checked":"unchecked"}const lU=s(((e,t)=>{
+const{__scopeSwitch:n,...r}=e,a=rU("SwitchThumb",n);return i(Yn.span,An({
+"data-state":iU(a.checked),"data-disabled":a.disabled?"":void 0},r,{ref:t}))
+})),cU={sm:{width:28,height:12,thumb:16,offTransform:[-2,-2],onTransform:[14,-2]
+},md:{width:36,height:16,thumb:20,offTransform:[-2,-2],onTransform:[18,-2]},lg:{
+width:44,height:20,thumb:24,offTransform:[-2,-2],onTransform:[22,-2]}
+},sU=En(aU)`
   margin: 0;
   padding: 0;
   outline: 0;
   border: none;
   position: relative;
-  width: ${({size:e})=>lU[e].width}px;
-  height: ${({size:e})=>lU[e].height}px;
-  border-radius: ${({size:e})=>lU[e].height/2}px;
+  width: ${({size:e})=>cU[e].width}px;
+  height: ${({size:e})=>cU[e].height}px;
+  border-radius: ${({size:e})=>cU[e].height/2}px;
   &[data-disabled] {
     opacity: 0.5;
   }
@@ -16287,16 +16292,16 @@ onTransform:[20,-2.5]}},cU=En(rU)`
       }
     }
   }
-`,sU=En(iU)`
+`,uU=En(lU)`
   display: grid;
   place-content: center;
-  width: ${({size:e})=>lU[e].thumb}px;
-  height: ${({size:e})=>lU[e].thumb}px;
+  width: ${({size:e})=>cU[e].thumb}px;
+  height: ${({size:e})=>cU[e].thumb}px;
   border-radius: 50%;
   background-color: ${({theme:e})=>e.colors.common.white};
   transition: transform 100ms;
   transform: translate(
-    ${({size:e})=>lU[e].offTransform.map((e=>`${e}px`)).join(",")}
+    ${({size:e})=>cU[e].offTransform.map((e=>`${e}px`)).join(",")}
   );
   will-change: transform;
   overflow: hidden;
@@ -16318,23 +16323,23 @@ onTransform:[20,-2.5]}},cU=En(rU)`
   }
   &[data-state='checked'] {
     transform: translate(
-      ${({size:e})=>lU[e].onTransform.map((e=>`${e}px`)).join(",")}
+      ${({size:e})=>cU[e].onTransform.map((e=>`${e}px`)).join(",")}
     );
     border: 1px solid ${({theme:e})=>e.colors.common.accent};
     svg.toggle-off {
       display: none;
     }
   }
-`,uU={sm:{width:6,height:4.3},md:{width:8,height:5.73},lg:{width:10,height:7.16}
-},dU={sm:{width:4.5,height:4.5},md:{width:6,height:6},lg:{width:8,height:8}
-},hU=({handleChange:e,hasIcon:n=!1,on:r,isErrored:a,isRequired:o,size:i="md",thumbProps:l,...c})=>{
-const s=vn();return t.createElement(cU,{checked:r,onCheckedChange:t=>{e?.(t)},
-required:o,"aria-required":o,size:i,...c},t.createElement(sU,{...l,size:i
+`,dU={sm:{width:6,height:4.3},md:{width:8,height:5.73},lg:{width:10,height:7.16}
+},hU={sm:{width:4.5,height:4.5},md:{width:6,height:6},lg:{width:8,height:8}
+},pU=({handleChange:e,hasIcon:n=!1,on:r,isErrored:a,isRequired:o,size:i="md",thumbProps:l,...c})=>{
+const s=vn();return t.createElement(sU,{checked:r,onCheckedChange:t=>{e?.(t)},
+required:o,"aria-required":o,size:i,...c},t.createElement(uU,{...l,size:i
 },n&&t.createElement(Yr,{fill:s.colors.common.accent,className:"toggle-on",
-...uU[i]}),n&&t.createElement(Ur,{fill:s.colors.text.primary,
-className:"toggle-off",...dU[i]})))
-},[pU,fU]=Ln("Tooltip",[Fi]),mU=Fi(),vU=700,gU="tooltip.open",[yU,bU]=pU("TooltipProvider"),wU="Tooltip",[CU,zU]=pU(wU),MU="TooltipTrigger",xU=s(((e,t)=>{
-const{__scopeTooltip:n,...a}=e,o=zU(MU,n),l=bU(MU,n),s=mU(n),u=In(t,r(null),o.onTriggerChange),d=r(!1),h=r(!1),p=c((()=>d.current=!1),[])
+...dU[i]}),n&&t.createElement(Ur,{fill:s.colors.text.primary,
+className:"toggle-off",...hU[i]})))
+},[fU,mU]=Ln("Tooltip",[Fi]),vU=Fi(),gU=700,yU="tooltip.open",[bU,wU]=fU("TooltipProvider"),CU="Tooltip",[zU,MU]=fU(CU),xU="TooltipTrigger",SU=s(((e,t)=>{
+const{__scopeTooltip:n,...a}=e,o=MU(xU,n),l=wU(xU,n),s=vU(n),u=In(t,r(null),o.onTriggerChange),d=r(!1),h=r(!1),p=c((()=>d.current=!1),[])
 ;return f((()=>()=>document.removeEventListener("pointerup",p)),[p]),i(tl,An({
 asChild:!0},s),i(Yn.button,An({"aria-describedby":o.open?o.contentId:void 0,
 "data-state":o.stateAttribute},a,{ref:u,onPointerMove:$n(e.onPointerMove,(e=>{
@@ -16344,12 +16349,12 @@ o.onTriggerLeave(),h.current=!1})),onPointerDown:$n(e.onPointerDown,(()=>{
 d.current=!0,document.addEventListener("pointerup",p,{once:!0})})),
 onFocus:$n(e.onFocus,(()=>{d.current||o.onOpen()})),
 onBlur:$n(e.onBlur,o.onClose),onClick:$n(e.onClick,o.onClose)})))
-})),SU="TooltipPortal",[EU,_U]=pU(SU,{forceMount:void 0
-}),HU="TooltipContent",DU=s(((e,t)=>{
-const n=_U(HU,e.__scopeTooltip),{forceMount:r=n.forceMount,side:a="top",...o}=e,l=zU(HU,e.__scopeTooltip)
-;return i(Kn,{present:r||l.open},l.disableHoverableContent?i(kU,An({side:a},o,{
-ref:t})):i(VU,An({side:a},o,{ref:t})))})),VU=s(((e,t)=>{
-const n=zU(HU,e.__scopeTooltip),a=bU(HU,e.__scopeTooltip),o=r(null),l=In(t,o),[s,u]=m(null),{trigger:d,onClose:h}=n,p=o.current,{onPointerInTransitChange:v}=a,g=c((()=>{
+})),EU="TooltipPortal",[_U,HU]=fU(EU,{forceMount:void 0
+}),DU="TooltipContent",VU=s(((e,t)=>{
+const n=HU(DU,e.__scopeTooltip),{forceMount:r=n.forceMount,side:a="top",...o}=e,l=MU(DU,e.__scopeTooltip)
+;return i(Kn,{present:r||l.open},l.disableHoverableContent?i(TU,An({side:a},o,{
+ref:t})):i(AU,An({side:a},o,{ref:t})))})),AU=s(((e,t)=>{
+const n=MU(DU,e.__scopeTooltip),a=wU(DU,e.__scopeTooltip),o=r(null),l=In(t,o),[s,u]=m(null),{trigger:d,onClose:h}=n,p=o.current,{onPointerInTransitChange:v}=a,g=c((()=>{
 u(null),v(!1)}),[v]),y=c(((e,t)=>{const n=e.currentTarget,r={x:e.clientX,
 y:e.clientY},a=function(e,t){
 const n=Math.abs(t.top-e.y),r=Math.abs(t.bottom-e.y),a=Math.abs(t.right-e.x),o=Math.abs(t.left-e.x)
@@ -16384,11 +16389,11 @@ const{x:n,y:r}=e;let a=!1;for(let e=0,o=t.length-1;e<t.length;o=e++){
 const i=t[e].x,l=t[e].y,c=t[o].x,s=t[o].y
 ;l>r!=s>r&&n<(c-i)*(r-l)/(s-l)+i&&(a=!a)}return a}(n,s);r?g():a&&(g(),h())}
 ;return document.addEventListener("pointermove",e),
-()=>document.removeEventListener("pointermove",e)}}),[d,p,s,h,g]),i(kU,An({},e,{
-ref:l}))})),[AU,LU]=pU(wU,{isInside:!1}),kU=s(((e,t)=>{
-const{__scopeTooltip:n,children:r,"aria-label":a,onEscapeKeyDown:o,onPointerDownOutside:l,...c}=e,s=zU(HU,n),u=mU(n),{onClose:d}=s
-;return f((()=>(document.addEventListener(gU,d),
-()=>document.removeEventListener(gU,d))),[d]),f((()=>{if(s.trigger){const e=e=>{
+()=>document.removeEventListener("pointermove",e)}}),[d,p,s,h,g]),i(TU,An({},e,{
+ref:l}))})),[LU,kU]=fU(CU,{isInside:!1}),TU=s(((e,t)=>{
+const{__scopeTooltip:n,children:r,"aria-label":a,onEscapeKeyDown:o,onPointerDownOutside:l,...c}=e,s=MU(DU,n),u=vU(n),{onClose:d}=s
+;return f((()=>(document.addEventListener(yU,d),
+()=>document.removeEventListener(yU,d))),[d]),f((()=>{if(s.trigger){const e=e=>{
 const t=e.target;null!=t&&t.contains(s.trigger)&&d()}
 ;return window.addEventListener("scroll",e,{capture:!0
 }),()=>window.removeEventListener("scroll",e,{capture:!0})}
@@ -16401,35 +16406,35 @@ onDismiss:d},i(nl,An({"data-state":s.stateAttribute},u,c,{ref:t,style:{
 "--radix-tooltip-content-available-height":"var(--radix-popper-available-height)",
 "--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)",
 "--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"}
-}),i(On,null,r),i(AU,{scope:n,isInside:!0},i(Td,{id:s.contentId,role:"tooltip"
-},a||r))))}));const TU=e=>{
-const{__scopeTooltip:t,delayDuration:n=vU,skipDelayDuration:a=300,disableHoverableContent:o=!1,children:l}=e,[s,u]=m(!0),d=r(!1),h=r(0)
-;return f((()=>{const e=h.current;return()=>window.clearTimeout(e)}),[]),i(yU,{
+}),i(On,null,r),i(LU,{scope:n,isInside:!0},i(Td,{id:s.contentId,role:"tooltip"
+},a||r))))}));const IU=e=>{
+const{__scopeTooltip:t,delayDuration:n=gU,skipDelayDuration:a=300,disableHoverableContent:o=!1,children:l}=e,[s,u]=m(!0),d=r(!1),h=r(0)
+;return f((()=>{const e=h.current;return()=>window.clearTimeout(e)}),[]),i(bU,{
 scope:t,isOpenDelayed:s,delayDuration:n,onOpen:c((()=>{
 window.clearTimeout(h.current),u(!1)}),[]),onClose:c((()=>{
 window.clearTimeout(h.current),h.current=window.setTimeout((()=>u(!0)),a)
 }),[a]),isPointerInTransitRef:d,onPointerInTransitChange:c((e=>{d.current=e
-}),[]),disableHoverableContent:o},l)},IU=e=>{
-const{__scopeTooltip:t,children:n,open:o,defaultOpen:l=!1,onOpenChange:s,disableHoverableContent:u,delayDuration:d}=e,h=bU(wU,e.__scopeTooltip),p=mU(t),[v,g]=m(null),y=Qn(),b=r(0),w=null!=u?u:h.disableHoverableContent,C=null!=d?d:h.delayDuration,z=r(!1),[M=!1,x]=Un({
+}),[]),disableHoverableContent:o},l)},PU=e=>{
+const{__scopeTooltip:t,children:n,open:o,defaultOpen:l=!1,onOpenChange:s,disableHoverableContent:u,delayDuration:d}=e,h=wU(CU,e.__scopeTooltip),p=vU(t),[v,g]=m(null),y=Qn(),b=r(0),w=null!=u?u:h.disableHoverableContent,C=null!=d?d:h.delayDuration,z=r(!1),[M=!1,x]=Un({
 prop:o,defaultProp:l,onChange:e=>{
-e?(h.onOpen(),document.dispatchEvent(new CustomEvent(gU))):h.onClose(),
+e?(h.onOpen(),document.dispatchEvent(new CustomEvent(yU))):h.onClose(),
 null==s||s(e)}
 }),S=a((()=>M?z.current?"delayed-open":"instant-open":"closed"),[M]),E=c((()=>{
 window.clearTimeout(b.current),z.current=!1,x(!0)}),[x]),_=c((()=>{
 window.clearTimeout(b.current),x(!1)}),[x]),H=c((()=>{
 window.clearTimeout(b.current),b.current=window.setTimeout((()=>{
 z.current=!0,x(!0)}),C)}),[C,x])
-;return f((()=>()=>window.clearTimeout(b.current)),[]),i(el,p,i(CU,{scope:t,
+;return f((()=>()=>window.clearTimeout(b.current)),[]),i(el,p,i(zU,{scope:t,
 contentId:y,open:M,stateAttribute:S,trigger:v,onTriggerChange:g,
 onTriggerEnter:c((()=>{h.isOpenDelayed?H():E()}),[h.isOpenDelayed,H,E]),
 onTriggerLeave:c((()=>{w?_():window.clearTimeout(b.current)}),[_,w]),onOpen:E,
-onClose:_,disableHoverableContent:w},n))},PU=xU,RU=e=>{
-const{__scopeTooltip:t,forceMount:n,children:r,container:a}=e,o=zU(SU,t)
-;return i(EU,{scope:t,forceMount:n},i(Kn,{present:n||o.open},i(al,{asChild:!0,
-container:a},r)))},OU=DU,NU=En(s(((e,t)=>{const{__scopeTooltip:n,...r}=e,a=mU(n)
-;return LU("TooltipArrow",n).isInside?null:i(rl,An({},a,r,{ref:t}))})))`
+onClose:_,disableHoverableContent:w},n))},RU=SU,OU=e=>{
+const{__scopeTooltip:t,forceMount:n,children:r,container:a}=e,o=MU(EU,t)
+;return i(_U,{scope:t,forceMount:n},i(Kn,{present:n||o.open},i(al,{asChild:!0,
+container:a},r)))},NU=VU,FU=En(s(((e,t)=>{const{__scopeTooltip:n,...r}=e,a=vU(n)
+;return kU("TooltipArrow",n).isInside?null:i(rl,An({},a,r,{ref:t}))})))`
   fill: ${({theme:e})=>e.colors.fill.inverse};
-`,FU=En(OU)`
+`,BU=En(NU)`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   font-size: ${({theme:e})=>e.typography.secondary.fontSize};
   font-weight: ${({theme:e})=>e.typography.fontWeight["semi-bold"]};
@@ -16461,16 +16466,16 @@ container:a},r)))},OU=DU,NU=En(s(((e,t)=>{const{__scopeTooltip:n,...r}=e,a=mU(n)
   &[data-state='closed'] {
     animation-name: ${wa};
   }
-`,BU=En(TU)``,$U=En(IU)``,jU=En(PU)``,UU=En(RU)``,YU=({position:e="bottom",label:n,html:r,style:a={},children:o,className:i="",disabled:l=!1,delay:c=300,arrow:s=!0,providerProps:u,rootProps:d})=>{
-const[h="bottom",p="center"]=e.split("-");return t.createElement(BU,{
-delayDuration:c,...u},t.createElement($U,{...d,open:!l&&void 0
-},t.createElement(jU,{className:"TooltipTrigger",asChild:!0,
+`,$U=En(IU)``,jU=En(PU)``,UU=En(RU)``,YU=En(OU)``,WU=({position:e="bottom",label:n,html:r,style:a={},children:o,className:i="",disabled:l=!1,delay:c=300,arrow:s=!0,providerProps:u,rootProps:d})=>{
+const[h="bottom",p="center"]=e.split("-");return t.createElement($U,{
+delayDuration:c,...u},t.createElement(jU,{...d,open:!l&&void 0
+},t.createElement(UU,{className:"TooltipTrigger",asChild:!0,
 "aria-label":"string"==typeof o?o:"TooltipTrigger"},t.createElement(ya,{
-className:i},o)),t.createElement(UU,null,t.createElement(FU,{forceMount:!0,
+className:i},o)),t.createElement(YU,null,t.createElement(BU,{forceMount:!0,
 "data-tooltip-content":!0,className:"TooltipContent",style:a,sideOffset:5,
 "aria-disabled":l,"aria-live":"polite",side:h,align:p
-},n?t.createElement(t.Fragment,null,n):t.createElement(t.Fragment,null,r),s&&t.createElement(NU,null)))))
-};var WU=Hn`
+},n?t.createElement(t.Fragment,null,n):t.createElement(t.Fragment,null,r),s&&t.createElement(FU,null)))))
+};var GU=Hn`
 
 div:has( > div[data-tooltip-content]){
     z-index: ${({theme:e})=>e.zIndex.tooltip||us.tooltip} !important;
@@ -16480,10 +16485,10 @@ div:has( > div[data-popover-content]){
     z-index: ${({theme:e})=>e.zIndex.popover||us.popover} !important;
 }
 
-    `,GU=Object.freeze({__proto__:null,allPathsLoader:function(e,t){
+    `,KU=Object.freeze({__proto__:null,allPathsLoader:function(e,t){
 return D(void 0,void 0,void 0,(function(){return V(this,(function(n){
 switch(n.label){case 0:return[4,Promise.resolve().then((function(){return Px}))]
-;case 1:return[2,(0,n.sent().getIconPaths)(e,t)]}}))}))}}),KU=Object.freeze({
+;case 1:return[2,(0,n.sent().getIconPaths)(e,t)]}}))}))}}),qU=Object.freeze({
 __proto__:null,splitPathsBySizeLoader:function(e,t){
 return D(void 0,void 0,void 0,(function(){var n,r;return V(this,(function(a){
 switch(a.label){case 0:
@@ -16491,4 +16496,4 @@ return n=_x(e),t!==Dx.STANDARD?[3,2]:[4,Promise.resolve().then((function(){
 return Ax}))];case 1:return r=a.sent(),[3,4];case 2:
 return[4,Promise.resolve().then((function(){return kx}))];case 3:
 r=a.sent(),a.label=4;case 4:return[2,r[n]]}}))}))}})
-;export{oa as Accordion,Fa as Alert,eu as BoxedRadio,ja as Button,ws as ButtonDropdown,fa as CardActions,pa as CardContent,va as CardDescription,ga as CardText,ma as CardTitle,fu as Checkbox,Kr as Checkmark,jr as ChevronUp,wd as Confirmation,Ur as CrossIcon,DR as DatePicker,AR as DateRangePicker,VR as DateTimePicker,LR as DateTimeRangePicker,Ad as Drawer,Pv as Dropdown,Gh as DropdownInputItem,Nv as DropdownItem,bs as DropdownMenuItem,Gr as ErrorIcon,WU as FreemiumUIGlobalStyles,ha as FreshLink,da as IconButton,qr as InfoIcon,Hv as Input,sa as InputLabel,Iv as Loader,Fv as Menu,Zr as Minus,Kv as Modal,Xr as MoreVertical,ug as MultiSelectDropdown,cO as Popover,lO as PopoverClose,oO as PopoverTrigger,fO as Radio,mO as RadioGroup,rs as RadixMenuItem,Oh as RadixSelectItem,rB as Reorder,ua as RequiredIndicator,ca as StyledLabel,I$ as Table,Q$ as Tabs,q$ as TabsContent,Z$ as TabsList,K$ as TabsRoot,X$ as TabsTrigger,sg as Tag,Dv as TextArea,Xj as ThemeProvider,ps as Themes,Yr as TickIcon,TR as TimePicker,qj as ToastProvider,hU as Toggle,YU as Tooltip,ya as TriggerButtonWrapper,Pa as Typography,Wr as Warning,wa as basicHide,za as basicShow,xa as contentHide,Ea as contentShow,La as slideDownAndFade,Ta as slideLeftAndFade,Va as slideRightAndFade,Ha as slideUpAndFade,Zj as useToasts};
+;export{oa as Accordion,Fa as Alert,eu as BoxedRadio,ja as Button,ws as ButtonDropdown,fa as CardActions,pa as CardContent,va as CardDescription,ga as CardText,ma as CardTitle,fu as Checkbox,Kr as Checkmark,jr as ChevronUp,wd as Confirmation,Ur as CrossIcon,DR as DatePicker,AR as DateRangePicker,VR as DateTimePicker,LR as DateTimeRangePicker,Ad as Drawer,Pv as Dropdown,Gh as DropdownInputItem,Nv as DropdownItem,bs as DropdownMenuItem,Gr as ErrorIcon,GU as FreemiumUIGlobalStyles,ha as FreshLink,da as IconButton,qr as InfoIcon,Hv as Input,sa as InputLabel,Iv as Loader,Fv as Menu,Zr as Minus,Kv as Modal,Xr as MoreVertical,ug as MultiSelectDropdown,cO as Popover,lO as PopoverClose,oO as PopoverTrigger,fO as Radio,mO as RadioGroup,rs as RadixMenuItem,Oh as RadixSelectItem,rB as Reorder,ua as RequiredIndicator,ca as StyledLabel,I$ as Table,Q$ as Tabs,q$ as TabsContent,Z$ as TabsList,K$ as TabsRoot,X$ as TabsTrigger,sg as Tag,Dv as TextArea,Qj as ThemeProvider,ps as Themes,Yr as TickIcon,TR as TimePicker,qj as ToastProvider,pU as Toggle,WU as Tooltip,ya as TriggerButtonWrapper,Pa as Typography,Wr as Warning,wa as basicHide,za as basicShow,xa as contentHide,Ea as contentShow,La as slideDownAndFade,Ta as slideLeftAndFade,Va as slideRightAndFade,Ha as slideUpAndFade,Zj as useToasts};

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.11",
+  "version": "2.0.13",
   "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.11",
+  "version": "2.0.13",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",

package/dist/README.md

@@ -1,86 +0,0 @@
-<h1 align="center">Freemium Ui</h1>
-
-## [DEMO](https://freemium-ui.netlify.app)
-
-[React](https://reactjs.org/) based light weight ui components based on [Styled Components](https://styled-components.com/)
-
-## Installation
-
-Peer Dependencies to be installed
-
-```
-npm install styled-components
-```
-
-Install the package
-
-```
-npm install freemium-ui
-```
-
-Please note that `@next` will only point to pre-releases; to get the latest stable release use `@latest` instead.
-
-## Usage
-
-Here is a quick example to get you started, **it's all you need**:
-
-```jsx
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { Button } from 'freemium-ui';
-// import { Button } from 'freemium-ui/Button';
-
-function App() {
-  return <Button>Freemium Button</Button>;
-}
-
-ReactDOM.render(<App />, document.querySelector('#app'));
-```
-
-## Contribution
-
-Install Dependencies
-
-```
-npm install
-```
-
-Start the app using storybook
-
-```
-npm run storybook
-```
-
-Build Freemium Ui Core Components
-
-```
-npm run build
-```
-
-JavaScript heap out of memory could lead to build failure. Check the [official docs](https://rollupjs.org/troubleshooting/#error-javascript-heap-out-of-memory). Or execute any of the required below config
-
-```
-export NODE_OPTIONS="--max-old-space-size=8192"
-export NODE_OPTIONS="--max-old-space-size=12288"
-export NODE_OPTIONS="--max-old-space-size=16384"
-```
-
-To check the heap size in MB
-
-```
-node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))'
-```
-
-Generate a PAT with `admin:org`, `write:packages`, `read:packages`, `delete:packages`
-
-Authenticate to npm github package
-
-```
-npm login --registry=https://registry.npmjs.org/
-```
-
-Publish the package to npm
-
-```
-npm publish
-```