themelia-react-ui 2.0.1 → 2.0.3

package/dist/attachment-BxDfL2mw.js

@@ -0,0 +1,246 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-BRhFDwuU.js";
+import { n } from "./buttons-DPZekJFu.js";
+import { c as r } from "./typography-UTnveOEy.js";
+import { t as i } from "./focus-recipes-B653VaLq.js";
+import { t as a } from "./progress-B1VnCT0K.js";
+import { t as o } from "./interaction-recipes-XR9ZpVYL.js";
+import { i as s } from "./primitives-BFK08r9M.js";
+import { c, i as l, n as u, r as d, t as f, u as p } from "./item-K5_ghvze.js";
+import { forwardRef as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Archive as v, AudioLines as y, Download as b, Eye as x, FileCode as S, FileText as C, ImageIcon as w, Video as T, X as E } from "lucide-react";
+import { Button as D } from "@base-ui/react/button";
+//#region src/components/base/attachment/attachment.types.ts
+var O = {
+	preview: (e) => `Preview ${e}`,
+	download: (e) => `Download ${e}`,
+	remove: (e) => `Remove ${e}`,
+	queued: "Queued",
+	uploading: "Uploading",
+	done: "Uploaded",
+	error: "Failed",
+	cancelled: "Cancelled"
+}, k = {
+	image: w,
+	document: C,
+	audio: y,
+	video: T,
+	code: S,
+	archive: v,
+	generic: C
+};
+function A(e) {
+	let t = e.split(".").at(-1)?.toLowerCase();
+	return t && [
+		"png",
+		"jpg",
+		"jpeg",
+		"gif",
+		"webp",
+		"svg",
+		"avif"
+	].includes(t) ? "image" : t && [
+		"mp3",
+		"wav",
+		"ogg",
+		"flac",
+		"m4a"
+	].includes(t) ? "audio" : t && [
+		"mp4",
+		"webm",
+		"mov",
+		"avi"
+	].includes(t) ? "video" : t && [
+		"zip",
+		"gz",
+		"tar",
+		"rar",
+		"7z"
+	].includes(t) ? "archive" : t && [
+		"ts",
+		"tsx",
+		"js",
+		"jsx",
+		"css",
+		"html",
+		"json",
+		"py",
+		"sh",
+		"sql"
+	].includes(t) ? "code" : t && [
+		"pdf",
+		"doc",
+		"docx",
+		"txt",
+		"md",
+		"xls",
+		"xlsx",
+		"csv"
+	].includes(t) ? "document" : "generic";
+}
+function j({ name: e, kind: t }) {
+	let n = k[t ?? A(e)];
+	return /* @__PURE__ */ g(n, { "aria-hidden": "true" });
+}
+var M = m(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ g(c, {
+		...n,
+		ref: r,
+		className: t("attachment--media self-center group-has-data-[slot=item-description]/item:self-center", e)
+	});
+}), N = m(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ g(d, {
+		...n,
+		ref: r,
+		className: t("attachment--content w-full max-w-full", e)
+	});
+}), P = m(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ g(p, {
+		...n,
+		ref: r,
+		className: t("attachment--title block w-full truncate [&>span]:block [&>span]:min-w-0 [&>span]:truncate", e)
+	});
+}), F = m(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ g(l, {
+		...n,
+		ref: r,
+		className: t("attachment--description", e)
+	});
+}), I = m(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ g(u, {
+		...n,
+		ref: r,
+		className: t("attachment--actions relative z-10", e)
+	});
+});
+function L({ className: e, ...n }) {
+	return /* @__PURE__ */ g(a, {
+		...n,
+		className: t("attachment--progress", e)
+	});
+}
+var R = m(function({ name: a = "", meta: c, bytes: l, locale: u, kind: d, media: p, thumbnailUrl: m, status: v, progress: y, error: S, description: C, actions: w, onOpen: T, onPreview: k, onDownload: A, onRemove: R, disabled: z = !1, layout: B = "list", size: V, density: H, variant: U = "outline", render: W, strings: G, children: K, className: q, ...J }, Y) {
+	let X = e(O, G), Z = v === "queued" || v === "uploading", Q = y == null ? null : Number.isFinite(y) ? Math.max(0, Math.min(100, y)) : 0, $ = v ? X[v] : void 0;
+	return /* @__PURE__ */ _(f, {
+		...J,
+		ref: Y,
+		render: W,
+		size: V,
+		density: H ?? (B === "compact" ? "compact" : "default"),
+		variant: U,
+		padding: "default",
+		"data-status": v,
+		"data-layout": B,
+		"data-disabled": z || void 0,
+		className: t("attachment--component relative isolate min-w-0 max-w-full bg-card text-card-foreground", B === "gallery" ? "flex-col items-stretch" : "flex-nowrap", v === "error" && "border-destructive", q),
+		children: [K ?? /* @__PURE__ */ _(h, { children: [
+			/* @__PURE__ */ g(M, {
+				variant: m && B !== "gallery" ? "image" : "icon",
+				className: B === "gallery" ? "aspect-video h-auto w-full overflow-hidden rounded-inner bg-muted text-muted-foreground" : void 0,
+				children: p ?? (m ? /* @__PURE__ */ g("img", {
+					src: m,
+					alt: "",
+					className: "h-full w-full object-cover"
+				}) : /* @__PURE__ */ g(j, {
+					name: a,
+					kind: d
+				}))
+			}),
+			/* @__PURE__ */ _(N, { children: [
+				/* @__PURE__ */ g(P, {
+					title: a,
+					children: a
+				}),
+				(c !== void 0 || l !== void 0) && /* @__PURE__ */ g(F, {
+					clamp: 1,
+					children: c ?? /* @__PURE__ */ g(s, {
+						value: l,
+						locale: u,
+						size: "xs",
+						type: "secondary",
+						align: "left"
+					})
+				}),
+				(C !== void 0 || $) && /* @__PURE__ */ _(F, {
+					clamp: "none",
+					children: [C === void 0 ? /* @__PURE__ */ g(r, {
+						tag: "span",
+						size: "xs",
+						type: v === "error" ? "error" : "secondary",
+						children: $
+					}) : C, v === "error" && S ? /* @__PURE__ */ _(h, { children: [" — ", /* @__PURE__ */ g(r, {
+						tag: "span",
+						role: "alert",
+						size: "xs",
+						type: "error",
+						children: S
+					})] }) : null]
+				}),
+				Z && /* @__PURE__ */ g(L, {
+					value: v === "queued" && Q === null ? 0 : Q,
+					"aria-label": a,
+					size: "sm",
+					tone: v === "queued" ? "neutral" : "primary"
+				})
+			] }),
+			(w || k || A || R) && /* @__PURE__ */ _(I, { children: [
+				k && /* @__PURE__ */ g(n, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: "ghost",
+					size: "sm",
+					iconOnly: !0,
+					disabled: z,
+					"aria-label": X.preview(a),
+					onClick: k,
+					children: /* @__PURE__ */ g(x, {
+						"aria-hidden": "true",
+						className: "size-icon-sm"
+					})
+				}),
+				A && /* @__PURE__ */ g(n, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: "ghost",
+					size: "sm",
+					iconOnly: !0,
+					disabled: z,
+					"aria-label": X.download(a),
+					onClick: A,
+					children: /* @__PURE__ */ g(b, {
+						"aria-hidden": "true",
+						className: "size-icon-sm"
+					})
+				}),
+				R && /* @__PURE__ */ g(n, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: "ghost",
+					size: "sm",
+					iconOnly: !0,
+					disabled: z,
+					"aria-label": X.remove(a),
+					onClick: R,
+					children: /* @__PURE__ */ g(E, {
+						"aria-hidden": "true",
+						className: "size-icon-sm"
+					})
+				}),
+				w
+			] })
+		] }), T && /* @__PURE__ */ g(D, {
+			type: "button",
+			disabled: z,
+			"aria-label": X.preview(a),
+			onClick: T,
+			className: `attachment--trigger ${o.nativeButtonReset} absolute inset-0 z-0 cursor-pointer rounded-inner outline-none ${i.inset} disabled:cursor-not-allowed`
+		})]
+	});
+});
+R.displayName = "Attachment";
+//#endregion
+export { j as a, P as c, F as i, A as l, I as n, M as o, N as r, L as s, R as t, O as u };
+
+//# sourceMappingURL=attachment-BxDfL2mw.js.map

package/dist/attachment-BxDfL2mw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-BxDfL2mw.js","names":["_Fragment","Button","ButtonPrimitive","Text","focusRecipes","Progress","interactionRecipes","FileSize","ItemDescription","ItemActions","ItemContent","Item","ItemTitle","Fragment$1","defaultAttachmentStrings","name","icons","ImageIcon","FileText","AudioLines","Video","FileCode","Archive","getAttachmentKind","extension","AttachmentFileIcon","Icon","kind","AttachmentMedia","forwardRef","props","ItemMedia","cn","className","AttachmentContent","AttachmentTitle","AttachmentDescription","AttachmentActions","AttachmentProgress","Attachment","stringsProp","strings","useStrings","showProgress","status","pct","progress","statusCopy","density","layout","disabled","children","thumbnailUrl","media","meta","bytes","description","error","actions","onPreview","onDownload","onRemove","Button$1","Eye","Download","X","onOpen","Button"],"sources":["../src/components/base/attachment/attachment.types.ts","../src/components/base/attachment/attachment.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode, ReactElement } from 'react';\nimport type { StringsProp } from '../../../lib/strings';\nimport type { ItemDensity, ItemSize, ItemVariant } from '../item';\nexport type AttachmentKind = 'image' | 'document' | 'audio' | 'video' | 'code' | 'archive' | 'generic';\nexport type AttachmentStatus = 'queued' | 'uploading' | 'done' | 'error' | 'cancelled';\nexport interface AttachmentStrings {\n preview: (name: string) => string;\n download: (name: string) => string;\n remove: (name: string) => string;\n queued: string; uploading: string; done: string; error: string; cancelled: string;\n}\nexport const defaultAttachmentStrings: AttachmentStrings = {\n preview: name => `Preview ${name}`, download: name => `Download ${name}`, remove: name => `Remove ${name}`,\n queued: 'Queued', uploading: 'Uploading', done: 'Uploaded', error: 'Failed', cancelled: 'Cancelled',\n};\nexport interface AttachmentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title' | 'onError'> {\n /** Display filename. Omit only when assembling children using Attachment anatomy. */\n name?: string;\n /** Caller-formatted metadata takes precedence over bytes. */\n meta?: ReactNode;\n bytes?: number;\n locale?: string;\n kind?: AttachmentKind;\n media?: ReactNode;\n thumbnailUrl?: string;\n status?: AttachmentStatus;\n /** Upload progress in the 0–100 range. A missing uploading value is indeterminate. */\n progress?: number | null;\n error?: ReactNode;\n /** Override generated status copy while preserving status/progress behavior. */\n description?: ReactNode;\n /** Additional sibling actions. */\n actions?: ReactNode;\n /** Open or preview the whole body, with independent sibling action buttons. Uses the preview string for its accessible name. */\n onOpen?: () => void;\n onPreview?: () => void;\n onDownload?: () => void;\n onRemove?: () => void;\n disabled?: boolean;\n /** Compact horizontal chip, full list row, or a media-first gallery tile. */\n layout?: 'compact' | 'list' | 'gallery';\n size?: ItemSize;\n density?: ItemDensity;\n variant?: ItemVariant;\n /** Element used for a list item without wrapping or inspecting children. */\n render?: ReactElement;\n strings?: StringsProp<AttachmentStrings>;\n}\n","import { forwardRef } from 'react';\nimport { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { Archive, AudioLines, Download, Eye, FileCode, FileText, ImageIcon, Video, X } from 'lucide-react';\nimport { Button } from '../buttons';\nimport { FileSize } from '../../primitives';\nimport { Text } from '../../typography';\nimport { Progress, type ProgressProps } from '../feedback';\nimport { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, type ItemMediaProps, type ItemContentProps, type ItemTitleProps, type ItemDescriptionProps, type ItemActionsProps } from '../item';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { defaultAttachmentStrings, type AttachmentProps, type AttachmentKind } from './attachment.types';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\nconst icons = { image: ImageIcon, document: FileText, audio: AudioLines, video: Video, code: FileCode, archive: Archive, generic: FileText };\n/** Filename categorization is display-only and does not trust a file's extension for validation. */\nexport function getAttachmentKind(name: string): AttachmentKind {\n const extension = name.split('.').at(-1)?.toLowerCase();\n if (extension && ['png','jpg','jpeg','gif','webp','svg','avif'].includes(extension)) return 'image';\n if (extension && ['mp3','wav','ogg','flac','m4a'].includes(extension)) return 'audio';\n if (extension && ['mp4','webm','mov','avi'].includes(extension)) return 'video';\n if (extension && ['zip','gz','tar','rar','7z'].includes(extension)) return 'archive';\n if (extension && ['ts','tsx','js','jsx','css','html','json','py','sh','sql'].includes(extension)) return 'code';\n if (extension && ['pdf','doc','docx','txt','md','xls','xlsx','csv'].includes(extension)) return 'document';\n return 'generic';\n}\nexport function AttachmentFileIcon({ name, kind }: { name: string; kind?: AttachmentKind }) { const Icon = icons[kind ?? getAttachmentKind(name)]; return <Icon aria-hidden=\"true\" />; }\nexport const AttachmentMedia = forwardRef<HTMLDivElement, ItemMediaProps>(function AttachmentMedia({ className, ...props }, ref) { return <ItemMedia {...props} ref={ref} className={cn('attachment--media self-center group-has-data-[slot=item-description]/item:self-center', className)} />; });\nexport const AttachmentContent = forwardRef<HTMLDivElement, ItemContentProps>(function AttachmentContent({ className, ...props }, ref) { return <ItemContent {...props} ref={ref} className={cn('attachment--content w-full max-w-full', className)} />; });\nexport const AttachmentTitle = forwardRef<HTMLDivElement, ItemTitleProps>(function AttachmentTitle({ className, ...props }, ref) { return <ItemTitle {...props} ref={ref} className={cn('attachment--title block w-full truncate [&>span]:block [&>span]:min-w-0 [&>span]:truncate', className)} />; });\nexport const AttachmentDescription = forwardRef<HTMLParagraphElement, ItemDescriptionProps>(function AttachmentDescription({ className, ...props }, ref) { return <ItemDescription {...props} ref={ref} className={cn('attachment--description', className)} />; });\nexport const AttachmentActions = forwardRef<HTMLDivElement, ItemActionsProps>(function AttachmentActions({ className, ...props }, ref) { return <ItemActions {...props} ref={ref} className={cn('attachment--actions relative z-10', className)} />; });\nexport function AttachmentProgress({ className, ...props }: ProgressProps) { return <Progress {...props} className={cn('attachment--progress', className)} />; }\n/** File presentation; callbacks own preview, transfer and removal. Card framing belongs to the caller. */\nexport const Attachment = forwardRef<HTMLDivElement, AttachmentProps>(function Attachment({\n name = '', meta, bytes, locale, kind, media, thumbnailUrl, status, progress, error, description, actions, onOpen, onPreview, onDownload, onRemove,\n disabled = false, layout = 'list', size, density, variant = 'outline', render, strings: stringsProp, children, className, ...props\n}, ref) {\n const strings = useStrings(defaultAttachmentStrings, stringsProp);\n const showProgress = status === 'queued' || status === 'uploading';\n const pct = progress === null || progress === undefined ? null : Number.isFinite(progress) ? Math.max(0, Math.min(100, progress)) : 0;\n const statusCopy = status ? strings[status] : undefined;\n return <Item {...props} ref={ref} render={render} size={size} density={density ?? (layout === 'compact' ? 'compact' : 'default')} variant={variant} padding=\"default\" data-status={status} data-layout={layout} data-disabled={disabled || undefined} className={cn('attachment--component relative isolate min-w-0 max-w-full bg-card text-card-foreground', layout === 'gallery' ? 'flex-col items-stretch' : 'flex-nowrap', status === 'error' && 'border-destructive', className)}>\n  {children ?? <>\n   {/* A gallery tile owns one full-width media frame. The row thumbnail recipe (a\n       size-scaled square) would otherwise shrink a gallery image to an icon. */}\n   <AttachmentMedia variant={thumbnailUrl && layout !== 'gallery' ? 'image' : 'icon'} className={layout === 'gallery' ? 'aspect-video h-auto w-full overflow-hidden rounded-inner bg-muted text-muted-foreground' : undefined}>{media ?? (thumbnailUrl ? <img src={thumbnailUrl} alt=\"\" className=\"h-full w-full object-cover\" /> : <AttachmentFileIcon name={name} kind={kind} />)}</AttachmentMedia>\n   <AttachmentContent>\n    <AttachmentTitle title={name}>{name}</AttachmentTitle>\n    {(meta !== undefined || bytes !== undefined) && <AttachmentDescription clamp={1}>{meta ?? <FileSize value={bytes} locale={locale} size=\"xs\" type=\"secondary\" align=\"left\" />}</AttachmentDescription>}\n    {(description !== undefined || statusCopy) && <AttachmentDescription clamp=\"none\">{description !== undefined ? description : <Text tag=\"span\" size=\"xs\" type={status === 'error' ? 'error' : 'secondary'}>{statusCopy}</Text>}{status === 'error' && error ? <> — <Text tag=\"span\" role=\"alert\" size=\"xs\" type=\"error\">{error}</Text></> : null}</AttachmentDescription>}\n    {showProgress && <AttachmentProgress value={status === 'queued' && pct === null ? 0 : pct} aria-label={name} size=\"sm\" tone={status === 'queued' ? 'neutral' : 'primary'} />}\n   </AttachmentContent>\n   {(actions || onPreview || onDownload || onRemove) && <AttachmentActions>\n    {onPreview && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.preview(name)} onClick={onPreview}><Eye aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {onDownload && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.download(name)} onClick={onDownload}><Download aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {onRemove && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.remove(name)} onClick={onRemove}><X aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {actions}\n   </AttachmentActions>}\n  </>}\n  {onOpen && <ButtonPrimitive type=\"button\" disabled={disabled} aria-label={strings.preview(name)} onClick={onOpen} className={`attachment--trigger ${interactionRecipes.nativeButtonReset} absolute inset-0 z-0 cursor-pointer rounded-inner outline-none ${focusRecipes.inset} disabled:cursor-not-allowed`} />}\n </Item>;\n});\nAttachment.displayName = 'Attachment';\n"],"mappings":"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"}

package/dist/{auth-CYxKfo69.js → auth-BGua8ouh.js}

@@ -1,16 +1,16 @@
 "use client";
-import { s as e, v as t } from "./ui-provider-1D_NSYzO.js";
+import { s as e, v as t } from "./ui-provider-C_U0Xma4.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-l5LpDw2z.js";
-import { a as i, n as a } from "./buttons-SbIcm1HJ.js";
-import { a as o, o as s, s as c } from "./typography-DTRkE9zL.js";
+import { t as r } from "./utils-BRhFDwuU.js";
+import { a as i, n as a } from "./buttons-DPZekJFu.js";
+import { c as o, o as s, s as c } from "./typography-UTnveOEy.js";
 import { n as l } from "./text.styles-g4He6UIW.js";
 import { t as u } from "./focus-recipes-B653VaLq.js";
-import { r as d, t as f } from "./structure-DC2dygdA.js";
-import { a as p, l as m, s as h } from "./smart-card-lFKxn5Hu.js";
-import { t as g } from "./interaction-recipes-CHr0dJUs.js";
-import { c as _, i as v, o as y, r as b, t as x, u as S } from "./item-DEmDiTlD.js";
-import { d as C } from "./hooks-9k_TtmKh.js";
+import { r as d, t as f } from "./structure-BmisBK-3.js";
+import { a as p, l as m, s as h } from "./smart-card-DiC5aac3.js";
+import { t as g } from "./interaction-recipes-XR9ZpVYL.js";
+import { c as _, i as v, o as y, r as b, t as x, u as S } from "./item-K5_ghvze.js";
+import { d as C } from "./hooks-ClH9thn4.js";
 import { t as w } from "./container.recipes-D9t8MHR3.js";
 import * as T from "react";
 import { Fragment as ee, isValidElement as E, useMemo as D } from "react";
@@ -22,7 +22,7 @@ function ne({ surface: e = "card", eyebrow: t, title: n, description: i, headerE
 	return /* @__PURE__ */ A(m, {
 		"data-slot": "auth-card",
 		"data-surface": e,
-		className: r("auth-card--component", "w-full min-w-0 gap-0 py-0", e === "card" ? "overflow-hidden rounded-radius border border-border bg-card shadow-sm" : "border-0 bg-transparent shadow-none", _),
+		className: r("auth-card--component", "w-full min-w-0 gap-0 py-0", e === "card" ? "overflow-hidden rounded-radius border border-border bg-card text-card-foreground shadow-sm" : "border-0 bg-transparent text-inherit shadow-none", _),
 		...S,
 		children: [
 			!!u && /* @__PURE__ */ k("div", {
@@ -41,18 +41,19 @@ function ne({ surface: e = "card", eyebrow: t, title: n, description: i, headerE
 						gap: "normal",
 						className: "min-w-0",
 						children: [
-							!!t && /* @__PURE__ */ k(o, {
+							!!t && /* @__PURE__ */ k(s, {
 								tag: "div",
-								className: "auth-card--eyebrow",
+								className: "auth-card--eyebrow text-inherit",
 								children: t
 							}),
-							!!n && /* @__PURE__ */ k(s, {
+							!!n && /* @__PURE__ */ k(c, {
 								tag: "h1",
 								containerClassName: "space-y-0",
-								className: "auth-card--title border-0 pb-0 text-base leading-tight",
+								size: "base",
+								className: "auth-card--title text-inherit",
 								children: n
 							}),
-							!!i && /* @__PURE__ */ k(c, {
+							!!i && /* @__PURE__ */ k(o, {
 								tag: "div",
 								type: "secondary",
 								lineHeight: "relaxed",
@@ -126,14 +127,14 @@ var F = {
 };
 //#endregion
 //#region src/components/layout/auth/auth-footer-links.tsx
-function z({ links: e, leadingIcon: t, separator: i = "·", renderLink: a, className: o, strings: s, ...l }) {
-	let u = n(I, s), { links: d, renderLink: f } = N({
+function z({ links: e, leadingIcon: t, separator: i = "·", renderLink: a, className: s, strings: c, ...l }) {
+	let u = n(I, c), { links: d, renderLink: f } = N({
 		links: e,
 		renderLink: a
 	});
 	return d.length === 0 ? null : /* @__PURE__ */ A("nav", {
 		"aria-label": l["aria-label"] ?? u.label,
-		className: r("auth-footer-links--component", "flex flex-wrap items-center justify-center gap-x-space-md gap-y-space-xs text-center", o),
+		className: r("auth-footer-links--component", "flex flex-wrap items-center justify-center gap-x-space-md gap-y-space-xs text-center", s),
 		...l,
 		children: [!!t && /* @__PURE__ */ k("span", {
 			className: "auth-footer-links--icon flex shrink-0 items-center text-muted-foreground",
@@ -148,14 +149,14 @@ function z({ links: e, leadingIcon: t, separator: i = "·", renderLink: a, class
 				disabled: e.disabled,
 				onClick: e.onClick,
 				className: r("auth-footer-links--item", "text-muted-foreground transition-colors hover:text-foreground", e.disabled && "pointer-events-none opacity-50"),
-				children: /* @__PURE__ */ k(c, {
+				children: /* @__PURE__ */ k(o, {
 					tag: "span",
 					size: "xs",
 					className: "text-inherit",
 					children: e.label
 				})
 			});
-			return /* @__PURE__ */ A(ee, { children: [t > 0 && /* @__PURE__ */ k(c, {
+			return /* @__PURE__ */ A(ee, { children: [t > 0 && /* @__PURE__ */ k(o, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -255,8 +256,8 @@ function G({ provider: e }) {
 		});
 	}
 }
-function K({ provider: n, renderLink: o, className: s }) {
-	let { defaultScale: l } = e(), u = t(void 0, l), d = C({ renderLink: o }), f = /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(G, { provider: n }), /* @__PURE__ */ k(c, {
+function K({ provider: n, renderLink: s, className: c }) {
+	let { defaultScale: l } = e(), u = t(void 0, l), d = C({ renderLink: s }), f = /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(G, { provider: n }), /* @__PURE__ */ k(o, {
 		tag: "span",
 		className: "text-inherit",
 		children: n.label
@@ -265,7 +266,7 @@ function K({ provider: n, renderLink: o, className: s }) {
 		tone: "secondary",
 		buttonStyle: "outline",
 		fullWidth: !0
-	}), n.disabled && "pointer-events-none opacity-50", s);
+	}), n.disabled && "pointer-events-none opacity-50", c);
 	return n.href ? d({
 		href: n.href,
 		target: n.target,
@@ -281,7 +282,7 @@ function K({ provider: n, renderLink: o, className: s }) {
 		buttonStyle: "outline",
 		fullWidth: !0,
 		disabled: n.disabled,
-		className: r("auth-social-provider-button--component", s),
+		className: r("auth-social-provider-button--component", c),
 		onClick: (e) => n.onClick?.(e),
 		children: f
 	});
@@ -308,7 +309,7 @@ function re({ providers: e, layout: t = "stack", renderLink: i, className: a, st
 //#endregion
 //#region src/components/layout/auth/auth-split-panel.tsx
 var ie = {
-	card: "border-border bg-card",
+	card: "border-border bg-card text-card-foreground",
 	muted: "border-border bg-muted/30"
 };
 function q({ eyebrow: e, title: t, description: n, media: i, features: a, footer: l, children: u, surface: d = "muted", className: p, contentClassName: m, ...h }) {
@@ -319,7 +320,7 @@ function q({ eyebrow: e, title: t, description: n, media: i, features: a, footer
 		justify: "between",
 		"data-slot": "auth-split-panel",
 		"data-surface": d,
-		className: r("auth-split-panel--component", "min-h-full w-full overflow-hidden border", ie[d], p),
+		className: r("auth-split-panel--component", "box-border min-h-full w-full overflow-hidden border", ie[d], p),
 		...h,
 		children: /* @__PURE__ */ A(f, {
 			gap: "2xl",
@@ -327,25 +328,26 @@ function q({ eyebrow: e, title: t, description: n, media: i, features: a, footer
 			className: r("auth-split-panel--content", "min-h-full p-surface md:p-surface-lg", m),
 			children: [
 				!!i && /* @__PURE__ */ k("div", {
-					className: "auth-split-panel--media overflow-hidden rounded-radius border border-border/60 bg-card",
+					className: "auth-split-panel--media overflow-hidden rounded-radius border border-border/60 bg-card text-card-foreground",
 					children: i
 				}),
 				!!g && /* @__PURE__ */ A(f, {
 					gap: "md",
 					className: "auth-split-panel--intro max-w-xl",
 					children: [
-						!!e && /* @__PURE__ */ k(o, {
+						!!e && /* @__PURE__ */ k(s, {
 							tag: "div",
-							className: "auth-split-panel--eyebrow",
+							className: "auth-split-panel--eyebrow text-inherit",
 							children: e
 						}),
-						!!t && /* @__PURE__ */ k(s, {
+						!!t && /* @__PURE__ */ k(c, {
 							tag: "h2",
 							containerClassName: "space-y-0",
-							className: "auth-split-panel--title border-0 pb-0 text-base leading-tight",
+							size: "base",
+							className: "auth-split-panel--title text-inherit",
 							children: t
 						}),
-						!!n && /* @__PURE__ */ k(c, {
+						!!n && /* @__PURE__ */ k(o, {
 							tag: "div",
 							type: "secondary",
 							lineHeight: "relaxed",
@@ -358,7 +360,7 @@ function q({ eyebrow: e, title: t, description: n, media: i, features: a, footer
 					className: "auth-split-panel--features",
 					children: C.map((e, t) => /* @__PURE__ */ A(x, {
 						variant: "muted",
-						className: "auth-split-panel--feature bg-card",
+						className: "auth-split-panel--feature bg-card text-card-foreground",
 						children: [!!e.icon && /* @__PURE__ */ k(_, {
 							variant: "icon",
 							className: "text-muted-foreground",
@@ -398,12 +400,12 @@ function se(e) {
 		children: e.logo
 	}), !!t && /* @__PURE__ */ A("div", {
 		className: "auth-shell--brand-text min-w-0",
-		children: [!!e.label && /* @__PURE__ */ k(c, {
+		children: [!!e.label && /* @__PURE__ */ k(o, {
 			tag: "div",
 			weight: "semibold",
 			className: "auth-shell--brand-label",
 			children: e.label
-		}), !!e.description && /* @__PURE__ */ k(c, {
+		}), !!e.description && /* @__PURE__ */ k(o, {
 			tag: "div",
 			size: "xs",
 			type: "secondary",
@@ -432,10 +434,10 @@ function ce({ brand: e, renderLink: t }) {
 function le(e) {
 	return e ? E(e) ? e : oe(e) ? /* @__PURE__ */ k(q, { ...e }) : null : null;
 }
-function J({ children: e, variant: t = "card", size: i = "md", align: a = "center", brand: o, eyebrow: s, title: l, description: u, headerEnd: d, banner: p, cardMedia: m, cardMediaClassName: h, cardFooter: g, postCard: _, footer: v, footerLinks: y, policyLinks: b, languageLinks: x, languageSwitcher: S, socialProviders: C, socialProvidersLayout: T = "stack", socialDivider: ee, splitPanel: E, splitSide: D = "left", splitMobile: O = "hidden", renderLink: j, className: M, mainClassName: N, stackClassName: I, cardClassName: L, cardContentClassName: R, splitGridClassName: B, splitPanelClassName: V, footerClassName: H, strings: U, ...W }) {
+function J({ children: e, variant: t = "card", size: i = "md", align: a = "center", brand: s, eyebrow: c, title: l, description: u, headerEnd: d, banner: p, cardMedia: m, cardMediaClassName: h, cardFooter: g, postCard: _, footer: v, footerLinks: y, policyLinks: b, languageLinks: x, languageSwitcher: S, socialProviders: C, socialProvidersLayout: T = "stack", socialDivider: ee, splitPanel: E, splitSide: D = "left", splitMobile: O = "hidden", renderLink: j, className: M, mainClassName: N, stackClassName: I, cardClassName: L, cardContentClassName: R, splitGridClassName: B, splitPanelClassName: V, footerClassName: H, strings: U, ...W }) {
 	let G = n(F, U), { variant: K, hasBrand: ie, hasAfterCard: q, hasSplitPanel: oe, hasSocialProviders: se, renderLink: J, footerLinks: Y, policyLinks: X, languageLinks: Z, socialProviders: Q } = P({
 		variant: t,
-		brand: o,
+		brand: s,
 		footer: v,
 		footerLinks: y,
 		policyLinks: b,
@@ -446,7 +448,7 @@ function J({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 		splitPanel: E,
 		renderLink: j
 	}), ue = K === "split" && oe, de = le(E), $ = D === "left", fe = O === "stacked", pe = ie ? ce({
-		brand: o,
+		brand: s,
 		renderLink: J
 	}) : null, me = /* @__PURE__ */ k(f, {
 		render: /* @__PURE__ */ k("main", {}),
@@ -464,7 +466,7 @@ function J({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 				pe,
 				/* @__PURE__ */ A(ne, {
 					surface: K === "bare" ? "bare" : "card",
-					eyebrow: s,
+					eyebrow: c,
 					title: l,
 					description: u,
 					headerEnd: d,
@@ -489,7 +491,7 @@ function J({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 									className: "h-px min-w-0 flex-1 bg-border",
 									"aria-hidden": "true"
 								}),
-								/* @__PURE__ */ k(c, {
+								/* @__PURE__ */ k(o, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
@@ -623,7 +625,7 @@ function Q({ options: e = [], value: t, defaultValue: n, onValueChange: r } = {}
 		setValue: d
 	};
 }
-function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layout: o = "stack", divider: s, className: p, strings: m, ...h }) {
+function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layout: s = "stack", divider: c, className: p, strings: m, ...h }) {
 	let _ = n(R, m), { "aria-label": v, ...y } = h, { value: b, options: x, setValue: S } = Q({
 		options: e,
 		value: t,
@@ -631,7 +633,7 @@ function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layo
 		onValueChange: a
 	});
 	if (x.length === 0) return null;
-	let C = o === "segmented", w = x.map((e) => {
+	let C = s === "segmented", w = x.map((e) => {
 		let t = e.id === b, n = /* @__PURE__ */ A(O, { children: [!!e.icon && /* @__PURE__ */ k("span", {
 			className: "auth-method-switch--option-icon shrink-0",
 			"aria-hidden": "true",
@@ -640,15 +642,17 @@ function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layo
 			render: /* @__PURE__ */ k("span", {}),
 			gap: "dense",
 			className: "auth-method-switch--option-copy w-full",
-			children: [/* @__PURE__ */ k(c, {
+			children: [/* @__PURE__ */ k(o, {
 				tag: "span",
 				weight: "semibold",
-				className: r("max-w-full whitespace-normal break-words text-inherit leading-tight", C ? "text-center min-[480px]:truncate min-[480px]:text-start" : "text-start"),
+				lineHeight: "tight",
+				className: r("max-w-full whitespace-normal break-words text-inherit", C ? "text-center min-[480px]:truncate min-[480px]:text-start" : "text-start"),
 				children: e.label
-			}), !!e.description && /* @__PURE__ */ k(c, {
+			}), !!e.description && /* @__PURE__ */ k(o, {
 				tag: "span",
 				size: "xs",
-				className: r("whitespace-normal break-words", C ? "hidden min-[480px]:block min-[480px]:truncate" : "text-start leading-snug", t ? "text-inherit opacity-75" : "text-muted-foreground"),
+				lineHeight: C ? void 0 : "snug",
+				className: r("whitespace-normal break-words", C ? "hidden min-[480px]:block min-[480px]:truncate" : "text-start", t ? "text-inherit" : "text-muted-foreground"),
 				children: e.description
 			})]
 		})] });
@@ -681,39 +685,39 @@ function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layo
 		gap: "lg",
 		className: r("auth-method-switch--component", p),
 		...y,
-		children: [s !== null && s !== !1 && /* @__PURE__ */ A("div", {
+		children: [c !== null && c !== !1 && /* @__PURE__ */ A("div", {
 			className: "auth-method-switch--divider flex items-center gap-space-lg",
 			children: [
 				/* @__PURE__ */ k("span", {
 					className: "h-px min-w-0 flex-1 bg-border",
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ k(c, {
+				/* @__PURE__ */ k(o, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: s ?? _.divider
+					children: c ?? _.divider
 				}),
 				/* @__PURE__ */ k("span", {
 					className: "h-px min-w-0 flex-1 bg-border",
 					"aria-hidden": "true"
 				})
 			]
-		}), o === "segmented" ? /* @__PURE__ */ k("div", {
+		}), s === "segmented" ? /* @__PURE__ */ k("div", {
 			role: "group",
 			"aria-label": v ?? _.label,
-			"data-layout": o,
+			"data-layout": s,
 			className: "auth-method-switch--options grid min-w-0 grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-space-xs rounded-inner border border-border bg-muted p-space-xs",
 			children: w
 		}) : /* @__PURE__ */ k(d, {
-			columns: o === "grid" ? {
+			columns: s === "grid" ? {
 				base: 1,
 				sm: 2
 			} : 1,
 			gap: "md",
 			role: "group",
 			"aria-label": v ?? _.label,
-			"data-layout": o,
+			"data-layout": s,
 			className: "auth-method-switch--options",
 			children: w
 		})]
@@ -722,4 +726,4 @@ function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layo
 //#endregion
 export { ne as _, J as a, re as c, R as d, F as f, P as g, N as h, X as i, z as l, M as m, Q as n, q as o, L as p, Y as r, K as s, ue as t, I as u };
 
-//# sourceMappingURL=auth-CYxKfo69.js.map
+//# sourceMappingURL=auth-BGua8ouh.js.map