themelia-ui 1.0.0

package/dist/item-BXtuvlig.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./cvm-CHrYqf6y.cjs"),n=require("./typography-kBzTy-jM.cjs"),r=require("./display-BPuD0OAo.cjs");let i=require("react");i=e.t(i,1);let a=require("react/jsx-runtime"),o=require("@base-ui/react/merge-props"),s=require("@base-ui/react/use-render"),c=require("clsx");var l={light:`item-module__light___REbGW`,dark:`item-module__dark___IpvYb`,group:`item-module__group___d-p6r`,separator:`item-module__separator___zlm6R`,root:`item-module__root___56pch`,surfaceBordered:`item-module__surfaceBordered___Tj-Up`,surfaceMuted:`item-module__surfaceMuted___d-FNl`,media:`item-module__media___E4BY-`,mediaIcon:`item-module__mediaIcon___um461`,mediaImage:`item-module__mediaImage___nP5t7`,content:`item-module__content___bc7uO`,title:`item-module__title___9p-Vx`,description:`item-module__description___bD-gg`,actions:`item-module__actions___NWg4p`,header:`item-module__header___MDGph`,footer:`item-module__footer___3Zljv`,listItem:`item-module__listItem___QUjUt`},u=i.createContext(!1);function d({className:e,ruled:t,...n}){return(0,a.jsx)(u.Provider,{value:!0,children:(0,a.jsx)(`div`,{role:`list`,"data-slot":`item-group`,"data-ruled":t?``:void 0,className:(0,c.clsx)(l.group,e),...n})})}function f({className:e,...t}){let n=i.useContext(u);return(0,a.jsx)(r.v,{"data-slot":`item-separator`,orientation:`horizontal`,...n?{"aria-hidden":!0}:null,className:(0,c.clsx)(l.separator,e),...t})}var p=t.t(l.root,{variants:{surface:{neutral:void 0,bordered:l.surfaceBordered,muted:l.surfaceMuted}},defaultVariants:{surface:`neutral`}});function m({className:e,surface:t=`neutral`,render:n,...r}){let d=i.useContext(u),f=(0,s.useRender)({defaultTagName:`div`,props:(0,o.mergeProps)({className:(0,c.clsx)(`item--component`,p({surface:t,className:e})),...d&&!n?{role:`listitem`}:null},r),render:n,state:{slot:`item`,surface:t}});return!d||!n?f:(0,a.jsx)(`div`,{role:`listitem`,className:l.listItem,children:f})}var h=t.t(l.media,{variants:{variant:{plain:void 0,icon:l.mediaIcon,image:l.mediaImage}},defaultVariants:{variant:`plain`}});function g({className:e,variant:t=`plain`,...n}){return(0,a.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:h({variant:t,className:e}),...n})}function _({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-content`,className:(0,c.clsx)(l.content,e),...t})}function v({className:e,...t}){return(0,a.jsx)(n.o,{tag:`div`,size:`inherit`,weight:`medium`,"data-slot":`item-title`,className:(0,c.clsx)(l.title,e),...t})}function y({className:e,...t}){return(0,a.jsx)(n.o,{tag:`p`,size:`inherit`,type:`secondary`,"data-slot":`item-description`,className:(0,c.clsx)(l.description,e),...t})}function b({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-actions`,className:(0,c.clsx)(l.actions,e),...t})}function x({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-header`,className:(0,c.clsx)(l.header,e),...t})}function S({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-footer`,className:(0,c.clsx)(l.footer,e),...t})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return v}});

package/dist/item-CVi-_7OU.js

@@ -0,0 +1,149 @@
+import "./css/item.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 { v as r } from "./display-DTWjv_bB.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { mergeProps as o } from "@base-ui/react/merge-props";
+import { useRender as s } from "@base-ui/react/use-render";
+var c = {
+	light: "item-module__light___REbGW",
+	dark: "item-module__dark___IpvYb",
+	group: "item-module__group___d-p6r",
+	separator: "item-module__separator___zlm6R",
+	root: "item-module__root___56pch",
+	surfaceBordered: "item-module__surfaceBordered___Tj-Up",
+	surfaceMuted: "item-module__surfaceMuted___d-FNl",
+	media: "item-module__media___E4BY-",
+	mediaIcon: "item-module__mediaIcon___um461",
+	mediaImage: "item-module__mediaImage___nP5t7",
+	content: "item-module__content___bc7uO",
+	title: "item-module__title___9p-Vx",
+	description: "item-module__description___bD-gg",
+	actions: "item-module__actions___NWg4p",
+	header: "item-module__header___MDGph",
+	footer: "item-module__footer___3Zljv",
+	listItem: "item-module__listItem___QUjUt"
+}, l = i.createContext(!1);
+function u({ className: e, ruled: n, ...r }) {
+	return /* @__PURE__ */ a(l.Provider, {
+		value: !0,
+		children: /* @__PURE__ */ a("div", {
+			role: "list",
+			"data-slot": "item-group",
+			"data-ruled": n ? "" : void 0,
+			className: t(c.group, e),
+			...r
+		})
+	});
+}
+function d({ className: e, ...n }) {
+	let o = i.useContext(l);
+	return /* @__PURE__ */ a(r, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		...o ? { "aria-hidden": !0 } : null,
+		className: t(c.separator, e),
+		...n
+	});
+}
+var f = e(c.root, {
+	variants: { surface: {
+		neutral: void 0,
+		bordered: c.surfaceBordered,
+		muted: c.surfaceMuted
+	} },
+	defaultVariants: { surface: "neutral" }
+});
+function p({ className: e, surface: n = "neutral", render: r, ...u }) {
+	let d = i.useContext(l), p = s({
+		defaultTagName: "div",
+		props: o({
+			className: t("item--component", f({
+				surface: n,
+				className: e
+			})),
+			...d && !r ? { role: "listitem" } : null
+		}, u),
+		render: r,
+		state: {
+			slot: "item",
+			surface: n
+		}
+	});
+	return !d || !r ? p : /* @__PURE__ */ a("div", {
+		role: "listitem",
+		className: c.listItem,
+		children: p
+	});
+}
+var m = e(c.media, {
+	variants: { variant: {
+		plain: void 0,
+		icon: c.mediaIcon,
+		image: c.mediaImage
+	} },
+	defaultVariants: { variant: "plain" }
+});
+function h({ className: e, variant: t = "plain", ...n }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "item-media",
+		"data-variant": t,
+		className: m({
+			variant: t,
+			className: e
+		}),
+		...n
+	});
+}
+function g({ className: e, ...n }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "item-content",
+		className: t(c.content, e),
+		...n
+	});
+}
+function _({ className: e, ...r }) {
+	return /* @__PURE__ */ a(n, {
+		tag: "div",
+		size: "inherit",
+		weight: "medium",
+		"data-slot": "item-title",
+		className: t(c.title, e),
+		...r
+	});
+}
+function v({ className: e, ...r }) {
+	return /* @__PURE__ */ a(n, {
+		tag: "p",
+		size: "inherit",
+		type: "secondary",
+		"data-slot": "item-description",
+		className: t(c.description, e),
+		...r
+	});
+}
+function y({ className: e, ...n }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "item-actions",
+		className: t(c.actions, e),
+		...n
+	});
+}
+function b({ className: e, ...n }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "item-header",
+		className: t(c.header, e),
+		...n
+	});
+}
+function x({ className: e, ...n }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "item-footer",
+		className: t(c.footer, e),
+		...n
+	});
+}
+//#endregion
+export { x as a, h as c, v as i, d as l, y as n, u as o, g as r, b as s, p as t, _ as u };

package/dist/label-D4Rzt9vL.js

@@ -0,0 +1,20 @@
+import "./css/label.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { o as t } from "./typography-vC_wwEBm.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+var r = { root: "label-module__root___7ssV9" };
+//#endregion
+//#region src/components/base/label/label.tsx
+function i({ className: i, ...a }) {
+	return /* @__PURE__ */ n(t, {
+		tag: "label",
+		size: "inherit",
+		weight: "medium",
+		"data-slot": "label",
+		className: e(r.root, i),
+		...a
+	});
+}
+//#endregion
+export { i as t };

package/dist/label-i-3ieEsj.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./typography-kBzTy-jM.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime"),i=require("clsx");var a={root:`label-module__root___7ssV9`};function o({className:e,...n}){return(0,r.jsx)(t.o,{tag:`label`,size:`inherit`,weight:`medium`,"data-slot":`label`,className:(0,i.clsx)(a.root,e),...n})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/layout/app-shell.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../sidebar-D6SWxO0h.cjs");let t=require("react/jsx-runtime"),n=require("@base-ui/react/merge-props"),r=require("@base-ui/react/use-render"),i=require("clsx");var a={light:`app-shell-module__light___1XIW-`,dark:`app-shell-module__dark___gNfsL`,toolbar:`app-shell-module__toolbar___rzNxK`,toolbarRuled:`app-shell-module__toolbarRuled___dnXxN`,toolbarStart:`app-shell-module__toolbarStart___9GRkr`,toolbarEnd:`app-shell-module__toolbarEnd___sgA4P`,content:`app-shell-module__content___Zt2cu`,contentBounded:`app-shell-module__contentBounded___iq33e`,stacked:`app-shell-module__stacked___UlIkv`,stackedHeader:`app-shell-module__stackedHeader___6wQWI`,stackedContent:`app-shell-module__stackedContent___6F5LH`,topbar:`app-shell-module__topbar___z44Oq`,topbarHeader:`app-shell-module__topbarHeader___qEgUW`,topbarTrigger:`app-shell-module__topbarTrigger___4jKvV`,topbarLogo:`app-shell-module__topbarLogo___sCC0D`,topbarStart:`app-shell-module__topbarStart___ZXzht`,topbarCenter:`app-shell-module__topbarCenter___JRMxi`,topbarEnd:`app-shell-module__topbarEnd___MCLLW`,topbarBody:`app-shell-module__topbarBody___8Onnh`,topbarSidebar:`app-shell-module__topbarSidebar___Dogv2`,topbarContent:`app-shell-module__topbarContent___zN1Ts`};function o({sidebar:n,children:r,toolbar:o,toolbarEnd:s,showTrigger:c=!0,boundContent:l=!0,contained:u=!1,defaultOpen:d,ruledToolbar:f=!0,className:p,toolbarClassName:m,contentClassName:h,contentRender:g,..._}){return(0,t.jsxs)(e.C,{contained:u,defaultOpen:d,className:(0,i.clsx)(`app-shell--component`,p),..._,children:[n,(0,t.jsxs)(e.u,{render:g,children:[o!==!1&&(0,t.jsxs)(`header`,{className:(0,i.clsx)(a.toolbar,f&&a.toolbarRuled,m),children:[(0,t.jsxs)(`div`,{className:a.toolbarStart,children:[c&&(0,t.jsx)(e.S,{}),o]}),s!=null&&(0,t.jsx)(`div`,{className:a.toolbarEnd,children:s})]}),(0,t.jsx)(`div`,{className:(0,i.clsx)(a.content,h),children:(0,t.jsx)(`div`,{className:l?a.contentBounded:void 0,children:r})})]})]})}function s({header:e,headerEnd:n,children:r,className:o,headerClassName:s,contentClassName:l,contentRender:u,...d}){return(0,t.jsxs)(`div`,{className:(0,i.clsx)(`stacked-shell--component`,a.stacked,o),...d,children:[(e!=null||n!=null)&&(0,t.jsxs)(`header`,{className:(0,i.clsx)(a.stackedHeader,s),children:[(0,t.jsx)(`div`,{className:a.toolbarStart,children:e}),n!=null&&(0,t.jsx)(`div`,{className:a.toolbarEnd,children:n})]}),(0,t.jsx)(c,{className:l,render:u,children:r})]})}function c({className:e,render:t,...o}){return(0,r.useRender)({defaultTagName:`main`,props:(0,n.mergeProps)({className:(0,i.clsx)(a.stackedContent,e)},o),render:t,state:{}})}function l({children:o,sidebarSide:s=`left`,mobileSidebarMode:c=`drawer`,headerHeight:l,sidebarWidth:u,sidebarTrigger:d,logo:f,headerActions:p,sidebar:m,slots:h,contentRender:g,defaultOpen:_,className:v,headerClassName:y,bodyClassName:b,sidebarClassName:x,contentClassName:S,style:C,...w}){let T=h?.sidebarTrigger??d,E=h?.logo??f,D=h?.headerActions??p,O=h?.sidebar??m,k=h?.content??o,A=(0,r.useRender)({defaultTagName:`main`,props:(0,n.mergeProps)({className:(0,i.clsx)(a.topbarContent,S)},{children:k}),render:g,state:{slot:`topbar-content`}});return(0,t.jsx)(e.C,{defaultOpen:_,contained:!0,children:(0,t.jsxs)(`div`,{"data-slot":`topbar-sidebar-layout`,"data-sidebar-side":s,"data-mobile-sidebar":c,className:(0,i.clsx)(`topbar-sidebar-layout--component`,a.topbar,v),style:{...l?{"--shell-header-h":l}:null,...u?{"--shell-sidebar-w":u}:null,...C},...w,children:[(0,t.jsx)(`header`,{"data-slot":`topbar-header`,className:(0,i.clsx)(a.topbarHeader,y),children:h?.header??(0,t.jsxs)(t.Fragment,{children:[(!!T||!!O)&&(0,t.jsx)(`div`,{className:a.topbarTrigger,children:T??(0,t.jsx)(e.S,{})}),!!E&&(0,t.jsx)(`div`,{className:a.topbarLogo,children:E}),!!h?.headerStart&&(0,t.jsx)(`div`,{className:a.topbarStart,children:h.headerStart}),!!h?.headerCenter&&(0,t.jsx)(`div`,{className:a.topbarCenter,children:h.headerCenter}),(!!D||!!h?.headerEnd)&&(0,t.jsxs)(`div`,{className:a.topbarEnd,children:[D,h?.headerEnd]})]})}),(0,t.jsxs)(`div`,{"data-slot":`topbar-body`,className:(0,i.clsx)(a.topbarBody,b),children:[!!O&&(0,t.jsx)(`div`,{"data-slot":`topbar-sidebar`,className:(0,i.clsx)(a.topbarSidebar,x),children:O}),A]})]})})}exports.SidebarInsetLayout=o,exports.StackedLayout=s,exports.TopbarSidebarLayout=l;

package/dist/layout/app-shell.css

@@ -0,0 +1,13 @@
+@import "../core.css";
+@import "../css/app-shell.css";
+@import "../css/sidebar2.css";
+@import "../css/typography.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/skeleton.css";
+@import "../css/text-inputs.css";
+@import "../css/overlay.css";

package/dist/layout/app-shell.js

@@ -0,0 +1,150 @@
+"use client";
+import "../core.css";
+import "../css/app-shell.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { C as t, S as n, u as r } from "../sidebar-CBUzwh44.js";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { mergeProps as s } from "@base-ui/react/merge-props";
+import { useRender as c } from "@base-ui/react/use-render";
+var l = {
+	light: "app-shell-module__light___1XIW-",
+	dark: "app-shell-module__dark___gNfsL",
+	toolbar: "app-shell-module__toolbar___rzNxK",
+	toolbarRuled: "app-shell-module__toolbarRuled___dnXxN",
+	toolbarStart: "app-shell-module__toolbarStart___9GRkr",
+	toolbarEnd: "app-shell-module__toolbarEnd___sgA4P",
+	content: "app-shell-module__content___Zt2cu",
+	contentBounded: "app-shell-module__contentBounded___iq33e",
+	stacked: "app-shell-module__stacked___UlIkv",
+	stackedHeader: "app-shell-module__stackedHeader___6wQWI",
+	stackedContent: "app-shell-module__stackedContent___6F5LH",
+	topbar: "app-shell-module__topbar___z44Oq",
+	topbarHeader: "app-shell-module__topbarHeader___qEgUW",
+	topbarTrigger: "app-shell-module__topbarTrigger___4jKvV",
+	topbarLogo: "app-shell-module__topbarLogo___sCC0D",
+	topbarStart: "app-shell-module__topbarStart___ZXzht",
+	topbarCenter: "app-shell-module__topbarCenter___JRMxi",
+	topbarEnd: "app-shell-module__topbarEnd___MCLLW",
+	topbarBody: "app-shell-module__topbarBody___8Onnh",
+	topbarSidebar: "app-shell-module__topbarSidebar___Dogv2",
+	topbarContent: "app-shell-module__topbarContent___zN1Ts"
+};
+//#endregion
+//#region src/components/layout/app-shell/app-shell.tsx
+function u({ sidebar: i, children: s, toolbar: c, toolbarEnd: u, showTrigger: d = !0, boundContent: f = !0, contained: p = !1, defaultOpen: m, ruledToolbar: h = !0, className: g, toolbarClassName: _, contentClassName: v, contentRender: y, ...b }) {
+	return /* @__PURE__ */ o(t, {
+		contained: p,
+		defaultOpen: m,
+		className: e("app-shell--component", g),
+		...b,
+		children: [i, /* @__PURE__ */ o(r, {
+			render: y,
+			children: [c !== !1 && /* @__PURE__ */ o("header", {
+				className: e(l.toolbar, h && l.toolbarRuled, _),
+				children: [/* @__PURE__ */ o("div", {
+					className: l.toolbarStart,
+					children: [d && /* @__PURE__ */ a(n, {}), c]
+				}), u != null && /* @__PURE__ */ a("div", {
+					className: l.toolbarEnd,
+					children: u
+				})]
+			}), /* @__PURE__ */ a("div", {
+				className: e(l.content, v),
+				children: /* @__PURE__ */ a("div", {
+					className: f ? l.contentBounded : void 0,
+					children: s
+				})
+			})]
+		})]
+	});
+}
+function d({ header: t, headerEnd: n, children: r, className: i, headerClassName: s, contentClassName: c, contentRender: u, ...d }) {
+	return /* @__PURE__ */ o("div", {
+		className: e("stacked-shell--component", l.stacked, i),
+		...d,
+		children: [(t != null || n != null) && /* @__PURE__ */ o("header", {
+			className: e(l.stackedHeader, s),
+			children: [/* @__PURE__ */ a("div", {
+				className: l.toolbarStart,
+				children: t
+			}), n != null && /* @__PURE__ */ a("div", {
+				className: l.toolbarEnd,
+				children: n
+			})]
+		}), /* @__PURE__ */ a(f, {
+			className: c,
+			render: u,
+			children: r
+		})]
+	});
+}
+function f({ className: t, render: n, ...r }) {
+	return c({
+		defaultTagName: "main",
+		props: s({ className: e(l.stackedContent, t) }, r),
+		render: n,
+		state: {}
+	});
+}
+//#endregion
+//#region src/components/layout/app-shell/topbar-sidebar-layout.tsx
+function p({ children: r, sidebarSide: u = "left", mobileSidebarMode: d = "drawer", headerHeight: f, sidebarWidth: p, sidebarTrigger: m, logo: h, headerActions: g, sidebar: _, slots: v, contentRender: y, defaultOpen: b, className: x, headerClassName: S, bodyClassName: C, sidebarClassName: w, contentClassName: T, style: E, ...D }) {
+	let O = v?.sidebarTrigger ?? m, k = v?.logo ?? h, A = v?.headerActions ?? g, j = v?.sidebar ?? _, M = v?.content ?? r, N = c({
+		defaultTagName: "main",
+		props: s({ className: e(l.topbarContent, T) }, { children: M }),
+		render: y,
+		state: { slot: "topbar-content" }
+	});
+	return /* @__PURE__ */ a(t, {
+		defaultOpen: b,
+		contained: !0,
+		children: /* @__PURE__ */ o("div", {
+			"data-slot": "topbar-sidebar-layout",
+			"data-sidebar-side": u,
+			"data-mobile-sidebar": d,
+			className: e("topbar-sidebar-layout--component", l.topbar, x),
+			style: {
+				...f ? { "--shell-header-h": f } : null,
+				...p ? { "--shell-sidebar-w": p } : null,
+				...E
+			},
+			...D,
+			children: [/* @__PURE__ */ a("header", {
+				"data-slot": "topbar-header",
+				className: e(l.topbarHeader, S),
+				children: v?.header ?? /* @__PURE__ */ o(i, { children: [
+					(!!O || !!j) && /* @__PURE__ */ a("div", {
+						className: l.topbarTrigger,
+						children: O ?? /* @__PURE__ */ a(n, {})
+					}),
+					!!k && /* @__PURE__ */ a("div", {
+						className: l.topbarLogo,
+						children: k
+					}),
+					!!v?.headerStart && /* @__PURE__ */ a("div", {
+						className: l.topbarStart,
+						children: v.headerStart
+					}),
+					!!v?.headerCenter && /* @__PURE__ */ a("div", {
+						className: l.topbarCenter,
+						children: v.headerCenter
+					}),
+					(!!A || !!v?.headerEnd) && /* @__PURE__ */ o("div", {
+						className: l.topbarEnd,
+						children: [A, v?.headerEnd]
+					})
+				] })
+			}), /* @__PURE__ */ o("div", {
+				"data-slot": "topbar-body",
+				className: e(l.topbarBody, C),
+				children: [!!j && /* @__PURE__ */ a("div", {
+					"data-slot": "topbar-sidebar",
+					className: e(l.topbarSidebar, w),
+					children: j
+				}), N]
+			})]
+		})
+	});
+}
+//#endregion
+export { u as SidebarInsetLayout, d as StackedLayout, p as TopbarSidebarLayout };

package/dist/layout/auth.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../layout.types-CMzK1wjV.cjs");let n=require("react"),r=require("react/jsx-runtime"),i=require("@base-ui/react/merge-props"),a=require("@base-ui/react/use-render"),o=require("clsx");var s={light:`auth-module__light___97K-f`,dark:`auth-module__dark___-cJed`,root:`auth-module__root___OhEqf`,shell:`auth-module__shell___1IWJp`,shellAlignStart:`auth-module__shellAlignStart___xyRd-`,surface:`auth-module__surface___OR8k8`,sizeSm:`auth-module__sizeSm___WVMHV`,sizeLg:`auth-module__sizeLg___VHMkX`,brand:`auth-module__brand___B0vV3`,brandLogo:`auth-module__brandLogo___h-sMu`,brandText:`auth-module__brandText___ec0JJ`,belowCard:`auth-module__belowCard___0HNQc`,header:`auth-module__header___dD4aG`,card:`auth-module__card___BGn8s`,cardMedia:`auth-module__cardMedia___bBFc3`,cardHeader:`auth-module__cardHeader___VWm0J`,cardHeaderMain:`auth-module__cardHeaderMain___3ZDCG`,cardTitle:`auth-module__cardTitle___K3BSc`,cardHeaderEnd:`auth-module__cardHeaderEnd___Yulem`,cardContent:`auth-module__cardContent___6YtoS`,cardBanner:`auth-module__cardBanner___wUYE8`,cardFooter:`auth-module__cardFooter___bUm-n`,links:`auth-module__links___smQ4D`,linksIcon:`auth-module__linksIcon___xMLnd`,link:`auth-module__link___54XoO`,linkButton:`auth-module__linkButton___d3O9u`,footer:`auth-module__footer___2HUMG`,split:`auth-module__split___FlTwE`,splitPanel:`auth-module__splitPanel___tVwGQ`,splitForm:`auth-module__splitForm___kcAVs`,splitPanelStacked:`auth-module__splitPanelStacked___RmmXt`};function c({surface:t=`card`,eyebrow:n,title:i,description:a,headerEnd:c,banner:l,media:u,footer:d,level:f=1,className:p,children:m,...h}){let g=!!n||!!i||!!a||!!c;return(0,r.jsxs)(`div`,{"data-slot":`auth-card`,"data-surface":t,className:(0,o.clsx)(`auth-card--component`,s.card,p),...h,children:[!!u&&(0,r.jsx)(`div`,{className:s.cardMedia,children:u}),!!g&&(0,r.jsxs)(`header`,{className:s.cardHeader,children:[(0,r.jsxs)(`div`,{className:s.cardHeaderMain,children:[!!n&&(0,r.jsx)(e.i,{children:n}),!!i&&(0,r.jsx)(e.a,{level:f,size:`xl`,className:s.cardTitle,children:i}),!!a&&(0,r.jsx)(e.o,{type:`secondary`,lineHeight:`relaxed`,children:a})]}),!!c&&(0,r.jsx)(`div`,{className:s.cardHeaderEnd,children:c})]}),(0,r.jsxs)(`div`,{className:s.cardContent,children:[!!l&&(0,r.jsx)(`div`,{className:s.cardBanner,children:l}),m]}),!!d&&(0,r.jsx)(`div`,{className:s.cardFooter,children:d})]})}function l({links:e,label:n,leadingIcon:i,renderLink:a,className:c}){let l=t.t({renderLink:a}),u=e.filter(e=>e.visible!==!1);return u.length===0?null:(0,r.jsxs)(`nav`,{"aria-label":n,className:(0,o.clsx)(`auth-footer-links--component`,s.links,c),children:[!!i&&(0,r.jsx)(`span`,{"aria-hidden":!0,className:s.linksIcon,children:i}),u.map((e,t)=>e.href?(0,r.jsx)(`span`,{className:s.link,children:l({href:e.href,external:e.external,children:e.label})},e.key??t):(0,r.jsx)(`button`,{type:`button`,className:(0,o.clsx)(s.link,s.linkButton),"data-hit-area":!0,onClick:e.onClick,children:e.label},e.key??t))]})}var u={languageLabel:`Language`,helpLabel:`Help`,legalLabel:`Legal`},d=e=>!!e&&typeof e==`object`&&!(0,n.isValidElement)(e);function f({brand:n,renderLink:i}){let a=t.t({renderLink:i});if(!d(n))return(0,r.jsx)(`div`,{className:s.brand,children:n});let o=(0,r.jsxs)(r.Fragment,{children:[!!n.logo&&(0,r.jsx)(`span`,{className:s.brandLogo,children:n.logo}),(!!n.label||!!n.description)&&(0,r.jsxs)(`span`,{className:s.brandText,children:[!!n.label&&(0,r.jsx)(e.o,{tag:`span`,weight:`semibold`,children:n.label}),!!n.description&&(0,r.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:n.description})]})]});return n.href?(0,r.jsx)(`div`,{className:s.brand,children:a({href:n.href,"aria-label":n.ariaLabel,children:o})}):(0,r.jsx)(`div`,{className:s.brand,children:o})}function p({brand:e,eyebrow:t,title:n,description:i,headerEnd:a,banner:d,cardMedia:p,cardFooter:m,postCard:g,footer:_,footerLinks:v,policyLinks:y,languageLinks:b,languageSwitcher:x,size:S=`md`,variant:C=`card`,align:w=`center`,splitPanel:T,splitSide:E=`end`,splitMobile:D=`hidden`,level:O=1,contentRender:k,strings:A,renderLink:j,className:M,children:N,...P}){let F={...u,...A},I=C===`split`&&!!T,L=!!g||!!x||!!b?.length||!!v?.length||!!y?.length||!!_,R=(0,r.jsx)(h,{className:(0,o.clsx)(s.shell,w===`start`&&s.shellAlignStart),"data-align":w,render:k,children:(0,r.jsxs)(`div`,{className:(0,o.clsx)(s.surface,S===`sm`&&s.sizeSm,S===`lg`&&s.sizeLg),children:[!!e&&(0,r.jsx)(f,{brand:e,renderLink:j}),(0,r.jsx)(c,{surface:C===`bare`?`bare`:`card`,eyebrow:t,title:n,description:i,headerEnd:a,banner:d,media:p,footer:m,level:O,children:N}),L&&(0,r.jsxs)(`div`,{className:s.belowCard,children:[g,x,!!b?.length&&(0,r.jsx)(l,{links:b,label:F.languageLabel,renderLink:j}),!!v?.length&&(0,r.jsx)(l,{links:v,label:F.helpLabel,renderLink:j}),!!y?.length&&(0,r.jsx)(l,{links:y,label:F.legalLabel,renderLink:j}),_]})]})});return(0,r.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":C,"data-split-side":I?E:void 0,className:(0,o.clsx)(`auth-shell--component`,s.root,M),...P,children:I?(0,r.jsxs)(`div`,{className:s.split,"data-panel":E,children:[R,(0,r.jsx)(`aside`,{className:(0,o.clsx)(s.splitPanel,D===`stacked`&&s.splitPanelStacked),children:T})]}):R})}function m({form:e,panel:t,panelPosition:n=`end`,panelMobile:i=`hidden`,className:a,...c}){return(0,r.jsxs)(`div`,{"data-slot":`auth-split-panel`,"data-panel":n,className:(0,o.clsx)(`auth-split-panel--component`,s.split,a),...c,children:[(0,r.jsx)(`div`,{className:s.splitForm,children:e}),!!t&&(0,r.jsx)(`aside`,{className:(0,o.clsx)(s.splitPanel,i===`stacked`&&s.splitPanelStacked),children:t})]})}function h({className:e,render:t,...n}){return(0,a.useRender)({defaultTagName:`main`,props:(0,i.mergeProps)({className:e},n),render:t,state:{}})}exports.AuthCard=c,exports.AuthFooterLinks=l,exports.AuthShell=p,exports.AuthSplitPanel=m,exports.defaultAuthShellStrings=u;

package/dist/layout/auth.css

@@ -0,0 +1,3 @@
+@import "../core.css";
+@import "../css/auth.css";
+@import "../css/typography.css";

package/dist/layout/auth.js

@@ -0,0 +1,256 @@
+"use client";
+import "../core.css";
+import "../css/auth.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { a as t, i as n, o as r } from "../typography-vC_wwEBm.js";
+import { t as i } from "../layout.types-CTDrZCGP.js";
+import { isValidElement as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { mergeProps as l } from "@base-ui/react/merge-props";
+import { useRender as u } from "@base-ui/react/use-render";
+var d = {
+	light: "auth-module__light___97K-f",
+	dark: "auth-module__dark___-cJed",
+	root: "auth-module__root___OhEqf",
+	shell: "auth-module__shell___1IWJp",
+	shellAlignStart: "auth-module__shellAlignStart___xyRd-",
+	surface: "auth-module__surface___OR8k8",
+	sizeSm: "auth-module__sizeSm___WVMHV",
+	sizeLg: "auth-module__sizeLg___VHMkX",
+	brand: "auth-module__brand___B0vV3",
+	brandLogo: "auth-module__brandLogo___h-sMu",
+	brandText: "auth-module__brandText___ec0JJ",
+	belowCard: "auth-module__belowCard___0HNQc",
+	header: "auth-module__header___dD4aG",
+	card: "auth-module__card___BGn8s",
+	cardMedia: "auth-module__cardMedia___bBFc3",
+	cardHeader: "auth-module__cardHeader___VWm0J",
+	cardHeaderMain: "auth-module__cardHeaderMain___3ZDCG",
+	cardTitle: "auth-module__cardTitle___K3BSc",
+	cardHeaderEnd: "auth-module__cardHeaderEnd___Yulem",
+	cardContent: "auth-module__cardContent___6YtoS",
+	cardBanner: "auth-module__cardBanner___wUYE8",
+	cardFooter: "auth-module__cardFooter___bUm-n",
+	links: "auth-module__links___smQ4D",
+	linksIcon: "auth-module__linksIcon___xMLnd",
+	link: "auth-module__link___54XoO",
+	linkButton: "auth-module__linkButton___d3O9u",
+	footer: "auth-module__footer___2HUMG",
+	split: "auth-module__split___FlTwE",
+	splitPanel: "auth-module__splitPanel___tVwGQ",
+	splitForm: "auth-module__splitForm___kcAVs",
+	splitPanelStacked: "auth-module__splitPanelStacked___RmmXt"
+};
+//#endregion
+//#region src/components/layout/auth/auth-card.tsx
+function f({ surface: i = "card", eyebrow: a, title: o, description: l, headerEnd: u, banner: f, media: p, footer: m, level: h = 1, className: g, children: _, ...v }) {
+	let y = !!a || !!o || !!l || !!u;
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "auth-card",
+		"data-surface": i,
+		className: e("auth-card--component", d.card, g),
+		...v,
+		children: [
+			!!p && /* @__PURE__ */ s("div", {
+				className: d.cardMedia,
+				children: p
+			}),
+			!!y && /* @__PURE__ */ c("header", {
+				className: d.cardHeader,
+				children: [/* @__PURE__ */ c("div", {
+					className: d.cardHeaderMain,
+					children: [
+						!!a && /* @__PURE__ */ s(n, { children: a }),
+						!!o && /* @__PURE__ */ s(t, {
+							level: h,
+							size: "xl",
+							className: d.cardTitle,
+							children: o
+						}),
+						!!l && /* @__PURE__ */ s(r, {
+							type: "secondary",
+							lineHeight: "relaxed",
+							children: l
+						})
+					]
+				}), !!u && /* @__PURE__ */ s("div", {
+					className: d.cardHeaderEnd,
+					children: u
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: d.cardContent,
+				children: [!!f && /* @__PURE__ */ s("div", {
+					className: d.cardBanner,
+					children: f
+				}), _]
+			}),
+			!!m && /* @__PURE__ */ s("div", {
+				className: d.cardFooter,
+				children: m
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/layout/auth/auth-footer-links.tsx
+function p({ links: t, label: n, leadingIcon: r, renderLink: a, className: o }) {
+	let l = i({ renderLink: a }), u = t.filter((e) => e.visible !== !1);
+	return u.length === 0 ? null : /* @__PURE__ */ c("nav", {
+		"aria-label": n,
+		className: e("auth-footer-links--component", d.links, o),
+		children: [!!r && /* @__PURE__ */ s("span", {
+			"aria-hidden": !0,
+			className: d.linksIcon,
+			children: r
+		}), u.map((t, n) => t.href ? /* @__PURE__ */ s("span", {
+			className: d.link,
+			children: l({
+				href: t.href,
+				external: t.external,
+				children: t.label
+			})
+		}, t.key ?? n) : /* @__PURE__ */ s("button", {
+			type: "button",
+			className: e(d.link, d.linkButton),
+			"data-hit-area": !0,
+			onClick: t.onClick,
+			children: t.label
+		}, t.key ?? n))]
+	});
+}
+//#endregion
+//#region src/components/layout/auth/auth.strings.ts
+var m = {
+	languageLabel: "Language",
+	helpLabel: "Help",
+	legalLabel: "Legal"
+}, h = (e) => !!e && typeof e == "object" && !a(e);
+function g({ brand: e, renderLink: t }) {
+	let n = i({ renderLink: t });
+	if (!h(e)) return /* @__PURE__ */ s("div", {
+		className: d.brand,
+		children: e
+	});
+	let a = /* @__PURE__ */ c(o, { children: [!!e.logo && /* @__PURE__ */ s("span", {
+		className: d.brandLogo,
+		children: e.logo
+	}), (!!e.label || !!e.description) && /* @__PURE__ */ c("span", {
+		className: d.brandText,
+		children: [!!e.label && /* @__PURE__ */ s(r, {
+			tag: "span",
+			weight: "semibold",
+			children: e.label
+		}), !!e.description && /* @__PURE__ */ s(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: e.description
+		})]
+	})] });
+	return e.href ? /* @__PURE__ */ s("div", {
+		className: d.brand,
+		children: n({
+			href: e.href,
+			"aria-label": e.ariaLabel,
+			children: a
+		})
+	}) : /* @__PURE__ */ s("div", {
+		className: d.brand,
+		children: a
+	});
+}
+function _({ brand: t, eyebrow: n, title: r, description: i, headerEnd: a, banner: o, cardMedia: l, cardFooter: u, postCard: h, footer: _, footerLinks: v, policyLinks: b, languageLinks: x, languageSwitcher: S, size: C = "md", variant: w = "card", align: T = "center", splitPanel: E, splitSide: D = "end", splitMobile: O = "hidden", level: k = 1, contentRender: A, strings: j, renderLink: M, className: N, children: P, ...F }) {
+	let I = {
+		...m,
+		...j
+	}, L = w === "split" && !!E, R = !!h || !!S || !!x?.length || !!v?.length || !!b?.length || !!_, z = /* @__PURE__ */ s(y, {
+		className: e(d.shell, T === "start" && d.shellAlignStart),
+		"data-align": T,
+		render: A,
+		children: /* @__PURE__ */ c("div", {
+			className: e(d.surface, C === "sm" && d.sizeSm, C === "lg" && d.sizeLg),
+			children: [
+				!!t && /* @__PURE__ */ s(g, {
+					brand: t,
+					renderLink: M
+				}),
+				/* @__PURE__ */ s(f, {
+					surface: w === "bare" ? "bare" : "card",
+					eyebrow: n,
+					title: r,
+					description: i,
+					headerEnd: a,
+					banner: o,
+					media: l,
+					footer: u,
+					level: k,
+					children: P
+				}),
+				R && /* @__PURE__ */ c("div", {
+					className: d.belowCard,
+					children: [
+						h,
+						S,
+						!!x?.length && /* @__PURE__ */ s(p, {
+							links: x,
+							label: I.languageLabel,
+							renderLink: M
+						}),
+						!!v?.length && /* @__PURE__ */ s(p, {
+							links: v,
+							label: I.helpLabel,
+							renderLink: M
+						}),
+						!!b?.length && /* @__PURE__ */ s(p, {
+							links: b,
+							label: I.legalLabel,
+							renderLink: M
+						}),
+						_
+					]
+				})
+			]
+		})
+	});
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "auth-shell",
+		"data-variant": w,
+		"data-split-side": L ? D : void 0,
+		className: e("auth-shell--component", d.root, N),
+		...F,
+		children: L ? /* @__PURE__ */ c("div", {
+			className: d.split,
+			"data-panel": D,
+			children: [z, /* @__PURE__ */ s("aside", {
+				className: e(d.splitPanel, O === "stacked" && d.splitPanelStacked),
+				children: E
+			})]
+		}) : z
+	});
+}
+function v({ form: t, panel: n, panelPosition: r = "end", panelMobile: i = "hidden", className: a, ...o }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "auth-split-panel",
+		"data-panel": r,
+		className: e("auth-split-panel--component", d.split, a),
+		...o,
+		children: [/* @__PURE__ */ s("div", {
+			className: d.splitForm,
+			children: t
+		}), !!n && /* @__PURE__ */ s("aside", {
+			className: e(d.splitPanel, i === "stacked" && d.splitPanelStacked),
+			children: n
+		})]
+	});
+}
+function y({ className: e, render: t, ...n }) {
+	return u({
+		defaultTagName: "main",
+		props: l({ className: e }, n),
+		render: t,
+		state: {}
+	});
+}
+//#endregion
+export { f as AuthCard, p as AuthFooterLinks, _ as AuthShell, v as AuthSplitPanel, m as defaultAuthShellStrings };

package/dist/layout/containers.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../containers-BRpJt5S4.cjs");exports.Container=e.t,exports.PageViewport=e.n,exports.Section=e.r,exports.TwoColumnLayout=e.i;

package/dist/layout/containers.css

@@ -0,0 +1,2 @@
+@import "../core.css";
+@import "../css/containers.css";

package/dist/layout/containers.js

@@ -0,0 +1,3 @@
+import "../core.css";
+import { i as e, n as t, r as n, t as r } from "../containers-wQ0_fDyL.js";
+export { r as Container, t as PageViewport, n as Section, e as TwoColumnLayout };