themelia-ui 1.0.0

package/dist/navigation-DD2Psc66.js

@@ -0,0 +1,234 @@
+import "./css/navigation2.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { i as t, o as n } from "./typography-vC_wwEBm.js";
+import { T as r } from "./primitives-D-cyAv5O.js";
+import { t as i } from "./badge-DwsR_WXN.js";
+import { c as a, i as o, n as s, o as c, r as l, t as u, u as d } from "./item-CVi-_7OU.js";
+import { t as f } from "./observers-YT66Ljx4.js";
+import { CheckIcon as p, ChevronDownIcon as m, ChevronRightIcon as h } from "lucide-react";
+import * as g from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+var b = {
+	light: "navigation-module__light___H-221",
+	dark: "navigation-module__dark___bvqRo",
+	sideNav: "navigation-module__sideNav___uNHyT",
+	group: "navigation-module__group___yoYbI",
+	groupLabel: "navigation-module__groupLabel___CBKkj",
+	groupLabelStatic: "navigation-module__groupLabelStatic___gW0n5",
+	groupChevron: "navigation-module__groupChevron___ksYwQ",
+	list: "navigation-module__list___uXyqh",
+	item: "navigation-module__item___QsGV9",
+	itemIcon: "navigation-module__itemIcon___bU6vr",
+	itemLabel: "navigation-module__itemLabel___rVRLd",
+	sectionNav: "navigation-module__sectionNav___Agrs6",
+	sectionItem: "navigation-module__sectionItem___zigCY",
+	sectionItemNested: "navigation-module__sectionItemNested___Fr2qA",
+	categoryNav: "navigation-module__categoryNav___paxho",
+	categoryRow: "navigation-module__categoryRow___2BwnC",
+	categoryChevron: "navigation-module__categoryChevron___bXpQG",
+	progress: "navigation-module__progress___hAZXE",
+	progressHead: "navigation-module__progressHead___wdNOm",
+	progressSteps: "navigation-module__progressSteps___wAPKY",
+	progressStep: "navigation-module__progressStep___yl-K7",
+	progressTrigger: "navigation-module__progressTrigger___RRjXK",
+	progressMarker: "navigation-module__progressMarker___B87lh",
+	progressText: "navigation-module__progressText___lpa6F",
+	progressRule: "navigation-module__progressRule___G-h7n"
+}, x = {
+	step: (e, t) => `Step ${e}: ${t}`,
+	position: (e, t) => `Step ${e} of ${t}`
+}, S = { label: "On this page" }, C = { label: "Section navigation" }, w = (e) => typeof e == "string" || typeof e == "number";
+function T(e, t) {
+	if (t) return e.map((e) => e.href).filter((e) => t === e || t.startsWith(`${e}/`)).sort((e, t) => t.length - e.length)[0];
+}
+function E({ items: t, groups: r, currentPath: a, renderLink: o, strings: s, className: c, ...l }) {
+	let u = {
+		...C,
+		...s
+	}, d = r ?? [{
+		id: "default",
+		items: t ?? []
+	}], f = T(d.flatMap((e) => e.items), a), [p, h] = g.useState(() => new Set(d.filter((e) => e.defaultCollapsed).map((e) => e.id))), x = (e) => h((t) => {
+		let n = new Set(t);
+		return n.has(e) ? n.delete(e) : n.add(e), n;
+	});
+	return /* @__PURE__ */ v("nav", {
+		"aria-label": u.label,
+		"data-slot": "side-nav",
+		className: e("side-nav--component", b.sideNav, c),
+		...l,
+		children: d.map((t) => {
+			let r = p.has(t.id);
+			return /* @__PURE__ */ y("div", {
+				className: b.group,
+				"data-collapsed": t.collapsible && r ? "" : void 0,
+				children: [!!t.label && (t.collapsible ? /* @__PURE__ */ y("button", {
+					type: "button",
+					className: b.groupLabel,
+					"data-hit-area": !0,
+					"aria-expanded": !r,
+					onClick: () => x(t.id),
+					children: [t.label, /* @__PURE__ */ v(m, {
+						"aria-hidden": !0,
+						className: b.groupChevron
+					})]
+				}) : /* @__PURE__ */ v(n, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: e(b.groupLabel, b.groupLabelStatic),
+					children: t.label
+				})), /* @__PURE__ */ v("ul", {
+					className: b.list,
+					children: t.items.map((e) => {
+						let t = e.href === f, n = /* @__PURE__ */ y(_, { children: [
+							!!e.icon && /* @__PURE__ */ v(e.icon, {
+								"aria-hidden": !0,
+								className: b.itemIcon
+							}),
+							/* @__PURE__ */ v("span", {
+								className: b.itemLabel,
+								children: e.label
+							}),
+							w(e.badge) ? /* @__PURE__ */ v(i, {
+								tone: "neutral",
+								children: e.badge
+							}) : e.badge
+						] }), r = {
+							href: e.href,
+							className: b.item,
+							children: n,
+							"aria-current": t ? "page" : void 0,
+							"aria-disabled": e.disabled || void 0
+						};
+						return /* @__PURE__ */ v("li", { children: o ? o(r) : /* @__PURE__ */ v("a", { ...r }) }, e.href);
+					})
+				})]
+			}, t.id);
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/navigation/section-nav.tsx
+function D({ items: t, rootMargin: n = "-10% 0px -70% 0px", onSelect: r, strings: i, className: a, ...o }) {
+	let s = {
+		...S,
+		...i
+	}, [c, l] = g.useState(t[0]?.id), u = t.map((e) => e.id).join("|");
+	return g.useEffect(() => {
+		if (typeof IntersectionObserver > "u") return;
+		let e = u.split("|").filter(Boolean).map((e) => document.getElementById(e)).filter((e) => e !== null);
+		if (e.length !== 0) return f(e, (e) => {
+			let t = e.filter((e) => e.isIntersecting).sort((e, t) => e.boundingClientRect.top - t.boundingClientRect.top);
+			t[0] && l(t[0].target.id);
+		}, { rootMargin: n });
+	}, [u, n]), /* @__PURE__ */ v("nav", {
+		"aria-label": s.label,
+		"data-slot": "section-nav",
+		className: e("section-nav--component", b.sectionNav, a),
+		...o,
+		children: t.map((t) => /* @__PURE__ */ v("a", {
+			href: `#${t.id}`,
+			"aria-current": t.id === c ? "true" : void 0,
+			className: e(b.sectionItem, (t.depth ?? 1) > 1 && b.sectionItemNested),
+			onClick: () => r?.(t.id),
+			children: t.label
+		}, t.id))
+	});
+}
+//#endregion
+//#region src/components/layout/navigation/category-nav.tsx
+function O({ label: t, items: n, activeId: r, onSelect: f, className: p, ...m }) {
+	return /* @__PURE__ */ v("nav", {
+		"data-slot": "category-nav",
+		"aria-label": t,
+		className: e("category-nav--component", b.categoryNav, p),
+		...m,
+		children: /* @__PURE__ */ v(c, { children: n.map((e) => {
+			let t = e.icon, n = e.id === r;
+			return /* @__PURE__ */ y(u, {
+				"aria-current": n || void 0,
+				"data-active": n || void 0,
+				onClick: () => f?.(e.id),
+				className: b.categoryRow,
+				children: [
+					!!t && /* @__PURE__ */ v(a, {
+						variant: "icon",
+						children: /* @__PURE__ */ v(t, {})
+					}),
+					/* @__PURE__ */ y(l, { children: [/* @__PURE__ */ v(d, { children: e.label }), !!e.hint && /* @__PURE__ */ v(o, { children: e.hint })] }),
+					/* @__PURE__ */ y(s, { children: [typeof e.count == "number" && /* @__PURE__ */ v(i, {
+						tone: n ? "primary" : "neutral",
+						children: e.count
+					}), /* @__PURE__ */ v(h, {
+						"aria-hidden": !0,
+						className: b.categoryChevron
+					})] })
+				]
+			}, e.id);
+		}) })
+	});
+}
+//#endregion
+//#region src/components/layout/navigation/breadcrumb-progress.tsx
+function k({ steps: i, currentIndex: a, onStepClick: o, strings: s, className: c, ...l }) {
+	let u = {
+		...x,
+		...s
+	}, d = i.length || 1;
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "breadcrumb-progress",
+		className: e("breadcrumb-progress--component", b.progress, c),
+		...l,
+		children: [/* @__PURE__ */ y("div", {
+			className: b.progressHead,
+			children: [/* @__PURE__ */ v(t, { children: u.position(a + 1, d) }), /* @__PURE__ */ v(r, {
+				value: Math.round((a + 1) / d * 100),
+				scaled: !0,
+				size: "xs",
+				weight: "semibold"
+			})]
+		}), /* @__PURE__ */ v("ol", {
+			className: b.progressSteps,
+			children: i.map((e, t) => {
+				let r = t < a, s = t === a, c = !!o && (r || s), l = typeof e.label == "string" ? e.label : String(e.id);
+				return /* @__PURE__ */ y("li", {
+					className: b.progressStep,
+					children: [/* @__PURE__ */ y("button", {
+						type: "button",
+						"aria-label": u.step(t + 1, l),
+						"aria-current": s ? "step" : void 0,
+						disabled: !c,
+						onClick: () => c && o?.(e.id, t),
+						"data-state": r ? "complete" : s ? "current" : "upcoming",
+						className: b.progressTrigger,
+						children: [/* @__PURE__ */ v("span", {
+							"aria-hidden": !0,
+							className: b.progressMarker,
+							children: r ? /* @__PURE__ */ v(p, {}) : t + 1
+						}), /* @__PURE__ */ y("span", {
+							className: b.progressText,
+							children: [/* @__PURE__ */ v(n, {
+								tag: "span",
+								weight: "semibold",
+								type: r || s ? "main" : "secondary",
+								children: e.label
+							}), !!e.hint && /* @__PURE__ */ v(n, {
+								tag: "span",
+								size: "xs",
+								type: "discrete",
+								children: e.hint
+							})]
+						})]
+					}), t < i.length - 1 && /* @__PURE__ */ v("span", {
+						"aria-hidden": !0,
+						"data-complete": r || void 0,
+						className: b.progressRule
+					})]
+				}, e.id);
+			})
+		})]
+	});
+}
+//#endregion
+export { x as a, E as i, O as n, S as o, D as r, C as s, k as t };

package/dist/navigation-Zce9nqTO.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./cvm-CHrYqf6y.cjs"),n=require("./typography-kBzTy-jM.cjs"),r=require("./buttons-CQc0AVpb.cjs"),i=require("./dropdown-menu-yJ7XUydU.cjs"),a=require("./display-BPuD0OAo.cjs"),o=require("./badge-CSoXP1oV.cjs"),s=require("./observers-DpvUQ04h.cjs"),c=require("./strings-BiKL6k6b.cjs"),l=require("./path-ffsmozp3.cjs"),u=require("./choice-inputs-DNcJJXTp.cjs");let d=require("lucide-react"),f=require("react");f=e.t(f,1);let p=require("react/jsx-runtime"),m=require("clsx");var h={tabs:`navigation-module__tabs___-enSM`,tabList:`navigation-module__tabList___5Fa7y`,tabListEnclosed:`navigation-module__tabListEnclosed___wctvT`,tab:`navigation-module__tab___g97ST`,tabPanel:`navigation-module__tabPanel___08h-9`,breadcrumb:`navigation-module__breadcrumb___qyZfR`,breadcrumbItem:`navigation-module__breadcrumbItem___5u08X`,breadcrumbLink:`navigation-module__breadcrumbLink___zUmx3`,breadcrumbCurrent:`navigation-module__breadcrumbCurrent___h5VBO`,breadcrumbSeparator:`navigation-module__breadcrumbSeparator___QyWbu`,pagination:`navigation-module__pagination___AxCQd`,paginationArrowWord:`navigation-module__paginationArrowWord___ZPUSr`,paginationEllipsis:`navigation-module__paginationEllipsis___5Amyh`,pageHeading:`navigation-module__pageHeading___PyUy2`,pageHeadingCrumbs:`navigation-module__pageHeadingCrumbs___VLzP4`,pageHeadingRow:`navigation-module__pageHeadingRow___5ymya`,pageHeadingLeading:`navigation-module__pageHeadingLeading___73HDa`,pageHeadingMain:`navigation-module__pageHeadingMain___KQBw8`,pageHeadingGrid:`navigation-module__pageHeadingGrid___pPC2H`,pageHeadingPrefix:`navigation-module__pageHeadingPrefix___wmh5B`,pageHeadingBlock:`navigation-module__pageHeadingBlock___Zwpv0`,pageHeadingHeadline:`navigation-module__pageHeadingHeadline___Th0gE`,pageHeadingTitleRow:`navigation-module__pageHeadingTitleRow___qgNWD`,pageHeadingTitle:`navigation-module__pageHeadingTitle___rqEeb`,pageHeadingBadges:`navigation-module__pageHeadingBadges___kv--P`,pageHeadingActions:`navigation-module__pageHeadingActions___B3695`,pageHeadingEyebrow:`navigation-module__pageHeadingEyebrow___-JpDp`,pageHeadingDescription:`navigation-module__pageHeadingDescription___QBaWn`,pageHeadingChildren:`navigation-module__pageHeadingChildren___-lkUM`,pageHeadingSeparator:`navigation-module__pageHeadingSeparator___Neehr`,tabBar:`navigation-module__tabBar___muLkj`,tabBarWrap:`navigation-module__tabBarWrap___58XhB`,tabBarItem:`navigation-module__tabBarItem___OU13T`},g=f.createContext(null);function _(e){let t=f.useContext(g);if(!t)throw Error(`<${e}> must be used within <Tabs>`);return t}function v({value:e,defaultValue:t=``,onValueChange:n,className:r,children:i,...a}){let[o,s]=f.useState(t),c=e!==void 0,l=c?e:o,u=f.useId(),d=f.useCallback(e=>{c||s(e),n?.(e)},[c,n]),[_,v]=f.useState(()=>new Set),y=f.useCallback(e=>(v(t=>{let n=new Set(t);return n.add(e),n}),()=>v(t=>{let n=new Set(t);return n.delete(e),n})),[]),b=f.useMemo(()=>({value:l,setValue:d,id:u,panels:_,registerPanel:y}),[l,d,u,_,y]);return(0,p.jsx)(g.Provider,{value:b,children:(0,p.jsx)(`div`,{"data-slot":`tabs`,className:(0,m.clsx)(`tabs--component`,h.tabs,r),...a,children:i})})}var y=t.t(h.tabList,{variants:{variant:{underline:void 0,enclosed:h.tabListEnclosed}},defaultVariants:{variant:`underline`}});function b({variant:e,label:t,className:n,children:r,...i}){let a=f.useRef(null);return(0,p.jsx)(`div`,{ref:a,role:`tablist`,"aria-label":t,"data-slot":`tab-list`,className:(0,m.clsx)(`tabs--list`,y({variant:e}),n),onKeyDown:e=>{if(![`ArrowLeft`,`ArrowRight`,`Home`,`End`].includes(e.key))return;let t=[...a.current?.querySelectorAll(`[role="tab"]:not(:disabled)`)??[]];if(t.length===0)return;let n=t.indexOf(document.activeElement),r=n;e.key===`ArrowLeft`?r=n<=0?t.length-1:n-1:e.key===`ArrowRight`?r=n===t.length-1?0:n+1:e.key===`Home`?r=0:e.key===`End`&&(r=t.length-1),e.preventDefault(),t[r]?.focus(),t[r]?.click()},...i,children:r})}function x({value:e,className:t,onClick:n,...r}){let{value:i,setValue:a,id:o,panels:s}=_(`Tab`),c=i===e,l=c&&s.has(e)?`${o}-panel-${e}`:void 0;return(0,p.jsx)(`button`,{type:`button`,role:`tab`,id:`${o}-tab-${e}`,"aria-selected":c,"aria-controls":l,tabIndex:c?0:-1,"data-slot":`tab`,className:(0,m.clsx)(`tabs--tab`,h.tab,t),onClick:t=>{n?.(t),t.defaultPrevented||a(e)},...r})}function S({value:e,className:t,children:n,...r}){let{value:i,id:a,registerPanel:o}=_(`TabPanel`);return f.useEffect(()=>o(e),[o,e]),i===e?(0,p.jsx)(`div`,{role:`tabpanel`,id:`${a}-panel-${e}`,"aria-labelledby":`${a}-tab-${e}`,tabIndex:0,"data-slot":`tab-panel`,className:(0,m.clsx)(`tabs--panel`,h.tabPanel,t),...r,children:n}):null}var C={label:`Pagination`,previous:`Previous`,next:`Next`,morePages:`More pages`,page:e=>`Page ${e}`},w={label:`Breadcrumb`},T={label:`Language`};function E({items:e,separator:t,label:r,strings:i,className:a,...o}){let s=c.t(w,i);return(0,p.jsx)(`nav`,{"aria-label":r??s.label,"data-slot":`breadcrumbs`,className:(0,m.clsx)(`breadcrumbs--component`,a),...o,children:(0,p.jsx)(`ol`,{className:h.breadcrumb,children:e.map((r,i)=>{let a=i===e.length-1,o=a?(0,p.jsx)(n.o,{tag:`span`,size:`sm`,className:h.breadcrumbCurrent,"aria-current":`page`,children:r.label}):r.render?f.cloneElement(r.render,{className:(0,m.clsx)(h.breadcrumbLink,r.render.props.className),children:r.label,"data-hit-area":``}):(0,p.jsx)(`a`,{href:r.href,"data-hit-area":!0,className:h.breadcrumbLink,children:(0,p.jsx)(n.o,{tag:`span`,size:`sm`,children:r.label})});return(0,p.jsxs)(`li`,{className:h.breadcrumbItem,children:[o,!a&&(0,p.jsx)(`span`,{className:h.breadcrumbSeparator,"aria-hidden":!0,children:t??(0,p.jsx)(d.ChevronRightIcon,{})})]},i)})})})}function D(e,t,n=1){if(t<=n*2+5)return Array.from({length:t},(e,t)=>t+1);let r=Math.max(e-n,1),i=Math.min(e+n,t),a=r>2,o=i<t-1,s=[1];a&&s.push(null);for(let e=Math.max(r,2);e<=Math.min(i,t-1);e++)s.push(e);return o&&s.push(null),s.push(t),s}function O({page:e,total:t,onPageChange:n,siblings:i=1,labels:o=`responsive`,numbers:s=!0,renderLink:c,strings:l,className:u,...g}){let _={...C,...l},v=s?D(e,t,i):[],y=(e,{label:t,current:i,disabled:a,children:o,...s})=>{let l=t=>{if(a)return t.preventDefault();n(e)};return c&&!a?c(e,{"aria-label":t,"aria-current":i?`page`:void 0,onClick:l,children:o}):(0,p.jsx)(r.c,{"aria-label":t,"aria-current":i?`page`:void 0,disabled:a,onClick:l,...s,children:o})},b=o!==`icon`,x=e=>o===`responsive`?(0,p.jsx)(`span`,{className:h.paginationArrowWord,children:e}):e;return(0,p.jsx)(`nav`,{"aria-label":_.label,"data-slot":`pagination`,className:(0,m.clsx)(`pagination--component`,u),...g,children:(0,p.jsxs)(`div`,{className:h.pagination,children:[y(e-1,{label:_.previous,disabled:e<=1,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!b,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(d.ChevronLeftIcon,{}),b&&x(_.previous)]})}),v.map((t,n)=>t===null?(0,p.jsxs)(f.Fragment,{children:[(0,p.jsx)(`span`,{className:h.paginationEllipsis,"aria-hidden":!0,children:`…`}),(0,p.jsx)(a.d,{children:_.morePages})]},`gap-${n}`):(0,p.jsx)(f.Fragment,{children:y(t,{label:_.page(t),current:t===e,tone:`secondary`,buttonStyle:t===e?`outline`:`ghost`,iconOnly:!0,children:t})},t)),y(e+1,{label:_.next,disabled:e>=t,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!b,children:(0,p.jsxs)(p.Fragment,{children:[b&&x(_.next),(0,p.jsx)(d.ChevronRightIcon,{})]})})]})})}var k=e=>typeof e==`string`||typeof e==`number`;function A({eyebrow:e,title:t,description:r,level:i=1,badge:s,badges:c,breadcrumbs:l,leading:u,beforeTitle:d,titlePrefix:f,titleSuffix:g,afterDescription:_,actions:v,children:y,withSeparator:b=!1,className:x,contentClassName:S,titleRowClassName:C,actionsClassName:w,...T}){let E=c??(s?[s]:[]);return(0,p.jsxs)(`header`,{"data-slot":`page-heading`,className:(0,m.clsx)(`page-heading--component`,h.pageHeading,x),...T,children:[!!l&&(0,p.jsx)(`div`,{className:h.pageHeadingCrumbs,children:l}),(0,p.jsxs)(`div`,{className:h.pageHeadingRow,children:[u!=null&&(0,p.jsx)(`div`,{className:h.pageHeadingLeading,children:u}),(0,p.jsxs)(`div`,{className:(0,m.clsx)(h.pageHeadingMain,S),children:[e!=null&&(k(e)?(0,p.jsx)(n.i,{className:h.pageHeadingEyebrow,children:e}):e),d,(0,p.jsxs)(`div`,{"data-has-prefix":f?``:void 0,className:(0,m.clsx)(h.pageHeadingGrid,C),children:[!!f&&(0,p.jsx)(`span`,{className:h.pageHeadingPrefix,children:f}),(0,p.jsxs)(`div`,{className:h.pageHeadingHeadline,children:[(0,p.jsxs)(`div`,{className:h.pageHeadingTitleRow,children:[k(t)?(0,p.jsx)(n.a,{level:i,className:h.pageHeadingTitle,children:t}):t,E.length>0&&(0,p.jsx)(`div`,{className:h.pageHeadingBadges,children:E.map((e,t)=>(0,p.jsx)(o.t,{tone:e.tone??`neutral`,children:e.label},e.key??t))}),g]}),!!v&&(0,p.jsx)(`div`,{className:(0,m.clsx)(h.pageHeadingActions,w),children:v})]}),(r!=null||_!=null)&&(0,p.jsxs)(`div`,{className:h.pageHeadingBlock,children:[r!=null&&(k(r)?(0,p.jsx)(n.o,{type:`secondary`,className:h.pageHeadingDescription,children:r}):r),_]})]})]})]}),!!y&&(0,p.jsx)(`div`,{className:h.pageHeadingChildren,children:y}),!!b&&(0,p.jsx)(a.v,{className:h.pageHeadingSeparator})]})}var j={label:`Sections`},M={label:`Sections`};function N({items:e,value:t,onValueChange:n,strings:r,className:i,...a}){let o={...M,...r},c=(0,f.useRef)(null),[l,u]=(0,f.useState)(!1),d=(0,f.useCallback)(()=>{let e=c.current;e&&u(e.scrollLeft+e.clientWidth<e.scrollWidth-1)},[]);return(0,f.useEffect)(()=>{let e=c.current;if(!e)return;d(),e.addEventListener(`scroll`,d,{passive:!0});let t=s.r(e,d);return()=>{e.removeEventListener(`scroll`,d),t()}},[d,e]),(0,f.useEffect)(()=>{let e=c.current;if(!t||!e)return;let n=e.querySelector(`[data-tab-id="${CSS.escape(t)}"]`);if(!n)return;let r=n.offsetLeft,i=r+n.offsetWidth,a=e.scrollLeft,o=a+e.clientWidth;r>=a&&i<=o||e.scrollTo({left:r<a?r:i-e.clientWidth})},[t]),(0,p.jsx)(`div`,{className:(0,m.clsx)(`overflow-tab-bar--component`,h.tabBarWrap,i),"data-overflowing":l||void 0,...a,children:(0,p.jsx)(`div`,{ref:c,role:`tablist`,"aria-label":o.label,className:h.tabBar,children:e.map(e=>{let r=e.id===t,i=(0,p.jsxs)(p.Fragment,{children:[e.icon,e.label,e.badge]});return e.href&&!e.disabled?(0,p.jsx)(`a`,{role:`tab`,href:e.href,"data-tab-id":e.id,"data-active":r||void 0,"aria-selected":r,className:h.tabBarItem,onClick:()=>n?.(e.id),children:i},e.id):(0,p.jsx)(`button`,{type:`button`,role:`tab`,"data-tab-id":e.id,"data-active":r||void 0,"aria-selected":r,"aria-disabled":e.disabled||void 0,className:h.tabBarItem,onClick:()=>n?.(e.id),children:i},e.id)})})})}function P({items:e,currentPath:t=`/`,renderLink:n,strings:r,className:i,...a}){let o={...j,...r},s=l.n(t,e.map(e=>e.href));return(0,p.jsx)(`nav`,{"aria-label":o.label,className:(0,m.clsx)(`navigation-tabs--component`,h.tabBar,i),...a,children:e.map(e=>{let t=!!s&&e.href===s,r=(0,p.jsxs)(p.Fragment,{children:[e.icon,e.label,e.badge]}),i={className:h.tab,"data-active":t||void 0,"aria-current":t?`page`:void 0,"aria-disabled":e.disabled||void 0};return n?(0,p.jsx)(`span`,{style:{display:`contents`},children:n({href:e.href,children:r,active:t,disabled:e.disabled,...i})},e.href):(0,p.jsx)(`a`,{href:e.disabled?void 0:e.href,...i,children:r},e.href)})})}function F({locales:e,value:t,onSelect:n,variant:a=`menu`,label:o,strings:s,className:l,...f}){let h=c.t(T,s),g=e.find(e=>e.value===t);return a===`pills`?(0,p.jsx)(`div`,{className:(0,m.clsx)(`language-switcher--component`,l),...f,children:(0,p.jsx)(u.r,{name:`locale`,"aria-label":o??h.label,value:t??null,onValueChange:e=>e&&n?.(e),options:e.map(e=>({value:e.value,label:(0,p.jsx)(`span`,{lang:e.value,children:e.label})}))})}):(0,p.jsx)(`div`,{className:(0,m.clsx)(`language-switcher--component`,l),...f,children:(0,p.jsxs)(i.t,{children:[(0,p.jsx)(i.g,{render:(0,p.jsxs)(r.c,{tone:`neutral`,buttonStyle:`ghost`,"aria-label":o??h.label,children:[(0,p.jsx)(d.GlobeIcon,{}),g?(0,p.jsx)(`span`,{lang:g.value,children:g.label}):o]})}),(0,p.jsx)(i.r,{align:`end`,children:e.map(e=>(0,p.jsx)(i.a,{lang:e.value,onClick:()=>n?.(e.value),trailing:e.value===t?(0,p.jsx)(d.CheckIcon,{"aria-hidden":!0}):void 0,children:e.label},e.value))})]})})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return w}});

package/dist/observers-DpvUQ04h.cjs

@@ -0,0 +1 @@
+var e=()=>{};function t(t,n){if(typeof ResizeObserver>`u`||!t)return e;let r=new ResizeObserver(n);for(let e of Array.isArray(t)?t:[t])r.observe(e);return()=>r.disconnect()}function n(t,n,r){if(typeof IntersectionObserver>`u`||!t?.length)return e;let i=new IntersectionObserver(n,r);for(let e of t)i.observe(e);return()=>i.disconnect()}function r(t,n){if(typeof window>`u`||typeof window.matchMedia!=`function`)return e;let r=window.matchMedia(t);return r.addEventListener(`change`,n),()=>r.removeEventListener(`change`,n)}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/dist/observers-YT66Ljx4.js

@@ -0,0 +1,21 @@
+//#region src/lib/observers.ts
+var e = () => {};
+function t(t, n) {
+	if (typeof ResizeObserver > "u" || !t) return e;
+	let r = new ResizeObserver(n);
+	for (let e of Array.isArray(t) ? t : [t]) r.observe(e);
+	return () => r.disconnect();
+}
+function n(t, n, r) {
+	if (typeof IntersectionObserver > "u" || !t?.length) return e;
+	let i = new IntersectionObserver(n, r);
+	for (let e of t) i.observe(e);
+	return () => i.disconnect();
+}
+function r(t, n) {
+	if (typeof window > "u" || typeof window.matchMedia != "function") return e;
+	let r = window.matchMedia(t);
+	return r.addEventListener("change", n), () => r.removeEventListener("change", n);
+}
+//#endregion
+export { r as n, t as r, n as t };

package/dist/overlay-BNubOCUj.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./cvm-CHrYqf6y.cjs"),n=require("./typography-kBzTy-jM.cjs"),r=require("./slot-CU_R6dAe.cjs"),i=require("./render-with-children-BZwzInAH.cjs");let a=require("lucide-react"),o=require("react");o=e.t(o,1);let s=require("react/jsx-runtime"),c=require("clsx");var l=0,u=``;function d(){if(l===0){let e=document.body.style.overflow;u=e===`hidden`?``:e,document.body.style.overflow=`hidden`}return l+=1,()=>{--l,l===0&&(document.body.style.overflow=u)}}function f({open:e,onOpenChange:t,modal:n=!0,closeOnBackdropClick:r=!0,closeOnEscape:i=!0,initialFocusRef:a}){let s=o.useRef(null),c=o.useRef(t);o.useEffect(()=>{c.current=t},[t]);let l=n===!0,u=n!==!1,f=o.useCallback(t=>{let n=s.current;if(!n)return;let r=t??e;if(r&&!n.open){l?n.showModal():n.show();let e=a?.current;e&&e.focus()}else!r&&n.open&&n.close()},[e,l,a]);o.useEffect(()=>{f()});let p=o.useCallback(()=>{c.current?.(!1)},[]),m=o.useCallback(e=>{i||e.preventDefault()},[i]);return o.useEffect(()=>{let e=s.current;if(!e||!r||!l)return;let t=t=>{if(t.target!==e)return;let n=e.getBoundingClientRect();t.clientX>=n.left&&t.clientX<=n.right&&t.clientY>=n.top&&t.clientY<=n.bottom||c.current?.(!1)};return e.addEventListener(`click`,t),()=>e.removeEventListener(`click`,t)},[r,l]),o.useEffect(()=>{let t=s.current;if(!t||l||!u||!e)return;let n=e=>{if(e.key!==`Tab`)return;let n=t.querySelectorAll(`a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`),r=n[0],i=n[n.length-1];!r||!i||(e.shiftKey&&document.activeElement===r?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),r.focus()))};return t.addEventListener(`keydown`,n),()=>t.removeEventListener(`keydown`,n)},[l,u,e]),o.useEffect(()=>{if(!e||!a)return;let t=requestAnimationFrame(()=>{let e=s.current,t=a.current;!e||!t||e.contains(document.activeElement)||t.focus()});return()=>cancelAnimationFrame(t)},[e,a]),o.useEffect(()=>{if(!(!e||!l))return d()},[e,l]),{ref:s,onClose:p,onCancel:m,reconcile:f}}var p=(0,o.createContext)(null);function m(e){let t=(0,o.useContext)(p);if(!t)throw Error(`<${e}> must be used within <Overlay>`);return t}var h={close:`Close`},g={root:`overlay-module__root___mkKAd`,placementCenter:`overlay-module__placementCenter___m4sFk`,placementInlineStart:`overlay-module__placementInlineStart___SYM4b`,placementInlineEnd:`overlay-module__placementInlineEnd___iOtSP`,placementBlockStart:`overlay-module__placementBlockStart___wZs2h`,placementBlockEnd:`overlay-module__placementBlockEnd___8IbNH`,close:`overlay-module__close___jYbzB`,header:`overlay-module__header___OSf-q`,body:`overlay-module__body___UoMq-`,footer:`overlay-module__footer___WKkEI`,title:`overlay-module__title___ubzJk`,description:`overlay-module__description___Vd0I6`,bare:`overlay-module__bare___TbBHi`},_=o.forwardRef(function({className:e,...t},n){return(0,s.jsx)(`div`,{ref:n,"data-slot":`overlay-header`,className:(0,c.clsx)(`overlay--header`,g.header,e),...t})}),v=o.forwardRef(function({className:e,...t},n){return(0,s.jsx)(`div`,{ref:n,"data-slot":`overlay-body`,className:(0,c.clsx)(`overlay--body`,g.body,e),...t})}),y=o.forwardRef(function({className:e,...t},n){return(0,s.jsx)(`div`,{ref:n,"data-slot":`overlay-footer`,className:(0,c.clsx)(`overlay--footer`,g.footer,e),...t})}),b=o.forwardRef(function({children:e,className:t,...r},i){let a=typeof e==`string`||typeof e==`number`;return(0,s.jsx)(`h2`,{ref:i,"data-slot":`overlay-title`,className:(0,c.clsx)(`overlay--title`,g.title,t),...r,children:a?(0,s.jsx)(n.o,{tag:`span`,size:`base`,weight:`semibold`,lineHeight:`snug`,children:e}):e})}),x=o.forwardRef(function({children:e,className:t,...r},i){let a=typeof e==`string`||typeof e==`number`;return(0,s.jsx)(`p`,{ref:i,"data-slot":`overlay-description`,className:(0,c.clsx)(`overlay--description`,g.description,t),...r,children:a?(0,s.jsx)(n.o,{tag:`span`,type:`secondary`,lineHeight:`relaxed`,children:e}):e})}),S={sm:`var(--overlay-edge-sm)`,md:`var(--overlay-edge-md)`,lg:`var(--overlay-edge-lg)`,full:`var(--overlay-edge-full)`},C=`calc(100% - var(--overlay-edge-inset) * 2)`;function w(e){if(e===`full`)return C;let t=/^(\d+(?:\.\d+)?)%$/.exec(e.trim());return t?`calc(${C} * ${Number(t[1])/100})`:e}function T(e,t,n){let r={};return e&&(r[`--overlay-edge-size`]=S[e]??e),t&&(r[`--overlay-edge-length`]=w(t)),n&&(r[`--overlay-edge-inset`]=n===!0?`var(--overlay-edge-inset-default)`:n),r}function E({open:e,defaultOpen:t=!1,onOpenChange:n,children:r}){let[i,a]=o.useState(t),c=e!==void 0,l=c?e:i,u=o.useRef(null),d=o.useCallback(e=>{c||a(e),n?.(e),u.current?.(e)},[c,n]),f=o.useMemo(()=>({open:l,setOpen:d,reconcileRef:u}),[l,d]);return(0,s.jsx)(p.Provider,{value:f,children:(0,s.jsx)(`div`,{"data-slot":`overlay`,style:{display:`contents`},children:r})})}function D({render:e,onClick:t,className:n,children:a,...o}){let{setOpen:l}=m(`OverlayTrigger`),u=e!==void 0;return(0,s.jsx)(u?r.t:`button`,{"data-slot":`overlay-trigger`,type:u?void 0:`button`,className:(0,c.clsx)(`overlay--trigger`,n),onClick:e=>{t?.(e),e.defaultPrevented||l(!0)},...o,children:e?i.t(e,a):a})}function O({render:e,onClick:t,className:n,children:a,...o}){let{setOpen:l}=m(`OverlayClose`),u=e!==void 0;return(0,s.jsx)(u?r.t:`button`,{"data-slot":`overlay-close`,type:u?void 0:`button`,className:(0,c.clsx)(`overlay--close`,n),onClick:e=>{t?.(e),e.defaultPrevented||l(!1)},...o,children:e?i.t(e,a):a})}var k=t.t(g.root,{variants:{placement:{center:g.placementCenter,"inline-start":g.placementInlineStart,"inline-end":g.placementInlineEnd,"block-start":g.placementBlockStart,"block-end":g.placementBlockEnd},surface:{framed:void 0,bare:g.bare}},defaultVariants:{placement:`center`,surface:`framed`}});function A({placement:e=`center`,size:t,length:n,inset:r,modality:i=`modal`,surface:l=`framed`,dismissal:u,initialFocusRef:d,showCloseButton:p=!0,strings:_,className:v,style:y,children:b,...x}){let S={...h,..._},{open:C,setOpen:w,reconcileRef:E}=m(`OverlayContent`),{ref:D,onClose:A,onCancel:j,reconcile:M}=f({open:C,onOpenChange:w,modal:i===`modal`||i===`trap-focus`&&`trap-focus`,closeOnBackdropClick:u?.backdrop??!0,closeOnEscape:u?.escape??!0,initialFocusRef:d});return o.useEffect(()=>(E.current=M,()=>{E.current=null}),[M,E]),(0,s.jsxs)(`dialog`,{ref:D,"data-slot":`overlay-content`,"data-placement":e,"data-modality":i,"data-inset":r?``:void 0,style:{...T(t,n,r),...y},className:(0,c.clsx)(`overlay--component`,k({placement:e,surface:l}),v),onClose:A,onCancel:j,...x,children:[b,!!p&&(0,s.jsx)(O,{render:(0,s.jsx)(`button`,{type:`button`,className:g.close,"aria-label":S.close}),children:(0,s.jsx)(a.XIcon,{})})]})}function j({children:e,...t}){let{setOpen:n}=m(`OverlayDismissArea`);return(0,s.jsx)(`div`,{style:{display:`contents`},onClick:e=>{e.target.closest(`button`)&&!e.defaultPrevented&&n(!1)},...t,children:e})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return _}});

package/dist/overlay-Coj3d-6S.js

@@ -0,0 +1,291 @@
+import "./css/overlay.css";
+import { t as e } from "./cvm-DtsCA8iZ.js";
+import { t } from "./cx--CBrhWH0.js";
+import { o as n } from "./typography-vC_wwEBm.js";
+import { t as r } from "./slot-Cj7UGQH-.js";
+import { t as i } from "./render-with-children-Clu_g9wb.js";
+import { XIcon as a } from "lucide-react";
+import * as o from "react";
+import { createContext as s, useContext as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/hooks/use-native-dialog.ts
+var d = 0, f = "";
+function p() {
+	if (d === 0) {
+		let e = document.body.style.overflow;
+		f = e === "hidden" ? "" : e, document.body.style.overflow = "hidden";
+	}
+	return d += 1, () => {
+		--d, d === 0 && (document.body.style.overflow = f);
+	};
+}
+function m({ open: e, onOpenChange: t, modal: n = !0, closeOnBackdropClick: r = !0, closeOnEscape: i = !0, initialFocusRef: a }) {
+	let s = o.useRef(null), c = o.useRef(t);
+	o.useEffect(() => {
+		c.current = t;
+	}, [t]);
+	let l = n === !0, u = n !== !1, d = o.useCallback((t) => {
+		let n = s.current;
+		if (!n) return;
+		let r = t ?? e;
+		if (r && !n.open) {
+			l ? n.showModal() : n.show();
+			let e = a?.current;
+			e && e.focus();
+		} else !r && n.open && n.close();
+	}, [
+		e,
+		l,
+		a
+	]);
+	o.useEffect(() => {
+		d();
+	});
+	let f = o.useCallback(() => {
+		c.current?.(!1);
+	}, []), m = o.useCallback((e) => {
+		i || e.preventDefault();
+	}, [i]);
+	return o.useEffect(() => {
+		let e = s.current;
+		if (!e || !r || !l) return;
+		let t = (t) => {
+			if (t.target !== e) return;
+			let n = e.getBoundingClientRect();
+			t.clientX >= n.left && t.clientX <= n.right && t.clientY >= n.top && t.clientY <= n.bottom || c.current?.(!1);
+		};
+		return e.addEventListener("click", t), () => e.removeEventListener("click", t);
+	}, [r, l]), o.useEffect(() => {
+		let t = s.current;
+		if (!t || l || !u || !e) return;
+		let n = (e) => {
+			if (e.key !== "Tab") return;
+			let n = t.querySelectorAll("a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])"), r = n[0], i = n[n.length - 1];
+			!r || !i || (e.shiftKey && document.activeElement === r ? (e.preventDefault(), i.focus()) : !e.shiftKey && document.activeElement === i && (e.preventDefault(), r.focus()));
+		};
+		return t.addEventListener("keydown", n), () => t.removeEventListener("keydown", n);
+	}, [
+		l,
+		u,
+		e
+	]), o.useEffect(() => {
+		if (!e || !a) return;
+		let t = requestAnimationFrame(() => {
+			let e = s.current, t = a.current;
+			!e || !t || e.contains(document.activeElement) || t.focus();
+		});
+		return () => cancelAnimationFrame(t);
+	}, [e, a]), o.useEffect(() => {
+		if (!(!e || !l)) return p();
+	}, [e, l]), {
+		ref: s,
+		onClose: f,
+		onCancel: m,
+		reconcile: d
+	};
+}
+//#endregion
+//#region src/components/base/overlay/overlay-context.ts
+var h = s(null);
+function g(e) {
+	let t = c(h);
+	if (!t) throw Error(`<${e}> must be used within <Overlay>`);
+	return t;
+}
+//#endregion
+//#region src/components/base/overlay/overlay.strings.ts
+var _ = { close: "Close" }, v = {
+	root: "overlay-module__root___mkKAd",
+	placementCenter: "overlay-module__placementCenter___m4sFk",
+	placementInlineStart: "overlay-module__placementInlineStart___SYM4b",
+	placementInlineEnd: "overlay-module__placementInlineEnd___iOtSP",
+	placementBlockStart: "overlay-module__placementBlockStart___wZs2h",
+	placementBlockEnd: "overlay-module__placementBlockEnd___8IbNH",
+	close: "overlay-module__close___jYbzB",
+	header: "overlay-module__header___OSf-q",
+	body: "overlay-module__body___UoMq-",
+	footer: "overlay-module__footer___WKkEI",
+	title: "overlay-module__title___ubzJk",
+	description: "overlay-module__description___Vd0I6",
+	bare: "overlay-module__bare___TbBHi"
+}, y = o.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ l("div", {
+		ref: r,
+		"data-slot": "overlay-header",
+		className: t("overlay--header", v.header, e),
+		...n
+	});
+}), b = o.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ l("div", {
+		ref: r,
+		"data-slot": "overlay-body",
+		className: t("overlay--body", v.body, e),
+		...n
+	});
+}), x = o.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ l("div", {
+		ref: r,
+		"data-slot": "overlay-footer",
+		className: t("overlay--footer", v.footer, e),
+		...n
+	});
+}), S = o.forwardRef(function({ children: e, className: r, ...i }, a) {
+	let o = typeof e == "string" || typeof e == "number";
+	return /* @__PURE__ */ l("h2", {
+		ref: a,
+		"data-slot": "overlay-title",
+		className: t("overlay--title", v.title, r),
+		...i,
+		children: o ? /* @__PURE__ */ l(n, {
+			tag: "span",
+			size: "base",
+			weight: "semibold",
+			lineHeight: "snug",
+			children: e
+		}) : e
+	});
+}), C = o.forwardRef(function({ children: e, className: r, ...i }, a) {
+	let o = typeof e == "string" || typeof e == "number";
+	return /* @__PURE__ */ l("p", {
+		ref: a,
+		"data-slot": "overlay-description",
+		className: t("overlay--description", v.description, r),
+		...i,
+		children: o ? /* @__PURE__ */ l(n, {
+			tag: "span",
+			type: "secondary",
+			lineHeight: "relaxed",
+			children: e
+		}) : e
+	});
+}), w = {
+	sm: "var(--overlay-edge-sm)",
+	md: "var(--overlay-edge-md)",
+	lg: "var(--overlay-edge-lg)",
+	full: "var(--overlay-edge-full)"
+}, T = "calc(100% - var(--overlay-edge-inset) * 2)";
+function E(e) {
+	if (e === "full") return T;
+	let t = /^(\d+(?:\.\d+)?)%$/.exec(e.trim());
+	return t ? `calc(${T} * ${Number(t[1]) / 100})` : e;
+}
+function D(e, t, n) {
+	let r = {};
+	return e && (r["--overlay-edge-size"] = w[e] ?? e), t && (r["--overlay-edge-length"] = E(t)), n && (r["--overlay-edge-inset"] = n === !0 ? "var(--overlay-edge-inset-default)" : n), r;
+}
+function O({ open: e, defaultOpen: t = !1, onOpenChange: n, children: r }) {
+	let [i, a] = o.useState(t), s = e !== void 0, c = s ? e : i, u = o.useRef(null), d = o.useCallback((e) => {
+		s || a(e), n?.(e), u.current?.(e);
+	}, [s, n]), f = o.useMemo(() => ({
+		open: c,
+		setOpen: d,
+		reconcileRef: u
+	}), [c, d]);
+	return /* @__PURE__ */ l(h.Provider, {
+		value: f,
+		children: /* @__PURE__ */ l("div", {
+			"data-slot": "overlay",
+			style: { display: "contents" },
+			children: r
+		})
+	});
+}
+function k({ render: e, onClick: n, className: a, children: o, ...s }) {
+	let { setOpen: c } = g("OverlayTrigger"), u = e !== void 0;
+	return /* @__PURE__ */ l(u ? r : "button", {
+		"data-slot": "overlay-trigger",
+		type: u ? void 0 : "button",
+		className: t("overlay--trigger", a),
+		onClick: (e) => {
+			n?.(e), e.defaultPrevented || c(!0);
+		},
+		...s,
+		children: e ? i(e, o) : o
+	});
+}
+function A({ render: e, onClick: n, className: a, children: o, ...s }) {
+	let { setOpen: c } = g("OverlayClose"), u = e !== void 0;
+	return /* @__PURE__ */ l(u ? r : "button", {
+		"data-slot": "overlay-close",
+		type: u ? void 0 : "button",
+		className: t("overlay--close", a),
+		onClick: (e) => {
+			n?.(e), e.defaultPrevented || c(!1);
+		},
+		...s,
+		children: e ? i(e, o) : o
+	});
+}
+var j = e(v.root, {
+	variants: {
+		placement: {
+			center: v.placementCenter,
+			"inline-start": v.placementInlineStart,
+			"inline-end": v.placementInlineEnd,
+			"block-start": v.placementBlockStart,
+			"block-end": v.placementBlockEnd
+		},
+		surface: {
+			framed: void 0,
+			bare: v.bare
+		}
+	},
+	defaultVariants: {
+		placement: "center",
+		surface: "framed"
+	}
+});
+function M({ placement: e = "center", size: n, length: r, inset: i, modality: s = "modal", surface: c = "framed", dismissal: d, initialFocusRef: f, showCloseButton: p = !0, strings: h, className: y, style: b, children: x, ...S }) {
+	let C = {
+		..._,
+		...h
+	}, { open: w, setOpen: T, reconcileRef: E } = g("OverlayContent"), { ref: O, onClose: k, onCancel: M, reconcile: N } = m({
+		open: w,
+		onOpenChange: T,
+		modal: s === "modal" || s === "trap-focus" && "trap-focus",
+		closeOnBackdropClick: d?.backdrop ?? !0,
+		closeOnEscape: d?.escape ?? !0,
+		initialFocusRef: f
+	});
+	return o.useEffect(() => (E.current = N, () => {
+		E.current = null;
+	}), [N, E]), /* @__PURE__ */ u("dialog", {
+		ref: O,
+		"data-slot": "overlay-content",
+		"data-placement": e,
+		"data-modality": s,
+		"data-inset": i ? "" : void 0,
+		style: {
+			...D(n, r, i),
+			...b
+		},
+		className: t("overlay--component", j({
+			placement: e,
+			surface: c
+		}), y),
+		onClose: k,
+		onCancel: M,
+		...S,
+		children: [x, !!p && /* @__PURE__ */ l(A, {
+			render: /* @__PURE__ */ l("button", {
+				type: "button",
+				className: v.close,
+				"aria-label": C.close
+			}),
+			children: /* @__PURE__ */ l(a, {})
+		})]
+	});
+}
+function N({ children: e, ...t }) {
+	let { setOpen: n } = g("OverlayDismissArea");
+	return /* @__PURE__ */ l("div", {
+		style: { display: "contents" },
+		onClick: (e) => {
+			e.target.closest("button") && !e.defaultPrevented && n(!1);
+		},
+		...t,
+		children: e
+	});
+}
+//#endregion
+export { k as a, x as c, _ as d, N as i, b as l, A as n, C as o, M as r, S as s, O as t, y as u };