themelia-ui 1.0.0

package/dist/toaster-Br5IqAjM.js

@@ -0,0 +1,230 @@
+import "./css/toaster.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { l as t, n } from "./ui-provider-DvO3G7xp.js";
+import { t as r } from "./use-hydrated-lyN9MFHH.js";
+import { CircleCheckIcon as i, InfoIcon as a, Loader2Icon as o, OctagonXIcon as s, TriangleAlertIcon as c, XIcon as l } from "lucide-react";
+import { useEffect as u, useSyncExternalStore as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { createPortal as m } from "react-dom";
+//#region src/components/base/toaster/toast-store.ts
+var h = 150;
+function g() {
+	let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Map(), n = [], r = 0;
+	function i() {
+		for (let t of e) t();
+	}
+	function a(e) {
+		let n = t.get(e);
+		n !== void 0 && (window.clearTimeout(n), t.delete(e));
+	}
+	function o(e, n) {
+		a(e), Number.isFinite(n) && t.set(e, window.setTimeout(() => s(e), n));
+	}
+	function s(e) {
+		let t = e ? n.filter((t) => t.id === e) : n;
+		if (t.length !== 0) {
+			for (let e of t) a(e.id);
+			n = n.map((e) => t.includes(e) ? {
+				...e,
+				leaving: !0
+			} : e), i(), window.setTimeout(() => {
+				let e = n.filter((e) => t.some((t) => t.id === e.id));
+				n = n.filter((e) => !t.some((t) => t.id === e.id)), i();
+				for (let t of e) t.onDismiss?.(t.id);
+			}, h);
+		}
+	}
+	function c(e, t, a = {}) {
+		let s = a.id ?? `toast-${++r}`, c = n.find((e) => e.id === s), l = {
+			...a,
+			id: s,
+			title: t,
+			status: e,
+			leaving: !1
+		};
+		return n = c ? n.map((e) => e.id === s ? l : e) : [...n, l], i(), a.duration === void 0 ? e !== "loading" && o(s, Infinity) : o(s, a.duration), s;
+	}
+	let l = (e, t) => c("neutral", e, t);
+	return {
+		subscribe(t) {
+			return e.add(t), () => e.delete(t);
+		},
+		getSnapshot: () => n,
+		getServerSnapshot: () => _,
+		toast: Object.assign(l, {
+			neutral: l,
+			success: (e, t) => c("success", e, t),
+			info: (e, t) => c("info", e, t),
+			warning: (e, t) => c("warning", e, t),
+			error: (e, t) => c("error", e, t),
+			loading: (e, t) => c("loading", e, t),
+			dismiss: s,
+			promise: async (e, t, n = {}) => {
+				let r = c("loading", t.loading, {
+					...n,
+					id: n.id
+				});
+				try {
+					let i = await e;
+					return c("success", v(t.success, i), {
+						...n,
+						id: r
+					}), i;
+				} catch (e) {
+					throw c("error", v(t.error, e), {
+						...n,
+						id: r
+					}), e;
+				}
+			}
+		}),
+		dismiss: s,
+		pauseAll() {
+			for (let e of [...t.keys()]) a(e);
+		},
+		resumeAll(e) {
+			for (let t of n) t.leaving || o(t.id, t.duration ?? e);
+		},
+		applyDefaultDuration(e) {
+			for (let r of n) r.leaving || r.status === "loading" || r.duration === void 0 && (t.has(r.id) || o(r.id, e));
+		}
+	};
+}
+var _ = [];
+function v(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var y = g(), b = y.toast, x = y.dismiss;
+y.pauseAll, y.resumeAll, y.applyDefaultDuration;
+//#endregion
+//#region src/components/base/toaster/toaster.strings.ts
+var S = {
+	label: "Notifications",
+	dismiss: "Dismiss notification"
+}, C = {
+	light: "toaster-module__light___lxiiA",
+	dark: "toaster-module__dark___0qBH5",
+	viewport: "toaster-module__viewport___cFek-",
+	top: "toaster-module__top___m0ujf",
+	bottom: "toaster-module__bottom___Ke-kS",
+	start: "toaster-module__start___xiP2f",
+	end: "toaster-module__end___qK9uS",
+	center: "toaster-module__center___aJ6le",
+	toast: "toaster-module__toast___cPBIu",
+	icon: "toaster-module__icon___KyRSq",
+	statusSuccess: "toaster-module__statusSuccess___6wkEL",
+	statusInfo: "toaster-module__statusInfo___7Ip27",
+	statusWarning: "toaster-module__statusWarning___VKqtG",
+	statusError: "toaster-module__statusError___aqb6P",
+	spinner: "toaster-module__spinner___WYJS-",
+	content: "toaster-module__content___KfM7X",
+	title: "toaster-module__title___5UQj6",
+	description: "toaster-module__description___bexLZ",
+	actions: "toaster-module__actions___YR-X6",
+	action: "toaster-module__action___XRJUU",
+	cancel: "toaster-module__cancel___hUqeK",
+	close: "toaster-module__close___ijVsH"
+}, w = {
+	success: /* @__PURE__ */ f(i, { "aria-hidden": !0 }),
+	info: /* @__PURE__ */ f(a, { "aria-hidden": !0 }),
+	warning: /* @__PURE__ */ f(c, { "aria-hidden": !0 }),
+	error: /* @__PURE__ */ f(s, { "aria-hidden": !0 }),
+	loading: /* @__PURE__ */ f(o, {
+		"aria-hidden": !0,
+		className: C.spinner
+	})
+}, T = {
+	neutral: void 0,
+	success: C.statusSuccess,
+	info: C.statusInfo,
+	warning: C.statusWarning,
+	error: C.statusError,
+	loading: void 0
+};
+function E({ position: i, duration: a, visibleToasts: o, closeButton: s, strings: c, className: l, container: p, store: h = y }) {
+	let g = {
+		...S,
+		...c
+	}, _ = n("toast", {
+		position: "bottom-end",
+		duration: 4e3,
+		visibleToasts: 3,
+		closeButton: !0
+	}), v = i ?? _.position, b = a ?? _.duration, x = o ?? _.visibleToasts, w = s ?? _.closeButton, T = d(h.subscribe, h.getSnapshot, h.getServerSnapshot), E = r(), O = t(p);
+	if (u(() => {
+		h.applyDefaultDuration(b);
+	}, [
+		h,
+		T,
+		b
+	]), !E || T.length === 0) return null;
+	let [k, A] = v.split("-"), j = T.slice(-x);
+	return m(/* @__PURE__ */ f("div", {
+		role: "region",
+		"aria-label": g.label,
+		className: e("toaster--component", C.viewport, C[k], C[A], l),
+		onMouseEnter: h.pauseAll,
+		onMouseLeave: () => h.resumeAll(b),
+		onFocus: h.pauseAll,
+		onBlur: () => h.resumeAll(b),
+		children: j.map((e) => /* @__PURE__ */ f(D, {
+			record: e,
+			closeButton: w,
+			strings: g,
+			onDismiss: h.dismiss
+		}, e.id))
+	}), O ?? document.body);
+}
+function D({ record: t, closeButton: n, strings: r, onDismiss: i }) {
+	let a = t.icon ?? (t.status === "neutral" ? null : w[t.status]);
+	return /* @__PURE__ */ p("div", {
+		className: e("toast--component", C.toast, T[t.status]),
+		"data-status": t.status,
+		"data-leaving": t.leaving || void 0,
+		role: t.status === "error" ? "alert" : "status",
+		"aria-live": t.status === "error" ? "assertive" : "polite",
+		children: [
+			a != null && /* @__PURE__ */ f("span", {
+				className: C.icon,
+				children: a
+			}),
+			/* @__PURE__ */ p("div", {
+				className: e("toast--content", C.content),
+				children: [/* @__PURE__ */ f("div", {
+					className: C.title,
+					children: t.title
+				}), t.description != null && /* @__PURE__ */ f("div", {
+					className: C.description,
+					children: t.description
+				})]
+			}),
+			(t.action || t.cancel) && /* @__PURE__ */ p("div", {
+				className: C.actions,
+				children: [t.cancel && /* @__PURE__ */ f("button", {
+					type: "button",
+					className: C.cancel,
+					onClick: () => {
+						t.cancel?.onClick(), i(t.id);
+					},
+					children: t.cancel.label
+				}), t.action && /* @__PURE__ */ f("button", {
+					type: "button",
+					className: C.action,
+					onClick: () => {
+						t.action?.onClick(), i(t.id);
+					},
+					children: t.action.label
+				})]
+			}),
+			n && /* @__PURE__ */ f("button", {
+				type: "button",
+				className: C.close,
+				"aria-label": r.dismiss,
+				onClick: () => i(t.id),
+				children: /* @__PURE__ */ f(l, { "aria-hidden": !0 })
+			})
+		]
+	});
+}
+//#endregion
+export { b as a, x as i, S as n, g as r, E as t };

package/dist/toaster-CzYO85os.cjs

@@ -0,0 +1 @@
+const e=require("./ui-provider-BS7QPJVb.cjs"),t=require("./use-hydrated-DwqJ02th.cjs");let n=require("lucide-react"),r=require("react"),i=require("react/jsx-runtime"),a=require("react-dom"),o=require("clsx");var s=150;function c(){let e=new Set,t=new Map,n=[],r=0;function i(){for(let t of e)t()}function a(e){let n=t.get(e);n!==void 0&&(window.clearTimeout(n),t.delete(e))}function o(e,n){a(e),Number.isFinite(n)&&t.set(e,window.setTimeout(()=>c(e),n))}function c(e){let t=e?n.filter(t=>t.id===e):n;if(t.length!==0){for(let e of t)a(e.id);n=n.map(e=>t.includes(e)?{...e,leaving:!0}:e),i(),window.setTimeout(()=>{let e=n.filter(e=>t.some(t=>t.id===e.id));n=n.filter(e=>!t.some(t=>t.id===e.id)),i();for(let t of e)t.onDismiss?.(t.id)},s)}}function d(e,t,a={}){let s=a.id??`toast-${++r}`,c=n.find(e=>e.id===s),l={...a,id:s,title:t,status:e,leaving:!1};return n=c?n.map(e=>e.id===s?l:e):[...n,l],i(),a.duration===void 0?e!==`loading`&&o(s,1/0):o(s,a.duration),s}let f=(e,t)=>d(`neutral`,e,t);return{subscribe(t){return e.add(t),()=>e.delete(t)},getSnapshot:()=>n,getServerSnapshot:()=>l,toast:Object.assign(f,{neutral:f,success:(e,t)=>d(`success`,e,t),info:(e,t)=>d(`info`,e,t),warning:(e,t)=>d(`warning`,e,t),error:(e,t)=>d(`error`,e,t),loading:(e,t)=>d(`loading`,e,t),dismiss:c,promise:async(e,t,n={})=>{let r=d(`loading`,t.loading,{...n,id:n.id});try{let i=await e;return d(`success`,u(t.success,i),{...n,id:r}),i}catch(e){throw d(`error`,u(t.error,e),{...n,id:r}),e}}}),dismiss:c,pauseAll(){for(let e of[...t.keys()])a(e)},resumeAll(e){for(let t of n)t.leaving||o(t.id,t.duration??e)},applyDefaultDuration(e){for(let r of n)r.leaving||r.status===`loading`||r.duration===void 0&&(t.has(r.id)||o(r.id,e))}}}var l=[];function u(e,t){return typeof e==`function`?e(t):e}var d=c(),f=d.toast,p=d.dismiss;d.pauseAll,d.resumeAll,d.applyDefaultDuration;var m={label:`Notifications`,dismiss:`Dismiss notification`},h={light:`toaster-module__light___lxiiA`,dark:`toaster-module__dark___0qBH5`,viewport:`toaster-module__viewport___cFek-`,top:`toaster-module__top___m0ujf`,bottom:`toaster-module__bottom___Ke-kS`,start:`toaster-module__start___xiP2f`,end:`toaster-module__end___qK9uS`,center:`toaster-module__center___aJ6le`,toast:`toaster-module__toast___cPBIu`,icon:`toaster-module__icon___KyRSq`,statusSuccess:`toaster-module__statusSuccess___6wkEL`,statusInfo:`toaster-module__statusInfo___7Ip27`,statusWarning:`toaster-module__statusWarning___VKqtG`,statusError:`toaster-module__statusError___aqb6P`,spinner:`toaster-module__spinner___WYJS-`,content:`toaster-module__content___KfM7X`,title:`toaster-module__title___5UQj6`,description:`toaster-module__description___bexLZ`,actions:`toaster-module__actions___YR-X6`,action:`toaster-module__action___XRJUU`,cancel:`toaster-module__cancel___hUqeK`,close:`toaster-module__close___ijVsH`},g={success:(0,i.jsx)(n.CircleCheckIcon,{"aria-hidden":!0}),info:(0,i.jsx)(n.InfoIcon,{"aria-hidden":!0}),warning:(0,i.jsx)(n.TriangleAlertIcon,{"aria-hidden":!0}),error:(0,i.jsx)(n.OctagonXIcon,{"aria-hidden":!0}),loading:(0,i.jsx)(n.Loader2Icon,{"aria-hidden":!0,className:h.spinner})},_={neutral:void 0,success:h.statusSuccess,info:h.statusInfo,warning:h.statusWarning,error:h.statusError,loading:void 0};function v({position:n,duration:s,visibleToasts:c,closeButton:l,strings:u,className:f,container:p,store:g=d}){let _={...m,...u},v=e.n(`toast`,{position:`bottom-end`,duration:4e3,visibleToasts:3,closeButton:!0}),b=n??v.position,x=s??v.duration,S=c??v.visibleToasts,C=l??v.closeButton,w=(0,r.useSyncExternalStore)(g.subscribe,g.getSnapshot,g.getServerSnapshot),T=t.t(),E=e.l(p);if((0,r.useEffect)(()=>{g.applyDefaultDuration(x)},[g,w,x]),!T||w.length===0)return null;let[D,O]=b.split(`-`),k=w.slice(-S);return(0,a.createPortal)((0,i.jsx)(`div`,{role:`region`,"aria-label":_.label,className:(0,o.clsx)(`toaster--component`,h.viewport,h[D],h[O],f),onMouseEnter:g.pauseAll,onMouseLeave:()=>g.resumeAll(x),onFocus:g.pauseAll,onBlur:()=>g.resumeAll(x),children:k.map(e=>(0,i.jsx)(y,{record:e,closeButton:C,strings:_,onDismiss:g.dismiss},e.id))}),E??document.body)}function y({record:e,closeButton:t,strings:r,onDismiss:a}){let s=e.icon??(e.status===`neutral`?null:g[e.status]);return(0,i.jsxs)(`div`,{className:(0,o.clsx)(`toast--component`,h.toast,_[e.status]),"data-status":e.status,"data-leaving":e.leaving||void 0,role:e.status===`error`?`alert`:`status`,"aria-live":e.status===`error`?`assertive`:`polite`,children:[s!=null&&(0,i.jsx)(`span`,{className:h.icon,children:s}),(0,i.jsxs)(`div`,{className:(0,o.clsx)(`toast--content`,h.content),children:[(0,i.jsx)(`div`,{className:h.title,children:e.title}),e.description!=null&&(0,i.jsx)(`div`,{className:h.description,children:e.description})]}),(e.action||e.cancel)&&(0,i.jsxs)(`div`,{className:h.actions,children:[e.cancel&&(0,i.jsx)(`button`,{type:`button`,className:h.cancel,onClick:()=>{e.cancel?.onClick(),a(e.id)},children:e.cancel.label}),e.action&&(0,i.jsx)(`button`,{type:`button`,className:h.action,onClick:()=>{e.action?.onClick(),a(e.id)},children:e.action.label})]}),t&&(0,i.jsx)(`button`,{type:`button`,className:h.close,"aria-label":r.dismiss,onClick:()=>a(e.id),children:(0,i.jsx)(n.XIcon,{"aria-hidden":!0})})]})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});