@tnf-dev/mui 1.0.1-5 → 1.0.1-7

package/README.md

@@ -7,7 +7,7 @@ This package contains the Material UI components used in the Teknify project.
 To install the package, run the following command:
 
 ```bash
-npm install @tnf-dev/mui
+npm install @tnf-dev/react @tnf-dev/mui
 ```
 
 ## Usage
@@ -15,7 +15,8 @@ npm install @tnf-dev/mui
 To use the components from this package, you can import them into your React application as follows:
 
 ```tsx
-import { TeknifyMuiInbox, TeknifyProvider } from '@tnf-dev/mui';
+import { TeknifyProvider } from '@tnf-dev/react';
+import { TeknifyMuiInbox } from '@tnf-dev/mui';
 
 // Example usage in a component
 const MyComponent = () => {

package/dist/cjs/components/inbox/index.cjs

@@ -1,2 +1,2 @@
 "use client"
-"use strict";var g=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var H=Object.prototype.hasOwnProperty;var L=(o,i)=>{for(var e in i)g(o,e,{get:i[e],enumerable:!0})},M=(o,i,e,p)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of R(i))!H.call(o,n)&&n!==e&&g(o,n,{get:()=>i[n],enumerable:!(p=z(i,n))||p.enumerable});return o};var A=o=>M(g({},"__esModule",{value:!0}),o);var U={};L(U,{default:()=>Q});module.exports=A(U);var E=require("@tnf-dev/react");var c=require("@mui/icons-material"),m=require("@mui/material"),a=require("react/jsx-runtime"),O=({onClick:o,counts:i,ref:e,active:p})=>(0,a.jsx)(m.Badge,{badgeContent:i,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:(0,a.jsx)(m.IconButton,{onClick:o,ref:e,component:"button",children:p?(0,a.jsx)(c.Notifications,{}):(0,a.jsx)(c.NotificationsOutlined,{})})}),P=O;var s=require("@mui/material"),b=require("@tnf-dev/react"),x=require("react"),h=require("react/jsx-runtime"),W=()=>{let{locale:o}=(0,x.use)(b.TeknifyContext);return(0,h.jsx)(s.Stack,{p:2,children:(0,h.jsx)(s.Typography,{textAlign:"center",children:o.components.Empty.noNotifications})})},S=W;var f=require("@mui/material"),u=require("react/jsx-runtime"),q=()=>(0,u.jsx)(f.Stack,{py:2,alignItems:"center",children:(0,u.jsx)(f.CircularProgress,{})}),N=q;var d=require("@mui/material"),v=require("@tnf-dev/react"),B=require("react"),C=require("react/jsx-runtime"),D=()=>{let{locale:o}=(0,B.use)(v.TeknifyContext);return(0,C.jsx)(d.Stack,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:(0,C.jsx)(d.Typography,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},T=D;var l=require("@mui/icons-material"),t=require("@mui/material"),r=require("react/jsx-runtime"),G=({notification:o})=>(0,r.jsxs)(t.Card,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[(0,r.jsx)(t.Stack,{children:(0,r.jsxs)(t.Stack,{direction:"row",spacing:2,children:[o.icon?(0,r.jsx)(t.Avatar,{src:o.icon,sx:{width:"36px",height:"36px"}}):(0,r.jsx)(t.Stack,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:(0,r.jsx)(l.Notifications,{fontSize:"small"})}),(0,r.jsxs)(t.Stack,{children:[(0,r.jsx)(t.Typography,{fontSize:14,fontWeight:600,children:o.title}),(0,r.jsx)(t.Typography,{fontSize:14,color:"textSecondary",children:o.message})]}),(0,r.jsx)(t.Stack,{children:!o.isRead&&(0,r.jsx)(t.Box,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),(0,r.jsx)(t.Stack,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&(0,r.jsx)(t.Tooltip,{title:"Mark as read",children:(0,r.jsx)(t.IconButton,{size:"small",onClick:o.markAsRead,children:(0,r.jsx)(l.ChecklistOutlined,{fontSize:"small"})})})})]}),F=G;var y=require("@mui/material"),k=require("react/jsx-runtime"),J=({anchorElement:o,children:i,onClose:e,open:p})=>(0,k.jsx)(y.Popover,{open:!!p,anchorEl:o,onClose:e,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:(0,k.jsx)(y.Box,{height:500,width:400,bgcolor:"#fafafa",children:i})}),I=J;var w=require("react/jsx-runtime"),K=()=>(0,w.jsx)(E.TeknifyInbox,{components:{Bell:P,NotificationHeader:T,NotificationPopover:I,NotificationItem:F,Loader:N,Empty:S}}),Q=K;
+"use strict";var g=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var M=(o,i)=>{for(var e in i)g(o,e,{get:i[e],enumerable:!0})},O=(o,i,e,n)=>{if(i&&typeof i=="object"||typeof i=="function")for(let p of A(i))!L.call(o,p)&&p!==e&&g(o,p,{get:()=>i[p],enumerable:!(n=H(i,p))||n.enumerable});return o};var W=o=>O(g({},"__esModule",{value:!0}),o);var X={};M(X,{default:()=>V});module.exports=W(X);var w=require("@tnf-dev/react");var c=require("@mui/icons-material"),m=require("@mui/material"),a=require("react/jsx-runtime"),q=({onClick:o,counts:i,ref:e,active:n})=>(0,a.jsx)(m.Badge,{badgeContent:i,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:(0,a.jsx)(m.IconButton,{onClick:o,ref:e,component:"button",children:n?(0,a.jsx)(c.Notifications,{}):(0,a.jsx)(c.NotificationsOutlined,{})})}),x=q;var s=require("@mui/material"),P=require("@tnf-dev/react"),b=require("react"),h=require("react/jsx-runtime"),D=()=>{let{locale:o}=(0,b.use)(P.TeknifyContext);return(0,h.jsx)(s.Stack,{p:2,children:(0,h.jsx)(s.Typography,{textAlign:"center",children:o.components.Empty.noNotifications})})},N=D;var f=require("@mui/material"),u=require("react/jsx-runtime"),G=()=>(0,u.jsx)(f.Stack,{py:2,alignItems:"center",children:(0,u.jsx)(f.CircularProgress,{})}),S=G;var d=require("@mui/material"),T=require("@tnf-dev/react"),v=require("react"),C=require("react/jsx-runtime"),J=()=>{let{locale:o}=(0,v.use)(T.TeknifyContext);return(0,C.jsx)(d.Stack,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:(0,C.jsx)(d.Typography,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},B=J;var l=require("@mui/icons-material"),t=require("@mui/material"),I=require("@tnf-dev/react"),F=require("react"),r=require("react/jsx-runtime"),K=({notification:o})=>{let{locale:i}=(0,F.useContext)(I.TeknifyContext);return(0,r.jsxs)(t.Card,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[(0,r.jsx)(t.Stack,{children:(0,r.jsxs)(t.Stack,{direction:"row",spacing:2,children:[o.icon?(0,r.jsx)(t.Avatar,{src:o.icon,sx:{width:"36px",height:"36px"}}):(0,r.jsx)(t.Stack,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:(0,r.jsx)(l.Notifications,{fontSize:"small"})}),(0,r.jsxs)(t.Stack,{flex:1,children:[(0,r.jsx)(t.Typography,{fontSize:14,fontWeight:600,children:o.title}),(0,r.jsx)(t.Typography,{fontSize:14,color:"textSecondary",children:o.message})]}),(0,r.jsx)(t.Stack,{children:!o.isRead&&(0,r.jsx)(t.Box,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),(0,r.jsx)(t.Stack,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&(0,r.jsx)(t.Tooltip,{title:i.components.NotificationItem.markAsRead,children:(0,r.jsx)(t.IconButton,{size:"small",onClick:o.markAsRead,children:(0,r.jsx)(l.ChecklistOutlined,{fontSize:"small"})})})})]})},E=K;var y=require("@mui/material"),k=require("react/jsx-runtime"),Q=({anchorElement:o,children:i,onClose:e,open:n})=>(0,k.jsx)(y.Popover,{open:!!n,anchorEl:o,onClose:e,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:(0,k.jsx)(y.Box,{height:500,width:400,bgcolor:"#fafafa",children:i})}),R=Q;var z=require("react/jsx-runtime"),U=()=>(0,z.jsx)(w.TeknifyInbox,{components:{Bell:x,NotificationHeader:B,NotificationPopover:R,NotificationItem:E,Loader:S,Empty:N}}),V=U;

package/dist/cjs/components/inbox/index.d.cts

@@ -1,4 +1,3 @@
-import '@tnf-dev/react';
 import { FC } from 'react';
 
 interface TeknifyMuiInboxProps {

package/dist/cjs/components/inbox/notification-item.cjs

@@ -1,2 +1,2 @@
 "use client"
-"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var h=(i,a)=>{for(var r in a)s(i,r,{get:a[r],enumerable:!0})},m=(i,a,r,p)=>{if(a&&typeof a=="object"||typeof a=="function")for(let e of l(a))!n.call(i,e)&&e!==r&&s(i,e,{get:()=>a[e],enumerable:!(p=c(a,e))||p.enumerable});return i};var g=i=>m(s({},"__esModule",{value:!0}),i);var S={};h(S,{default:()=>y});module.exports=g(S);var d=require("@mui/icons-material"),t=require("@mui/material"),o=require("react/jsx-runtime"),k=({notification:i})=>(0,o.jsxs)(t.Card,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[(0,o.jsx)(t.Stack,{children:(0,o.jsxs)(t.Stack,{direction:"row",spacing:2,children:[i.icon?(0,o.jsx)(t.Avatar,{src:i.icon,sx:{width:"36px",height:"36px"}}):(0,o.jsx)(t.Stack,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:(0,o.jsx)(d.Notifications,{fontSize:"small"})}),(0,o.jsxs)(t.Stack,{children:[(0,o.jsx)(t.Typography,{fontSize:14,fontWeight:600,children:i.title}),(0,o.jsx)(t.Typography,{fontSize:14,color:"textSecondary",children:i.message})]}),(0,o.jsx)(t.Stack,{children:!i.isRead&&(0,o.jsx)(t.Box,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),(0,o.jsx)(t.Stack,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!i.isRead&&(0,o.jsx)(t.Tooltip,{title:"Mark as read",children:(0,o.jsx)(t.IconButton,{size:"small",onClick:i.markAsRead,children:(0,o.jsx)(d.ChecklistOutlined,{fontSize:"small"})})})})]}),y=k;
+"use strict";var d=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var g=(i,e)=>{for(var r in e)d(i,r,{get:e[r],enumerable:!0})},k=(i,e,r,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of m(e))!h.call(i,a)&&a!==r&&d(i,a,{get:()=>e[a],enumerable:!(c=l(e,a))||c.enumerable});return i};var y=i=>k(d({},"__esModule",{value:!0}),i);var S={};g(S,{default:()=>x});module.exports=y(S);var s=require("@mui/icons-material"),t=require("@mui/material"),n=require("@tnf-dev/react"),p=require("react"),o=require("react/jsx-runtime"),f=({notification:i})=>{let{locale:e}=(0,p.useContext)(n.TeknifyContext);return(0,o.jsxs)(t.Card,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[(0,o.jsx)(t.Stack,{children:(0,o.jsxs)(t.Stack,{direction:"row",spacing:2,children:[i.icon?(0,o.jsx)(t.Avatar,{src:i.icon,sx:{width:"36px",height:"36px"}}):(0,o.jsx)(t.Stack,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:(0,o.jsx)(s.Notifications,{fontSize:"small"})}),(0,o.jsxs)(t.Stack,{flex:1,children:[(0,o.jsx)(t.Typography,{fontSize:14,fontWeight:600,children:i.title}),(0,o.jsx)(t.Typography,{fontSize:14,color:"textSecondary",children:i.message})]}),(0,o.jsx)(t.Stack,{children:!i.isRead&&(0,o.jsx)(t.Box,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),(0,o.jsx)(t.Stack,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!i.isRead&&(0,o.jsx)(t.Tooltip,{title:e.components.NotificationItem.markAsRead,children:(0,o.jsx)(t.IconButton,{size:"small",onClick:i.markAsRead,children:(0,o.jsx)(s.ChecklistOutlined,{fontSize:"small"})})})})]})},x=f;

package/dist/cjs/components/index.cjs

@@ -1,2 +1,2 @@
 "use client"
-"use strict";var g=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var L=(o,i)=>{for(var e in i)g(o,e,{get:i[e],enumerable:!0})},A=(o,i,e,n)=>{if(i&&typeof i=="object"||typeof i=="function")for(let p of H(i))!M.call(o,p)&&p!==e&&g(o,p,{get:()=>i[p],enumerable:!(n=R(i,p))||n.enumerable});return o};var O=o=>A(g({},"__esModule",{value:!0}),o);var U={};L(U,{TeknifyMuiInbox:()=>w});module.exports=O(U);var E=require("@tnf-dev/react");var c=require("@mui/icons-material"),m=require("@mui/material"),a=require("react/jsx-runtime"),W=({onClick:o,counts:i,ref:e,active:n})=>(0,a.jsx)(m.Badge,{badgeContent:i,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:(0,a.jsx)(m.IconButton,{onClick:o,ref:e,component:"button",children:n?(0,a.jsx)(c.Notifications,{}):(0,a.jsx)(c.NotificationsOutlined,{})})}),b=W;var f=require("@mui/material"),x=require("@tnf-dev/react"),P=require("react"),h=require("react/jsx-runtime"),q=()=>{let{locale:o}=(0,P.use)(x.TeknifyContext);return(0,h.jsx)(f.Stack,{p:2,children:(0,h.jsx)(f.Typography,{textAlign:"center",children:o.components.Empty.noNotifications})})},S=q;var s=require("@mui/material"),u=require("react/jsx-runtime"),D=()=>(0,u.jsx)(s.Stack,{py:2,alignItems:"center",children:(0,u.jsx)(s.CircularProgress,{})}),N=D;var d=require("@mui/material"),T=require("@tnf-dev/react"),v=require("react"),k=require("react/jsx-runtime"),G=()=>{let{locale:o}=(0,v.use)(T.TeknifyContext);return(0,k.jsx)(d.Stack,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:(0,k.jsx)(d.Typography,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},B=G;var l=require("@mui/icons-material"),t=require("@mui/material"),r=require("react/jsx-runtime"),J=({notification:o})=>(0,r.jsxs)(t.Card,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[(0,r.jsx)(t.Stack,{children:(0,r.jsxs)(t.Stack,{direction:"row",spacing:2,children:[o.icon?(0,r.jsx)(t.Avatar,{src:o.icon,sx:{width:"36px",height:"36px"}}):(0,r.jsx)(t.Stack,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:(0,r.jsx)(l.Notifications,{fontSize:"small"})}),(0,r.jsxs)(t.Stack,{children:[(0,r.jsx)(t.Typography,{fontSize:14,fontWeight:600,children:o.title}),(0,r.jsx)(t.Typography,{fontSize:14,color:"textSecondary",children:o.message})]}),(0,r.jsx)(t.Stack,{children:!o.isRead&&(0,r.jsx)(t.Box,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),(0,r.jsx)(t.Stack,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&(0,r.jsx)(t.Tooltip,{title:"Mark as read",children:(0,r.jsx)(t.IconButton,{size:"small",onClick:o.markAsRead,children:(0,r.jsx)(l.ChecklistOutlined,{fontSize:"small"})})})})]}),I=J;var y=require("@mui/material"),C=require("react/jsx-runtime"),K=({anchorElement:o,children:i,onClose:e,open:n})=>(0,C.jsx)(y.Popover,{open:!!n,anchorEl:o,onClose:e,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:(0,C.jsx)(y.Box,{height:500,width:400,bgcolor:"#fafafa",children:i})}),F=K;var z=require("react/jsx-runtime"),Q=()=>(0,z.jsx)(E.TeknifyInbox,{components:{Bell:b,NotificationHeader:B,NotificationPopover:F,NotificationItem:I,Loader:N,Empty:S}}),w=Q;0&&(module.exports={TeknifyMuiInbox});
+"use strict";var g=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var O=(o,i)=>{for(var e in i)g(o,e,{get:i[e],enumerable:!0})},W=(o,i,e,n)=>{if(i&&typeof i=="object"||typeof i=="function")for(let p of L(i))!M.call(o,p)&&p!==e&&g(o,p,{get:()=>i[p],enumerable:!(n=A(i,p))||n.enumerable});return o};var q=o=>W(g({},"__esModule",{value:!0}),o);var X={};O(X,{TeknifyMuiInbox:()=>z});module.exports=q(X);var w=require("@tnf-dev/react");var c=require("@mui/icons-material"),m=require("@mui/material"),a=require("react/jsx-runtime"),D=({onClick:o,counts:i,ref:e,active:n})=>(0,a.jsx)(m.Badge,{badgeContent:i,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:(0,a.jsx)(m.IconButton,{onClick:o,ref:e,component:"button",children:n?(0,a.jsx)(c.Notifications,{}):(0,a.jsx)(c.NotificationsOutlined,{})})}),x=D;var f=require("@mui/material"),b=require("@tnf-dev/react"),P=require("react"),h=require("react/jsx-runtime"),G=()=>{let{locale:o}=(0,P.use)(b.TeknifyContext);return(0,h.jsx)(f.Stack,{p:2,children:(0,h.jsx)(f.Typography,{textAlign:"center",children:o.components.Empty.noNotifications})})},N=G;var s=require("@mui/material"),u=require("react/jsx-runtime"),J=()=>(0,u.jsx)(s.Stack,{py:2,alignItems:"center",children:(0,u.jsx)(s.CircularProgress,{})}),S=J;var d=require("@mui/material"),T=require("@tnf-dev/react"),I=require("react"),C=require("react/jsx-runtime"),K=()=>{let{locale:o}=(0,I.use)(T.TeknifyContext);return(0,C.jsx)(d.Stack,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:(0,C.jsx)(d.Typography,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},v=K;var l=require("@mui/icons-material"),t=require("@mui/material"),B=require("@tnf-dev/react"),F=require("react"),r=require("react/jsx-runtime"),Q=({notification:o})=>{let{locale:i}=(0,F.useContext)(B.TeknifyContext);return(0,r.jsxs)(t.Card,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[(0,r.jsx)(t.Stack,{children:(0,r.jsxs)(t.Stack,{direction:"row",spacing:2,children:[o.icon?(0,r.jsx)(t.Avatar,{src:o.icon,sx:{width:"36px",height:"36px"}}):(0,r.jsx)(t.Stack,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:(0,r.jsx)(l.Notifications,{fontSize:"small"})}),(0,r.jsxs)(t.Stack,{flex:1,children:[(0,r.jsx)(t.Typography,{fontSize:14,fontWeight:600,children:o.title}),(0,r.jsx)(t.Typography,{fontSize:14,color:"textSecondary",children:o.message})]}),(0,r.jsx)(t.Stack,{children:!o.isRead&&(0,r.jsx)(t.Box,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),(0,r.jsx)(t.Stack,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&(0,r.jsx)(t.Tooltip,{title:i.components.NotificationItem.markAsRead,children:(0,r.jsx)(t.IconButton,{size:"small",onClick:o.markAsRead,children:(0,r.jsx)(l.ChecklistOutlined,{fontSize:"small"})})})})]})},E=Q;var y=require("@mui/material"),k=require("react/jsx-runtime"),U=({anchorElement:o,children:i,onClose:e,open:n})=>(0,k.jsx)(y.Popover,{open:!!n,anchorEl:o,onClose:e,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:(0,k.jsx)(y.Box,{height:500,width:400,bgcolor:"#fafafa",children:i})}),R=U;var H=require("react/jsx-runtime"),V=()=>(0,H.jsx)(w.TeknifyInbox,{components:{Bell:x,NotificationHeader:v,NotificationPopover:R,NotificationItem:E,Loader:S,Empty:N}}),z=V;0&&(module.exports={TeknifyMuiInbox});

package/dist/cjs/components/index.d.cts

@@ -1,3 +1,2 @@
 export { default as TeknifyMuiInbox } from './inbox/index.cjs';
-import '@tnf-dev/react';
 import 'react';

package/dist/cjs/index.cjs

@@ -1,2 +1,2 @@
 "use client"
-"use strict";var k=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var W=(o,i)=>{for(var e in i)k(o,e,{get:i[e],enumerable:!0})},u=(o,i,e,p)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of A(i))!O.call(o,n)&&n!==e&&k(o,n,{get:()=>i[n],enumerable:!(p=L(i,n))||p.enumerable});return o},c=(o,i,e)=>(u(o,i,"default"),e&&u(e,i,"default"));var q=o=>u(k({},"__esModule",{value:!0}),o);var m={};W(m,{TeknifyMuiInbox:()=>H});module.exports=q(m);c(m,require("@tnf-dev/react"),module.exports);var R=require("@tnf-dev/react");var f=require("@mui/icons-material"),s=require("@mui/material"),a=require("react/jsx-runtime"),D=({onClick:o,counts:i,ref:e,active:p})=>(0,a.jsx)(s.Badge,{badgeContent:i,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:(0,a.jsx)(s.IconButton,{onClick:o,ref:e,component:"button",children:p?(0,a.jsx)(f.Notifications,{}):(0,a.jsx)(f.NotificationsOutlined,{})})}),S=D;var d=require("@mui/material"),N=require("@tnf-dev/react"),T=require("react"),C=require("react/jsx-runtime"),G=()=>{let{locale:o}=(0,T.use)(N.TeknifyContext);return(0,C.jsx)(d.Stack,{p:2,children:(0,C.jsx)(d.Typography,{textAlign:"center",children:o.components.Empty.noNotifications})})},v=G;var l=require("@mui/material"),x=require("react/jsx-runtime"),J=()=>(0,x.jsx)(l.Stack,{py:2,alignItems:"center",children:(0,x.jsx)(l.CircularProgress,{})}),B=J;var y=require("@mui/material"),I=require("@tnf-dev/react"),F=require("react"),b=require("react/jsx-runtime"),K=()=>{let{locale:o}=(0,F.use)(I.TeknifyContext);return(0,b.jsx)(y.Stack,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:(0,b.jsx)(y.Typography,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},E=K;var g=require("@mui/icons-material"),t=require("@mui/material"),r=require("react/jsx-runtime"),Q=({notification:o})=>(0,r.jsxs)(t.Card,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[(0,r.jsx)(t.Stack,{children:(0,r.jsxs)(t.Stack,{direction:"row",spacing:2,children:[o.icon?(0,r.jsx)(t.Avatar,{src:o.icon,sx:{width:"36px",height:"36px"}}):(0,r.jsx)(t.Stack,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:(0,r.jsx)(g.Notifications,{fontSize:"small"})}),(0,r.jsxs)(t.Stack,{children:[(0,r.jsx)(t.Typography,{fontSize:14,fontWeight:600,children:o.title}),(0,r.jsx)(t.Typography,{fontSize:14,color:"textSecondary",children:o.message})]}),(0,r.jsx)(t.Stack,{children:!o.isRead&&(0,r.jsx)(t.Box,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),(0,r.jsx)(t.Stack,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&(0,r.jsx)(t.Tooltip,{title:"Mark as read",children:(0,r.jsx)(t.IconButton,{size:"small",onClick:o.markAsRead,children:(0,r.jsx)(g.ChecklistOutlined,{fontSize:"small"})})})})]}),w=Q;var h=require("@mui/material"),P=require("react/jsx-runtime"),U=({anchorElement:o,children:i,onClose:e,open:p})=>(0,P.jsx)(h.Popover,{open:!!p,anchorEl:o,onClose:e,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:(0,P.jsx)(h.Box,{height:500,width:400,bgcolor:"#fafafa",children:i})}),z=U;var M=require("react/jsx-runtime"),V=()=>(0,M.jsx)(R.TeknifyInbox,{components:{Bell:S,NotificationHeader:E,NotificationPopover:z,NotificationItem:w,Loader:B,Empty:v}}),H=V;0&&(module.exports={TeknifyMuiInbox,...require("@tnf-dev/react")});
+"use strict";var g=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var O=(o,i)=>{for(var e in i)g(o,e,{get:i[e],enumerable:!0})},W=(o,i,e,n)=>{if(i&&typeof i=="object"||typeof i=="function")for(let p of L(i))!M.call(o,p)&&p!==e&&g(o,p,{get:()=>i[p],enumerable:!(n=A(i,p))||n.enumerable});return o};var q=o=>W(g({},"__esModule",{value:!0}),o);var X={};O(X,{TeknifyMuiInbox:()=>z});module.exports=q(X);var w=require("@tnf-dev/react");var c=require("@mui/icons-material"),m=require("@mui/material"),a=require("react/jsx-runtime"),D=({onClick:o,counts:i,ref:e,active:n})=>(0,a.jsx)(m.Badge,{badgeContent:i,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:(0,a.jsx)(m.IconButton,{onClick:o,ref:e,component:"button",children:n?(0,a.jsx)(c.Notifications,{}):(0,a.jsx)(c.NotificationsOutlined,{})})}),x=D;var f=require("@mui/material"),b=require("@tnf-dev/react"),P=require("react"),h=require("react/jsx-runtime"),G=()=>{let{locale:o}=(0,P.use)(b.TeknifyContext);return(0,h.jsx)(f.Stack,{p:2,children:(0,h.jsx)(f.Typography,{textAlign:"center",children:o.components.Empty.noNotifications})})},N=G;var s=require("@mui/material"),u=require("react/jsx-runtime"),J=()=>(0,u.jsx)(s.Stack,{py:2,alignItems:"center",children:(0,u.jsx)(s.CircularProgress,{})}),S=J;var d=require("@mui/material"),T=require("@tnf-dev/react"),I=require("react"),C=require("react/jsx-runtime"),K=()=>{let{locale:o}=(0,I.use)(T.TeknifyContext);return(0,C.jsx)(d.Stack,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:(0,C.jsx)(d.Typography,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},v=K;var l=require("@mui/icons-material"),t=require("@mui/material"),B=require("@tnf-dev/react"),F=require("react"),r=require("react/jsx-runtime"),Q=({notification:o})=>{let{locale:i}=(0,F.useContext)(B.TeknifyContext);return(0,r.jsxs)(t.Card,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[(0,r.jsx)(t.Stack,{children:(0,r.jsxs)(t.Stack,{direction:"row",spacing:2,children:[o.icon?(0,r.jsx)(t.Avatar,{src:o.icon,sx:{width:"36px",height:"36px"}}):(0,r.jsx)(t.Stack,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:(0,r.jsx)(l.Notifications,{fontSize:"small"})}),(0,r.jsxs)(t.Stack,{flex:1,children:[(0,r.jsx)(t.Typography,{fontSize:14,fontWeight:600,children:o.title}),(0,r.jsx)(t.Typography,{fontSize:14,color:"textSecondary",children:o.message})]}),(0,r.jsx)(t.Stack,{children:!o.isRead&&(0,r.jsx)(t.Box,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),(0,r.jsx)(t.Stack,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&(0,r.jsx)(t.Tooltip,{title:i.components.NotificationItem.markAsRead,children:(0,r.jsx)(t.IconButton,{size:"small",onClick:o.markAsRead,children:(0,r.jsx)(l.ChecklistOutlined,{fontSize:"small"})})})})]})},E=Q;var y=require("@mui/material"),k=require("react/jsx-runtime"),U=({anchorElement:o,children:i,onClose:e,open:n})=>(0,k.jsx)(y.Popover,{open:!!n,anchorEl:o,onClose:e,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:(0,k.jsx)(y.Box,{height:500,width:400,bgcolor:"#fafafa",children:i})}),R=U;var H=require("react/jsx-runtime"),V=()=>(0,H.jsx)(w.TeknifyInbox,{components:{Bell:x,NotificationHeader:v,NotificationPopover:R,NotificationItem:E,Loader:S,Empty:N}}),z=V;0&&(module.exports={TeknifyMuiInbox});

package/dist/cjs/index.d.cts

@@ -1,3 +1,2 @@
-export * from '@tnf-dev/react';
 export { default as TeknifyMuiInbox } from './components/inbox/index.cjs';
 import 'react';

package/dist/esm/components/inbox/index.d.ts

@@ -1,4 +1,3 @@
-import '@tnf-dev/react';
 import { FC } from 'react';
 
 interface TeknifyMuiInboxProps {

package/dist/esm/components/inbox/index.js

@@ -1,2 +1,2 @@
 "use client"
-import{TeknifyInbox as X}from"@tnf-dev/react";import{Notifications as k,NotificationsOutlined as P}from"@mui/icons-material";import{Badge as b,IconButton as x}from"@mui/material";import{jsx as i}from"react/jsx-runtime";var S=({onClick:o,counts:e,ref:p,active:n})=>i(b,{badgeContent:e,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:i(x,{onClick:o,ref:p,component:"button",children:n?i(k,{}):i(P,{})})}),c=S;import{Stack as N,Typography as v}from"@mui/material";import{TeknifyContext as B}from"@tnf-dev/react";import{use as T}from"react";import{jsx as m}from"react/jsx-runtime";var F=()=>{let{locale:o}=T(B);return m(N,{p:2,children:m(v,{textAlign:"center",children:o.components.Empty.noNotifications})})},s=F;import{CircularProgress as I,Stack as E}from"@mui/material";import{jsx as f}from"react/jsx-runtime";var w=()=>f(E,{py:2,alignItems:"center",children:f(I,{})}),d=w;import{Stack as z,Typography as R}from"@mui/material";import{TeknifyContext as H}from"@tnf-dev/react";import{use as L}from"react";import{jsx as l}from"react/jsx-runtime";var M=()=>{let{locale:o}=L(H);return l(z,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:l(R,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},y=M;import{ChecklistOutlined as A,Notifications as O}from"@mui/icons-material";import{Avatar as W,Box as q,Card as D,IconButton as G,Stack as r,Tooltip as J,Typography as g}from"@mui/material";import{jsx as t,jsxs as a}from"react/jsx-runtime";var K=({notification:o})=>a(D,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[t(r,{children:a(r,{direction:"row",spacing:2,children:[o.icon?t(W,{src:o.icon,sx:{width:"36px",height:"36px"}}):t(r,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:t(O,{fontSize:"small"})}),a(r,{children:[t(g,{fontSize:14,fontWeight:600,children:o.title}),t(g,{fontSize:14,color:"textSecondary",children:o.message})]}),t(r,{children:!o.isRead&&t(q,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),t(r,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&t(J,{title:"Mark as read",children:t(G,{size:"small",onClick:o.markAsRead,children:t(A,{fontSize:"small"})})})})]}),h=K;import{Box as Q,Popover as U}from"@mui/material";import{jsx as u}from"react/jsx-runtime";var V=({anchorElement:o,children:e,onClose:p,open:n})=>u(U,{open:!!n,anchorEl:o,onClose:p,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:u(Q,{height:500,width:400,bgcolor:"#fafafa",children:e})}),C=V;import{jsx as Z}from"react/jsx-runtime";var Y=()=>Z(X,{components:{Bell:c,NotificationHeader:y,NotificationPopover:C,NotificationItem:h,Loader:d,Empty:s}}),Ro=Y;export{Ro as default};
+import{TeknifyInbox as Z}from"@tnf-dev/react";import{Notifications as k,NotificationsOutlined as x}from"@mui/icons-material";import{Badge as P,IconButton as b}from"@mui/material";import{jsx as e}from"react/jsx-runtime";var N=({onClick:o,counts:i,ref:n,active:p})=>e(P,{badgeContent:i,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:e(b,{onClick:o,ref:n,component:"button",children:p?e(k,{}):e(x,{})})}),c=N;import{Stack as S,Typography as T}from"@mui/material";import{TeknifyContext as v}from"@tnf-dev/react";import{use as B}from"react";import{jsx as m}from"react/jsx-runtime";var I=()=>{let{locale:o}=B(v);return m(S,{p:2,children:m(T,{textAlign:"center",children:o.components.Empty.noNotifications})})},s=I;import{CircularProgress as F,Stack as E}from"@mui/material";import{jsx as f}from"react/jsx-runtime";var R=()=>f(E,{py:2,alignItems:"center",children:f(F,{})}),d=R;import{Stack as w,Typography as z}from"@mui/material";import{TeknifyContext as H}from"@tnf-dev/react";import{use as A}from"react";import{jsx as l}from"react/jsx-runtime";var L=()=>{let{locale:o}=A(H);return l(w,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:l(z,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},y=L;import{ChecklistOutlined as M,Notifications as O}from"@mui/icons-material";import{Avatar as W,Box as q,Card as D,IconButton as G,Stack as r,Tooltip as J,Typography as g}from"@mui/material";import{TeknifyContext as K}from"@tnf-dev/react";import{useContext as Q}from"react";import{jsx as t,jsxs as a}from"react/jsx-runtime";var U=({notification:o})=>{let{locale:i}=Q(K);return a(D,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[t(r,{children:a(r,{direction:"row",spacing:2,children:[o.icon?t(W,{src:o.icon,sx:{width:"36px",height:"36px"}}):t(r,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:t(O,{fontSize:"small"})}),a(r,{flex:1,children:[t(g,{fontSize:14,fontWeight:600,children:o.title}),t(g,{fontSize:14,color:"textSecondary",children:o.message})]}),t(r,{children:!o.isRead&&t(q,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),t(r,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&t(J,{title:i.components.NotificationItem.markAsRead,children:t(G,{size:"small",onClick:o.markAsRead,children:t(M,{fontSize:"small"})})})})]})},h=U;import{Box as V,Popover as X}from"@mui/material";import{jsx as u}from"react/jsx-runtime";var Y=({anchorElement:o,children:i,onClose:n,open:p})=>u(X,{open:!!p,anchorEl:o,onClose:n,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:u(V,{height:500,width:400,bgcolor:"#fafafa",children:i})}),C=Y;import{jsx as $}from"react/jsx-runtime";var _=()=>$(Z,{components:{Bell:c,NotificationHeader:y,NotificationPopover:C,NotificationItem:h,Loader:d,Empty:s}}),Wo=_;export{Wo as default};

package/dist/esm/components/inbox/notification-item.js

@@ -1,2 +1,2 @@
 "use client"
-import{ChecklistOutlined as r,Notifications as d}from"@mui/icons-material";import{Avatar as s,Box as p,Card as c,IconButton as l,Stack as i,Tooltip as n,Typography as e}from"@mui/material";import{jsx as t,jsxs as a}from"react/jsx-runtime";var h=({notification:o})=>a(c,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[t(i,{children:a(i,{direction:"row",spacing:2,children:[o.icon?t(s,{src:o.icon,sx:{width:"36px",height:"36px"}}):t(i,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:t(d,{fontSize:"small"})}),a(i,{children:[t(e,{fontSize:14,fontWeight:600,children:o.title}),t(e,{fontSize:14,color:"textSecondary",children:o.message})]}),t(i,{children:!o.isRead&&t(p,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),t(i,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&t(n,{title:"Mark as read",children:t(l,{size:"small",onClick:o.markAsRead,children:t(r,{fontSize:"small"})})})})]}),k=h;export{k as default};
+import{ChecklistOutlined as s,Notifications as d}from"@mui/icons-material";import{Avatar as c,Box as n,Card as p,IconButton as l,Stack as i,Tooltip as m,Typography as a}from"@mui/material";import{TeknifyContext as h}from"@tnf-dev/react";import{useContext as g}from"react";import{jsx as t,jsxs as e}from"react/jsx-runtime";var k=({notification:o})=>{let{locale:r}=g(h);return e(p,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[t(i,{children:e(i,{direction:"row",spacing:2,children:[o.icon?t(c,{src:o.icon,sx:{width:"36px",height:"36px"}}):t(i,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:t(d,{fontSize:"small"})}),e(i,{flex:1,children:[t(a,{fontSize:14,fontWeight:600,children:o.title}),t(a,{fontSize:14,color:"textSecondary",children:o.message})]}),t(i,{children:!o.isRead&&t(n,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),t(i,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&t(m,{title:r.components.NotificationItem.markAsRead,children:t(l,{size:"small",onClick:o.markAsRead,children:t(s,{fontSize:"small"})})})})]})},C=k;export{C as default};

package/dist/esm/components/index.d.ts

@@ -1,3 +1,2 @@
 export { default as TeknifyMuiInbox } from './inbox/index.js';
-import '@tnf-dev/react';
 import 'react';

package/dist/esm/components/index.js

@@ -1,2 +1,2 @@
 "use client"
-import{TeknifyInbox as X}from"@tnf-dev/react";import{Notifications as C,NotificationsOutlined as b}from"@mui/icons-material";import{Badge as x,IconButton as P}from"@mui/material";import{jsx as i}from"react/jsx-runtime";var S=({onClick:o,counts:e,ref:n,active:p})=>i(x,{badgeContent:e,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:i(P,{onClick:o,ref:n,component:"button",children:p?i(C,{}):i(b,{})})}),c=S;import{Stack as N,Typography as T}from"@mui/material";import{TeknifyContext as v}from"@tnf-dev/react";import{use as B}from"react";import{jsx as m}from"react/jsx-runtime";var I=()=>{let{locale:o}=B(v);return m(N,{p:2,children:m(T,{textAlign:"center",children:o.components.Empty.noNotifications})})},f=I;import{CircularProgress as F,Stack as E}from"@mui/material";import{jsx as s}from"react/jsx-runtime";var w=()=>s(E,{py:2,alignItems:"center",children:s(F,{})}),d=w;import{Stack as z,Typography as R}from"@mui/material";import{TeknifyContext as H}from"@tnf-dev/react";import{use as M}from"react";import{jsx as l}from"react/jsx-runtime";var L=()=>{let{locale:o}=M(H);return l(z,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:l(R,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},y=L;import{ChecklistOutlined as A,Notifications as O}from"@mui/icons-material";import{Avatar as W,Box as q,Card as D,IconButton as G,Stack as r,Tooltip as J,Typography as g}from"@mui/material";import{jsx as t,jsxs as a}from"react/jsx-runtime";var K=({notification:o})=>a(D,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[t(r,{children:a(r,{direction:"row",spacing:2,children:[o.icon?t(W,{src:o.icon,sx:{width:"36px",height:"36px"}}):t(r,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:t(O,{fontSize:"small"})}),a(r,{children:[t(g,{fontSize:14,fontWeight:600,children:o.title}),t(g,{fontSize:14,color:"textSecondary",children:o.message})]}),t(r,{children:!o.isRead&&t(q,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),t(r,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&t(J,{title:"Mark as read",children:t(G,{size:"small",onClick:o.markAsRead,children:t(A,{fontSize:"small"})})})})]}),h=K;import{Box as Q,Popover as U}from"@mui/material";import{jsx as u}from"react/jsx-runtime";var V=({anchorElement:o,children:e,onClose:n,open:p})=>u(U,{open:!!p,anchorEl:o,onClose:n,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:u(Q,{height:500,width:400,bgcolor:"#fafafa",children:e})}),k=V;import{jsx as _}from"react/jsx-runtime";var Y=()=>_(X,{components:{Bell:c,NotificationHeader:y,NotificationPopover:k,NotificationItem:h,Loader:d,Empty:f}}),Z=Y;export{Z as TeknifyMuiInbox};
+import{TeknifyInbox as Z}from"@tnf-dev/react";import{Notifications as k,NotificationsOutlined as x}from"@mui/icons-material";import{Badge as b,IconButton as P}from"@mui/material";import{jsx as e}from"react/jsx-runtime";var N=({onClick:o,counts:i,ref:n,active:p})=>e(b,{badgeContent:i,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:e(P,{onClick:o,ref:n,component:"button",children:p?e(k,{}):e(x,{})})}),c=N;import{Stack as S,Typography as T}from"@mui/material";import{TeknifyContext as I}from"@tnf-dev/react";import{use as v}from"react";import{jsx as m}from"react/jsx-runtime";var B=()=>{let{locale:o}=v(I);return m(S,{p:2,children:m(T,{textAlign:"center",children:o.components.Empty.noNotifications})})},f=B;import{CircularProgress as F,Stack as E}from"@mui/material";import{jsx as s}from"react/jsx-runtime";var R=()=>s(E,{py:2,alignItems:"center",children:s(F,{})}),d=R;import{Stack as w,Typography as z}from"@mui/material";import{TeknifyContext as H}from"@tnf-dev/react";import{use as A}from"react";import{jsx as l}from"react/jsx-runtime";var L=()=>{let{locale:o}=A(H);return l(w,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:l(z,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},y=L;import{ChecklistOutlined as M,Notifications as O}from"@mui/icons-material";import{Avatar as W,Box as q,Card as D,IconButton as G,Stack as r,Tooltip as J,Typography as g}from"@mui/material";import{TeknifyContext as K}from"@tnf-dev/react";import{useContext as Q}from"react";import{jsx as t,jsxs as a}from"react/jsx-runtime";var U=({notification:o})=>{let{locale:i}=Q(K);return a(D,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[t(r,{children:a(r,{direction:"row",spacing:2,children:[o.icon?t(W,{src:o.icon,sx:{width:"36px",height:"36px"}}):t(r,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:t(O,{fontSize:"small"})}),a(r,{flex:1,children:[t(g,{fontSize:14,fontWeight:600,children:o.title}),t(g,{fontSize:14,color:"textSecondary",children:o.message})]}),t(r,{children:!o.isRead&&t(q,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),t(r,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&t(J,{title:i.components.NotificationItem.markAsRead,children:t(G,{size:"small",onClick:o.markAsRead,children:t(M,{fontSize:"small"})})})})]})},h=U;import{Box as V,Popover as X}from"@mui/material";import{jsx as u}from"react/jsx-runtime";var Y=({anchorElement:o,children:i,onClose:n,open:p})=>u(X,{open:!!p,anchorEl:o,onClose:n,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:u(V,{height:500,width:400,bgcolor:"#fafafa",children:i})}),C=Y;import{jsx as j}from"react/jsx-runtime";var _=()=>j(Z,{components:{Bell:c,NotificationHeader:y,NotificationPopover:C,NotificationItem:h,Loader:d,Empty:f}}),$=_;export{$ as TeknifyMuiInbox};

package/dist/esm/index.d.ts

@@ -1,3 +1,2 @@
-export * from '@tnf-dev/react';
 export { default as TeknifyMuiInbox } from './components/inbox/index.js';
 import 'react';

package/dist/esm/index.js

@@ -1,2 +1,2 @@
 "use client"
-export*from"@tnf-dev/react";import{TeknifyInbox as X}from"@tnf-dev/react";import{Notifications as C,NotificationsOutlined as x}from"@mui/icons-material";import{Badge as b,IconButton as P}from"@mui/material";import{jsx as i}from"react/jsx-runtime";var S=({onClick:o,counts:e,ref:p,active:n})=>i(b,{badgeContent:e,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:i(P,{onClick:o,ref:p,component:"button",children:n?i(C,{}):i(x,{})})}),m=S;import{Stack as N,Typography as T}from"@mui/material";import{TeknifyContext as v}from"@tnf-dev/react";import{use as B}from"react";import{jsx as c}from"react/jsx-runtime";var I=()=>{let{locale:o}=B(v);return c(N,{p:2,children:c(T,{textAlign:"center",children:o.components.Empty.noNotifications})})},f=I;import{CircularProgress as F,Stack as E}from"@mui/material";import{jsx as s}from"react/jsx-runtime";var w=()=>s(E,{py:2,alignItems:"center",children:s(F,{})}),d=w;import{Stack as z,Typography as R}from"@mui/material";import{TeknifyContext as H}from"@tnf-dev/react";import{use as M}from"react";import{jsx as l}from"react/jsx-runtime";var L=()=>{let{locale:o}=M(H);return l(z,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:l(R,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},y=L;import{ChecklistOutlined as A,Notifications as O}from"@mui/icons-material";import{Avatar as W,Box as q,Card as D,IconButton as G,Stack as r,Tooltip as J,Typography as g}from"@mui/material";import{jsx as t,jsxs as a}from"react/jsx-runtime";var K=({notification:o})=>a(D,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[t(r,{children:a(r,{direction:"row",spacing:2,children:[o.icon?t(W,{src:o.icon,sx:{width:"36px",height:"36px"}}):t(r,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:t(O,{fontSize:"small"})}),a(r,{children:[t(g,{fontSize:14,fontWeight:600,children:o.title}),t(g,{fontSize:14,color:"textSecondary",children:o.message})]}),t(r,{children:!o.isRead&&t(q,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),t(r,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&t(J,{title:"Mark as read",children:t(G,{size:"small",onClick:o.markAsRead,children:t(A,{fontSize:"small"})})})})]}),h=K;import{Box as Q,Popover as U}from"@mui/material";import{jsx as u}from"react/jsx-runtime";var V=({anchorElement:o,children:e,onClose:p,open:n})=>u(U,{open:!!n,anchorEl:o,onClose:p,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:u(Q,{height:500,width:400,bgcolor:"#fafafa",children:e})}),k=V;import{jsx as _}from"react/jsx-runtime";var Y=()=>_(X,{components:{Bell:m,NotificationHeader:y,NotificationPopover:k,NotificationItem:h,Loader:d,Empty:f}}),Z=Y;export{Z as TeknifyMuiInbox};
+import{TeknifyInbox as Z}from"@tnf-dev/react";import{Notifications as k,NotificationsOutlined as x}from"@mui/icons-material";import{Badge as b,IconButton as P}from"@mui/material";import{jsx as e}from"react/jsx-runtime";var N=({onClick:o,counts:i,ref:n,active:p})=>e(b,{badgeContent:i,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:e(P,{onClick:o,ref:n,component:"button",children:p?e(k,{}):e(x,{})})}),c=N;import{Stack as S,Typography as T}from"@mui/material";import{TeknifyContext as I}from"@tnf-dev/react";import{use as v}from"react";import{jsx as m}from"react/jsx-runtime";var B=()=>{let{locale:o}=v(I);return m(S,{p:2,children:m(T,{textAlign:"center",children:o.components.Empty.noNotifications})})},f=B;import{CircularProgress as F,Stack as E}from"@mui/material";import{jsx as s}from"react/jsx-runtime";var R=()=>s(E,{py:2,alignItems:"center",children:s(F,{})}),d=R;import{Stack as w,Typography as z}from"@mui/material";import{TeknifyContext as H}from"@tnf-dev/react";import{use as A}from"react";import{jsx as l}from"react/jsx-runtime";var L=()=>{let{locale:o}=A(H);return l(w,{p:2,bgcolor:"white",justifyContent:"center",borderBottom:"1px solid #ddd",children:l(z,{fontWeight:600,children:o.components.NotificationHeader.notifications})})},y=L;import{ChecklistOutlined as M,Notifications as O}from"@mui/icons-material";import{Avatar as W,Box as q,Card as D,IconButton as G,Stack as r,Tooltip as J,Typography as g}from"@mui/material";import{TeknifyContext as K}from"@tnf-dev/react";import{useContext as Q}from"react";import{jsx as t,jsxs as a}from"react/jsx-runtime";var U=({notification:o})=>{let{locale:i}=Q(K);return a(D,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1}},children:[t(r,{children:a(r,{direction:"row",spacing:2,children:[o.icon?t(W,{src:o.icon,sx:{width:"36px",height:"36px"}}):t(r,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:t(O,{fontSize:"small"})}),a(r,{flex:1,children:[t(g,{fontSize:14,fontWeight:600,children:o.title}),t(g,{fontSize:14,color:"textSecondary",children:o.message})]}),t(r,{children:!o.isRead&&t(q,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),t(r,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&t(J,{title:i.components.NotificationItem.markAsRead,children:t(G,{size:"small",onClick:o.markAsRead,children:t(M,{fontSize:"small"})})})})]})},h=U;import{Box as V,Popover as X}from"@mui/material";import{jsx as u}from"react/jsx-runtime";var Y=({anchorElement:o,children:i,onClose:n,open:p})=>u(X,{open:!!p,anchorEl:o,onClose:n,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:u(V,{height:500,width:400,bgcolor:"#fafafa",children:i})}),C=Y;import{jsx as j}from"react/jsx-runtime";var _=()=>j(Z,{components:{Bell:c,NotificationHeader:y,NotificationPopover:C,NotificationItem:h,Loader:d,Empty:f}}),$=_;export{$ as TeknifyMuiInbox};

package/package.json

@@ -85,5 +85,5 @@
   "sideEffects": false,
   "type": "module",
   "types": "./dist/esm/index.d.ts",
-  "version": "1.0.1-5"
+  "version": "1.0.1-7"
 }