freemium-ui 2.0.97 → 2.0.98

package/lib/index.cjs.js

@@ -16860,22 +16860,23 @@ onClick:()=>l(n?.[o])},n?.[a]))))
 exports.CardDescription=Io,exports.CardText=Oo,
 exports.CardTitle=Po,exports.Checkbox=Zg,
 exports.Checkmark=to,exports.ChevronUp=no,
-exports.Confirmation=({isOpen:t,title:n,description:r,onConfirm:o,onDismiss:a,cancelButtonText:i,children:l,cancelButtonDisabled:c,confirmButtonDisabled:s,confirmButtonText:u,clickOutToClose:d=!1,bodyStyles:h,contentStyles:f,footerStyles:p,width:m="520px"})=>{
-const v=cr();return e.createElement(Gy,{open:t,onOpenChange:e=>{e||a?.("root")}
+exports.Confirmation=({isOpen:t,title:n,description:r,onConfirm:o,onDismiss:a,cancelButtonText:i,children:l,cancelButtonDisabled:c,confirmButtonDisabled:s,confirmButtonText:u,clickOutToClose:d=!1,bodyStyles:h,contentStyles:f,footerStyles:p,customFooter:m,width:v="520px"})=>{
+const g=cr();return e.createElement(Gy,{open:t,onOpenChange:e=>{e||a?.("root")}
 },e.createElement(Ky,null,e.createElement(Xy,{forceMount:!0,style:h,
 className:"AlertDialogOverlay",onClick:e=>{d&&a?.("overlay",e)}
 }),e.createElement(Jy,{forceMount:!0,className:"AlertDialogContent",style:{...f,
-width:m},dir:v.direction},n&&e.createElement(Qy,{$hasdescription:!!r,
+width:v},dir:g.direction},n&&e.createElement(Qy,{$hasdescription:!!r,
 className:"AlertDialogTitle"},n),r&&e.createElement(eb,{$hasChildren:!!l,
 className:"AlertDialogDescription"
 },r),l?e.createElement(e.Fragment,null,l):null,e.createElement(tb,{style:p
-},i&&e.createElement(qy,{asChild:!0},e.createElement(Dm,{variant:"secondary",
-autoFocus:!0,"aria-disabled":c,disabled:c,onClick:e=>{
-e.preventDefault(),a?.("button",e)},"aria-label":i},i)),u&&e.createElement(Zy,{
-asChild:!0},e.createElement(Dm,{variant:"primary","aria-disabled":s,disabled:s,
-onClick:e=>{e.preventDefault(),o?.(e)},"aria-label":u},u))))))
-},exports.CrossIcon=ro,
-exports.DatePicker=tF,exports.DateRangePicker=nF,exports.DateTimePicker=t=>{
+},m?e.createElement(e.Fragment,null,m):e.createElement(e.Fragment,null,i&&e.createElement(qy,{
+asChild:!0},e.createElement(Dm,{variant:"secondary",autoFocus:!0,
+"aria-disabled":c,disabled:c,onClick:e=>{e.preventDefault(),a?.("button",e)},
+"aria-label":i},i)),u&&e.createElement(Zy,{asChild:!0},e.createElement(Dm,{
+variant:"primary","aria-disabled":s,disabled:s,onClick:e=>{
+e.preventDefault(),o?.(e)},"aria-label":u},u)))))))
+},exports.CrossIcon=ro,exports.DatePicker=tF,
+exports.DateRangePicker=nF,exports.DateTimePicker=t=>{
 const{displayFormat:n="YYYY-MM-DD hh:mm A",...r}=t;return e.createElement(tF,{
 ...r,displayFormat:n,useTime:!0})},exports.DateTimeRangePicker=t=>{
 const{displayFormat:n="YYYY-MM-DD hh:mm A",...r}=t;return e.createElement(nF,{

package/lib/index.d.ts

@@ -599,12 +599,13 @@ interface ConfirmationProps {
      * Styles for the footer
      */
     footerStyles?: React.CSSProperties;
+    customFooter?: React.ReactElement;
 }
 
 /**
  * Confirmation component is used to show a confirmation dialog to the user. It is used to confirm an action before it is executed.
  */
-declare const Confirmation: ({ isOpen, title, description, onConfirm, onDismiss, cancelButtonText, children, cancelButtonDisabled, confirmButtonDisabled, confirmButtonText, clickOutToClose, bodyStyles, contentStyles, footerStyles, width, }: ConfirmationProps) => react__default.JSX.Element;
+declare const Confirmation: ({ isOpen, title, description, onConfirm, onDismiss, cancelButtonText, children, cancelButtonDisabled, confirmButtonDisabled, confirmButtonText, clickOutToClose, bodyStyles, contentStyles, footerStyles, customFooter, width, }: ConfirmationProps) => react__default.JSX.Element;
 
 type DrawerSizeType = 'default' | 'medium' | 'small' | 'large' | 'x-large';
 type DrawerPlacement = 'left' | 'right';

package/lib/index.js

@@ -4676,22 +4676,23 @@ const{__scopeAlertDialog:t,...n}=e,r=nb(t);return o(Gy,E({},r,n,{modal:!0}))
   ${({theme:e})=>"dark"===e.mode&&Pr`
       border-top: 1px solid ${e.colors.fill.base};
     `}
-`,_b=({isOpen:e,title:n,description:r,onConfirm:o,onDismiss:a,cancelButtonText:i,children:l,cancelButtonDisabled:c,confirmButtonDisabled:s,confirmButtonText:u,clickOutToClose:d=!1,bodyStyles:h,contentStyles:p,footerStyles:f,width:m="520px"})=>{
-const v=Hr();return t.createElement(yb,{open:e,onOpenChange:e=>{e||a?.("root")}
+`,_b=({isOpen:e,title:n,description:r,onConfirm:o,onDismiss:a,cancelButtonText:i,children:l,cancelButtonDisabled:c,confirmButtonDisabled:s,confirmButtonText:u,clickOutToClose:d=!1,bodyStyles:h,contentStyles:p,footerStyles:f,customFooter:m,width:v="520px"})=>{
+const g=Hr();return t.createElement(yb,{open:e,onOpenChange:e=>{e||a?.("root")}
 },t.createElement(bb,null,t.createElement(zb,{forceMount:!0,style:h,
 className:"AlertDialogOverlay",onClick:e=>{d&&a?.("overlay",e)}
 }),t.createElement(Mb,{forceMount:!0,className:"AlertDialogContent",style:{...p,
-width:m},dir:v.direction},n&&t.createElement(xb,{$hasdescription:!!r,
+width:v},dir:g.direction},n&&t.createElement(xb,{$hasdescription:!!r,
 className:"AlertDialogTitle"},n),r&&t.createElement(Eb,{$hasChildren:!!l,
 className:"AlertDialogDescription"
 },r),l?t.createElement(t.Fragment,null,l):null,t.createElement(Sb,{style:f
-},i&&t.createElement(wb,{asChild:!0},t.createElement(Jm,{variant:"secondary",
-autoFocus:!0,"aria-disabled":c,disabled:c,onClick:e=>{
-e.preventDefault(),a?.("button",e)},"aria-label":i},i)),u&&t.createElement(Cb,{
-asChild:!0},t.createElement(Jm,{variant:"primary","aria-disabled":s,disabled:s,
-onClick:e=>{e.preventDefault(),o?.(e)},"aria-label":u},u))))))},Hb={right:{
-x:"0",right:"0",top:"0"},left:{x:"0",left:"0",top:"0"}},Db={small:"424px",
-default:"600px",medium:"720px",large:"800px","x-large":"1200px"},Ab=Or(qy)`
+},m?t.createElement(t.Fragment,null,m):t.createElement(t.Fragment,null,i&&t.createElement(wb,{
+asChild:!0},t.createElement(Jm,{variant:"secondary",autoFocus:!0,
+"aria-disabled":c,disabled:c,onClick:e=>{e.preventDefault(),a?.("button",e)},
+"aria-label":i},i)),u&&t.createElement(Cb,{asChild:!0},t.createElement(Jm,{
+variant:"primary","aria-disabled":s,disabled:s,onClick:e=>{
+e.preventDefault(),o?.(e)},"aria-label":u},u)))))))},Hb={right:{x:"0",right:"0",
+top:"0"},left:{x:"0",left:"0",top:"0"}},Db={small:"424px",default:"600px",
+medium:"720px",large:"800px","x-large":"1200px"},Ab=Or(qy)`
   ${la}
 `,Lb=Or(Zy)`
   ${ca}

package/lib/package.json

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