freemium-ui 2.0.52 → 2.0.53

package/lib/index.cjs.js

@@ -4662,23 +4662,21 @@ small:"424px",default:"600px",medium:"720px",large:"800px","x-large":"1200px"
   ${$o}
   max-width: ${({size:e})=>Jy[e]};
   height: ${({isFullHeight:e})=>e?"100vh":"unset"};
-  right: 0;
   position: fixed;
-  ${({theme:e})=>"ltr"===e.direction?"right: 0":"left: 0"};
   top: 0;
   display: flex;
   flex-direction: column;
   top: ${({placement:e})=>Xy[e].top};
   bottom: ${({placement:e})=>Xy[e].bottom};
-  left: ${({placement:e,theme:t})=>"ltr"===t.direction?Xy[e].left:Xy[e].right};
-  right: ${({placement:e,theme:t})=>"ltr"===t.direction?Xy[e].right:Xy[e].left};
+  left: ${({placement:e})=>Xy[e].left};
+  right: ${({placement:e})=>Xy[e].right};
   animation-duration: ${({theme:e})=>e.transitions.duration.standard};
   animation-timing-function: ${({theme:e})=>e.transitions.easing.easeIn};
   &[data-state='open'] {
-    animation-name: ${({theme:e})=>"ltr"===e.direction?Xr:Jr};
+    animation-name: ${({placement:e})=>Xy[e].right?Xr:Jr};
   }
   &[data-state='closed'] {
-    animation-name: ${({theme:e})=>"ltr"===e.direction?qr:Zr};
+    animation-name: ${({placement:e})=>Xy[e].right?qr:Zr};
   }
 `,tb=yr.button`
   display: grid;
@@ -4698,8 +4696,8 @@ small:"424px",default:"600px",medium:"720px",large:"800px","x-large":"1200px"
       background-color: ${({theme:e})=>e.colors.fill.inverse};
     `}
 `,nb=yr(My)`
-  left: ${({theme:e})=>"ltr"===e.direction?"-24px":"unset"};
-  right: ${({theme:e})=>"rtl"===e.direction?"-24px":"unset"};
+  left: ${({placement:e})=>"right"===e?"-24px":"unset"};
+  right: ${({placement:e})=>"left"===e?"-24px":"unset"};
 `,rb=yr(gy)``,ob=yr(yy)``,ab=({type:t="button",...n})=>"button"===t?e.createElement(ib,{
 ...n,type:"button"}):e.createElement(lb,{...n,type:"input"}),ib=t=>{
 const n=cr(),{itemIdentifier:r="id",label:o,id:a,items:i=[],onChange:l,placeholder:c,readOnly:s=!1,disabled:u=!1,isRequired:d=!1,showTick:h=!0,itemToString:p,name:f,itemComponent:m,width:v,className:g,style:y,defaultSelectedItem:b=null,isErrored:w,portalContainer:C,isMenuLoading:z,errorText:M,defaultIsOpen:x,matchButtonWidth:E=!0,isOpen:S,buttonContentProps:_,selectedItemComponent:H}=t,D=e.useMemo((()=>{
@@ -17288,11 +17286,12 @@ placement:"ltr"===h.direction?"bottom-start":"bottom-end",usePortal:!0},
 parseDate:e=>e?FN(e).toDate():new Date,formatDate:e=>e?FN(e).format(u):"",...d
 }),i&&l&&e.createElement(lm,null,l))
 },exports.Drawer=({isOpen:t,children:n,hideDismissIcon:r,customClass:o="",size:a="default",isFullHeight:i=!0,placement:l="right",clickOutToClose:c=!1,onDismiss:s})=>{
-const u=cr();return e.createElement(rb,{open:t,onOpenChange:e=>{e||s?.()}
+const u=cr(),d="rtl"===u.direction?"right"===l?"left":"right":l
+;return e.createElement(rb,{open:t,onOpenChange:e=>{e||s?.()}
 },e.createElement(ob,null,e.createElement(Qy,{forceMount:!0,
 className:"DialogOverlay",onClick:()=>{c&&s?.()}}),e.createElement(eb,{
 forceMount:!0,className:`DialogContent ${o??""}`.trim(),isFullHeight:i,size:a,
-placement:l,dir:u.direction},!r&&e.createElement(nb,{asChild:!0
+placement:d,dir:u.direction},!r&&e.createElement(nb,{asChild:!0,placement:d
 },e.createElement(tb,{"aria-label":"Close"},e.createElement(ro,{
 fill:u.colors.text.inverse}))),n)))
 },exports.Dropdown=ab,exports.DropdownInputItem=$f,

package/lib/index.js

@@ -4672,23 +4672,21 @@ default:"600px",medium:"720px",large:"800px","x-large":"1200px"},Eb=Or(Uy)`
   ${ca}
   max-width: ${({size:e})=>xb[e]};
   height: ${({isFullHeight:e})=>e?"100vh":"unset"};
-  right: 0;
   position: fixed;
-  ${({theme:e})=>"ltr"===e.direction?"right: 0":"left: 0"};
   top: 0;
   display: flex;
   flex-direction: column;
   top: ${({placement:e})=>Mb[e].top};
   bottom: ${({placement:e})=>Mb[e].bottom};
-  left: ${({placement:e,theme:t})=>"ltr"===t.direction?Mb[e].left:Mb[e].right};
-  right: ${({placement:e,theme:t})=>"ltr"===t.direction?Mb[e].right:Mb[e].left};
+  left: ${({placement:e})=>Mb[e].left};
+  right: ${({placement:e})=>Mb[e].right};
   animation-duration: ${({theme:e})=>e.transitions.duration.standard};
   animation-timing-function: ${({theme:e})=>e.transitions.easing.easeIn};
   &[data-state='open'] {
-    animation-name: ${({theme:e})=>"ltr"===e.direction?yo:bo};
+    animation-name: ${({placement:e})=>Mb[e].right?yo:bo};
   }
   &[data-state='closed'] {
-    animation-name: ${({theme:e})=>"ltr"===e.direction?vo:go};
+    animation-name: ${({placement:e})=>Mb[e].right?vo:go};
   }
 `,_b=Or.button`
   display: grid;
@@ -4708,14 +4706,15 @@ default:"600px",medium:"720px",large:"800px","x-large":"1200px"},Eb=Or(Uy)`
       background-color: ${({theme:e})=>e.colors.fill.inverse};
     `}
 `,Hb=Or(Ky)`
-  left: ${({theme:e})=>"ltr"===e.direction?"-24px":"unset"};
-  right: ${({theme:e})=>"rtl"===e.direction?"-24px":"unset"};
+  left: ${({placement:e})=>"right"===e?"-24px":"unset"};
+  right: ${({placement:e})=>"left"===e?"-24px":"unset"};
 `,Db=Or(By)``,Ab=Or(jy)``,Lb=({isOpen:e,children:n,hideDismissIcon:r,customClass:o="",size:a="default",isFullHeight:i=!0,placement:l="right",clickOutToClose:c=!1,onDismiss:s})=>{
-const u=Hr();return t.createElement(Db,{open:e,onOpenChange:e=>{e||s?.()}
+const u=Hr(),d="rtl"===u.direction?"right"===l?"left":"right":l
+;return t.createElement(Db,{open:e,onOpenChange:e=>{e||s?.()}
 },t.createElement(Ab,null,t.createElement(Eb,{forceMount:!0,
 className:"DialogOverlay",onClick:()=>{c&&s?.()}}),t.createElement(Sb,{
 forceMount:!0,className:`DialogContent ${o??""}`.trim(),isFullHeight:i,size:a,
-placement:l,dir:u.direction},!r&&t.createElement(Hb,{asChild:!0
+placement:d,dir:u.direction},!r&&t.createElement(Hb,{asChild:!0,placement:d
 },t.createElement(_b,{"aria-label":"Close"},t.createElement(xo,{
 fill:u.colors.text.inverse}))),n)))
 },Vb=({type:e="button",...n})=>"button"===e?t.createElement(kb,{...n,

package/lib/package.json

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