@hari_digitus/sms-ui-library 4.0.15 → 4.0.16

package/dist/notifications.cjs.js

@@ -82,4 +82,4 @@ React keys must be passed directly to JSX without using spread:
             transform: scaleY(1);
           }
         }
-      `})]})}const Mt=({value:r,showLabel:n=!1,label:a,showPercentage:o=!0,height:c="h-2",containerClassName:m,progressClassName:d,wrapperClassName:h,labelClassName:u,percentageClassName:E,backgroundColor:w="bg-gray-200",progressColor:C="bg-[#02245A]",animated:F=!0,striped:L=!1,orientation:S="horizontal",dataTestId:z})=>{const $=Math.min(Math.max(r,0),100),j=S==="vertical";return y.jsxs("div",{className:xe("flex items-center gap-2",j&&"flex-col items-start",h),"data-testid":z,children:[n&&a&&y.jsx("span",{className:xe("text-sm font-medium text-[#414651] whitespace-nowrap",u),children:a}),y.jsx("div",{className:xe("w-full rounded-full overflow-hidden relative",j?"w-2 h-32":c,w,m),children:y.jsx("div",{className:xe("h-full rounded-full",C,F&&"transition-all duration-300",L&&"bg-[linear-gradient(45deg,rgba(255,255,255,.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,.15)_50%,rgba(255,255,255,.15)_75%,transparent_75%,transparent)] bg-[length:1rem_1rem]",d),style:{width:j?"100%":`${$}%`,height:j?`${$}%`:"100%"},role:"progressbar","aria-valuenow":$,"aria-valuemin":0,"aria-valuemax":100})}),o&&y.jsxs("span",{className:xe("text-xs text-gray-600 whitespace-nowrap",E),children:[$,"%"]})]})},ve=7,oe=6,It=({text:r,maxLength:n=40,maxWidth:a=280,position:o="top",bgColor:c="#1a1a1a",textColor:m="#fff",borderColor:d="#1a1a1a",className:h,style:u})=>{const[E,w]=ne.useState(!1),[C,F]=ne.useState({box:{x:0,y:0},arrow:{x:0,y:0},rotate:0}),L=ne.useRef(null),S=ne.useRef(null),z=r.length>n,$=z?r.slice(0,n)+"…":r,j=ne.useCallback(()=>{if(!L.current||!S.current)return;const b=L.current.getBoundingClientRect(),U=S.current.offsetWidth||a,B=S.current.offsetHeight||44;let G=0,D=0,Y=0,f=0,M=0;o==="top"?(G=b.left+b.width/2-U/2,D=b.top-B-ve-oe,Y=b.left+b.width/2-6,f=b.top-ve-oe,M=0):o==="bottom"?(G=b.left+b.width/2-U/2,D=b.bottom+ve+oe,Y=b.left+b.width/2-6,f=b.bottom+oe,M=180):o==="left"?(G=b.left-U-ve-oe,D=b.top+b.height/2-B/2,Y=b.left-ve-oe,f=b.top+b.height/2-6,M=90):o==="right"&&(G=b.right+ve+oe,D=b.top+b.height/2-B/2,Y=b.right+oe,f=b.top+b.height/2-6,M=-90);const de=window.innerWidth,ue=window.innerHeight;G=Math.max(8,Math.min(G,de-U-8)),D=Math.max(8,Math.min(D,ue-B-8)),F({box:{x:G,y:D},arrow:{x:Y,y:f},rotate:M})},[o,a]);return ne.useEffect(()=>{E&&setTimeout(j,0)},[E,j]),z?y.jsxs(y.Fragment,{children:[y.jsx("span",{ref:L,className:h,style:{display:"block",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",cursor:"default",maxWidth:"100%",...u},onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),children:$}),E&&y.jsxs(y.Fragment,{children:[y.jsx("div",{ref:S,style:{position:"fixed",left:C.box.x,top:C.box.y,background:c,border:`1px solid ${d}`,borderRadius:8,padding:"8px 12px",fontSize:13,color:m,maxWidth:a,lineHeight:1.5,zIndex:99999,pointerEvents:"none",boxShadow:"0 2px 8px rgba(0,0,0,0.12)",wordBreak:"break-word",whiteSpace:"normal"},children:r}),y.jsx("div",{style:{position:"fixed",left:C.arrow.x,top:C.arrow.y,width:12,height:7,zIndex:1e5,pointerEvents:"none",transform:`rotate(${C.rotate}deg)`,transformOrigin:"center"},children:y.jsx("svg",{width:"12",height:"7",viewBox:"0 0 12 7",xmlns:"http://www.w3.org/2000/svg",children:y.jsx("polygon",{points:"6,7 0,0 12,0",fill:c})})})]})]}):y.jsx("span",{className:h,style:u,children:r})};function Ft({message:r,type:n,isVisible:a,onClose:o}){return console.log("message =",r),a?y.jsx("div",{style:{position:"fixed",top:"20px",right:"20px",zIndex:99999,backgroundColor:n==="success"?"#D4EDDA":n==="error"?"#FADBD8":n==="warning"?"#FDEBD0":"#D6EAF8",color:n==="success"?"#1E7E34":n==="error"?"#C0392B":n==="warning"?"#B9770E":"#1F618D",padding:"12px 20px",borderRadius:"6px",display:"flex",alignItems:"center",gap:"10px",boxShadow:"0 4px 12px rgba(0,0,0,0.1)",borderLeft:"4px solid "+(n==="success"?"#28A745":n==="error"?"#E74C3C":n==="warning"?"#F39C12":"#3498DB")},children:y.jsx("span",{children:r})}):null}const Dt=({isOpen:r,onClose:n,title:a,children:o,footer:c,width:m="450px",showCloseIcon:d})=>r?Jr.createPortal(y.jsx("div",{onClick:n,style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.5)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:9999},children:y.jsxs("div",{onClick:h=>h.stopPropagation(),style:{background:"#fff",borderRadius:"8px",boxShadow:"0 4px 20px rgba(0,0,0,0.2)",width:m,maxWidth:"90%",overflow:"hidden"},children:[(a||d)&&y.jsxs("div",{style:{display:"flex",justifyContent:"flex-end",alignItems:"center",padding:"16px"},children:[a&&y.jsx("h3",{style:{margin:0,fontSize:"16px",fontWeight:600,marginRight:"auto"},children:a}),d&&y.jsx("button",{onClick:n,style:{border:"none",background:"transparent",cursor:"pointer",fontSize:"18px"},children:"✕"})]}),y.jsx("div",{style:{paddingTop:"20px",paddingBottom:"6px",paddingLeft:"16px",paddingRight:"16px"},children:o}),c&&y.jsx("div",{style:{display:"flex",justifyContent:"flex-end",gap:"10px",padding:"1px"},children:c})]})}),document.body):null;exports.Loader=zt;exports.Modal=Dt;exports.ProgressBar=Mt;exports.TextPopover=It;exports.Toast=Ft;exports.cn=xe;
+      `})]})}const Mt=({value:r,showLabel:n=!1,label:a,showPercentage:o=!0,height:c="h-2",containerClassName:m,progressClassName:d,wrapperClassName:h,labelClassName:u,percentageClassName:E,backgroundColor:w="bg-gray-200",progressColor:C="bg-[#02245A]",animated:F=!0,striped:L=!1,orientation:S="horizontal",dataTestId:z})=>{const $=Math.min(Math.max(r,0),100),j=S==="vertical";return y.jsxs("div",{className:xe("flex items-center gap-2",j&&"flex-col items-start",h),"data-testid":z,children:[n&&a&&y.jsx("span",{className:xe("text-sm font-medium text-[#414651] whitespace-nowrap",u),children:a}),y.jsx("div",{className:xe("w-full rounded-full overflow-hidden relative",j?"w-2 h-32":c,w,m),children:y.jsx("div",{className:xe("h-full rounded-full",C,F&&"transition-all duration-300",L&&"bg-[linear-gradient(45deg,rgba(255,255,255,.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,.15)_50%,rgba(255,255,255,.15)_75%,transparent_75%,transparent)] bg-[length:1rem_1rem]",d),style:{width:j?"100%":`${$}%`,height:j?`${$}%`:"100%"},role:"progressbar","aria-valuenow":$,"aria-valuemin":0,"aria-valuemax":100})}),o&&y.jsxs("span",{className:xe("text-xs text-gray-600 whitespace-nowrap",E),children:[$,"%"]})]})},ve=7,oe=6,It=({text:r,maxLength:n=40,maxWidth:a=280,position:o="top",bgColor:c="#1a1a1a",textColor:m="#fff",borderColor:d="#1a1a1a",className:h,style:u})=>{const[E,w]=ne.useState(!1),[C,F]=ne.useState({box:{x:0,y:0},arrow:{x:0,y:0},rotate:0}),L=ne.useRef(null),S=ne.useRef(null),z=r.length>n,$=z?r.slice(0,n)+"…":r,j=ne.useCallback(()=>{if(!L.current||!S.current)return;const b=L.current.getBoundingClientRect(),U=S.current.offsetWidth||a,B=S.current.offsetHeight||44;let G=0,D=0,Y=0,f=0,M=0;o==="top"?(G=b.left+b.width/2-U/2,D=b.top-B-ve-oe,Y=b.left+b.width/2-6,f=b.top-ve-oe,M=0):o==="bottom"?(G=b.left+b.width/2-U/2,D=b.bottom+ve+oe,Y=b.left+b.width/2-6,f=b.bottom+oe,M=180):o==="left"?(G=b.left-U-ve-oe,D=b.top+b.height/2-B/2,Y=b.left-ve-oe,f=b.top+b.height/2-6,M=90):o==="right"&&(G=b.right+ve+oe,D=b.top+b.height/2-B/2,Y=b.right+oe,f=b.top+b.height/2-6,M=-90);const de=window.innerWidth,ue=window.innerHeight;G=Math.max(8,Math.min(G,de-U-8)),D=Math.max(8,Math.min(D,ue-B-8)),F({box:{x:G,y:D},arrow:{x:Y,y:f},rotate:M})},[o,a]);return ne.useEffect(()=>{E&&setTimeout(j,0)},[E,j]),z?y.jsxs(y.Fragment,{children:[y.jsx("span",{ref:L,className:h,style:{display:"block",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",cursor:"default",maxWidth:"100%",...u},onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),children:$}),E&&y.jsxs(y.Fragment,{children:[y.jsx("div",{ref:S,style:{position:"fixed",left:C.box.x,top:C.box.y,background:c,border:`1px solid ${d}`,borderRadius:8,padding:"8px 12px",fontSize:13,color:m,maxWidth:a,lineHeight:1.5,zIndex:99999,pointerEvents:"none",boxShadow:"0 2px 8px rgba(0,0,0,0.12)",wordBreak:"break-word",whiteSpace:"normal"},children:r}),y.jsx("div",{style:{position:"fixed",left:C.arrow.x,top:C.arrow.y,width:12,height:7,zIndex:1e5,pointerEvents:"none",transform:`rotate(${C.rotate}deg)`,transformOrigin:"center"},children:y.jsx("svg",{width:"12",height:"7",viewBox:"0 0 12 7",xmlns:"http://www.w3.org/2000/svg",children:y.jsx("polygon",{points:"6,7 0,0 12,0",fill:c})})})]})]}):y.jsx("span",{className:h,style:u,children:r})};function Ft({message:r,type:n,isVisible:a,onClose:o}){return console.log("message =",r),a?y.jsx("div",{style:{position:"fixed",top:"20px",right:"20px",zIndex:99999,backgroundColor:n==="success"?"#D4EDDA":n==="error"?"#FADBD8":n==="warning"?"#FDEBD0":"#D6EAF8",color:n==="success"?"#1E7E34":n==="error"?"#C0392B":n==="warning"?"#B9770E":"#1F618D",padding:"12px 20px",borderRadius:"6px",display:"flex",alignItems:"center",gap:"10px",boxShadow:"0 4px 12px rgba(0,0,0,0.1)",borderLeft:"4px solid "+(n==="success"?"#28A745":n==="error"?"#E74C3C":n==="warning"?"#F39C12":"#3498DB")},children:y.jsx("span",{children:r})}):null}const Dt=({isOpen:r,onClose:n,title:a,children:o,footer:c,width:m="450px",showCloseIcon:d})=>r?Jr.createPortal(y.jsx("div",{onClick:n,style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.5)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:9999},children:y.jsxs("div",{onClick:h=>h.stopPropagation(),style:{background:"#fff",borderRadius:"8px",boxShadow:"0 4px 20px rgba(0,0,0,0.2)",width:m,maxWidth:"90%",overflow:"hidden"},children:[(a||d)&&y.jsxs("div",{style:{display:"flex",justifyContent:"flex-end",alignItems:"center",padding:"16px"},children:[a&&y.jsx("h3",{style:{margin:0,fontSize:"16px",fontWeight:600,marginRight:"auto"},children:a}),d&&y.jsx("button",{onClick:n,style:{border:"none",background:"transparent",cursor:"pointer",fontSize:"18px"},children:"✕"})]}),y.jsx("div",{style:{paddingTop:"20px",paddingBottom:"6px",paddingLeft:"16px",paddingRight:"16px"},children:o}),c&&y.jsx("div",{style:{display:"flex",justifyContent:"flex-end",gap:"10px",paddingLeft:"16px",paddingRight:"16px",paddingBottom:"16px",paddingTop:"10px"},children:c})]})}),document.body):null;exports.Loader=zt;exports.Modal=Dt;exports.ProgressBar=Mt;exports.TextPopover=It;exports.Toast=Ft;exports.cn=xe;

package/dist/notifications.es.js

@@ -134,12 +134,12 @@ const Be = "-", et = (r) => {
       }
       z === "[" ? d++ : z === "]" ? d-- : z === "(" ? h++ : z === ")" && h--;
     }
-    const w = m.length === 0 ? c : c.substring(u), C = it(w), F = C !== w, G = E && E > u ? E - u : void 0;
+    const w = m.length === 0 ? c : c.substring(u), C = it(w), F = C !== w, L = E && E > u ? E - u : void 0;
     return {
       modifiers: m,
       hasImportantModifier: F,
       baseClassName: C,
-      maybePostfixModifierPosition: G
+      maybePostfixModifierPosition: L
     };
   };
   if (n) {
@@ -188,7 +188,7 @@ const Be = "-", et = (r) => {
     const w = h[E], {
       isExternal: C,
       modifiers: F,
-      hasImportantModifier: G,
+      hasImportantModifier: L,
       baseClassName: S,
       maybePostfixModifierPosition: z
     } = a(w);
@@ -208,13 +208,13 @@ const Be = "-", et = (r) => {
       }
       $ = !1;
     }
-    const b = m(F).join(":"), U = G ? b + Ne : b, B = U + j;
+    const b = m(F).join(":"), U = L ? b + Ne : b, B = U + j;
     if (d.includes(B))
       continue;
     d.push(B);
-    const L = c(j, $);
-    for (let D = 0; D < L.length; ++D) {
-      const Y = L[D];
+    const G = c(j, $);
+    for (let D = 0; D < G.length; ++D) {
+      const Y = G[D];
       d.push(U + Y);
     }
     u = w + (u.length > 0 ? " " + u : u);
@@ -255,7 +255,7 @@ function pt(r, ...n) {
 const O = (r) => {
   const n = (a) => a[r] || [];
   return n.isThemeGetter = !0, n;
-}, vr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, xr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, mt = /^\d+\/\d+$/, gt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, bt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ht = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, xt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, be = (r) => mt.test(r), v = (r) => !!r && !Number.isNaN(Number(r)), te = (r) => !!r && Number.isInteger(Number(r)), Le = (r) => r.endsWith("%") && v(r.slice(0, -1)), ee = (r) => gt.test(r), yt = () => !0, wt = (r) => (
+}, vr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, xr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, mt = /^\d+\/\d+$/, gt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, bt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ht = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, xt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, be = (r) => mt.test(r), v = (r) => !!r && !Number.isNaN(Number(r)), te = (r) => !!r && Number.isInteger(Number(r)), Ge = (r) => r.endsWith("%") && v(r.slice(0, -1)), ee = (r) => gt.test(r), yt = () => !0, wt = (r) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
@@ -267,7 +267,7 @@ const O = (r) => {
   const o = xr.exec(r);
   return o ? o[1] ? n(o[1]) : a : !1;
 }, wr = (r) => r === "position" || r === "percentage", kr = (r) => r === "image" || r === "url", Rr = (r) => r === "length" || r === "size" || r === "bg-size", Er = (r) => r === "length", Pt = (r) => r === "number", At = (r) => r === "family-name", _r = (r) => r === "shadow", Ot = () => {
-  const r = O("color"), n = O("font"), a = O("text"), o = O("font-weight"), c = O("tracking"), m = O("leading"), d = O("breakpoint"), h = O("container"), u = O("spacing"), E = O("radius"), w = O("shadow"), C = O("inset-shadow"), F = O("text-shadow"), G = O("drop-shadow"), S = O("blur"), z = O("perspective"), $ = O("aspect"), j = O("ease"), b = O("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], B = () => [
+  const r = O("color"), n = O("font"), a = O("text"), o = O("font-weight"), c = O("tracking"), m = O("leading"), d = O("breakpoint"), h = O("container"), u = O("spacing"), E = O("radius"), w = O("shadow"), C = O("inset-shadow"), F = O("text-shadow"), L = O("drop-shadow"), S = O("blur"), z = O("perspective"), $ = O("aspect"), j = O("ease"), b = O("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], B = () => [
     "center",
     "top",
     "bottom",
@@ -285,7 +285,7 @@ const O = (r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], L = () => [...B(), l, i], D = () => ["auto", "hidden", "clip", "visible", "scroll"], Y = () => ["auto", "contain", "none"], f = () => [l, i, u], M = () => [be, "full", "auto", ...f()], ce = () => [te, "none", "subgrid", l, i], de = () => ["auto", {
+  ], G = () => [...B(), l, i], D = () => ["auto", "hidden", "clip", "visible", "scroll"], Y = () => ["auto", "contain", "none"], f = () => [l, i, u], M = () => [be, "full", "auto", ...f()], ce = () => [te, "none", "subgrid", l, i], de = () => ["auto", {
     span: ["full", te, l, i]
   }, te, l, i], ne = () => [te, "auto", l, i], K = () => ["auto", "min", "max", "fr", l, i], X = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], J = () => ["auto", ...f()], Z = () => [be, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...f()], p = () => [r, l, i], ye = () => [...B(), dr, cr, {
     position: [l, i]
@@ -293,7 +293,7 @@ const O = (r) => {
     repeat: ["", "x", "y", "space", "round"]
   }], ke = () => ["auto", "cover", "contain", jt, _t, {
     size: [l, i]
-  }], ue = () => [Le, _e, le], I = () => [
+  }], ue = () => [Ge, _e, le], I = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -301,7 +301,7 @@ const O = (r) => {
     E,
     l,
     i
-  ], W = () => ["", v, _e, le], fe = () => ["solid", "dashed", "dotted", "double"], pe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], T = () => [v, Le, dr, cr], ae = () => [
+  ], W = () => ["", v, _e, le], fe = () => ["solid", "dashed", "dotted", "double"], pe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], T = () => [v, Ge, dr, cr], ae = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -432,7 +432,7 @@ const O = (r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: L()
+        object: G()
       }],
       /**
        * Overflow
@@ -1025,7 +1025,7 @@ const O = (r) => {
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Le, i]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ge, i]
       }],
       /**
        * Font Family
@@ -2013,7 +2013,7 @@ const O = (r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          G,
+          L,
           Oe,
           Ae
         ]
@@ -2248,7 +2248,7 @@ const O = (r) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": L()
+        "perspective-origin": G()
       }],
       /**
        * Rotate
@@ -2344,7 +2344,7 @@ const O = (r) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: L()
+        origin: G()
       }],
       /**
        * Transform Style
@@ -2756,11 +2756,11 @@ function Mt() {
   ur = 1;
   var r = mr, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, c = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
   function d(h, u, E) {
-    var w, C = {}, F = null, G = null;
-    E !== void 0 && (F = "" + E), u.key !== void 0 && (F = "" + u.key), u.ref !== void 0 && (G = u.ref);
+    var w, C = {}, F = null, L = null;
+    E !== void 0 && (F = "" + E), u.key !== void 0 && (F = "" + u.key), u.ref !== void 0 && (L = u.ref);
     for (w in u) o.call(u, w) && !m.hasOwnProperty(w) && (C[w] = u[w]);
     if (h && h.defaultProps) for (w in u = h.defaultProps, u) C[w] === void 0 && (C[w] = u[w]);
-    return { $$typeof: n, type: h, key: F, ref: G, props: C, _owner: c.current };
+    return { $$typeof: n, type: h, key: F, ref: L, props: C, _owner: c.current };
   }
   return Se.Fragment = a, Se.jsx = d, Se.jsxs = d, Se;
 }
@@ -2777,7 +2777,7 @@ var je = {};
 var fr;
 function It() {
   return fr || (fr = 1, process.env.NODE_ENV !== "production" && (function() {
-    var r = mr, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), h = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), G = Symbol.for("react.offscreen"), S = Symbol.iterator, z = "@@iterator";
+    var r = mr, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), h = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), L = Symbol.for("react.offscreen"), S = Symbol.iterator, z = "@@iterator";
     function $(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -2802,10 +2802,10 @@ function It() {
         _.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, _);
       }
     }
-    var B = !1, L = !1, D = !1, Y = !1, f = !1, M;
+    var B = !1, G = !1, D = !1, Y = !1, f = !1, M;
     M = Symbol.for("react.module.reference");
     function ce(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === m || f || e === c || e === E || e === w || Y || e === G || B || L || D || typeof e == "object" && e !== null && (e.$$typeof === F || e.$$typeof === C || e.$$typeof === d || e.$$typeof === h || e.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === m || f || e === c || e === E || e === w || Y || e === L || B || G || D || typeof e == "object" && e !== null && (e.$$typeof === F || e.$$typeof === C || e.$$typeof === d || e.$$typeof === h || e.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -3152,7 +3152,7 @@ function It() {
         });
       }
     }
-    var Gr = function(e, t, s, g, R, _, k) {
+    var Lr = function(e, t, s, g, R, _, k) {
       var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
@@ -3181,7 +3181,7 @@ function It() {
         value: R
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function Lr(e, t, s, g, R) {
+    function Gr(e, t, s, g, R) {
       {
         var _, k = {}, x = null, N = null;
         s !== void 0 && (Je(s), x = "" + s), Mr(t) && (Je(t.key), x = "" + t.key), zr(t) && (N = t.ref, Ir(t, R));
@@ -3196,7 +3196,7 @@ function It() {
           var A = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           x && Fr(k, A), N && Dr(k, A);
         }
-        return Gr(e, x, N, R, g, He.current, k);
+        return Lr(e, x, N, R, g, He.current, k);
       }
     }
     var Ie = j.ReactCurrentOwner, Ze = j.ReactDebugCurrentFrame;
@@ -3321,7 +3321,7 @@ Check the top-level render call using <` + s + ">.");
           var P;
           e === null ? P = "null" : Me(e) ? P = "array" : e !== void 0 && e.$$typeof === n ? (P = "<" + (K(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, x);
         }
-        var A = Lr(e, t, s, R, _);
+        var A = Gr(e, t, s, R, _);
         if (A == null)
           return A;
         if (k) {
@@ -3340,15 +3340,15 @@ Check the top-level render call using <` + s + ">.");
         if (Ee.call(t, "key")) {
           var ie = K(e), V = Object.keys(t).filter(function(Hr) {
             return Hr !== "key";
-          }), Ge = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!or[ie + Ge]) {
+          }), Le = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!or[ie + Le]) {
             var Jr = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             b(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ge, ie, Jr, ie), or[ie + Ge] = !0;
+  <%s key={someKey} {...props} />`, Le, ie, Jr, ie), or[ie + Le] = !0;
           }
         }
         return e === o ? Vr(A) : Nr(A), A;
@@ -3369,7 +3369,7 @@ function Ft() {
   return pr || (pr = 1, process.env.NODE_ENV === "production" ? ze.exports = Mt() : ze.exports = It()), ze.exports;
 }
 var y = Ft();
-function Lt() {
+function Gt() {
   return /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     /* @__PURE__ */ y.jsx("div", { className: "fixed inset-0 z-[9999] bg-black/40 flex items-center justify-center", children: /* @__PURE__ */ y.jsxs("div", { className: "loader", children: [
       /* @__PURE__ */ y.jsx("span", {}),
@@ -3451,7 +3451,7 @@ const $t = ({
   backgroundColor: w = "bg-gray-200",
   progressColor: C = "bg-[#02245A]",
   animated: F = !0,
-  striped: G = !1,
+  striped: L = !1,
   orientation: S = "horizontal",
   dataTestId: z
 }) => {
@@ -3492,7 +3492,7 @@ const $t = ({
                   "h-full rounded-full",
                   C,
                   F && "transition-all duration-300",
-                  G && "bg-[linear-gradient(45deg,rgba(255,255,255,.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,.15)_50%,rgba(255,255,255,.15)_75%,transparent_75%,transparent)] bg-[length:1rem_1rem]",
+                  L && "bg-[linear-gradient(45deg,rgba(255,255,255,.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,.15)_50%,rgba(255,255,255,.15)_75%,transparent_75%,transparent)] bg-[length:1rem_1rem]",
                   d
                 ),
                 style: {
@@ -3538,13 +3538,13 @@ const $t = ({
     box: { x: 0, y: 0 },
     arrow: { x: 0, y: 0 },
     rotate: 0
-  }), G = sr(null), S = sr(null), z = r.length > n, $ = z ? r.slice(0, n) + "…" : r, j = Kr(() => {
-    if (!G.current || !S.current) return;
-    const b = G.current.getBoundingClientRect(), U = S.current.offsetWidth || a, B = S.current.offsetHeight || 44;
-    let L = 0, D = 0, Y = 0, f = 0, M = 0;
-    o === "top" ? (L = b.left + b.width / 2 - U / 2, D = b.top - B - he - oe, Y = b.left + b.width / 2 - 6, f = b.top - he - oe, M = 0) : o === "bottom" ? (L = b.left + b.width / 2 - U / 2, D = b.bottom + he + oe, Y = b.left + b.width / 2 - 6, f = b.bottom + oe, M = 180) : o === "left" ? (L = b.left - U - he - oe, D = b.top + b.height / 2 - B / 2, Y = b.left - he - oe, f = b.top + b.height / 2 - 6, M = 90) : o === "right" && (L = b.right + he + oe, D = b.top + b.height / 2 - B / 2, Y = b.right + oe, f = b.top + b.height / 2 - 6, M = -90);
+  }), L = sr(null), S = sr(null), z = r.length > n, $ = z ? r.slice(0, n) + "…" : r, j = Kr(() => {
+    if (!L.current || !S.current) return;
+    const b = L.current.getBoundingClientRect(), U = S.current.offsetWidth || a, B = S.current.offsetHeight || 44;
+    let G = 0, D = 0, Y = 0, f = 0, M = 0;
+    o === "top" ? (G = b.left + b.width / 2 - U / 2, D = b.top - B - he - oe, Y = b.left + b.width / 2 - 6, f = b.top - he - oe, M = 0) : o === "bottom" ? (G = b.left + b.width / 2 - U / 2, D = b.bottom + he + oe, Y = b.left + b.width / 2 - 6, f = b.bottom + oe, M = 180) : o === "left" ? (G = b.left - U - he - oe, D = b.top + b.height / 2 - B / 2, Y = b.left - he - oe, f = b.top + b.height / 2 - 6, M = 90) : o === "right" && (G = b.right + he + oe, D = b.top + b.height / 2 - B / 2, Y = b.right + oe, f = b.top + b.height / 2 - 6, M = -90);
     const ce = window.innerWidth, de = window.innerHeight;
-    L = Math.max(8, Math.min(L, ce - U - 8)), D = Math.max(8, Math.min(D, de - B - 8)), F({ box: { x: L, y: D }, arrow: { x: Y, y: f }, rotate: M });
+    G = Math.max(8, Math.min(G, ce - U - 8)), D = Math.max(8, Math.min(D, de - B - 8)), F({ box: { x: G, y: D }, arrow: { x: Y, y: f }, rotate: M });
   }, [o, a]);
   return Xr(() => {
     E && setTimeout(j, 0);
@@ -3552,7 +3552,7 @@ const $t = ({
     /* @__PURE__ */ y.jsx(
       "span",
       {
-        ref: G,
+        ref: L,
         className: h,
         style: {
           display: "block",
@@ -3699,7 +3699,10 @@ const Vt = ({ isOpen: r, onClose: n, title: a, children: o, footer: c, width: m
               display: "flex",
               justifyContent: "flex-end",
               gap: "10px",
-              padding: "1px"
+              paddingLeft: "16px",
+              paddingRight: "16px",
+              paddingBottom: "16px",
+              paddingTop: "10px"
             }, children: c })
           ]
         }
@@ -3709,7 +3712,7 @@ const Vt = ({ isOpen: r, onClose: n, title: a, children: o, footer: c, width: m
   document.body
 ) : null;
 export {
-  Lt as Loader,
+  Gt as Loader,
   Vt as Modal,
   $t as ProgressBar,
   Wt as TextPopover,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hari_digitus/sms-ui-library",
-  "version": "4.0.15",
+  "version": "4.0.16",
   "main": "dist/notifications.cjs.js",
   "module": "dist/notifications.es.js",
   "types": "dist/types/index.d.ts",