@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

package/dist/components/primitives/Kbd/Kbd.mjs

@@ -1,11 +1,12 @@
-import { en as e } from "../../../i18n/en.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { VisuallyHidden as r } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import i from "./Kbd.module.css.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { VisuallyHidden as t } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import n from "./Kbd.module.css.mjs";
+import { useMessages as r } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { en as i } from "../../../i18n/en.mjs";
 import { Fragment as a, useSyncExternalStore as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/primitives/Kbd/Kbd.tsx
+// src/components/primitives/Kbd/Kbd.tsx
 var u = (e, t) => ({
 	symbol: e,
 	name: t
@@ -104,16 +105,16 @@ var u = (e, t) => ({
 		other: u("End", "end")
 	}
 }, f = (e) => Object.prototype.hasOwnProperty.call(d, e);
-function p(t, n, r = e.kbd.keys) {
-	let i = t.toLowerCase();
-	if (f(i)) {
-		let e = d[i], t = n === "mac" ? e.mac : n === "linux" && e.linux ? e.linux : e.other;
+function p(e, t, n = i.kbd.keys) {
+	let r = e.toLowerCase();
+	if (f(r)) {
+		let e = d[r], i = t === "mac" ? e.mac : t === "linux" && e.linux ? e.linux : e.other;
 		return {
-			symbol: t.symbol,
-			label: r[t.name]
+			symbol: i.symbol,
+			label: n[i.name]
 		};
 	}
-	let a = t.length === 1 ? t.toUpperCase() : t;
+	let a = e.length === 1 ? e.toUpperCase() : e;
 	return {
 		symbol: a,
 		label: a
@@ -131,37 +132,37 @@ function _(e) {
 	return e ?? t;
 }
 var v = {
-	sm: i.sm,
-	md: i.md,
-	lg: i.lg
+	sm: n.sm,
+	md: n.md,
+	lg: n.lg
 }, y = {
-	outline: i.outline,
-	soft: i.soft,
-	solid: i.solid
+	outline: n.outline,
+	soft: n.soft,
+	solid: n.solid
 };
 function b({ display: e }) {
 	return e.symbol === e.label ? /* @__PURE__ */ c(s, { children: e.symbol }) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
 		"aria-hidden": "true",
 		title: e.label,
-		className: i.symbol,
+		className: n.symbol,
 		children: e.symbol
-	}), /* @__PURE__ */ c(r, { children: e.label })] });
+	}), /* @__PURE__ */ c(t, { children: e.label })] });
 }
-function x({ size: e = "md", variant: r = "outline", keyName: a, platform: o, className: s, children: l, ...u }) {
-	let d = t(), f = _(o);
+function x({ size: t = "md", variant: i = "outline", keyName: a, platform: o, className: s, children: l, ...u }) {
+	let d = r(), f = _(o);
 	return /* @__PURE__ */ c("kbd", {
 		...u,
-		className: n(i.key, v[e], y[r], s),
+		className: e(n.key, v[t], y[i], s),
 		children: a === void 0 ? l : /* @__PURE__ */ c(b, { display: p(a, f, d.kbd.keys) })
 	});
 }
-function S({ keys: e, separator: r = "+", thenLabel: o, size: s = "md", variant: u = "outline", platform: d, className: f, ...p }) {
-	let m = t(), h = o ?? m.kbd.then, g = _(d), y = r === "then";
+function S({ keys: t, separator: i = "+", thenLabel: o, size: s = "md", variant: u = "outline", platform: d, className: f, ...p }) {
+	let m = r(), h = o ?? m.kbd.then, g = _(d), y = i === "then";
 	return /* @__PURE__ */ c("kbd", {
 		...p,
-		className: n(i.combo, v[s], y && i.sequence, f),
-		children: e.map((e, t) => /* @__PURE__ */ l(a, { children: [t > 0 && /* @__PURE__ */ c("span", {
-			className: i.separator,
+		className: e(n.combo, v[s], y && n.sequence, f),
+		children: t.map((e, t) => /* @__PURE__ */ l(a, { children: [t > 0 && /* @__PURE__ */ c("span", {
+			className: n.separator,
 			children: y ? ` ${h} ` : "+"
 		}), /* @__PURE__ */ c(x, {
 			size: s,
@@ -171,5 +172,4 @@ function S({ keys: e, separator: r = "+", thenLabel: o, size: s = "md", variant:
 		})] }, `${t}-${e}`))
 	});
 }
-//#endregion
 export { x as Kbd, S as KbdShortcut, p as getKeyDisplay, _ as useKbdPlatform };

package/dist/components/primitives/Kbd/Kbd.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/primitives/Kbd/Kbd.module.css
+// src/components/primitives/Kbd/Kbd.module.css
 var e = "_key_dcs0k_31", t = "_symbol_dcs0k_85", n = "_sm_dcs0k_97", r = "_md_dcs0k_111", i = "_lg_dcs0k_125", a = "_outline_dcs0k_145", o = "_soft_dcs0k_159", s = "_solid_dcs0k_173", c = "_combo_dcs0k_95", l = "_separator_dcs0k_217", u = "_sequence_dcs0k_225", d = {
 	key: e,
 	symbol: t,
@@ -12,5 +12,4 @@ var e = "_key_dcs0k_31", t = "_symbol_dcs0k_85", n = "_sm_dcs0k_97", r = "_md_dc
 	separator: l,
 	sequence: u
 };
-//#endregion
 export { c as combo, d as default, e as key, i as lg, r as md, a as outline, l as separator, u as sequence, n as sm, o as soft, s as solid, t as symbol };

package/dist/components/primitives/Typography/Typography.mjs

@@ -2,7 +2,7 @@ import { cx as e } from "../../../utils/cx.mjs";
 import t from "./Typography.module.css.mjs";
 import { createElement as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/components/primitives/Typography/Typography.tsx
+// src/components/primitives/Typography/Typography.tsx
 var i = {
 	xs: t.sizeXs,
 	sm: t.sizeSm,
@@ -143,5 +143,4 @@ function _({ size: n = "sm", weight: i = "bold", tone: a = "primary", caps: o =
 		className: e(t.eyebrow, s)
 	});
 }
-//#endregion
 export { h as Display, _ as Eyebrow, m as Heading, g as Text };

package/dist/components/primitives/Typography/Typography.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/primitives/Typography/Typography.module.css
+// src/components/primitives/Typography/Typography.module.css
 var e = "_heading_1407f_19", t = "_display_1407f_33", n = "_text_1407f_41", r = "_eyebrow_1407f_51", i = "_sizeXs_1407f_65", a = "_sizeSm_1407f_71", o = "_sizeMd_1407f_77", s = "_sizeLg_1407f_83", c = "_sizeXl_1407f_89", l = "_size2xl_1407f_95", u = "_size3xl_1407f_101", d = "_size4xl_1407f_107", f = "_size5xl_1407f_113", p = "_size6xl_1407f_119", m = "_leadingTight_1407f_141", h = "_leadingSnug_1407f_147", g = "_leadingNormal_1407f_153", _ = "_leadingRelaxed_1407f_159", v = "_weightRegular_1407f_171", y = "_weightMedium_1407f_177", b = "_weightSemibold_1407f_183", x = "_weightBold_1407f_189", S = "_weightBlack_1407f_195", C = "_toneDefault_1407f_207", w = "_toneMuted_1407f_213", T = "_tonePrimary_1407f_219", E = "_toneAccent_1407f_225", D = "_toneSuccess_1407f_231", O = "_toneWarning_1407f_237", k = "_toneDanger_1407f_243", A = "_toneInfo_1407f_249", j = "_alignStart_1407f_261", M = "_alignCenter_1407f_267", N = "_alignEnd_1407f_273", P = "_alignJustify_1407f_279", F = "_wrapWrap_1407f_291", I = "_wrapNowrap_1407f_297", L = "_wrapBalance_1407f_303", R = "_wrapPretty_1407f_309", z = "_italic_1407f_321", B = "_mono_1407f_329", V = "_caps_1407f_339", H = "_truncate_1407f_357", U = "_clamp_1407f_429", W = {
 	heading: e,
 	display: t,
@@ -45,5 +45,4 @@ var e = "_heading_1407f_19", t = "_display_1407f_33", n = "_text_1407f_41", r =
 	truncate: H,
 	clamp: U
 };
-//#endregion
 export { M as alignCenter, N as alignEnd, P as alignJustify, j as alignStart, V as caps, U as clamp, W as default, t as display, r as eyebrow, e as heading, z as italic, g as leadingNormal, _ as leadingRelaxed, h as leadingSnug, m as leadingTight, B as mono, l as size2xl, u as size3xl, d as size4xl, f as size5xl, p as size6xl, s as sizeLg, o as sizeMd, a as sizeSm, c as sizeXl, i as sizeXs, n as text, E as toneAccent, k as toneDanger, C as toneDefault, A as toneInfo, w as toneMuted, T as tonePrimary, D as toneSuccess, O as toneWarning, H as truncate, S as weightBlack, x as weightBold, y as weightMedium, v as weightRegular, b as weightSemibold, L as wrapBalance, I as wrapNowrap, R as wrapPretty, F as wrapWrap };

package/dist/components/utilities/LocaleProvider/LocaleProvider.cjs.js

@@ -1 +1 @@
-const e=require("../../../i18n/plural.cjs.js"),t=require("../../../i18n/en.cjs.js"),n=require("../../../i18n/merge.cjs.js"),r=require("./LocaleProvider.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=(0,i.createContext)({locale:void 0,dir:void 0,messages:t.en});function s(){return(0,i.useContext)(o)}function c(){return(0,i.useContext)(o).messages}var l=({locale:t,messages:s,dir:c,children:l})=>{let u=(0,i.useContext)(o),d=c??e.getLocaleDirection(t),f=(0,i.useMemo)(()=>n.mergeMessages(u.messages,s),[u.messages,s]),p=(0,i.useMemo)(()=>({locale:t,dir:d,messages:f}),[t,d,f]);return(0,a.jsx)(o.Provider,{value:p,children:(0,a.jsx)(`div`,{lang:t,dir:d,className:r.default.root,children:l})})};exports.LocaleProvider=l,exports.useLocale=s,exports.useMessages=c;
+"use client";const e=require("../../../i18n/en.cjs.js"),t=require("../../../i18n/merge.cjs.js"),n=require("../../../i18n/plural.cjs.js"),r=require("./LocaleProvider.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=(0,i.createContext)({locale:void 0,dir:void 0,messages:e.en});function s(){return(0,i.useContext)(o)}function c(){return(0,i.useContext)(o).messages}var l=({locale:e,messages:s,dir:c,children:l})=>{let u=(0,i.useContext)(o),d=c??n.getLocaleDirection(e),f=(0,i.useMemo)(()=>t.mergeMessages(u.messages,s),[u.messages,s]),p=(0,i.useMemo)(()=>({locale:e,dir:d,messages:f}),[e,d,f]);return(0,a.jsx)(o.Provider,{value:p,children:(0,a.jsx)(`div`,{lang:e,dir:d,className:r.default.root,children:l})})};exports.LocaleProvider=l,exports.useLocale=s,exports.useMessages=c;

package/dist/components/utilities/LocaleProvider/LocaleProvider.mjs

@@ -1,14 +1,15 @@
-import { getLocaleDirection as e } from "../../../i18n/plural.mjs";
-import { en as t } from "../../../i18n/en.mjs";
-import { mergeMessages as n } from "../../../i18n/merge.mjs";
+"use client";
+import { en as e } from "../../../i18n/en.mjs";
+import { mergeMessages as t } from "../../../i18n/merge.mjs";
+import { getLocaleDirection as n } from "../../../i18n/plural.mjs";
 import r from "./LocaleProvider.module.css.mjs";
 import { createContext as i, useContext as a, useMemo as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
-//#region src/components/utilities/LocaleProvider/LocaleProvider.tsx
+// src/components/utilities/LocaleProvider/LocaleProvider.tsx
 var c = i({
 	locale: void 0,
 	dir: void 0,
-	messages: t
+	messages: e
 });
 function l() {
 	return a(c);
@@ -16,25 +17,24 @@ function l() {
 function u() {
 	return a(c).messages;
 }
-var d = ({ locale: t, messages: i, dir: l, children: u }) => {
-	let d = a(c), f = l ?? e(t), p = o(() => n(d.messages, i), [d.messages, i]), m = o(() => ({
-		locale: t,
+var d = ({ locale: e, messages: i, dir: l, children: u }) => {
+	let d = a(c), f = l ?? n(e), p = o(() => t(d.messages, i), [d.messages, i]), m = o(() => ({
+		locale: e,
 		dir: f,
 		messages: p
 	}), [
-		t,
+		e,
 		f,
 		p
 	]);
 	return /* @__PURE__ */ s(c.Provider, {
 		value: m,
 		children: /* @__PURE__ */ s("div", {
-			lang: t,
+			lang: e,
 			dir: f,
 			className: r.root,
 			children: u
 		})
 	});
 };
-//#endregion
 export { d as LocaleProvider, l as useLocale, u as useMessages };

package/dist/components/utilities/LocaleProvider/LocaleProvider.module.css.mjs

@@ -1,4 +1,3 @@
-//#region src/components/utilities/LocaleProvider/LocaleProvider.module.css
+// src/components/utilities/LocaleProvider/LocaleProvider.module.css
 var e = "_root_sa02l_2", t = { root: e };
-//#endregion
 export { t as default, e as root };

package/dist/components/utilities/Portal/Portal.cjs.js

@@ -1 +1 @@
-const e=require("../LocaleProvider/LocaleProvider.cjs.js"),t=require("../Theme/Theme.cjs.js");let n=require("react"),r=require("react/jsx-runtime"),i=require("react-dom");var a=()=>()=>{},o=()=>!0,s=()=>!1,c=({children:c,container:l,disabled:u=!1})=>{let d=(0,n.useSyncExternalStore)(a,o,s),{brand:f,mode:p,brandVars:m,accent:h,accentVars:g}=t.useTheme(),{locale:_,dir:v}=e.useLocale();if(u)return(0,r.jsx)(r.Fragment,{children:c});if(!d)return null;let y=f||p||h||_?(0,r.jsx)(`div`,{"data-brand":f,"data-accent":h,"data-theme":p,lang:_,dir:v,style:{display:`contents`,...m,...g},children:c}):c;return(0,i.createPortal)(y,l??document.body)};exports.Portal=c;
+"use client";const e=require("../LocaleProvider/LocaleProvider.cjs.js"),t=require("../Theme/Theme.cjs.js");let n=require("react"),r=require("react/jsx-runtime"),i=require("react-dom");var a=()=>()=>{},o=()=>!0,s=()=>!1,c=({children:c,container:l,disabled:u=!1})=>{let d=(0,n.useSyncExternalStore)(a,o,s),{brand:f,mode:p,brandVars:m,accent:h,accentVars:g}=t.useTheme(),{locale:_,dir:v}=e.useLocale();if(u)return(0,r.jsx)(r.Fragment,{children:c});if(!d)return null;let y=f||p||h||_?(0,r.jsx)(`div`,{"data-brand":f,"data-accent":h,"data-theme":p,lang:_,dir:v,style:{display:`contents`,...m,...g},children:c}):c;return(0,i.createPortal)(y,l??document.body)};exports.Portal=c;

package/dist/components/utilities/Portal/Portal.mjs

@@ -1,9 +1,10 @@
+"use client";
 import { useLocale as e } from "../LocaleProvider/LocaleProvider.mjs";
 import { useTheme as t } from "../Theme/Theme.mjs";
 import { useSyncExternalStore as n } from "react";
 import { Fragment as r, jsx as i } from "react/jsx-runtime";
 import { createPortal as a } from "react-dom";
-//#region src/components/utilities/Portal/Portal.tsx
+// src/components/utilities/Portal/Portal.tsx
 var o = () => () => {}, s = () => !0, c = () => !1, l = ({ children: l, container: u, disabled: d = !1 }) => {
 	let f = n(o, s, c), { brand: p, mode: m, brandVars: h, accent: g, accentVars: _ } = t(), { locale: v, dir: y } = e();
 	if (d) return /* @__PURE__ */ i(r, { children: l });
@@ -23,5 +24,4 @@ var o = () => () => {}, s = () => !0, c = () => !1, l = ({ children: l, containe
 	}) : l;
 	return a(b, u ?? document.body);
 };
-//#endregion
 export { l as Portal };

package/dist/components/utilities/Theme/Theme.cjs.js

@@ -1 +1 @@
-const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/brandPalette.cjs.js"),n=require("./Theme.module.css.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=globalThis.process?.env?.NODE_ENV!==`production`,o=[`black`,`blue`,`gold`,`green`,`purple`],s=e=>o.includes(e),c=[`brand`,`lime`],l=`volt`,u=e=>c.includes(e),d=(0,r.createContext)({});function f(){return(0,r.useContext)(d)}function p(e,t){if(!(e===void 0||t(e)))return typeof e==`string`?e:`${e.light}|${e.dark}`}function m(e){let[n,r]=e.split(`|`);return r===void 0?t.isHexColor(n)?n:null:t.isHexColor(n)&&t.isHexColor(r)?{light:n,dark:r}:null}var h=({brand:o,accent:c,mode:f,fill:h=!1,className:g,style:_,...v})=>{let y=(0,r.useContext)(d),b=c===l?`lime`:c;(0,r.useEffect)(()=>{a&&c===l&&console.warn(`[Theme] accent "volt" is now called "lime". "volt" still works; switch to "lime" when convenient.`)},[c]);let x=p(o,s),S=(0,r.useMemo)(()=>{if(x===void 0)return;let e=m(x);return e===null?null:t.createBrandPalette(e)},[x]),C=(0,r.useMemo)(()=>S?t.brandPaletteVars(S):void 0,[S]),w=p(b,u),T=(0,r.useMemo)(()=>{if(w===void 0)return;let e=m(w);return e===null?null:t.createAccentPalette(e)},[w]),E=(0,r.useMemo)(()=>T?t.accentPaletteVars(T):void 0,[T]);(0,r.useEffect)(()=>{if(a){S===null&&console.error(`[Theme] brand "${x}" is not a preset or a hex color (#rgb or #rrggbb); it is ignored.`);for(let{mode:e,requested:t,used:n}of S?.adjustments??[])console.warn(`[Theme] brand ${t} doesn't meet WCAG AA contrast in ${e} mode; using ${n} instead.`);T===null&&console.error(`[Theme] accent "${w}" is not "brand", "lime", or a hex color (#rgb or #rrggbb); it is ignored.`);for(let{mode:e,requested:t,used:n}of T?.adjustments??[])console.warn(`[Theme] accent ${t} is too dark for dark text in ${e} mode; using ${n} instead.`)}},[S,x,T,w]);let D=s(o)?o:C?`custom`:void 0,O=u(b)?b:E?`custom`:void 0,k=D??y.brand,A=D?C:y.brandVars,j=O??y.accent,M=O?E:y.accentVars,N=f??y.mode,P=(0,r.useMemo)(()=>({brand:k,mode:N,brandVars:A,accent:j,accentVars:M}),[k,N,A,j,M]),F=C||E?{...C,...E}:void 0;return(0,i.jsx)(d.Provider,{value:P,children:(0,i.jsx)(`div`,{...v,"data-brand":D,"data-accent":O,"data-theme":f,className:e.cx(n.default.root,h&&n.default.fill,g),style:F?{...F,..._}:_})})};exports.Theme=h,exports.useTheme=f;
+"use client";const e=require("../../../utils/brandPalette.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("./Theme.module.css.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=globalThis.process?.env?.NODE_ENV!==`production`,o=[`black`,`blue`,`gold`,`green`,`purple`],s=e=>o.includes(e),c=[`brand`,`lime`],l=`volt`,u=e=>c.includes(e),d=(0,r.createContext)({});function f(){return(0,r.useContext)(d)}function p(e,t){if(!(e===void 0||t(e)))return typeof e==`string`?e:`${e.light}|${e.dark}`}function m(t){let[n,r]=t.split(`|`);return r===void 0?e.isHexColor(n)?n:null:e.isHexColor(n)&&e.isHexColor(r)?{light:n,dark:r}:null}var h=({brand:o,accent:c,mode:f,fill:h=!1,className:g,style:_,...v})=>{let y=(0,r.useContext)(d),b=c===l?`lime`:c;(0,r.useEffect)(()=>{a&&c===l&&console.warn(`[Theme] accent "volt" is now called "lime". "volt" still works; switch to "lime" when convenient.`)},[c]);let x=p(o,s),S=(0,r.useMemo)(()=>{if(x===void 0)return;let t=m(x);return t===null?null:e.createBrandPalette(t)},[x]),C=(0,r.useMemo)(()=>S?e.brandPaletteVars(S):void 0,[S]),w=p(b,u),T=(0,r.useMemo)(()=>{if(w===void 0)return;let t=m(w);return t===null?null:e.createAccentPalette(t)},[w]),E=(0,r.useMemo)(()=>T?e.accentPaletteVars(T):void 0,[T]);(0,r.useEffect)(()=>{if(a){S===null&&console.error(`[Theme] brand "${x}" is not a preset or a hex color (#rgb or #rrggbb); it is ignored.`);for(let{mode:e,requested:t,used:n}of S?.adjustments??[])console.warn(`[Theme] brand ${t} doesn't meet WCAG AA contrast in ${e} mode; using ${n} instead.`);T===null&&console.error(`[Theme] accent "${w}" is not "brand", "lime", or a hex color (#rgb or #rrggbb); it is ignored.`);for(let{mode:e,requested:t,used:n}of T?.adjustments??[])console.warn(`[Theme] accent ${t} is too dark for dark text in ${e} mode; using ${n} instead.`)}},[S,x,T,w]);let D=s(o)?o:C?`custom`:void 0,O=u(b)?b:E?`custom`:void 0,k=D??y.brand,A=D?C:y.brandVars,j=O??y.accent,M=O?E:y.accentVars,N=f??y.mode,P=(0,r.useMemo)(()=>({brand:k,mode:N,brandVars:A,accent:j,accentVars:M}),[k,N,A,j,M]),F=C||E?{...C,...E}:void 0;return(0,i.jsx)(d.Provider,{value:P,children:(0,i.jsx)(`div`,{...v,"data-brand":D,"data-accent":O,"data-theme":f,className:t.cx(n.default.root,h&&n.default.fill,g),style:F?{...F,..._}:_})})};exports.Theme=h,exports.useTheme=f;

package/dist/components/utilities/Theme/Theme.mjs

@@ -1,9 +1,10 @@
-import { cx as e } from "../../../utils/cx.mjs";
-import { accentPaletteVars as t, brandPaletteVars as n, createAccentPalette as r, createBrandPalette as i, isHexColor as a } from "../../../utils/brandPalette.mjs";
+"use client";
+import { accentPaletteVars as e, brandPaletteVars as t, createAccentPalette as n, createBrandPalette as r, isHexColor as i } from "../../../utils/brandPalette.mjs";
+import { cx as a } from "../../../utils/cx.mjs";
 import o from "./Theme.module.css.mjs";
 import { createContext as s, useContext as c, useEffect as l, useMemo as u } from "react";
 import { jsx as d } from "react/jsx-runtime";
-//#region src/components/utilities/Theme/Theme.tsx
+// src/components/utilities/Theme/Theme.tsx
 var f = globalThis.process?.env?.NODE_ENV !== "production", p = [
 	"black",
 	"blue",
@@ -19,25 +20,25 @@ function b(e, t) {
 }
 function x(e) {
 	let [t, n] = e.split("|");
-	return n === void 0 ? a(t) ? t : null : a(t) && a(n) ? {
+	return n === void 0 ? i(t) ? t : null : i(t) && i(n) ? {
 		light: t,
 		dark: n
 	} : null;
 }
-var S = ({ brand: a, accent: s, mode: p, fill: h = !1, className: y, style: S, ...C }) => {
+var S = ({ brand: i, accent: s, mode: p, fill: h = !1, className: y, style: S, ...C }) => {
 	let w = c(v), T = s === g ? "lime" : s;
 	l(() => {
 		f && s === g && console.warn("[Theme] accent \"volt\" is now called \"lime\". \"volt\" still works; switch to \"lime\" when convenient.");
 	}, [s]);
-	let E = b(a, m), D = u(() => {
+	let E = b(i, m), D = u(() => {
 		if (E === void 0) return;
 		let e = x(E);
-		return e === null ? null : i(e);
-	}, [E]), O = u(() => D ? n(D) : void 0, [D]), k = b(T, _), A = u(() => {
+		return e === null ? null : r(e);
+	}, [E]), O = u(() => D ? t(D) : void 0, [D]), k = b(T, _), A = u(() => {
 		if (k === void 0) return;
 		let e = x(k);
-		return e === null ? null : r(e);
-	}, [k]), j = u(() => A ? t(A) : void 0, [A]);
+		return e === null ? null : n(e);
+	}, [k]), j = u(() => A ? e(A) : void 0, [A]);
 	l(() => {
 		if (f) {
 			D === null && console.error(`[Theme] brand "${E}" is not a preset or a hex color (#rgb or #rrggbb); it is ignored.`);
@@ -51,7 +52,7 @@ var S = ({ brand: a, accent: s, mode: p, fill: h = !1, className: y, style: S, .
 		A,
 		k
 	]);
-	let M = m(a) ? a : O ? "custom" : void 0, N = _(T) ? T : j ? "custom" : void 0, P = M ?? w.brand, F = M ? O : w.brandVars, I = N ?? w.accent, L = N ? j : w.accentVars, R = p ?? w.mode, z = u(() => ({
+	let M = m(i) ? i : O ? "custom" : void 0, N = _(T) ? T : j ? "custom" : void 0, P = M ?? w.brand, F = M ? O : w.brandVars, I = N ?? w.accent, L = N ? j : w.accentVars, R = p ?? w.mode, z = u(() => ({
 		brand: P,
 		mode: R,
 		brandVars: F,
@@ -74,7 +75,7 @@ var S = ({ brand: a, accent: s, mode: p, fill: h = !1, className: y, style: S, .
 			"data-brand": M,
 			"data-accent": N,
 			"data-theme": p,
-			className: e(o.root, h && o.fill, y),
+			className: a(o.root, h && o.fill, y),
 			style: B ? {
 				...B,
 				...S
@@ -82,5 +83,4 @@ var S = ({ brand: a, accent: s, mode: p, fill: h = !1, className: y, style: S, .
 		})
 	});
 };
-//#endregion
 export { S as Theme, y as useTheme };

package/dist/components/utilities/Theme/Theme.module.css.mjs

@@ -1,7 +1,6 @@
-//#region src/components/utilities/Theme/Theme.module.css
+// src/components/utilities/Theme/Theme.module.css
 var e = "_root_qtdmn_3", t = "_fill_qtdmn_11", n = {
 	root: e,
 	fill: t
 };
-//#endregion
 export { n as default, t as fill, e as root };

package/dist/components/utilities/VisuallyHidden/VisuallyHidden.mjs

@@ -1,10 +1,9 @@
 import { cx as e } from "../../../utils/cx.mjs";
 import t from "./VisuallyHidden.module.css.mjs";
 import { jsx as n } from "react/jsx-runtime";
-//#region src/components/utilities/VisuallyHidden/VisuallyHidden.tsx
+// src/components/utilities/VisuallyHidden/VisuallyHidden.tsx
 var r = ({ className: r, ...i }) => /* @__PURE__ */ n("span", {
 	className: e(t.root, r),
 	...i
 });
-//#endregion
 export { r as VisuallyHidden };

package/dist/components/utilities/VisuallyHidden/VisuallyHidden.module.css.mjs

@@ -1,4 +1,3 @@
-//#region src/components/utilities/VisuallyHidden/VisuallyHidden.module.css
+// src/components/utilities/VisuallyHidden/VisuallyHidden.module.css
 var e = "_root_1snyg_1", t = { root: e };
-//#endregion
 export { t as default, e as root };

package/dist/hooks/elementSource.cjs.js

@@ -1 +1 @@
-let e=require("react");function t(e){return typeof e==`object`&&!!e&&`current`in e&&!(e instanceof Node)}function n(e){return e?t(e)?e.current??null:e:null}function r(t){let[r,i]=(0,e.useState)(()=>n(t));return(0,e.useLayoutEffect)(()=>{let e=n(t);i(t=>t===e?t:e)}),r}exports.resolveElement=n,exports.useResolvedElement=r;
+"use client";let e=require("react");function t(e){let t=typeof Node<`u`&&e instanceof Node;return typeof e==`object`&&!!e&&`current`in e&&!t}function n(e){return e?t(e)?e.current??null:e:null}function r(t){let[r,i]=(0,e.useState)(()=>n(t));return(0,e.useLayoutEffect)(()=>{let e=n(t);i(t=>t===e?t:e)}),r}exports.resolveElement=n,exports.useResolvedElement=r;

package/dist/hooks/elementSource.mjs

@@ -1,7 +1,9 @@
+"use client";
 import { useLayoutEffect as e, useState as t } from "react";
-//#region src/hooks/elementSource.ts
+// src/hooks/elementSource.ts
 function n(e) {
-	return typeof e == "object" && !!e && "current" in e && !(e instanceof Node);
+	let t = typeof Node < "u" && e instanceof Node;
+	return typeof e == "object" && !!e && "current" in e && !t;
 }
 function r(e) {
 	return e ? n(e) ? e.current ?? null : e : null;
@@ -13,5 +15,4 @@ function i(n) {
 		a((t) => t === e ? t : e);
 	}), i;
 }
-//#endregion
 export { r as resolveElement, i as useResolvedElement };

package/dist/hooks/useClipboard.cjs.js

@@ -1 +1 @@
-const e=require("../utils/clipboard.cjs.js");let t=require("react");function n({timeout:n=2e3}={}){let[r,i]=(0,t.useState)(!1),[a,o]=(0,t.useState)(null),s=(0,t.useRef)(void 0);return(0,t.useEffect)(()=>()=>clearTimeout(s.current),[]),{copy:(0,t.useCallback)(async t=>{clearTimeout(s.current);try{return await e.copyToClipboard(t),o(null),i(!0),s.current=setTimeout(()=>i(!1),n),!0}catch(e){return i(!1),o(e instanceof Error?e:Error(String(e))),!1}},[n]),copied:r,error:a,reset:(0,t.useCallback)(()=>{clearTimeout(s.current),i(!1),o(null)},[])}}exports.useClipboard=n;
+"use client";const e=require("../utils/clipboard.cjs.js");let t=require("react");function n({timeout:n=2e3}={}){let[r,i]=(0,t.useState)(!1),[a,o]=(0,t.useState)(null),s=(0,t.useRef)(void 0);return(0,t.useEffect)(()=>()=>clearTimeout(s.current),[]),{copy:(0,t.useCallback)(async t=>{clearTimeout(s.current);try{return await e.copyToClipboard(t),o(null),i(!0),s.current=setTimeout(()=>i(!1),n),!0}catch(e){return i(!1),o(e instanceof Error?e:Error(String(e))),!1}},[n]),copied:r,error:a,reset:(0,t.useCallback)(()=>{clearTimeout(s.current),i(!1),o(null)},[])}}exports.useClipboard=n;

package/dist/hooks/useClipboard.mjs

@@ -1,6 +1,7 @@
+"use client";
 import { copyToClipboard as e } from "../utils/clipboard.mjs";
 import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
-//#region src/hooks/useClipboard.ts
+// src/hooks/useClipboard.ts
 function a({ timeout: a = 2e3 } = {}) {
 	let [o, s] = i(!1), [c, l] = i(null), u = r(void 0);
 	return n(() => () => clearTimeout(u.current), []), {
@@ -19,5 +20,4 @@ function a({ timeout: a = 2e3 } = {}) {
 		}, [])
 	};
 }
-//#endregion
 export { a as useClipboard };

package/dist/hooks/useControllableState.cjs.js

@@ -1 +1 @@
-let e=require("react");function t({value:t,defaultValue:n,onChange:r}){let[i,a]=(0,e.useState)(n),o=t!==void 0,s=o?t:i,c=(0,e.useRef)(s);c.current=s;let l=(0,e.useRef)(r);return l.current=r,[s,(0,e.useCallback)(e=>{let t=typeof e==`function`?e(c.current):e;Object.is(t,c.current)||(o||a(t),l.current?.(t))},[o])]}exports.useControllableState=t;
+"use client";let e=require("react");function t({value:t,defaultValue:n,onChange:r}){let[i,a]=(0,e.useState)(n),o=t!==void 0,s=o?t:i,c=(0,e.useRef)(s);c.current=s;let l=(0,e.useRef)(r);return l.current=r,[s,(0,e.useCallback)(e=>{let t=typeof e==`function`?e(c.current):e;Object.is(t,c.current)||(o||a(t),l.current?.(t))},[o])]}exports.useControllableState=t;

package/dist/hooks/useControllableState.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { useCallback as e, useRef as t, useState as n } from "react";
-//#region src/hooks/useControllableState.ts
+// src/hooks/useControllableState.ts
 function r({ value: r, defaultValue: i, onChange: a }) {
 	let [o, s] = n(i), c = r !== void 0, l = c ? r : o, u = t(l);
 	u.current = l;
@@ -9,5 +10,4 @@ function r({ value: r, defaultValue: i, onChange: a }) {
 		Object.is(t, u.current) || (c || s(t), d.current?.(t));
 	}, [c])];
 }
-//#endregion
 export { r as useControllableState };

package/dist/hooks/useDisclosure.cjs.js

@@ -1 +1 @@
-let e=require("react");function t(t=!1,n={}){let[r,i]=(0,e.useState)(t),a=(0,e.useRef)(n);a.current=n;let o=(0,e.useRef)(t),s=(0,e.useCallback)(e=>{o.current!==e&&(o.current=e,i(e),(e?a.current.onOpen:a.current.onClose)?.())},[]);return[r,(0,e.useMemo)(()=>({open:()=>s(!0),close:()=>s(!1),toggle:()=>s(!o.current),set:s}),[s])]}function n(t=[!1,!0]){let[n,r]=(0,e.useState)(0),i=(0,e.useRef)(t);i.current=t;let a=(0,e.useCallback)(e=>{r(t=>{if(e===void 0)return(t+1)%i.current.length;let n=i.current.indexOf(e);return n>=0?n:t})},[]);return[t[Math.min(n,t.length-1)],a]}exports.useDisclosure=t,exports.useToggle=n;
+"use client";let e=require("react");function t(t=!1,n={}){let[r,i]=(0,e.useState)(t),a=(0,e.useRef)(n);a.current=n;let o=(0,e.useRef)(t),s=(0,e.useCallback)(e=>{o.current!==e&&(o.current=e,i(e),(e?a.current.onOpen:a.current.onClose)?.())},[]);return[r,(0,e.useMemo)(()=>({open:()=>s(!0),close:()=>s(!1),toggle:()=>s(!o.current),set:s}),[s])]}function n(t=[!1,!0]){let[n,r]=(0,e.useState)(0),i=(0,e.useRef)(t);i.current=t;let a=(0,e.useCallback)(e=>{r(t=>{if(e===void 0)return(t+1)%i.current.length;let n=i.current.indexOf(e);return n>=0?n:t})},[]);return[t[Math.min(n,t.length-1)],a]}exports.useDisclosure=t,exports.useToggle=n;

package/dist/hooks/useDisclosure.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { useCallback as e, useMemo as t, useRef as n, useState as r } from "react";
-//#region src/hooks/useDisclosure.ts
+// src/hooks/useDisclosure.ts
 function i(i = !1, a = {}) {
 	let [o, s] = r(i), c = n(a);
 	c.current = a;
@@ -25,5 +26,4 @@ function a(t = [!1, !0]) {
 	}, []);
 	return [t[Math.min(i, t.length - 1)], s];
 }
-//#endregion
 export { i as useDisclosure, a as useToggle };

package/dist/hooks/useDismiss.cjs.js

@@ -1 +1 @@
-const e=require("./useOverlayLayer.cjs.js");let t=require("react");function n(n,{active:r,onDismiss:i,escapeKey:a=!0,outsidePress:o=!0,layer:s}){let c=e.useOverlayLayer({active:r&&!s}),l=s??c,u=(0,t.useRef)({});u.current=r?{onEscape:a?e=>i(e):void 0,onOutsidePress:o?e=>i(e):void 0,elements:()=>n}:{};let{addHandlers:d}=l;(0,t.useLayoutEffect)(()=>d(u),[d])}exports.useDismiss=n;
+"use client";const e=require("./useOverlayLayer.cjs.js");let t=require("react");function n(n,{active:r,onDismiss:i,escapeKey:a=!0,outsidePress:o=!0,layer:s}){let c=e.useOverlayLayer({active:r&&!s}),l=s??c,u=(0,t.useRef)({});u.current=r?{onEscape:a?e=>i(e):void 0,onOutsidePress:o?e=>i(e):void 0,elements:()=>n}:{};let{addHandlers:d}=l;(0,t.useLayoutEffect)(()=>d(u),[d])}exports.useDismiss=n;

package/dist/hooks/useDismiss.mjs

@@ -1,6 +1,7 @@
+"use client";
 import { useOverlayLayer as e } from "./useOverlayLayer.mjs";
 import { useLayoutEffect as t, useRef as n } from "react";
-//#region src/hooks/useDismiss.ts
+// src/hooks/useDismiss.ts
 function r(r, { active: i, onDismiss: a, escapeKey: o = !0, outsidePress: s = !0, layer: c }) {
 	let l = e({ active: i && !c }), u = c ?? l, d = n({});
 	d.current = i ? {
@@ -11,5 +12,4 @@ function r(r, { active: i, onDismiss: a, escapeKey: o = !0, outsidePress: s = !0
 	let { addHandlers: f } = u;
 	t(() => f(d), [f]);
 }
-//#endregion
 export { r as useDismiss };

package/dist/hooks/useElementObservers.cjs.js

@@ -1 +1 @@
-let e=require("react");function t(t,n,r,i){let a=(0,e.useRef)(n);a.current=n;let o=typeof i==`boolean`?i:i?.capture,s=typeof i==`object`?i.passive:void 0,c=typeof i==`object`?i.once:void 0;(0,e.useEffect)(()=>{let e=r&&`current`in r?r.current:r??(typeof window<`u`?window:void 0);if(!e)return;let n=e=>a.current(e);return e.addEventListener(t,n,{capture:o,passive:s,once:c}),()=>e.removeEventListener(t,n,{capture:o})},[t,r,o,s,c])}function n(t,{enabled:n=!0,ignore:r=[]}={}){let i=(0,e.useRef)(null),a=(0,e.useRef)({handler:t,ignore:r});return a.current={handler:t,ignore:r},(0,e.useEffect)(()=>{if(!n||typeof document>`u`)return;let e=e=>{let t=e.target;t&&t.isConnected&&([i.current,...a.current.ignore.map(e=>e&&`current`in e?e.current:e)].some(e=>e?.contains(t))||a.current.handler(e))};return document.addEventListener(`pointerdown`,e),document.addEventListener(`focusin`,e),()=>{document.removeEventListener(`pointerdown`,e),document.removeEventListener(`focusin`,e)}},[n]),i}function r({root:t,rootMargin:n,threshold:r=0,once:i=!1}={}){let[a,o]=(0,e.useState)(null),[s,c]=(0,e.useState)(null),l=(0,e.useRef)(!1),u=Array.isArray(r)?r.join(`,`):String(r);return(0,e.useEffect)(()=>{if(!a||typeof IntersectionObserver>`u`||l.current)return;let e=new IntersectionObserver(([t])=>{c(t),i&&t.isIntersecting&&(l.current=!0,e.disconnect())},{root:t,rootMargin:n,threshold:u.split(`,`).map(Number)});return e.observe(a),()=>e.disconnect()},[a,t,n,u,i]),{ref:(0,e.useCallback)(e=>o(e),[]),entry:s,isIntersecting:s?.isIntersecting??!1}}function i(){let[t,n]=(0,e.useState)(null),[r,i]=(0,e.useState)({width:0,height:0});return(0,e.useEffect)(()=>{if(!t||typeof ResizeObserver>`u`)return;let e=new ResizeObserver(([e])=>{let{width:t,height:n}=e.contentRect;i(e=>e.width===t&&e.height===n?e:{width:t,height:n})});return e.observe(t),()=>e.disconnect()},[t]),{ref:(0,e.useCallback)(e=>n(e),[]),...r}}exports.useClickOutside=n,exports.useElementSize=i,exports.useEventListener=t,exports.useIntersection=r;
+"use client";let e=require("react");function t(t,n,r,i){let a=(0,e.useRef)(n);a.current=n;let o=typeof i==`boolean`?i:i?.capture,s=typeof i==`object`?i.passive:void 0,c=typeof i==`object`?i.once:void 0;(0,e.useEffect)(()=>{let e=r&&`current`in r?r.current:r??(typeof window<`u`?window:void 0);if(!e)return;let n=e=>a.current(e);return e.addEventListener(t,n,{capture:o,passive:s,once:c}),()=>e.removeEventListener(t,n,{capture:o})},[t,r,o,s,c])}function n(t,{enabled:n=!0,ignore:r=[]}={}){let i=(0,e.useRef)(null),a=(0,e.useRef)({handler:t,ignore:r});return a.current={handler:t,ignore:r},(0,e.useEffect)(()=>{if(!n||typeof document>`u`)return;let e=e=>{let t=e.target;t&&t.isConnected&&([i.current,...a.current.ignore.map(e=>e&&`current`in e?e.current:e)].some(e=>e?.contains(t))||a.current.handler(e))};return document.addEventListener(`pointerdown`,e),document.addEventListener(`focusin`,e),()=>{document.removeEventListener(`pointerdown`,e),document.removeEventListener(`focusin`,e)}},[n]),i}function r({root:t,rootMargin:n,threshold:r=0,once:i=!1}={}){let[a,o]=(0,e.useState)(null),[s,c]=(0,e.useState)(null),l=(0,e.useRef)(!1),u=Array.isArray(r)?r.join(`,`):String(r);return(0,e.useEffect)(()=>{if(!a||typeof IntersectionObserver>`u`||l.current)return;let e=new IntersectionObserver(([t])=>{c(t),i&&t.isIntersecting&&(l.current=!0,e.disconnect())},{root:t,rootMargin:n,threshold:u.split(`,`).map(Number)});return e.observe(a),()=>e.disconnect()},[a,t,n,u,i]),{ref:(0,e.useCallback)(e=>o(e),[]),entry:s,isIntersecting:s?.isIntersecting??!1}}function i(){let[t,n]=(0,e.useState)(null),[r,i]=(0,e.useState)({width:0,height:0});return(0,e.useEffect)(()=>{if(!t||typeof ResizeObserver>`u`)return;let e=new ResizeObserver(([e])=>{let{width:t,height:n}=e.contentRect;i(e=>e.width===t&&e.height===n?e:{width:t,height:n})});return e.observe(t),()=>e.disconnect()},[t]),{ref:(0,e.useCallback)(e=>n(e),[]),...r}}exports.useClickOutside=n,exports.useElementSize=i,exports.useEventListener=t,exports.useIntersection=r;

package/dist/hooks/useElementObservers.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
-//#region src/hooks/useElementObservers.ts
+// src/hooks/useElementObservers.ts
 function i(e, r, i, a) {
 	let o = n(r);
 	o.current = r;
@@ -84,5 +85,4 @@ function s() {
 		...a
 	};
 }
-//#endregion
 export { a as useClickOutside, s as useElementSize, i as useEventListener, o as useIntersection };

package/dist/hooks/useEnvironment.cjs.js

@@ -1 +1 @@
-const e=require("./useMediaQuery.cjs.js");let t=require("react");var n=()=>()=>{};function r(){return(0,t.useSyncExternalStore)(n,()=>!0,()=>!1)}function i(){return e.useMediaQuery(`(prefers-reduced-motion: reduce)`)}function a(){return e.useMediaQuery(`(prefers-color-scheme: dark)`)?`dark`:`light`}var o=e=>(window.addEventListener(`online`,e),window.addEventListener(`offline`,e),()=>{window.removeEventListener(`online`,e),window.removeEventListener(`offline`,e)});function s(){return(0,t.useSyncExternalStore)(o,()=>navigator.onLine,()=>!0)}var c=e=>(document.addEventListener(`visibilitychange`,e),()=>document.removeEventListener(`visibilitychange`,e));function l(){return(0,t.useSyncExternalStore)(c,()=>document.visibilityState,()=>`visible`)}var u=e=>(window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e));function d(){let e=(0,t.useSyncExternalStore)(u,()=>`${window.innerWidth}x${window.innerHeight}`,()=>`0x0`);return(0,t.useMemo)(()=>{let[t,n]=e.split(`x`).map(Number);return{width:t,height:n}},[e])}exports.useColorScheme=a,exports.useDocumentVisibility=l,exports.useHydrated=r,exports.useOnline=s,exports.useReducedMotion=i,exports.useViewportSize=d;
+"use client";const e=require("./useMediaQuery.cjs.js");let t=require("react");var n=()=>()=>{};function r(){return(0,t.useSyncExternalStore)(n,()=>!0,()=>!1)}function i(){return e.useMediaQuery(`(prefers-reduced-motion: reduce)`)}function a(){return e.useMediaQuery(`(prefers-color-scheme: dark)`)?`dark`:`light`}var o=e=>(window.addEventListener(`online`,e),window.addEventListener(`offline`,e),()=>{window.removeEventListener(`online`,e),window.removeEventListener(`offline`,e)});function s(){return(0,t.useSyncExternalStore)(o,()=>navigator.onLine,()=>!0)}var c=e=>(document.addEventListener(`visibilitychange`,e),()=>document.removeEventListener(`visibilitychange`,e));function l(){return(0,t.useSyncExternalStore)(c,()=>document.visibilityState,()=>`visible`)}var u=e=>(window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e));function d(){let e=(0,t.useSyncExternalStore)(u,()=>`${window.innerWidth}x${window.innerHeight}`,()=>`0x0`);return(0,t.useMemo)(()=>{let[t,n]=e.split(`x`).map(Number);return{width:t,height:n}},[e])}exports.useColorScheme=a,exports.useDocumentVisibility=l,exports.useHydrated=r,exports.useOnline=s,exports.useReducedMotion=i,exports.useViewportSize=d;

package/dist/hooks/useEnvironment.mjs

@@ -1,6 +1,7 @@
+"use client";
 import { useMediaQuery as e } from "./useMediaQuery.mjs";
 import { useMemo as t, useSyncExternalStore as n } from "react";
-//#region src/hooks/useEnvironment.ts
+// src/hooks/useEnvironment.ts
 var r = () => () => {};
 function i() {
 	return n(r, () => !0, () => !1);
@@ -32,5 +33,4 @@ function f() {
 		};
 	}, [e]);
 }
-//#endregion
 export { o as useColorScheme, u as useDocumentVisibility, i as useHydrated, c as useOnline, a as useReducedMotion, f as useViewportSize };

package/dist/hooks/useFloatingPosition.cjs.js

@@ -1 +1 @@
-const e=require("./elementSource.cjs.js");let t=require("react");var n={top:`bottom`,bottom:`top`,left:`right`,right:`left`};function r(e,t,n,r){let[i,a]=n.split(`-`);return i===`top`||i===`bottom`?{top:i===`top`?e.top-t.height-r:e.bottom+r,left:a===`start`?e.left:a===`end`?e.right-t.width:e.left+e.width/2-t.width/2}:{left:i===`left`?e.left-t.width-r:e.right+r,top:a===`start`?e.top:a===`end`?e.bottom-t.height:e.top+e.height/2-t.height/2}}function i(e,t,n,r){switch(e){case`top`:return t.top>=r;case`bottom`:return t.top+n.height<=window.innerHeight-r;case`left`:return t.left>=r;case`right`:return t.left+n.width<=window.innerWidth-r}}function a(e,t){switch(e){case`top`:return t.top;case`bottom`:return window.innerHeight-t.bottom;case`left`:return t.left;case`right`:return window.innerWidth-t.right}}function o(e,t,n){return t-2*n<0?t/2:Math.min(Math.max(e,n),t-n)}function s(e,t){return!!e&&Math.abs(e.top-t.top)<.5&&Math.abs(e.left-t.left)<.5&&e.placement===t.placement&&e.arrow.side===t.arrow.side&&Math.abs((e.arrow.x??0)-(t.arrow.x??0))<.5&&Math.abs((e.arrow.y??0)-(t.arrow.y??0))<.5}function c(c,l,{open:u,placement:d=`bottom`,offset:f=8,flip:p=!0,padding:m=8,arrowPadding:h=0}){let[g,_]=(0,t.useState)(null),v=e.useResolvedElement(c),y=e.useResolvedElement(l),b=(0,t.useRef)({anchor:c,floating:l});b.current={anchor:c,floating:l};let x=(0,t.useCallback)(()=>{let t=e.resolveElement(b.current.anchor),c=e.resolveElement(b.current.floating);if(!t||!c)return;let l=t.getBoundingClientRect(),u=c.getBoundingClientRect(),[g,v]=d.split(`-`),y=g,x=r(l,u,d,f);if(p&&!i(g,x,u,m)){let e=n[g],t=r(l,u,v?`${e}-${v}`:e,f);(i(e,t,u,m)||a(e,l)>a(g,l))&&(y=e,x=t)}let S=y===g?d:v?`${y}-${v}`:y;x.left=Math.max(m,Math.min(x.left,window.innerWidth-u.width-m)),x.top=Math.max(m,Math.min(x.top,window.innerHeight-u.height-m));let C=y===`top`||y===`bottom`?{side:y,x:o(l.left+l.width/2-x.left,u.width,h)}:{side:y,y:o(l.top+l.height/2-x.top,u.height,h)},w={...x,placement:S,arrow:C};_(e=>s(e,w)?e:w)},[d,f,p,m,h]);(0,t.useLayoutEffect)(()=>{if(!u){_(null);return}if(!v||!y)return;x(),window.addEventListener(`resize`,x),window.addEventListener(`scroll`,x,!0);let e=typeof ResizeObserver<`u`?new ResizeObserver(()=>x()):null;return e?.observe(v),e?.observe(y),()=>{window.removeEventListener(`resize`,x),window.removeEventListener(`scroll`,x,!0),e?.disconnect()}},[u,x,v,y]);let S=u&&g!==null;return{style:S?{position:`fixed`,top:g.top,left:g.left}:{position:`fixed`,top:0,left:0,visibility:`hidden`},placement:S?g.placement:d,arrow:S?g.arrow:null,isPositioned:S,update:x}}exports.useFloatingPosition=c;
+"use client";const e=require("./elementSource.cjs.js");let t=require("react");var n={top:`bottom`,bottom:`top`,left:`right`,right:`left`};function r(e,t,n,r){let[i,a]=n.split(`-`);return i===`top`||i===`bottom`?{top:i===`top`?e.top-t.height-r:e.bottom+r,left:a===`start`?e.left:a===`end`?e.right-t.width:e.left+e.width/2-t.width/2}:{left:i===`left`?e.left-t.width-r:e.right+r,top:a===`start`?e.top:a===`end`?e.bottom-t.height:e.top+e.height/2-t.height/2}}function i(e,t,n,r){switch(e){case`top`:return t.top>=r;case`bottom`:return t.top+n.height<=window.innerHeight-r;case`left`:return t.left>=r;case`right`:return t.left+n.width<=window.innerWidth-r}}function a(e,t){switch(e){case`top`:return t.top;case`bottom`:return window.innerHeight-t.bottom;case`left`:return t.left;case`right`:return window.innerWidth-t.right}}function o(e,t,n){return t-2*n<0?t/2:Math.min(Math.max(e,n),t-n)}function s(e,t){return!!e&&Math.abs(e.top-t.top)<.5&&Math.abs(e.left-t.left)<.5&&e.placement===t.placement&&e.arrow.side===t.arrow.side&&Math.abs((e.arrow.x??0)-(t.arrow.x??0))<.5&&Math.abs((e.arrow.y??0)-(t.arrow.y??0))<.5}function c(c,l,{open:u,placement:d=`bottom`,offset:f=8,flip:p=!0,padding:m=8,arrowPadding:h=0}){let[g,_]=(0,t.useState)(null),v=e.useResolvedElement(c),y=e.useResolvedElement(l),b=(0,t.useRef)({anchor:c,floating:l});b.current={anchor:c,floating:l};let x=(0,t.useCallback)(()=>{let t=e.resolveElement(b.current.anchor),c=e.resolveElement(b.current.floating);if(!t||!c)return;let l=t.getBoundingClientRect(),u=c.getBoundingClientRect(),[g,v]=d.split(`-`),y=g,x=r(l,u,d,f);if(p&&!i(g,x,u,m)){let e=n[g],t=r(l,u,v?`${e}-${v}`:e,f);(i(e,t,u,m)||a(e,l)>a(g,l))&&(y=e,x=t)}let S=y===g?d:v?`${y}-${v}`:y;x.left=Math.max(m,Math.min(x.left,window.innerWidth-u.width-m)),x.top=Math.max(m,Math.min(x.top,window.innerHeight-u.height-m));let C=y===`top`||y===`bottom`?{side:y,x:o(l.left+l.width/2-x.left,u.width,h)}:{side:y,y:o(l.top+l.height/2-x.top,u.height,h)},w={...x,placement:S,arrow:C};_(e=>s(e,w)?e:w)},[d,f,p,m,h]);(0,t.useLayoutEffect)(()=>{if(!u){_(null);return}if(!v||!y)return;x(),window.addEventListener(`resize`,x),window.addEventListener(`scroll`,x,!0);let e=typeof ResizeObserver<`u`?new ResizeObserver(()=>x()):null;return e?.observe(v),e?.observe(y),()=>{window.removeEventListener(`resize`,x),window.removeEventListener(`scroll`,x,!0),e?.disconnect()}},[u,x,v,y]);let S=u&&g!==null;return{style:S?{position:`fixed`,top:g.top,left:g.left}:{position:`fixed`,top:0,left:0,visibility:`hidden`},placement:S?g.placement:d,arrow:S?g.arrow:null,isPositioned:S,update:x}}exports.useFloatingPosition=c;

package/dist/hooks/useFloatingPosition.mjs

@@ -1,6 +1,7 @@
+"use client";
 import { resolveElement as e, useResolvedElement as t } from "./elementSource.mjs";
 import { useCallback as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
-//#region src/hooks/useFloatingPosition.ts
+// src/hooks/useFloatingPosition.ts
 var o = {
 	top: "bottom",
 	bottom: "top",
@@ -112,5 +113,4 @@ function f(f, p, { open: m, placement: h = "bottom", offset: g = 8, flip: _ = !0
 		update: T
 	};
 }
-//#endregion
 export { f as useFloatingPosition };

package/dist/hooks/useFocusTrap.cjs.js

@@ -1 +1 @@
-const e=require("./elementSource.cjs.js"),t=require("./useOverlayLayer.cjs.js");let n=require("react");var r=[`a[href]`,`area[href]`,`button:not([disabled])`,`input:not([disabled]):not([type='hidden'])`,`select:not([disabled])`,`textarea:not([disabled])`,`iframe`,`summary`,`[contenteditable='true']`,`[tabindex]:not([tabindex='-1'])`].join(`,`);function i(e){return!e.isConnected||e.closest(`[inert]`)||e.getClientRects().length===0?!1:window.getComputedStyle(e).visibility!==`hidden`}function a(e){return Array.from(e.querySelectorAll(r)).filter(i)}function o(t){return typeof t==`function`?t()??null:e.resolveElement(t)}function s(e){return!e||!e.isConnected||e.closest(`[inert]`)?!1:(e.focus({preventScroll:!0}),document.activeElement===e)}function c(e,{frames:t=10}={}){let n=!1,r=0;if(s(e()))return()=>{};let i=t=>{n||t<=0||(r=requestAnimationFrame(()=>{n||s(e())||i(t-1)}))};return queueMicrotask(()=>{n||s(e())||i(t)}),()=>{n=!0,cancelAnimationFrame(r)}}function l(r,i){let{active:l,layer:u,paused:d=!1}=i,f=e.useResolvedElement(r),p=t.useOverlayLayer({active:l&&!u,modal:!0,elements:()=>[f]}),m=u??p,h=(0,n.useRef)(i);h.current=i;let g=(0,n.useRef)(m);g.current=m;let _=(0,n.useRef)(null);(0,n.useLayoutEffect)(()=>{if(!l)return;let e=document.activeElement;return _.current=e instanceof HTMLElement&&e!==document.body?e:null,()=>{let{restoreFocus:e=!0,finalFocus:t,finalFocusRef:n}=h.current;if(!e)return;let r=_.current;_.current=null,c(()=>{let e=o(t)??n?.current??null,i=e?.isConnected?e:r;return i?.isConnected?i:null})}},[l]);let v=l&&!!f&&!d&&!m.hasModalAbove;(0,n.useEffect)(()=>{if(!v||!f)return;let e=()=>{let e=document.activeElement;return!!e&&(f.contains(e)||g.current.childContains(e))},t=()=>{let{initialFocus:e,initialFocusRef:t}=h.current,n=o(e)??t?.current??a(f)[0]??f;return n===f&&!f.hasAttribute(`tabindex`)&&f.setAttribute(`tabindex`,`-1`),n},n=e()?()=>{}:c(()=>e()?document.activeElement:t()),r=e=>{if(e.key!==`Tab`||e.defaultPrevented)return;let t=document.activeElement;if(t&&!f.contains(t)&&g.current.childContains(t))return;let n=a(f);if(n.length===0){e.preventDefault(),t!==f&&s(f);return}let r=n[0],i=n[n.length-1];e.shiftKey&&(t===r||t===f||!f.contains(t))?(e.preventDefault(),i.focus()):!e.shiftKey&&(t===i||!f.contains(t))&&(e.preventDefault(),r.focus())};return document.addEventListener(`keydown`,r),()=>{n(),document.removeEventListener(`keydown`,r)}},[v,f])}exports.FOCUSABLE=r,exports.focusWhenReady=c,exports.getFocusable=a,exports.isFocusableNow=i,exports.useFocusTrap=l;
+"use client";const e=require("./elementSource.cjs.js"),t=require("./useOverlayLayer.cjs.js");let n=require("react");var r=`a[href],area[href],button:not([disabled]),input:not([disabled]):not([type='hidden']),select:not([disabled]),textarea:not([disabled]),iframe,summary,[contenteditable='true'],[tabindex]:not([tabindex='-1'])`;function i(e){return!e.isConnected||e.closest(`[inert]`)||e.getClientRects().length===0?!1:window.getComputedStyle(e).visibility!==`hidden`}function a(e){return Array.from(e.querySelectorAll(r)).filter(i)}function o(t){return typeof t==`function`?t()??null:e.resolveElement(t)}function s(e){return!e||!e.isConnected||e.closest(`[inert]`)?!1:(e.focus({preventScroll:!0}),document.activeElement===e)}function c(e,{frames:t=10}={}){let n=!1,r=0;if(s(e()))return()=>{};let i=t=>{n||t<=0||(r=requestAnimationFrame(()=>{n||s(e())||i(t-1)}))};return queueMicrotask(()=>{n||s(e())||i(t)}),()=>{n=!0,cancelAnimationFrame(r)}}function l(r,i){let{active:l,layer:u,paused:d=!1}=i,f=e.useResolvedElement(r),p=t.useOverlayLayer({active:l&&!u,modal:!0,elements:()=>[f]}),m=u??p,h=(0,n.useRef)(i);h.current=i;let g=(0,n.useRef)(m);g.current=m;let _=(0,n.useRef)(null);(0,n.useLayoutEffect)(()=>{if(!l)return;let e=document.activeElement;return _.current=e instanceof HTMLElement&&e!==document.body?e:null,()=>{let{restoreFocus:e=!0,finalFocus:t,finalFocusRef:n}=h.current;if(!e)return;let r=_.current;_.current=null,c(()=>{let e=o(t)??n?.current??null,i=e?.isConnected?e:r;return i?.isConnected?i:null})}},[l]);let v=l&&!!f&&!d&&!m.hasModalAbove;(0,n.useEffect)(()=>{if(!v||!f)return;let e=()=>{let e=document.activeElement;return!!e&&(f.contains(e)||g.current.childContains(e))},t=()=>{let{initialFocus:e,initialFocusRef:t}=h.current,n=o(e)??t?.current??a(f)[0]??f;return n===f&&!f.hasAttribute(`tabindex`)&&f.setAttribute(`tabindex`,`-1`),n},n=e()?()=>{}:c(()=>e()?document.activeElement:t()),r=e=>{if(e.key!==`Tab`||e.defaultPrevented)return;let t=document.activeElement;if(t&&!f.contains(t)&&g.current.childContains(t))return;let n=a(f);if(n.length===0){e.preventDefault(),t!==f&&s(f);return}let r=n[0],i=n[n.length-1];e.shiftKey&&(t===r||t===f||!f.contains(t))?(e.preventDefault(),i.focus()):e.shiftKey||t!==i&&f.contains(t)||(e.preventDefault(),r.focus())};return document.addEventListener(`keydown`,r),()=>{n(),document.removeEventListener(`keydown`,r)}},[v,f])}exports.FOCUSABLE=r,exports.focusWhenReady=c,exports.getFocusable=a,exports.isFocusableNow=i,exports.useFocusTrap=l;

package/dist/hooks/useFocusTrap.mjs

@@ -1,19 +1,9 @@
+"use client";
 import { resolveElement as e, useResolvedElement as t } from "./elementSource.mjs";
 import { useOverlayLayer as n } from "./useOverlayLayer.mjs";
 import { useEffect as r, useLayoutEffect as i, useRef as a } from "react";
-//#region src/hooks/useFocusTrap.ts
-var o = [
-	"a[href]",
-	"area[href]",
-	"button:not([disabled])",
-	"input:not([disabled]):not([type='hidden'])",
-	"select:not([disabled])",
-	"textarea:not([disabled])",
-	"iframe",
-	"summary",
-	"[contenteditable='true']",
-	"[tabindex]:not([tabindex='-1'])"
-].join(",");
+// src/hooks/useFocusTrap.ts
+var o = "a[href],area[href],button:not([disabled]),input:not([disabled]):not([type='hidden']),select:not([disabled]),textarea:not([disabled]),iframe,summary,[contenteditable='true'],[tabindex]:not([tabindex='-1'])";
 function s(e) {
 	return !e.isConnected || e.closest("[inert]") || e.getClientRects().length === 0 ? !1 : window.getComputedStyle(e).visibility !== "hidden";
 }
@@ -82,12 +72,11 @@ function f(e, o) {
 				return;
 			}
 			let r = n[0], i = n[n.length - 1];
-			e.shiftKey && (t === r || t === m || !m.contains(t)) ? (e.preventDefault(), i.focus()) : !e.shiftKey && (t === i || !m.contains(t)) && (e.preventDefault(), r.focus());
+			e.shiftKey && (t === r || t === m || !m.contains(t)) ? (e.preventDefault(), i.focus()) : e.shiftKey || t !== i && m.contains(t) || (e.preventDefault(), r.focus());
 		};
 		return document.addEventListener("keydown", r), () => {
 			n(), document.removeEventListener("keydown", r);
 		};
 	}, [b, m]);
 }
-//#endregion
 export { o as FOCUSABLE, d as focusWhenReady, c as getFocusable, s as isFocusableNow, f as useFocusTrap };

package/dist/hooks/useFormReset.cjs.js

@@ -1 +1 @@
-let e=require("react");function t(t,n,r=!0){let i=(0,e.useRef)(n);i.current=n,(0,e.useEffect)(()=>{if(!r)return;let e=typeof t==`function`?t():t.current;if(!e)return;let n=(`form`in e?e.form:null)??e.closest(`form`);if(!n)return;let a=()=>i.current();return n.addEventListener(`reset`,a),()=>n.removeEventListener(`reset`,a)},[r])}exports.useFormReset=t;
+"use client";let e=require("react");function t(t,n,r=!0){let i=(0,e.useRef)(n);i.current=n,(0,e.useEffect)(()=>{if(!r)return;let e=typeof t==`function`?t():t.current;if(!e)return;let n=(`form`in e?e.form:null)??e.closest(`form`);if(!n)return;let a=()=>i.current();return n.addEventListener(`reset`,a),()=>n.removeEventListener(`reset`,a)},[r])}exports.useFormReset=t;