highsoft-ui 1.0.153 → 1.0.155

package/dist/components/Sidebar/SidebarLayout.js

@@ -1,95 +1,135 @@
 "use client";
-import { t as e } from "../../clsx-BWCAbrjV.js";
-import { SidebarLayoutContext as t } from "./context.js";
-import { t as n } from "../../styles.module-Bd4HbnpA.js";
-import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { a as e } from "../../utils-K9S_6_Eq.js";
+import { t } from "../../clsx-BWCAbrjV.js";
+import { G as n } from "../../esm-C4Ybr9s4.js";
+import { t as r } from "../../Typography-AvvBRu-u.js";
+import { SidebarLayoutContext as i } from "./context.js";
+import { t as a } from "../../styles.module-DGKft2EO.js";
+import { useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region lib/components/Sidebar/SidebarLayout.tsx
-function l({ children: l, defaultWidth: u = 320, minWidth: f = 230, maxWidth: p = 460, resizable: m = !0, storageKey: h, mobileTriggerLabel: g = "Menu", fill: _ = !0, className: v, style: y }) {
-	let [b, x] = o(u), [S, C] = o(!1), w = a(null), T = r((e) => {
-		let t = Math.min(Math.max(Math.round(e), f), p);
-		if (x(t), h) try {
-			localStorage.setItem(h, String(t));
+var f = "(max-width: 760px)";
+function p({ children: p, defaultWidth: m = 320, minWidth: h = 230, maxWidth: g = 460, resizable: _ = !0, storageKey: v, mobileTriggerLabel: y = "Navigation", mobileTriggerValue: b, mobileTriggerIcon: x, mobileTriggerAction: S, mobileBar: C = !0, fill: w = !0, className: T, style: E }) {
+	let [D, O] = l(m), [k, A] = l(!1), [j, M] = l("sheet"), [N, P] = l(""), F = e(f), I = c(null), L = c(null), R = o((e, t) => {
+		if (t === null) {
+			L.current === e && (L.current = null, P(""));
+			return;
+		}
+		L.current = e, P(t);
+	}, []), z = o((e) => {
+		let t = Math.min(Math.max(Math.round(e), h), g);
+		if (O(t), v) try {
+			localStorage.setItem(v, String(t));
 		} catch {}
 	}, [
-		f,
-		p,
-		h
+		h,
+		g,
+		v
 	]);
-	i(() => {
-		if (h) try {
-			let e = localStorage.getItem(h);
-			e && T(Number(e) || u);
+	s(() => {
+		if (v) try {
+			let e = localStorage.getItem(v);
+			e && z(Number(e) || m);
 		} catch {}
 	}, []);
-	let E = r(() => {
-		C(!1), w.current?.focus();
-	}, []), D = r(() => C(!0), []);
-	return i(() => {
-		if (!S) return;
+	let B = o(() => {
+		A(!1), I.current?.focus();
+	}, []), V = o((e) => {
+		M(e?.focus === "search" ? "search" : "sheet"), A(!0);
+	}, []);
+	s(() => {
+		F || A(!1);
+	}, [F]), s(() => {
+		if (!k) return;
 		let e = (e) => {
-			e.key === "Escape" && E();
+			e.key === "Escape" && B();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [S, E]), /* @__PURE__ */ s(t.Provider, {
+	}, [k, B]), s(() => {
+		if (!k || !F) return;
+		let { body: e } = document, t = e.style.overflow, n = e.style.paddingRight, r = window.innerWidth - document.documentElement.clientWidth;
+		return e.style.overflow = "hidden", r > 0 && (e.style.paddingRight = `${r}px`), () => {
+			e.style.overflow = t, e.style.paddingRight = n;
+		};
+	}, [k, F]);
+	let H = b === !1 ? null : (b ?? N) || null;
+	return /* @__PURE__ */ u(i.Provider, {
 		value: {
-			resizable: m,
-			width: b,
-			setWidth: T,
-			minWidth: f,
-			maxWidth: p,
-			mobileOpen: S,
-			openMobile: D,
-			closeMobile: E
+			resizable: _,
+			width: D,
+			setWidth: z,
+			minWidth: h,
+			maxWidth: g,
+			isMobile: F,
+			mobileOpen: k,
+			openMobile: V,
+			closeMobile: B,
+			openFocus: j,
+			activePage: N,
+			reportActivePage: R
 		},
-		children: /* @__PURE__ */ c("div", {
-			className: e(n.layout, _ && n.fill, v),
+		children: /* @__PURE__ */ d("div", {
+			className: t(a.layout, w && a.fill, C && a.hasMobileBar, T),
 			style: {
-				"--hs-sidebar-w": `${b}px`,
-				...y
+				"--hs-sidebar-w": `${D}px`,
+				...E
 			},
 			children: [
-				/* @__PURE__ */ s("div", {
-					className: n.mobileBar,
-					children: /* @__PURE__ */ c("button", {
-						ref: w,
+				C ? /* @__PURE__ */ d("div", {
+					className: a.mobileBar,
+					children: [/* @__PURE__ */ d("button", {
+						ref: I,
 						type: "button",
-						className: n.trigger,
-						"aria-expanded": S,
+						className: a.trigger,
+						"aria-expanded": k,
 						"aria-controls": "hs-sidebar-drawer",
-						onClick: D,
-						children: [/* @__PURE__ */ s(d, {}), g]
-					})
-				}),
-				l,
-				/* @__PURE__ */ s("div", {
-					className: e(n.backdrop, S && n.backdropOpen),
-					onClick: E,
+						onClick: () => V(),
+						children: [
+							x == null ? null : /* @__PURE__ */ u("span", {
+								className: a.triggerIcon,
+								children: x
+							}),
+							/* @__PURE__ */ d("span", {
+								className: a.triggerText,
+								children: [/* @__PURE__ */ u(r, {
+									size: H ? 75 : 100,
+									weight: "semi",
+									color: H ? "tertiary" : "primary",
+									className: t(a.triggerLine, H && a.triggerOverline),
+									children: y
+								}), H ? /* @__PURE__ */ u(r, {
+									size: 100,
+									weight: "semi",
+									className: a.triggerLine,
+									children: H
+								}) : null]
+							}),
+							/* @__PURE__ */ u(n, {
+								className: a.triggerChevron,
+								"aria-hidden": "true"
+							})
+						]
+					}), S == null ? null : /* @__PURE__ */ u("div", {
+						className: a.mobileBarAction,
+						children: S
+					})]
+				}) : null,
+				p,
+				/* @__PURE__ */ u("div", {
+					className: t(a.backdrop, k && a.backdropOpen),
+					onClick: B,
 					"aria-hidden": "true"
 				})
 			]
 		})
 	});
 }
-function u({ children: t, className: r, ...i }) {
-	return /* @__PURE__ */ s("main", {
-		className: e(n.main, r),
-		...i,
-		children: t
-	});
-}
-function d() {
-	return /* @__PURE__ */ s("svg", {
-		width: "18",
-		height: "18",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ s("path", { d: "M3 6h18M3 12h18M3 18h18" })
+function m({ children: e, className: n, ...r }) {
+	return /* @__PURE__ */ u("main", {
+		className: t(a.main, n),
+		...r,
+		children: e
 	});
 }
 //#endregion
-export { l as SidebarLayout, u as SidebarMain };
+export { p as SidebarLayout, m as SidebarMain };

package/dist/components/Sidebar/SidebarResizer.js

@@ -1,6 +1,6 @@
 "use client";
 import { useSidebarLayout as e } from "./context.js";
-import { t } from "../../styles.module-Bd4HbnpA.js";
+import { t } from "../../styles.module-DGKft2EO.js";
 import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region lib/components/Sidebar/SidebarResizer.tsx

package/dist/components/Sidebar/navPath.js

@@ -0,0 +1,12 @@
+"use client";
+import { createContext as e, isValidElement as t, useContext as n } from "react";
+//#region lib/components/Sidebar/navPath.ts
+var r = e([]);
+function i() {
+	return n(r);
+}
+function a(e) {
+	return e == null || typeof e == "boolean" ? "" : typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(a).join("") : t(e) ? a(e.props.children) : "";
+}
+//#endregion
+export { r as NavPathContext, a as textOf, i as useNavPath };

package/dist/components/VideoCover/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../VideoCover-DqMDvzvA.js";
+import { t as e } from "../../VideoCover-BkbLsmQ_.js";
 export { e as VideoCover };

package/dist/components/VideoPlayer/VideoPlayerModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../VideoPlayerModal-D1v1O2kW.js";
+import { t as e } from "../../VideoPlayerModal-DIHMoFgS.js";
 export { e as VideoPlayerModal };

package/dist/components/VideoPlayer/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../VideoPlayer-Cq_garSg.js";
+import { t as e } from "../../VideoPlayer-CY63501h.js";
 export { e as VideoPlayer };

package/dist/{create-element-CDnUGrhg.js → create-element-C3ORyDVw.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./chunk-jwUa06l-.js";
-import { nt as t } from "./esm-BnxclXHW.js";
+import { at as t } from "./esm-C4Ybr9s4.js";
 import n from "react";
 //#region node_modules/@babel/runtime/helpers/esm/typeof.js
 function r(e) {