admin-ui-starter-kit 0.4.5 → 0.6.1

package/dist/_shared/alert-m-4s0Hqq.js

@@ -0,0 +1,81 @@
+import { cn as e } from "../lib/utils.js";
+import { s as t } from "./typography-DE0NGEIE.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { cva as i } from "class-variance-authority";
+//#region src/components/base/display/alert.tsx
+var a = i([
+	"alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left",
+	"has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5",
+	"has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]",
+	"[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0"
+], {
+	variants: { variant: {
+		default: "border-border bg-card text-card-foreground",
+		info: "border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info",
+		success: "border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success",
+		warning: "border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning",
+		destructive: "border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive",
+		inverse: [
+			"border-foreground bg-foreground text-background",
+			"[&>svg]:text-background",
+			"[&_[data-slot=alert-title]_[data-typography=text]]:text-background",
+			"[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75"
+		]
+	} },
+	defaultVariants: { variant: "default" }
+}), o = n(function({ className: t, variant: n, role: i = "alert", ...o }, s) {
+	return /* @__PURE__ */ r("div", {
+		ref: s,
+		"data-slot": "alert",
+		"data-variant": n ?? "default",
+		role: i,
+		className: e(a({ variant: n }), t),
+		...o
+	});
+});
+o.displayName = "Alert";
+var s = n(function({ className: n, children: i, ...a }, o) {
+	return /* @__PURE__ */ r("div", {
+		ref: o,
+		"data-slot": "alert-title",
+		className: e("alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80", n),
+		...a,
+		children: /* @__PURE__ */ r(t, {
+			tag: "span",
+			weight: "semibold",
+			className: "leading-snug",
+			children: i
+		})
+	});
+});
+s.displayName = "AlertTitle";
+var c = n(function({ className: n, children: i, ...a }, o) {
+	return /* @__PURE__ */ r("div", {
+		ref: o,
+		"data-slot": "alert-description",
+		className: e("alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed", n),
+		...a,
+		children: /* @__PURE__ */ r(t, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			className: "leading-normal",
+			children: i
+		})
+	});
+});
+c.displayName = "AlertDescription";
+var l = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
+		ref: i,
+		"data-slot": "alert-action",
+		className: e("alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center", t),
+		...n
+	});
+});
+l.displayName = "AlertAction";
+//#endregion
+export { a, s as i, l as n, c as r, o as t };
+
+//# sourceMappingURL=alert-m-4s0Hqq.js.map

package/dist/_shared/alert-m-4s0Hqq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-m-4s0Hqq.js","names":[],"sources":["../../src/components/base/display/alert.tsx"],"sourcesContent":["/**\n * Alert — base notice primitive with semantic variants and responsive actions.\n *\n * Package-owned wrapper inspired by ReUI's alert layout. It intentionally\n * does not edit `src/components/ui/alert.tsx`; consumers import this base\n * alert for the library's typography, token, and DOM-hook contract.\n */\nimport { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nconst alertVariants = cva(\n\t[\n\t\t'alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left',\n\t\t'has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5',\n\t\t'has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]',\n\t\t'[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'border-border bg-card text-card-foreground',\n\t\t\t\tinfo: 'border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info',\n\t\t\t\tsuccess: 'border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success',\n\t\t\t\twarning: 'border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning',\n\t\t\t\tdestructive: 'border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive',\n\t\t\t\tinverse: [\n\t\t\t\t\t'border-foreground bg-foreground text-background',\n\t\t\t\t\t'[&>svg]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-title]_[data-typography=text]]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t},\n\t},\n);\n\nexport type AlertVariant = NonNullable<VariantProps<typeof alertVariants>['variant']>;\n\nexport interface AlertProps\n\textends ComponentPropsWithoutRef<'div'>,\n\t\tVariantProps<typeof alertVariants> {}\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n\t{ className, variant, role = 'alert', ...props },\n\tref,\n) {\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tdata-slot=\"alert\"\n\t\t\tdata-variant={variant ?? 'default'}\n\t\t\trole={role}\n\t\t\tclassName={cn(alertVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nAlert.displayName = 'Alert';\n\nconst AlertTitle = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertTitle({ className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-title\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"leading-snug\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t);\n\t},\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertDescription({ className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-description\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"leading-normal\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t);\n\t},\n);\nAlertDescription.displayName = 'AlertDescription';\n\nconst AlertAction = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertAction({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-action\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAlertAction.displayName = 'AlertAction';\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };\n"],"mappings":";;;;;;AAaA,IAAM,IAAgB,EACrB;CACC;CACA;CACA;CACA;AACD,GACA;CACC,UAAU,EACT,SAAS;EACR,SAAS;EACT,MAAM;EACN,SAAS;EACT,SAAS;EACT,aAAa;EACb,SAAS;GACR;GACA;GACA;GACA;EACD;CACD,EACD;CACA,iBAAiB,EAChB,SAAS,UACV;AACD,CACD,GAQM,IAAQ,EAAuC,SACpD,EAAE,cAAW,YAAS,UAAO,SAAS,GAAG,KACzC,GACC;CACD,OACC,kBAAC,OAAD;EACM;EACL,aAAU;EACV,gBAAc,KAAW;EACnB;EACN,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;EACnD,GAAI;CACJ,CAAA;AAEH,CAAC;AACD,EAAM,cAAc;AAEpB,IAAM,IAAa,EAClB,SAAoB,EAAE,cAAW,aAAU,GAAG,KAAS,GAAK;CAC3D,OACC,kBAAC,OAAD;EACM;EACL,aAAU;EACV,WAAW,EACV,oGACA,CACD;EACA,GAAI;YAEJ,kBAAC,GAAD;GAAM,KAAI;GAAO,QAAO;GAAW,WAAU;GAC3C;EACI,CAAA;CACF,CAAA;AAEP,CACD;AACA,EAAW,cAAc;AAEzB,IAAM,IAAmB,EACxB,SAA0B,EAAE,cAAW,aAAU,GAAG,KAAS,GAAK;CACjE,OACC,kBAAC,OAAD;EACM;EACL,aAAU;EACV,WAAW,EACV,uJACA,CACD;EACA,GAAI;YAEJ,kBAAC,GAAD;GAAM,KAAI;GAAO,MAAK;GAAK,MAAK;GAAY,WAAU;GACpD;EACI,CAAA;CACF,CAAA;AAEP,CACD;AACA,EAAiB,cAAc;AAE/B,IAAM,IAAc,EACnB,SAAqB,EAAE,cAAW,GAAG,KAAS,GAAK;CAClD,OACC,kBAAC,OAAD;EACM;EACL,aAAU;EACV,WAAW,EACV,qKACA,CACD;EACA,GAAI;CACJ,CAAA;AAEH,CACD;AACA,EAAY,cAAc"}

package/dist/_shared/app-shell-D3eGUtL-.js

@@ -0,0 +1,69 @@
+import { cn as e } from "../lib/utils.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/layout/app-shell/topbar-sidebar-layout.tsx
+var i = {
+	light: "light",
+	dark: "dark"
+};
+function a({ children: a, headerTheme: o = "light", sidebarSide: s = "left", mobileSidebarMode: c = "drawer", headerHeight: l, sidebarWidth: u, sidebarTrigger: d, logo: f, headerActions: p, sidebar: m, slots: h, contentAs: g = "main", className: _, headerClassName: v, headerInnerClassName: y, bodyClassName: b, sidebarClassName: x, contentClassName: S, style: C, ...w }) {
+	let T = {
+		...l ? { "--shell-header-height": l } : null,
+		...u ? { "--shell-sidebar-width-expanded": u } : null,
+		...C
+	}, E = h?.sidebarTrigger ?? d, D = h?.logo ?? f, O = h?.headerActions ?? p, k = h?.sidebar ?? m, A = h?.content ?? a, j = !!k, M = /* @__PURE__ */ n(g, {
+		className: e("topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background", S),
+		children: A
+	}), N = j ? /* @__PURE__ */ n("aside", {
+		className: e("topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden border-border bg-sidebar text-sidebar-foreground", c === "drawer" ? "hidden md:block" : "border-b md:border-b-0", x),
+		children: k
+	}) : null;
+	return /* @__PURE__ */ r("div", {
+		className: e("topbar-sidebar-layout--component flex min-h-svh flex-col overflow-hidden bg-background text-foreground", "shell-sidebar-vars", "has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current", "has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current", _),
+		style: T,
+		"data-header-theme": o,
+		"data-sidebar-side": s,
+		"data-mobile-sidebar-mode": c,
+		...w,
+		children: [/* @__PURE__ */ n("header", {
+			className: e("topbar-sidebar-layout--header z-40 flex min-h-shell-header shrink-0 items-center border-b border-border bg-background px-4 text-foreground", i[o], v),
+			children: /* @__PURE__ */ n("div", {
+				className: e("topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4", y),
+				children: h?.header ?? /* @__PURE__ */ r(t, { children: [
+					!!E && /* @__PURE__ */ n("div", {
+						className: "topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center",
+						children: E
+					}),
+					!!D && /* @__PURE__ */ n("div", {
+						className: "topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center",
+						children: D
+					}),
+					!!h?.headerStart && /* @__PURE__ */ n("div", {
+						className: "topbar-sidebar-layout--header-start flex min-w-0 items-center",
+						children: h.headerStart
+					}),
+					!!h?.headerCenter && /* @__PURE__ */ n("div", {
+						className: "topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center md:flex",
+						children: h.headerCenter
+					}),
+					!!(O || h?.headerEnd) && /* @__PURE__ */ r("div", {
+						className: "topbar-sidebar-layout--header-trailing ml-auto flex shrink-0 items-center gap-1.5 md:gap-2",
+						children: [!!O && /* @__PURE__ */ n("div", {
+							className: "topbar-sidebar-layout--header-actions flex shrink-0 items-center gap-1.5 md:gap-2",
+							children: O
+						}), !!h?.headerEnd && /* @__PURE__ */ n("div", {
+							className: "topbar-sidebar-layout--header-end flex shrink-0 items-center gap-1.5 md:gap-2",
+							children: h.headerEnd
+						})]
+					})
+				] })
+			})
+		}), /* @__PURE__ */ n("div", {
+			className: e("topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1", j && (s === "left" ? "md:shell-grid-left" : "md:shell-grid-right"), b),
+			children: s === "left" ? /* @__PURE__ */ r(t, { children: [N, M] }) : /* @__PURE__ */ r(t, { children: [M, N] })
+		})]
+	});
+}
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=app-shell-D3eGUtL-.js.map

package/dist/_shared/app-shell-D3eGUtL-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell-D3eGUtL-.js","names":[],"sources":["../../src/components/layout/app-shell/topbar-sidebar-layout.tsx"],"sourcesContent":["/**\n * TopbarSidebarLayout — header-first app shell with a two-column body.\n *\n * This shell is intentionally separate from the default shadcn sidebar layout:\n * the logo belongs in the header, while the sidebar and content occupy the\n * remaining page height below the header.\n */\nimport { cn } from '@/lib/utils';\n\nimport type {\n\tTopbarSidebarLayoutProps,\n\tTopbarSidebarLayoutStyle,\n} from './app-shell.types';\n\n/**\n * Header theme is just a token scope. `.light` / `.dark` remap the shadcn\n * palette for the header subtree (see css/themes/shadcn.default.css), so header\n * partials use ordinary tokens (`bg-background`, `text-foreground`, `bg-accent`\n * …) and invert against the header surface automatically — no header-specific\n * color variables required. `light` keeps the header light even on a dark page;\n * `dark` gives a dark topbar on a light page.\n */\nconst HEADER_THEME_CLASS: Record<NonNullable<TopbarSidebarLayoutProps['headerTheme']>, string> = {\n\tlight: 'light',\n\tdark: 'dark',\n};\n\nexport function TopbarSidebarLayout({\n\tchildren,\n\theaderTheme = 'light',\n\tsidebarSide = 'left',\n\tmobileSidebarMode = 'drawer',\n\theaderHeight,\n\tsidebarWidth,\n\tsidebarTrigger,\n\tlogo,\n\theaderActions,\n\tsidebar,\n\tslots,\n\tcontentAs: Content = 'main',\n\tclassName,\n\theaderClassName,\n\theaderInnerClassName,\n\tbodyClassName,\n\tsidebarClassName,\n\tcontentClassName,\n\tstyle,\n\t...props\n}: TopbarSidebarLayoutProps) {\n\tconst headerStyle = {\n\t\t...(headerHeight ? { '--shell-header-height': headerHeight } : null),\n\t\t...(sidebarWidth ? { '--shell-sidebar-width-expanded': sidebarWidth } : null),\n\t\t...style,\n\t} as TopbarSidebarLayoutStyle;\n\tconst resolvedSidebarTrigger = slots?.sidebarTrigger ?? sidebarTrigger;\n\tconst resolvedLogo = slots?.logo ?? logo;\n\tconst resolvedHeaderActions = slots?.headerActions ?? headerActions;\n\tconst resolvedSidebar = slots?.sidebar ?? sidebar;\n\tconst resolvedContent = slots?.content ?? children;\n\tconst hasSidebar = Boolean(resolvedSidebar);\n\tconst contentNode = (\n\t\t<Content\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background',\n\t\t\t\tcontentClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{resolvedContent}\n\t\t</Content>\n\t);\n\tconst sidebarNode = hasSidebar ? (\n\t\t<aside\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden border-border bg-sidebar text-sidebar-foreground',\n\t\t\t\tmobileSidebarMode === 'drawer' ? 'hidden md:block' : 'border-b md:border-b-0',\n\t\t\t\tsidebarClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{resolvedSidebar}\n\t\t</aside>\n\t) : null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--component flex min-h-svh flex-col overflow-hidden bg-background text-foreground',\n\t\t\t\t'shell-sidebar-vars',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={headerStyle}\n\t\t\tdata-header-theme={headerTheme}\n\t\t\tdata-sidebar-side={sidebarSide}\n\t\t\tdata-mobile-sidebar-mode={mobileSidebarMode}\n\t\t\t{...props}\n\t\t>\n\t\t\t<header\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'topbar-sidebar-layout--header z-40 flex min-h-shell-header shrink-0 items-center border-b border-border bg-background px-4 text-foreground',\n\t\t\t\t\tHEADER_THEME_CLASS[headerTheme],\n\t\t\t\t\theaderClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4',\n\t\t\t\t\t\theaderInnerClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{slots?.header ?? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!!resolvedSidebarTrigger && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center\">\n\t\t\t\t\t\t\t\t\t{resolvedSidebarTrigger}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!resolvedLogo && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center\">\n\t\t\t\t\t\t\t\t\t{resolvedLogo}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!slots?.headerStart && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-start flex min-w-0 items-center\">\n\t\t\t\t\t\t\t\t\t{slots.headerStart}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!slots?.headerCenter && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center md:flex\">\n\t\t\t\t\t\t\t\t\t{slots.headerCenter}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!(resolvedHeaderActions || slots?.headerEnd) && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-trailing ml-auto flex shrink-0 items-center gap-1.5 md:gap-2\">\n\t\t\t\t\t\t\t\t\t{!!resolvedHeaderActions && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-actions flex shrink-0 items-center gap-1.5 md:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t{resolvedHeaderActions}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!!slots?.headerEnd && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-end flex shrink-0 items-center gap-1.5 md:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t{slots.headerEnd}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</header>\n\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1',\n\t\t\t\t\thasSidebar && (\n\t\t\t\t\t\tsidebarSide === 'left'\n\t\t\t\t\t\t\t? 'md:shell-grid-left'\n\t\t\t\t\t\t\t: 'md:shell-grid-right'\n\t\t\t\t\t),\n\t\t\t\t\tbodyClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{sidebarSide === 'left' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{sidebarNode}\n\t\t\t\t\t\t{contentNode}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{contentNode}\n\t\t\t\t\t\t{sidebarNode}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;AAsBA,IAAM,IAA2F;CAChG,OAAO;CACP,MAAM;AACP;AAEA,SAAgB,EAAoB,EACnC,aACA,iBAAc,SACd,iBAAc,QACd,uBAAoB,UACpB,iBACA,iBACA,mBACA,SACA,kBACA,YACA,UACA,WAAW,IAAU,QACrB,cACA,oBACA,yBACA,kBACA,qBACA,qBACA,UACA,GAAG,KACyB;CAC5B,IAAM,IAAc;EACnB,GAAI,IAAe,EAAE,yBAAyB,EAAa,IAAI;EAC/D,GAAI,IAAe,EAAE,kCAAkC,EAAa,IAAI;EACxE,GAAG;CACJ,GACM,IAAyB,GAAO,kBAAkB,GAClD,IAAe,GAAO,QAAQ,GAC9B,IAAwB,GAAO,iBAAiB,GAChD,IAAkB,GAAO,WAAW,GACpC,IAAkB,GAAO,WAAW,GACpC,IAAa,EAAQ,GACrB,IACL,kBAAC,GAAD;EACC,WAAW,EACV,qFACA,CACD;YAEC;CACO,CAAA,GAEJ,IAAc,IACnB,kBAAC,SAAD;EACC,WAAW,EACV,mHACA,MAAsB,WAAW,oBAAoB,0BACrD,CACD;YAEC;CACK,CAAA,IACJ;CAEJ,OACC,kBAAC,OAAD;EACC,WAAW,EACV,0GACA,sBACA,+EACA,yFACA,CACD;EACA,OAAO;EACP,qBAAmB;EACnB,qBAAmB;EACnB,4BAA0B;EAC1B,GAAI;YAZL,CAcC,kBAAC,UAAD;GACC,WAAW,EACV,8IACA,EAAmB,IACnB,CACD;aAEA,kBAAC,OAAD;IACC,WAAW,EACV,gGACA,CACD;cAEC,GAAO,UACP,kBAAA,GAAA,EAAA,UAAA;KACE,CAAC,CAAC,KACF,kBAAC,OAAD;MAAK,WAAU;gBACb;KACG,CAAA;KAEL,CAAC,CAAC,KACF,kBAAC,OAAD;MAAK,WAAU;gBACb;KACG,CAAA;KAEL,CAAC,CAAC,GAAO,eACT,kBAAC,OAAD;MAAK,WAAU;gBACb,EAAM;KACH,CAAA;KAEL,CAAC,CAAC,GAAO,gBACT,kBAAC,OAAD;MAAK,WAAU;gBACb,EAAM;KACH,CAAA;KAEL,CAAC,EAAE,KAAyB,GAAO,cACnC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,CAAC,CAAC,KACF,kBAAC,OAAD;OAAK,WAAU;iBACb;MACG,CAAA,GAEL,CAAC,CAAC,GAAO,aACT,kBAAC,OAAD;OAAK,WAAU;iBACb,EAAM;MACH,CAAA,CAEF;;IAEL,EAAA,CAAA;GAEC,CAAA;EACE,CAAA,GAER,kBAAC,OAAD;GACC,WAAW,EACV,+DACA,MACC,MAAgB,SACb,uBACA,wBAEJ,CACD;aAEC,MAAgB,SAChB,kBAAA,GAAA,EAAA,UAAA,CACE,GACA,CACA,EAAA,CAAA,IAEF,kBAAA,GAAA,EAAA,UAAA,CACE,GACA,CACA,EAAA,CAAA;EAEC,CAAA,CACD;;AAEP"}

package/dist/_shared/app-shell-QJHARDMB.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/utils.cjs");let t=require("react/jsx-runtime");var n={light:`light`,dark:`dark`};function r({children:r,headerTheme:i=`light`,sidebarSide:a=`left`,mobileSidebarMode:o=`drawer`,headerHeight:s,sidebarWidth:c,sidebarTrigger:l,logo:u,headerActions:d,sidebar:f,slots:p,contentAs:m=`main`,className:h,headerClassName:g,headerInnerClassName:_,bodyClassName:v,sidebarClassName:y,contentClassName:b,style:x,...S}){let C={...s?{"--shell-header-height":s}:null,...c?{"--shell-sidebar-width-expanded":c}:null,...x},w=p?.sidebarTrigger??l,T=p?.logo??u,E=p?.headerActions??d,D=p?.sidebar??f,O=p?.content??r,k=!!D,A=(0,t.jsx)(m,{className:e.cn(`topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background`,b),children:O}),j=k?(0,t.jsx)(`aside`,{className:e.cn(`topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden border-border bg-sidebar text-sidebar-foreground`,o===`drawer`?`hidden md:block`:`border-b md:border-b-0`,y),children:D}):null;return(0,t.jsxs)(`div`,{className:e.cn(`topbar-sidebar-layout--component flex min-h-svh flex-col overflow-hidden bg-background text-foreground`,`shell-sidebar-vars`,`has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current`,`has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current`,h),style:C,"data-header-theme":i,"data-sidebar-side":a,"data-mobile-sidebar-mode":o,...S,children:[(0,t.jsx)(`header`,{className:e.cn(`topbar-sidebar-layout--header z-40 flex min-h-shell-header shrink-0 items-center border-b border-border bg-background px-4 text-foreground`,n[i],g),children:(0,t.jsx)(`div`,{className:e.cn(`topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4`,_),children:p?.header??(0,t.jsxs)(t.Fragment,{children:[!!w&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center`,children:w}),!!T&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center`,children:T}),!!p?.headerStart&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--header-start flex min-w-0 items-center`,children:p.headerStart}),!!p?.headerCenter&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center md:flex`,children:p.headerCenter}),!!(E||p?.headerEnd)&&(0,t.jsxs)(`div`,{className:`topbar-sidebar-layout--header-trailing ml-auto flex shrink-0 items-center gap-1.5 md:gap-2`,children:[!!E&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--header-actions flex shrink-0 items-center gap-1.5 md:gap-2`,children:E}),!!p?.headerEnd&&(0,t.jsx)(`div`,{className:`topbar-sidebar-layout--header-end flex shrink-0 items-center gap-1.5 md:gap-2`,children:p.headerEnd})]})]})})}),(0,t.jsx)(`div`,{className:e.cn(`topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1`,k&&(a===`left`?`md:shell-grid-left`:`md:shell-grid-right`),v),children:a===`left`?(0,t.jsxs)(t.Fragment,{children:[j,A]}):(0,t.jsxs)(t.Fragment,{children:[A,j]})})]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=app-shell-QJHARDMB.cjs.map

package/dist/_shared/app-shell-QJHARDMB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell-QJHARDMB.cjs","names":[],"sources":["../../src/components/layout/app-shell/topbar-sidebar-layout.tsx"],"sourcesContent":["/**\n * TopbarSidebarLayout — header-first app shell with a two-column body.\n *\n * This shell is intentionally separate from the default shadcn sidebar layout:\n * the logo belongs in the header, while the sidebar and content occupy the\n * remaining page height below the header.\n */\nimport { cn } from '@/lib/utils';\n\nimport type {\n\tTopbarSidebarLayoutProps,\n\tTopbarSidebarLayoutStyle,\n} from './app-shell.types';\n\n/**\n * Header theme is just a token scope. `.light` / `.dark` remap the shadcn\n * palette for the header subtree (see css/themes/shadcn.default.css), so header\n * partials use ordinary tokens (`bg-background`, `text-foreground`, `bg-accent`\n * …) and invert against the header surface automatically — no header-specific\n * color variables required. `light` keeps the header light even on a dark page;\n * `dark` gives a dark topbar on a light page.\n */\nconst HEADER_THEME_CLASS: Record<NonNullable<TopbarSidebarLayoutProps['headerTheme']>, string> = {\n\tlight: 'light',\n\tdark: 'dark',\n};\n\nexport function TopbarSidebarLayout({\n\tchildren,\n\theaderTheme = 'light',\n\tsidebarSide = 'left',\n\tmobileSidebarMode = 'drawer',\n\theaderHeight,\n\tsidebarWidth,\n\tsidebarTrigger,\n\tlogo,\n\theaderActions,\n\tsidebar,\n\tslots,\n\tcontentAs: Content = 'main',\n\tclassName,\n\theaderClassName,\n\theaderInnerClassName,\n\tbodyClassName,\n\tsidebarClassName,\n\tcontentClassName,\n\tstyle,\n\t...props\n}: TopbarSidebarLayoutProps) {\n\tconst headerStyle = {\n\t\t...(headerHeight ? { '--shell-header-height': headerHeight } : null),\n\t\t...(sidebarWidth ? { '--shell-sidebar-width-expanded': sidebarWidth } : null),\n\t\t...style,\n\t} as TopbarSidebarLayoutStyle;\n\tconst resolvedSidebarTrigger = slots?.sidebarTrigger ?? sidebarTrigger;\n\tconst resolvedLogo = slots?.logo ?? logo;\n\tconst resolvedHeaderActions = slots?.headerActions ?? headerActions;\n\tconst resolvedSidebar = slots?.sidebar ?? sidebar;\n\tconst resolvedContent = slots?.content ?? children;\n\tconst hasSidebar = Boolean(resolvedSidebar);\n\tconst contentNode = (\n\t\t<Content\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background',\n\t\t\t\tcontentClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{resolvedContent}\n\t\t</Content>\n\t);\n\tconst sidebarNode = hasSidebar ? (\n\t\t<aside\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden border-border bg-sidebar text-sidebar-foreground',\n\t\t\t\tmobileSidebarMode === 'drawer' ? 'hidden md:block' : 'border-b md:border-b-0',\n\t\t\t\tsidebarClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{resolvedSidebar}\n\t\t</aside>\n\t) : null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--component flex min-h-svh flex-col overflow-hidden bg-background text-foreground',\n\t\t\t\t'shell-sidebar-vars',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current',\n\t\t\t\t'has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={headerStyle}\n\t\t\tdata-header-theme={headerTheme}\n\t\t\tdata-sidebar-side={sidebarSide}\n\t\t\tdata-mobile-sidebar-mode={mobileSidebarMode}\n\t\t\t{...props}\n\t\t>\n\t\t\t<header\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'topbar-sidebar-layout--header z-40 flex min-h-shell-header shrink-0 items-center border-b border-border bg-background px-4 text-foreground',\n\t\t\t\t\tHEADER_THEME_CLASS[headerTheme],\n\t\t\t\t\theaderClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4',\n\t\t\t\t\t\theaderInnerClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{slots?.header ?? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!!resolvedSidebarTrigger && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center\">\n\t\t\t\t\t\t\t\t\t{resolvedSidebarTrigger}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!resolvedLogo && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center\">\n\t\t\t\t\t\t\t\t\t{resolvedLogo}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!slots?.headerStart && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-start flex min-w-0 items-center\">\n\t\t\t\t\t\t\t\t\t{slots.headerStart}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!slots?.headerCenter && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center md:flex\">\n\t\t\t\t\t\t\t\t\t{slots.headerCenter}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!(resolvedHeaderActions || slots?.headerEnd) && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-trailing ml-auto flex shrink-0 items-center gap-1.5 md:gap-2\">\n\t\t\t\t\t\t\t\t\t{!!resolvedHeaderActions && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-actions flex shrink-0 items-center gap-1.5 md:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t{resolvedHeaderActions}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!!slots?.headerEnd && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-end flex shrink-0 items-center gap-1.5 md:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t{slots.headerEnd}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</header>\n\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1',\n\t\t\t\t\thasSidebar && (\n\t\t\t\t\t\tsidebarSide === 'left'\n\t\t\t\t\t\t\t? 'md:shell-grid-left'\n\t\t\t\t\t\t\t: 'md:shell-grid-right'\n\t\t\t\t\t),\n\t\t\t\t\tbodyClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{sidebarSide === 'left' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{sidebarNode}\n\t\t\t\t\t\t{contentNode}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{contentNode}\n\t\t\t\t\t\t{sidebarNode}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"uEAsBA,IAAM,EAA2F,CAChG,MAAO,QACP,KAAM,MACP,EAEA,SAAgB,EAAoB,CACnC,WACA,cAAc,QACd,cAAc,OACd,oBAAoB,SACpB,eACA,eACA,iBACA,OACA,gBACA,UACA,QACA,UAAW,EAAU,OACrB,YACA,kBACA,uBACA,gBACA,mBACA,mBACA,QACA,GAAG,GACyB,CAC5B,IAAM,EAAc,CACnB,GAAI,EAAe,CAAE,wBAAyB,CAAa,EAAI,KAC/D,GAAI,EAAe,CAAE,iCAAkC,CAAa,EAAI,KACxE,GAAG,CACJ,EACM,EAAyB,GAAO,gBAAkB,EAClD,EAAe,GAAO,MAAQ,EAC9B,EAAwB,GAAO,eAAiB,EAChD,EAAkB,GAAO,SAAW,EACpC,EAAkB,GAAO,SAAW,EACpC,EAAa,EAAQ,EACrB,GACL,EAAA,EAAA,KAAC,EAAD,CACC,UAAW,EAAA,GACV,oFACA,CACD,WAEC,CACO,CAAA,EAEJ,EAAc,GACnB,EAAA,EAAA,KAAC,QAAD,CACC,UAAW,EAAA,GACV,kHACA,IAAsB,SAAW,kBAAoB,yBACrD,CACD,WAEC,CACK,CAAA,EACJ,KAEJ,OACC,EAAA,EAAA,MAAC,MAAD,CACC,UAAW,EAAA,GACV,yGACA,qBACA,8EACA,wFACA,CACD,EACA,MAAO,EACP,oBAAmB,EACnB,oBAAmB,EACnB,2BAA0B,EAC1B,GAAI,WAZL,EAcC,EAAA,EAAA,KAAC,SAAD,CACC,UAAW,EAAA,GACV,6IACA,EAAmB,GACnB,CACD,YAEA,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GACV,+FACA,CACD,WAEC,GAAO,SACP,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACE,CAAC,CAAC,IACF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,6EACb,CACG,CAAA,EAEL,CAAC,CAAC,IACF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,0EACb,CACG,CAAA,EAEL,CAAC,CAAC,GAAO,cACT,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yEACb,EAAM,WACH,CAAA,EAEL,CAAC,CAAC,GAAO,eACT,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2FACb,EAAM,YACH,CAAA,EAEL,CAAC,EAAE,GAAyB,GAAO,aACnC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sGAAf,CACE,CAAC,CAAC,IACF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,6FACb,CACG,CAAA,EAEL,CAAC,CAAC,GAAO,YACT,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yFACb,EAAM,SACH,CAAA,CAEF,GAEL,CAAA,CAAA,CAEC,CAAA,CACE,CAAA,GAER,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GACV,8DACA,IACC,IAAgB,OACb,qBACA,uBAEJ,CACD,WAEC,IAAgB,QAChB,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACE,EACA,CACA,CAAA,CAAA,GAEF,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACE,EACA,CACA,CAAA,CAAA,CAEC,CAAA,CACD,GAEP"}

package/dist/_shared/auth-B_KVUjsB.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("../lib/utils.cjs"),r=require("./button-Bd5bEIiB.cjs"),i=require("./typography-CO9uwZhF.cjs"),a=require("./cards-BKFwMTjM.cjs"),o=require("./item-eUP9Rtmg.cjs"),s=require("./hooks-sfHAyDgD.cjs");let c=require("react");c=e.t(c,1);let l=require("react/jsx-runtime"),u=require("lucide-react");function d({eyebrow:e,title:t,description:r,headerEnd:o,banner:s,media:c,footer:u,children:d,className:f,headerClassName:p,mediaClassName:m,contentClassName:h,footerClassName:g,..._}){let v=!!(e||t||r||o);return(0,l.jsxs)(a.c,{"data-slot":`auth-card`,className:n.cn(`auth-card--component`,`gap-0 overflow-hidden rounded-lg border border-border/70 bg-card py-0 shadow-sm`,f),..._,children:[!!c&&(0,l.jsx)(`div`,{className:n.cn(`auth-card--media`,`min-h-12 border-b border-border/60 bg-muted/50`,m),children:c}),!!v&&(0,l.jsxs)(`header`,{className:n.cn(`auth-card--header`,`flex items-start justify-between gap-4 px-6 pt-6 md:px-8 md:pt-8`,p),children:[(0,l.jsxs)(`div`,{className:`min-w-0 space-y-1.5`,children:[!!e&&(0,l.jsx)(i.s,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-card--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,l.jsx)(i.o,{tag:`h1`,containerClassName:`space-y-0`,className:`auth-card--title border-0 pb-0 text-lg leading-tight`,children:t}),!!r&&(0,l.jsx)(i.s,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-card--description max-w-prose`,children:r})]}),!!o&&(0,l.jsx)(`div`,{className:`auth-card--header-end shrink-0`,children:o})]}),(0,l.jsxs)(a.i,{className:n.cn(`auth-card--content`,`px-6 pb-6 md:px-8 md:pb-8`,v?`pt-5`:`pt-6 md:pt-8`,h),children:[!!s&&(0,l.jsx)(`div`,{className:`auth-card--banner mb-5`,children:s}),d]}),!!u&&(0,l.jsx)(a.o,{className:n.cn(`auth-card--footer`,`border-t border-border/60 px-6 py-4 md:px-8`,g),children:u})]})}function f(e){return!!(e&&typeof e==`object`&&!(0,c.isValidElement)(e)&&(`logo`in e||`label`in e||`description`in e||`href`in e))}function p({links:e=[],renderLink:t,LinkComponent:n}={}){let r=s.d({renderLink:t,LinkComponent:n});return{links:(0,c.useMemo)(()=>e.filter(e=>e.visible!==!1),[e]),renderLink:r}}function m({variant:e=`card`,brand:t,footer:n,footerLinks:r=[],policyLinks:i=[],languageLinks:a=[],languageSwitcher:o,postCard:l,socialProviders:u=[],splitPanel:d,renderLink:p,LinkComponent:m}={}){let h=s.d({renderLink:p,LinkComponent:m}),g=(0,c.useMemo)(()=>r.filter(e=>e.visible!==!1),[r]),_=(0,c.useMemo)(()=>i.filter(e=>e.visible!==!1),[i]),v=(0,c.useMemo)(()=>a.filter(e=>e.visible!==!1),[a]),y=(0,c.useMemo)(()=>u.filter(e=>e.visible!==!1),[u]),b=!!(t&&(f(t)?t.logo||t.label||t.description:t)),x=!!(l||n||o||g.length>0||_.length>0||v.length>0),S=!!d;return{variant:S?e:`card`,hasBrand:b,hasAfterCard:x,hasSplitPanel:S,hasSocialProviders:y.length>0,renderLink:h,footerLinks:g,policyLinks:_,languageLinks:v,socialProviders:y}}var h={socialDivider:`or continue with email`,socialProvidersLabel:`Social sign-in options`,footerLinksLabel:`Authentication links`,policyLinksLabel:`Policies`,languageLinksLabel:`Language options`},g={label:`Authentication links`},_={label:`Social sign-in options`},v={label:`Authentication method`,divider:`or`};function y({links:e,leadingIcon:r,separator:a=`·`,renderLink:o,LinkComponent:s,className:u,strings:d,...f}){let m=t.useStrings(g,d),{links:h,renderLink:_}=p({links:e,renderLink:o,LinkComponent:s});return h.length===0?null:(0,l.jsxs)(`nav`,{"aria-label":f[`aria-label`]??m.label,className:n.cn(`auth-footer-links--component`,`flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-center`,u),...f,children:[!!r&&(0,l.jsx)(`span`,{className:`auth-footer-links--icon flex shrink-0 items-center text-muted-foreground`,"aria-hidden":`true`,children:r}),h.map((e,t)=>{let r=_({href:e.href,target:e.target,rel:e.rel,external:e.external,disabled:e.disabled,onClick:e.onClick,className:n.cn(`auth-footer-links--item`,`text-muted-foreground transition-colors hover:text-foreground`,e.disabled&&`pointer-events-none opacity-50`),children:(0,l.jsx)(i.s,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})});return(0,l.jsxs)(c.Fragment,{children:[t>0&&(0,l.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,"aria-hidden":`true`,className:`auth-footer-links--separator`,children:a}),r]},e.id??t)})]})}var b=`auth-social-provider-button--component inline-flex h-9 w-full items-center justify-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium text-foreground shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50`;function x(){return(0,l.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 256 262`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,l.jsx)(`path`,{fill:`#4285F4`,d:`M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027`}),(0,l.jsx)(`path`,{fill:`#34A853`,d:`M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1`}),(0,l.jsx)(`path`,{fill:`#FBBC05`,d:`M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782`}),(0,l.jsx)(`path`,{fill:`#EB4335`,d:`M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251`})]})}function S(){return(0,l.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 23 23`,children:[(0,l.jsx)(`path`,{fill:`#f25022`,d:`M1 1h10v10H1z`}),(0,l.jsx)(`path`,{fill:`#7fba00`,d:`M12 1h10v10H12z`}),(0,l.jsx)(`path`,{fill:`#00a4ef`,d:`M1 12h10v10H1z`}),(0,l.jsx)(`path`,{fill:`#ffb900`,d:`M12 12h10v10H12z`})]})}function C(){return(0,l.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,l.jsx)(`path`,{d:`M12 2C6.48 2 2 6.58 2 12.24c0 4.53 2.87 8.37 6.84 9.73.5.09.68-.22.68-.49 0-.24-.01-.88-.01-1.73-2.78.62-3.37-1.37-3.37-1.37-.45-1.18-1.11-1.5-1.11-1.5-.91-.64.07-.63.07-.63 1 .07 1.53 1.06 1.53 1.06.9 1.57 2.36 1.12 2.93.86.09-.67.35-1.12.64-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.04 1.03-2.76-.1-.26-.45-1.31.1-2.72 0 0 .84-.28 2.75 1.05A9.32 9.32 0 0 1 12 6.95c.85 0 1.7.12 2.5.35 1.9-1.33 2.74-1.05 2.74-1.05.55 1.41.2 2.46.1 2.72.64.72 1.03 1.64 1.03 2.76 0 3.94-2.34 4.8-4.57 5.06.36.32.68.95.68 1.91 0 1.38-.01 2.49-.01 2.83 0 .27.18.59.69.49A10.12 10.12 0 0 0 22 12.24C22 6.58 17.52 2 12 2Z`})})}function w(){return(0,l.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,l.jsx)(`path`,{d:`M16.37 12.05c-.02-2.26 1.85-3.35 1.94-3.4-1.06-1.55-2.69-1.76-3.26-1.78-1.37-.14-2.7.82-3.39.82-.71 0-1.78-.8-2.93-.78-1.5.02-2.9.89-3.67 2.25-1.57 2.72-.4 6.72 1.1 8.92.76 1.08 1.64 2.29 2.79 2.25 1.13-.05 1.55-.72 2.91-.72 1.35 0 1.75.72 2.93.69 1.21-.02 1.98-1.09 2.71-2.18.87-1.24 1.22-2.46 1.23-2.52-.03-.01-2.34-.9-2.36-3.55ZM14.16 5.42c.61-.76 1.03-1.8.91-2.85-.88.04-1.98.61-2.62 1.35-.57.65-1.08 1.73-.95 2.74.99.08 2.02-.5 2.66-1.24Z`})})}function T({provider:e}){if(e.icon)return(0,l.jsx)(l.Fragment,{children:e.icon});switch(e.provider){case`google`:return(0,l.jsx)(x,{});case`github`:return(0,l.jsx)(C,{});case`microsoft`:return(0,l.jsx)(S,{});case`apple`:return(0,l.jsx)(w,{});default:return(0,l.jsx)(u.KeyRound,{className:`size-4`,"aria-hidden":`true`})}}function E({provider:e,renderLink:t,LinkComponent:a,className:o}){let c=s.d({renderLink:t,LinkComponent:a}),u=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(T,{provider:e}),(0,l.jsx)(i.s,{tag:`span`,className:`text-inherit`,children:e.label})]}),d=n.cn(b,e.disabled&&`pointer-events-none opacity-50`,o);return e.href?c({href:e.href,target:e.target,rel:e.rel,external:e.external,disabled:e.disabled,onClick:e.onClick,className:d,children:u}):(0,l.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,disabled:e.disabled,className:n.cn(`auth-social-provider-button--component`,o),onClick:t=>e.onClick?.(t),children:u})}function D({providers:e,layout:r=`stack`,renderLink:i,LinkComponent:a,className:o,strings:s,...c}){let u=t.useStrings(_,s),d=e?.filter(e=>e.visible!==!1)??[];return d.length===0?null:(0,l.jsx)(`div`,{role:`group`,"aria-label":c[`aria-label`]??u.label,"data-layout":r,className:n.cn(`auth-social-providers--component`,r===`grid`?`grid gap-2 sm:grid-cols-2`:`grid gap-2`,o),...c,children:d.map(e=>(0,l.jsx)(E,{provider:e,renderLink:i,LinkComponent:a},e.id??String(e.label)))})}var O={card:`border-border/70 bg-card`,muted:`border-border/60 bg-muted/40`};function k({eyebrow:e,title:t,description:r,media:a,features:s,footer:c,children:u,surface:d=`muted`,className:f,contentClassName:p,...m}){let h=!!(e||t||r),g=s?.filter(e=>e.title)??[];return(0,l.jsx)(`aside`,{"data-slot":`auth-split-panel`,"data-surface":d,className:n.cn(`auth-split-panel--component`,`flex min-h-full w-full flex-col justify-between overflow-hidden border`,O[d],f),...m,children:(0,l.jsxs)(`div`,{className:n.cn(`auth-split-panel--content`,`flex min-h-full flex-col justify-center gap-8 p-6 md:p-8 lg:p-10`,p),children:[!!a&&(0,l.jsx)(`div`,{className:`auth-split-panel--media overflow-hidden rounded-lg border border-border/60 bg-background/70`,children:a}),!!h&&(0,l.jsxs)(`div`,{className:`auth-split-panel--intro max-w-xl space-y-2`,children:[!!e&&(0,l.jsx)(i.s,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-split-panel--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,l.jsx)(i.o,{tag:`h2`,containerClassName:`space-y-0`,className:`auth-split-panel--title border-0 pb-0 text-xl leading-tight`,children:t}),!!r&&(0,l.jsx)(i.s,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-split-panel--description max-w-prose`,children:r})]}),g.length>0&&(0,l.jsx)(o.o,{className:`auth-split-panel--features grid gap-3`,children:g.map((e,t)=>(0,l.jsxs)(o.t,{variant:`muted`,className:`auth-split-panel--feature bg-background/70`,children:[!!e.icon&&(0,l.jsx)(o.c,{variant:`icon`,className:`text-muted-foreground`,children:e.icon}),(0,l.jsxs)(o.r,{className:`min-w-0 sm:min-w-48`,children:[(0,l.jsx)(o.u,{children:e.title}),!!e.description&&(0,l.jsx)(o.i,{clamp:`none`,children:e.description})]})]},e.id??t))}),u,!!c&&(0,l.jsx)(`div`,{className:`auth-split-panel--footer`,children:c})]})})}var A={sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`};function j(e){return!!(e&&typeof e==`object`&&!(0,c.isValidElement)(e))}function M(e){let t=!!(e.label||e.description);return(0,l.jsxs)(l.Fragment,{children:[!!e.logo&&(0,l.jsx)(`div`,{className:`auth-shell--brand-logo shrink-0`,children:e.logo}),!!t&&(0,l.jsxs)(`div`,{className:`auth-shell--brand-text min-w-0`,children:[!!e.label&&(0,l.jsx)(i.s,{tag:`div`,weight:`semibold`,className:`auth-shell--brand-label`,children:e.label}),!!e.description&&(0,l.jsx)(i.s,{tag:`div`,size:`xs`,type:`secondary`,className:`auth-shell--brand-description`,children:e.description})]})]})}function ee({brand:e,renderLink:t}){if(!e)return null;if(!f(e))return(0,l.jsx)(`div`,{className:`auth-shell--brand flex items-center justify-center`,children:e});let r=M(e),i=n.cn(`auth-shell--brand`,`inline-flex items-center justify-center gap-2.5 self-center rounded-md text-foreground`,e.href&&`transition-opacity hover:opacity-80`);return e.href?t({href:e.href,"aria-label":e.ariaLabel,className:i,children:r}):(0,l.jsx)(`div`,{className:i,children:r})}function te(e){return e?(0,c.isValidElement)(e)?e:j(e)?(0,l.jsx)(k,{...e}):null:null}function N({children:e,variant:r=`card`,size:a=`md`,align:o=`center`,brand:s,eyebrow:c,title:f,description:p,headerEnd:g,banner:_,cardMedia:v,cardMediaClassName:b,cardFooter:x,postCard:S,footer:C,footerLinks:w,policyLinks:T,languageLinks:E,languageSwitcher:O,socialProviders:k,socialProvidersLayout:j=`stack`,socialDivider:M,splitPanel:N,splitSide:P=`left`,splitMobile:F=`hidden`,renderLink:I,LinkComponent:ne,className:L,mainClassName:R,stackClassName:re,cardClassName:ie,cardContentClassName:ae,splitGridClassName:oe,splitPanelClassName:z,footerClassName:se,strings:ce,...B}){let V=t.useStrings(h,ce),{variant:H,hasBrand:U,hasAfterCard:W,hasSplitPanel:le,hasSocialProviders:ue,renderLink:G,footerLinks:K,policyLinks:q,languageLinks:J,socialProviders:de}=m({variant:r,brand:s,footer:C,footerLinks:w,policyLinks:T,languageLinks:E,languageSwitcher:O,postCard:S,socialProviders:k,splitPanel:N,renderLink:I,LinkComponent:ne}),Y=H===`split`&&le,X=te(N),Z=P===`left`,Q=F===`stacked`,fe=U?ee({brand:s,renderLink:G}):null,$=(0,l.jsx)(`main`,{className:n.cn(`auth-shell--main`,`flex min-h-svh w-full items-center justify-center px-4 py-8 sm:px-6 md:px-8`,o===`start`&&`items-start pt-12`,Y&&`lg:min-h-svh`,R),children:(0,l.jsxs)(`div`,{className:n.cn(`auth-shell--stack`,`flex w-full flex-col gap-5`,A[a],re),children:[fe,(0,l.jsxs)(d,{eyebrow:c,title:f,description:p,headerEnd:g,banner:_,media:v,mediaClassName:b,footer:x,className:ie,contentClassName:ae,children:[!!ue&&(0,l.jsxs)(`div`,{className:`auth-shell--social mb-4 grid gap-4`,children:[(0,l.jsx)(D,{providers:de,layout:j,renderLink:G,strings:{label:V.socialProvidersLabel}}),(0,l.jsxs)(`div`,{className:`auth-shell--social-divider flex items-center gap-3`,children:[(0,l.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,l.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,children:M??V.socialDivider}),(0,l.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]})]}),e]}),!!W&&(0,l.jsxs)(`div`,{className:n.cn(`auth-shell--after-card`,`flex flex-col items-center gap-3 text-center`,se),children:[!!S&&(0,l.jsx)(`div`,{className:`auth-shell--post-card`,children:S}),!!O&&(0,l.jsx)(`div`,{className:`auth-shell--language-switcher`,children:O}),J.length>0&&(0,l.jsx)(y,{className:`auth-shell--language-links`,links:J,leadingIcon:(0,l.jsx)(u.Globe2,{className:`size-3.5`}),renderLink:G,strings:{label:V.languageLinksLabel}}),K.length>0&&(0,l.jsx)(y,{className:`auth-shell--footer-links`,links:K,renderLink:G,strings:{label:V.footerLinksLabel}}),q.length>0&&(0,l.jsx)(y,{className:`auth-shell--policy-links`,links:q,renderLink:G,strings:{label:V.policyLinksLabel}}),!!C&&(0,l.jsx)(`div`,{className:`auth-shell--footer`,children:C})]})]})});return Y?(0,l.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`split`,"data-split-side":P,"data-split-mobile":F,className:n.cn(`auth-shell--component`,`min-h-svh bg-background text-foreground`,L),...B,children:(0,l.jsxs)(`div`,{className:n.cn(`auth-shell--split-grid min-h-svh lg:grid`,Z?`lg:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]`:`lg:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]`,oe),children:[!!Z&&(0,l.jsx)(`div`,{className:n.cn(`auth-shell--split-panel`,Q?`block`:`hidden lg:block`,z),children:X}),$,!Z&&(0,l.jsx)(`div`,{className:n.cn(`auth-shell--split-panel`,Q?`block`:`hidden lg:block`,z),children:X})]})}):(0,l.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`card`,className:n.cn(`auth-shell--component`,`min-h-svh bg-background text-foreground`,L),...B,children:$})}function P(e){return e.find(e=>!e.disabled)}function F({options:e=[],value:t,defaultValue:n,onValueChange:r}={}){let i=c.useMemo(()=>e.filter(e=>e.visible!==!1),[e]),a=n??P(i)?.id,[o,s]=c.useState(a),l=t!==void 0,u=l?t:o,d=i.find(e=>e.id===u),f=c.useCallback(e=>{let t=i.find(t=>t.id===e);!t||t.disabled||(l||s(e),r?.(e,t))},[l,r,i]);return c.useEffect(()=>{l||d||i.length===0||s(P(i)?.id)},[l,d,i]),{value:u,selectedOption:d,options:i,setValue:f}}function I({options:e=[],value:a,defaultValue:o,onValueChange:s,layout:c=`stack`,divider:u,className:d,strings:f,...p}){let m=t.useStrings(v,f),{"aria-label":h,...g}=p,{value:_,options:y,setValue:b}=F({options:e,value:a,defaultValue:o,onValueChange:s});return y.length===0?null:(0,l.jsxs)(`div`,{className:n.cn(`auth-method-switch--component grid gap-3`,d),...g,children:[u!==null&&u!==!1&&(0,l.jsxs)(`div`,{className:`auth-method-switch--divider flex items-center gap-3`,children:[(0,l.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,l.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,children:u??m.divider}),(0,l.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]}),(0,l.jsx)(`div`,{role:`group`,"aria-label":h??m.label,"data-layout":c,className:n.cn(`auth-method-switch--options`,c===`grid`&&`grid gap-2 sm:grid-cols-2`,c===`stack`&&`grid gap-2`,c===`segmented`&&`grid grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-1 rounded-lg border border-border bg-muted/40 p-1`),...p,children:y.map(e=>{let t=e.id===_,a=c===`segmented`;return(0,l.jsx)(r.t,{type:`button`,"aria-pressed":t,disabled:e.disabled,variant:t?`dark`:`secondary`,buttonStyle:t?`solid`:a?`ghost`:`outline`,fullWidth:!0,className:n.cn(`auth-method-switch--option`,`h-auto min-h-10 justify-start rounded-md px-3 py-2.5 text-start`,a&&`min-h-9 justify-center border-0 px-2 py-2 text-center shadow-none min-[480px]:px-3 min-[480px]:text-start`,t&&`auth-method-switch--option-selected`),onClick:()=>b(e.id),children:(0,l.jsxs)(`span`,{className:n.cn(`auth-method-switch--option-inner flex min-w-0 items-center gap-2`,a&&`w-full flex-col justify-center gap-1 min-[480px]:w-auto min-[480px]:flex-row min-[480px]:justify-start min-[480px]:gap-2`),children:[!!e.icon&&(0,l.jsx)(`span`,{className:`auth-method-switch--option-icon shrink-0`,"aria-hidden":`true`,children:e.icon}),(0,l.jsxs)(`span`,{className:n.cn(`auth-method-switch--option-copy grid min-w-0 gap-0.5`,a&&`justify-items-center min-[480px]:justify-items-start`),children:[(0,l.jsx)(i.s,{tag:`span`,size:`xs`,weight:`semibold`,className:n.cn(`max-w-full text-inherit leading-tight`,a?`text-center min-[480px]:truncate min-[480px]:text-start`:`text-start`),children:e.label}),!!e.description&&(0,l.jsx)(i.s,{tag:`span`,size:`xxs`,className:n.cn(a?`hidden min-[480px]:block min-[480px]:truncate`:`text-start leading-snug`,t?`text-inherit opacity-75`:`text-muted-foreground`),children:e.description})]})]})},e.id)})})]})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return h}});
+//# sourceMappingURL=auth-B_KVUjsB.cjs.map

package/dist/_shared/auth-B_KVUjsB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-B_KVUjsB.cjs","names":[],"sources":["../../src/components/layout/auth/auth-card.tsx","../../src/components/layout/auth/auth-hooks.tsx","../../src/components/layout/auth/auth.strings.ts","../../src/components/layout/auth/auth-footer-links.tsx","../../src/components/layout/auth/auth-social-providers.tsx","../../src/components/layout/auth/auth-split-panel.tsx","../../src/components/layout/auth/auth-shell.tsx","../../src/components/layout/auth/auth-method-switch.tsx"],"sourcesContent":["import {\n\tCardContent,\n\tCardFooter,\n\tCardShell,\n} from '@/components/base/cards';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type { AuthCardProps } from './auth.types';\n\nexport function AuthCard({\n\teyebrow,\n\ttitle,\n\tdescription,\n\theaderEnd,\n\tbanner,\n\tmedia,\n\tfooter,\n\tchildren,\n\tclassName,\n\theaderClassName,\n\tmediaClassName,\n\tcontentClassName,\n\tfooterClassName,\n\t...props\n}: AuthCardProps) {\n\tconst hasHeader = Boolean(eyebrow || title || description || headerEnd);\n\n\treturn (\n\t\t<CardShell\n\t\t\tdata-slot=\"auth-card\"\n\t\t\tclassName={cn(\n\t\t\t\t'auth-card--component',\n\t\t\t\t'gap-0 overflow-hidden rounded-lg border border-border/70 bg-card py-0 shadow-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{!!media && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'auth-card--media',\n\t\t\t\t\t\t'min-h-12 border-b border-border/60 bg-muted/50',\n\t\t\t\t\t\tmediaClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{media}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!hasHeader && (\n\t\t\t\t<header\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'auth-card--header',\n\t\t\t\t\t\t'flex items-start justify-between gap-4 px-6 pt-6 md:px-8 md:pt-8',\n\t\t\t\t\t\theaderClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"min-w-0 space-y-1.5\">\n\t\t\t\t\t\t{!!eyebrow && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName=\"auth-card--eyebrow uppercase tracking-wide\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{eyebrow}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\ttag=\"h1\"\n\t\t\t\t\t\t\t\tcontainerClassName=\"space-y-0\"\n\t\t\t\t\t\t\t\tclassName=\"auth-card--title border-0 pb-0 text-lg leading-tight\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tlineHeight=\"relaxed\"\n\t\t\t\t\t\t\t\tclassName=\"auth-card--description max-w-prose\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!headerEnd && (\n\t\t\t\t\t\t<div className=\"auth-card--header-end shrink-0\">\n\t\t\t\t\t\t\t{headerEnd}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t<CardContent\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-card--content',\n\t\t\t\t\t'px-6 pb-6 md:px-8 md:pb-8',\n\t\t\t\t\thasHeader ? 'pt-5' : 'pt-6 md:pt-8',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!banner && <div className=\"auth-card--banner mb-5\">{banner}</div>}\n\t\t\t\t{children}\n\t\t\t</CardContent>\n\n\t\t\t{!!footer && (\n\t\t\t\t<CardFooter\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'auth-card--footer',\n\t\t\t\t\t\t'border-t border-border/60 px-6 py-4 md:px-8',\n\t\t\t\t\t\tfooterClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{footer}\n\t\t\t\t</CardFooter>\n\t\t\t)}\n\t\t</CardShell>\n\t);\n}\n","import { isValidElement, useMemo } from 'react';\n\nimport { useLayoutLinkRenderer } from '../hooks';\nimport type {\n\tAuthBrand,\n\tAuthBrandConfig,\n\tUseAuthLinksOptions,\n\tUseAuthLinksReturn,\n\tUseAuthShellOptions,\n\tUseAuthShellReturn,\n} from './auth.types';\n\nexport function isAuthBrandConfig(brand: AuthBrand | undefined): brand is AuthBrandConfig {\n\treturn Boolean(\n\t\tbrand &&\n\t\t\ttypeof brand === 'object' &&\n\t\t\t!isValidElement(brand) &&\n\t\t\t('logo' in brand || 'label' in brand || 'description' in brand || 'href' in brand),\n\t);\n}\n\nexport function useAuthLinks({\n\tlinks = [],\n\trenderLink,\n\tLinkComponent,\n}: UseAuthLinksOptions = {}): UseAuthLinksReturn {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst visibleLinks = useMemo(\n\t\t() => links.filter((link) => link.visible !== false),\n\t\t[links],\n\t);\n\n\treturn {\n\t\tlinks: visibleLinks,\n\t\trenderLink: resolvedRenderLink,\n\t};\n}\n\nexport function useAuthShell({\n\tvariant = 'card',\n\tbrand,\n\tfooter,\n\tfooterLinks = [],\n\tpolicyLinks = [],\n\tlanguageLinks = [],\n\tlanguageSwitcher,\n\tpostCard,\n\tsocialProviders = [],\n\tsplitPanel,\n\trenderLink,\n\tLinkComponent,\n}: UseAuthShellOptions = {}): UseAuthShellReturn {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst visibleFooterLinks = useMemo(\n\t\t() => footerLinks.filter((link) => link.visible !== false),\n\t\t[footerLinks],\n\t);\n\tconst visiblePolicyLinks = useMemo(\n\t\t() => policyLinks.filter((link) => link.visible !== false),\n\t\t[policyLinks],\n\t);\n\tconst visibleLanguageLinks = useMemo(\n\t\t() => languageLinks.filter((link) => link.visible !== false),\n\t\t[languageLinks],\n\t);\n\tconst visibleSocialProviders = useMemo(\n\t\t() => socialProviders.filter((provider) => provider.visible !== false),\n\t\t[socialProviders],\n\t);\n\tconst hasBrand = Boolean(\n\t\tbrand &&\n\t\t\t(isAuthBrandConfig(brand)\n\t\t\t\t? brand.logo || brand.label || brand.description\n\t\t\t\t: brand),\n\t);\n\tconst hasAfterCard = Boolean(\n\t\tpostCard ||\n\t\t\tfooter ||\n\t\t\tlanguageSwitcher ||\n\t\t\tvisibleFooterLinks.length > 0 ||\n\t\t\tvisiblePolicyLinks.length > 0 ||\n\t\t\tvisibleLanguageLinks.length > 0,\n\t);\n\tconst hasSplitPanel = Boolean(splitPanel);\n\n\treturn {\n\t\tvariant: hasSplitPanel ? variant : 'card',\n\t\thasBrand,\n\t\thasAfterCard,\n\t\thasSplitPanel,\n\t\thasSocialProviders: visibleSocialProviders.length > 0,\n\t\trenderLink: resolvedRenderLink,\n\t\tfooterLinks: visibleFooterLinks,\n\t\tpolicyLinks: visiblePolicyLinks,\n\t\tlanguageLinks: visibleLanguageLinks,\n\t\tsocialProviders: visibleSocialProviders,\n\t};\n}\n","export interface AuthShellStrings {\n\tsocialDivider: string;\n\tsocialProvidersLabel: string;\n\tfooterLinksLabel: string;\n\tpolicyLinksLabel: string;\n\tlanguageLinksLabel: string;\n}\n\nexport const defaultAuthShellStrings: AuthShellStrings = {\n\tsocialDivider: 'or continue with email',\n\tsocialProvidersLabel: 'Social sign-in options',\n\tfooterLinksLabel: 'Authentication links',\n\tpolicyLinksLabel: 'Policies',\n\tlanguageLinksLabel: 'Language options',\n};\n\nexport interface AuthFooterLinksStrings {\n\tlabel: string;\n}\n\nexport const defaultAuthFooterLinksStrings: AuthFooterLinksStrings = {\n\tlabel: 'Authentication links',\n};\n\nexport interface AuthSocialProvidersStrings {\n\tlabel: string;\n}\n\nexport const defaultAuthSocialProvidersStrings: AuthSocialProvidersStrings = {\n\tlabel: 'Social sign-in options',\n};\n\nexport interface AuthMethodSwitchStrings {\n\tlabel: string;\n\tdivider: string;\n}\n\nexport const defaultAuthMethodSwitchStrings: AuthMethodSwitchStrings = {\n\tlabel: 'Authentication method',\n\tdivider: 'or',\n};\n","import { Fragment } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useAuthLinks } from './auth-hooks';\nimport { defaultAuthFooterLinksStrings } from './auth.strings';\nimport type { AuthFooterLinksProps } from './auth.types';\n\nexport function AuthFooterLinks({\n\tlinks,\n\tleadingIcon,\n\tseparator = '·',\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}: AuthFooterLinksProps) {\n\tconst strings = useStrings(defaultAuthFooterLinksStrings, stringsProp);\n\tconst { links: visibleLinks, renderLink: resolvedRenderLink } = useAuthLinks({\n\t\tlinks,\n\t\trenderLink,\n\t\tLinkComponent,\n\t});\n\n\tif (visibleLinks.length === 0) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<nav\n\t\t\taria-label={props['aria-label'] ?? strings.label}\n\t\t\tclassName={cn(\n\t\t\t\t'auth-footer-links--component',\n\t\t\t\t'flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-center',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{!!leadingIcon && (\n\t\t\t\t<span className=\"auth-footer-links--icon flex shrink-0 items-center text-muted-foreground\" aria-hidden=\"true\">\n\t\t\t\t\t{leadingIcon}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t{visibleLinks.map((link, index) => {\n\t\t\t\tconst linkNode = resolvedRenderLink({\n\t\t\t\t\thref: link.href,\n\t\t\t\t\ttarget: link.target,\n\t\t\t\t\trel: link.rel,\n\t\t\t\t\texternal: link.external,\n\t\t\t\t\tdisabled: link.disabled,\n\t\t\t\t\tonClick: link.onClick,\n\t\t\t\t\tclassName: cn(\n\t\t\t\t\t\t'auth-footer-links--item',\n\t\t\t\t\t\t'text-muted-foreground transition-colors hover:text-foreground',\n\t\t\t\t\t\tlink.disabled && 'pointer-events-none opacity-50',\n\t\t\t\t\t),\n\t\t\t\t\tchildren: (\n\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className=\"text-inherit\">\n\t\t\t\t\t\t\t{link.label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t),\n\t\t\t\t});\n\n\t\t\t\treturn (\n\t\t\t\t\t<Fragment key={link.id ?? index}>\n\t\t\t\t\t\t{index > 0 && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName=\"auth-footer-links--separator\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{separator}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{linkNode}\n\t\t\t\t\t</Fragment>\n\t\t\t\t);\n\t\t\t})}\n\t\t</nav>\n\t);\n}\n","import { KeyRound } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../hooks';\nimport { defaultAuthSocialProvidersStrings } from './auth.strings';\nimport type {\n\tAuthSocialProvider,\n\tAuthSocialProviderButtonProps,\n\tAuthSocialProvidersProps,\n} from './auth.types';\n\nconst PROVIDER_BUTTON_CLASS = 'auth-social-provider-button--component inline-flex h-9 w-full items-center justify-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium text-foreground shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50';\n\nfunction GoogleMark() {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"size-4\"\n\t\t\tviewBox=\"0 0 256 262\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<path fill=\"#4285F4\" d=\"M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027\" />\n\t\t\t<path fill=\"#34A853\" d=\"M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1\" />\n\t\t\t<path fill=\"#FBBC05\" d=\"M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782\" />\n\t\t\t<path fill=\"#EB4335\" d=\"M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251\" />\n\t\t</svg>\n\t);\n}\n\nfunction MicrosoftMark() {\n\treturn (\n\t\t<svg aria-hidden=\"true\" className=\"size-4\" viewBox=\"0 0 23 23\">\n\t\t\t<path fill=\"#f25022\" d=\"M1 1h10v10H1z\" />\n\t\t\t<path fill=\"#7fba00\" d=\"M12 1h10v10H12z\" />\n\t\t\t<path fill=\"#00a4ef\" d=\"M1 12h10v10H1z\" />\n\t\t\t<path fill=\"#ffb900\" d=\"M12 12h10v10H12z\" />\n\t\t</svg>\n\t);\n}\n\nfunction GithubMark() {\n\treturn (\n\t\t<svg aria-hidden=\"true\" className=\"size-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t<path d=\"M12 2C6.48 2 2 6.58 2 12.24c0 4.53 2.87 8.37 6.84 9.73.5.09.68-.22.68-.49 0-.24-.01-.88-.01-1.73-2.78.62-3.37-1.37-3.37-1.37-.45-1.18-1.11-1.5-1.11-1.5-.91-.64.07-.63.07-.63 1 .07 1.53 1.06 1.53 1.06.9 1.57 2.36 1.12 2.93.86.09-.67.35-1.12.64-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.04 1.03-2.76-.1-.26-.45-1.31.1-2.72 0 0 .84-.28 2.75 1.05A9.32 9.32 0 0 1 12 6.95c.85 0 1.7.12 2.5.35 1.9-1.33 2.74-1.05 2.74-1.05.55 1.41.2 2.46.1 2.72.64.72 1.03 1.64 1.03 2.76 0 3.94-2.34 4.8-4.57 5.06.36.32.68.95.68 1.91 0 1.38-.01 2.49-.01 2.83 0 .27.18.59.69.49A10.12 10.12 0 0 0 22 12.24C22 6.58 17.52 2 12 2Z\" />\n\t\t</svg>\n\t);\n}\n\nfunction AppleMark() {\n\treturn (\n\t\t<svg aria-hidden=\"true\" className=\"size-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t<path d=\"M16.37 12.05c-.02-2.26 1.85-3.35 1.94-3.4-1.06-1.55-2.69-1.76-3.26-1.78-1.37-.14-2.7.82-3.39.82-.71 0-1.78-.8-2.93-.78-1.5.02-2.9.89-3.67 2.25-1.57 2.72-.4 6.72 1.1 8.92.76 1.08 1.64 2.29 2.79 2.25 1.13-.05 1.55-.72 2.91-.72 1.35 0 1.75.72 2.93.69 1.21-.02 1.98-1.09 2.71-2.18.87-1.24 1.22-2.46 1.23-2.52-.03-.01-2.34-.9-2.36-3.55ZM14.16 5.42c.61-.76 1.03-1.8.91-2.85-.88.04-1.98.61-2.62 1.35-.57.65-1.08 1.73-.95 2.74.99.08 2.02-.5 2.66-1.24Z\" />\n\t\t</svg>\n\t);\n}\n\nfunction ProviderIcon({ provider }: { provider: AuthSocialProvider }) {\n\tif (provider.icon) return <>{provider.icon}</>;\n\tswitch (provider.provider) {\n\t\tcase 'google':\n\t\t\treturn <GoogleMark />;\n\t\tcase 'github':\n\t\t\treturn <GithubMark />;\n\t\tcase 'microsoft':\n\t\t\treturn <MicrosoftMark />;\n\t\tcase 'apple':\n\t\t\treturn <AppleMark />;\n\t\tdefault:\n\t\t\treturn <KeyRound className=\"size-4\" aria-hidden=\"true\" />;\n\t}\n}\n\nexport function AuthSocialProviderButton({\n\tprovider,\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n}: AuthSocialProviderButtonProps) {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst content = (\n\t\t<>\n\t\t\t<ProviderIcon provider={provider} />\n\t\t\t<Text tag=\"span\" className=\"text-inherit\">\n\t\t\t\t{provider.label}\n\t\t\t</Text>\n\t\t</>\n\t);\n\tconst buttonClassName = cn(\n\t\tPROVIDER_BUTTON_CLASS,\n\t\tprovider.disabled && 'pointer-events-none opacity-50',\n\t\tclassName,\n\t);\n\n\tif (provider.href) {\n\t\treturn resolvedRenderLink({\n\t\t\thref: provider.href,\n\t\t\ttarget: provider.target,\n\t\t\trel: provider.rel,\n\t\t\texternal: provider.external,\n\t\t\tdisabled: provider.disabled,\n\t\t\tonClick: provider.onClick,\n\t\t\tclassName: buttonClassName,\n\t\t\tchildren: content,\n\t\t});\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"secondary\"\n\t\t\tbuttonStyle=\"outline\"\n\t\t\tfullWidth\n\t\t\tdisabled={provider.disabled}\n\t\t\tclassName={cn('auth-social-provider-button--component', className)}\n\t\t\tonClick={(event) => provider.onClick?.(event)}\n\t\t>\n\t\t\t{content}\n\t\t</Button>\n\t);\n}\n\nexport function AuthSocialProviders({\n\tproviders,\n\tlayout = 'stack',\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}: AuthSocialProvidersProps) {\n\tconst strings = useStrings(defaultAuthSocialProvidersStrings, stringsProp);\n\tconst visibleProviders = providers?.filter((provider) => provider.visible !== false) ?? [];\n\n\tif (visibleProviders.length === 0) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\taria-label={props['aria-label'] ?? strings.label}\n\t\t\tdata-layout={layout}\n\t\t\tclassName={cn(\n\t\t\t\t'auth-social-providers--component',\n\t\t\t\tlayout === 'grid' ? 'grid gap-2 sm:grid-cols-2' : 'grid gap-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{visibleProviders.map((provider) => (\n\t\t\t\t<AuthSocialProviderButton\n\t\t\t\t\tkey={provider.id ?? String(provider.label)}\n\t\t\t\t\tprovider={provider}\n\t\t\t\t\trenderLink={renderLink}\n\t\t\t\t\tLinkComponent={LinkComponent}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n","import {\n\tItem,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type { AuthSplitPanelProps } from './auth.types';\n\nconst SURFACE_CLASS: Record<NonNullable<AuthSplitPanelProps['surface']>, string> = {\n\tcard: 'border-border/70 bg-card',\n\tmuted: 'border-border/60 bg-muted/40',\n};\n\nexport function AuthSplitPanel({\n\teyebrow,\n\ttitle,\n\tdescription,\n\tmedia,\n\tfeatures,\n\tfooter,\n\tchildren,\n\tsurface = 'muted',\n\tclassName,\n\tcontentClassName,\n\t...props\n}: AuthSplitPanelProps) {\n\tconst hasIntro = Boolean(eyebrow || title || description);\n\tconst visibleFeatures = features?.filter((feature) => feature.title) ?? [];\n\n\treturn (\n\t\t<aside\n\t\t\tdata-slot=\"auth-split-panel\"\n\t\t\tdata-surface={surface}\n\t\t\tclassName={cn(\n\t\t\t\t'auth-split-panel--component',\n\t\t\t\t'flex min-h-full w-full flex-col justify-between overflow-hidden border',\n\t\t\t\tSURFACE_CLASS[surface],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-split-panel--content',\n\t\t\t\t\t'flex min-h-full flex-col justify-center gap-8 p-6 md:p-8 lg:p-10',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!media && (\n\t\t\t\t\t<div className=\"auth-split-panel--media overflow-hidden rounded-lg border border-border/60 bg-background/70\">\n\t\t\t\t\t\t{media}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!hasIntro && (\n\t\t\t\t\t<div className=\"auth-split-panel--intro max-w-xl space-y-2\">\n\t\t\t\t\t\t{!!eyebrow && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName=\"auth-split-panel--eyebrow uppercase tracking-wide\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{eyebrow}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\ttag=\"h2\"\n\t\t\t\t\t\t\t\tcontainerClassName=\"space-y-0\"\n\t\t\t\t\t\t\t\tclassName=\"auth-split-panel--title border-0 pb-0 text-xl leading-tight\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tlineHeight=\"relaxed\"\n\t\t\t\t\t\t\t\tclassName=\"auth-split-panel--description max-w-prose\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{visibleFeatures.length > 0 && (\n\t\t\t\t\t<ItemGroup className=\"auth-split-panel--features grid gap-3\">\n\t\t\t\t\t\t{visibleFeatures.map((feature, index) => (\n\t\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\t\tkey={feature.id ?? index}\n\t\t\t\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\t\t\t\tclassName=\"auth-split-panel--feature bg-background/70\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!feature.icon && (\n\t\t\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t{feature.icon}\n\t\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<ItemContent className=\"min-w-0 sm:min-w-48\">\n\t\t\t\t\t\t\t\t\t<ItemTitle>{feature.title}</ItemTitle>\n\t\t\t\t\t\t\t\t\t{!!feature.description && (\n\t\t\t\t\t\t\t\t\t\t<ItemDescription clamp=\"none\">{feature.description}</ItemDescription>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t</Item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t)}\n\n\t\t\t\t{children}\n\n\t\t\t\t{!!footer && (\n\t\t\t\t\t<div className=\"auth-split-panel--footer\">\n\t\t\t\t\t\t{footer}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</aside>\n\t);\n}\n","import { Globe2 } from 'lucide-react';\nimport { isValidElement, type ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { AuthCard } from './auth-card';\nimport { AuthFooterLinks } from './auth-footer-links';\nimport { isAuthBrandConfig, useAuthShell } from './auth-hooks';\nimport { defaultAuthShellStrings } from './auth.strings';\nimport { AuthSocialProviders } from './auth-social-providers';\nimport { AuthSplitPanel } from './auth-split-panel';\nimport type {\n\tAuthBrand,\n\tAuthBrandConfig,\n\tAuthShellProps,\n\tAuthSplitPanelProps,\n} from './auth.types';\n\nconst SIZE_CLASS: Record<NonNullable<AuthShellProps['size']>, string> = {\n\tsm: 'max-w-sm',\n\tmd: 'max-w-md',\n\tlg: 'max-w-lg',\n};\n\nfunction isSplitPanelProps(panel: AuthShellProps['splitPanel']): panel is AuthSplitPanelProps {\n\treturn Boolean(panel && typeof panel === 'object' && !isValidElement(panel));\n}\n\nfunction renderBrandContent(brand: AuthBrandConfig): ReactNode {\n\tconst hasText = Boolean(brand.label || brand.description);\n\n\treturn (\n\t\t<>\n\t\t\t{!!brand.logo && (\n\t\t\t\t<div className=\"auth-shell--brand-logo shrink-0\">\n\t\t\t\t\t{brand.logo}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{!!hasText && (\n\t\t\t\t<div className=\"auth-shell--brand-text min-w-0\">\n\t\t\t\t\t{!!brand.label && (\n\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"auth-shell--brand-label\">\n\t\t\t\t\t\t\t{brand.label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!brand.description && (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\tclassName=\"auth-shell--brand-description\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{brand.description}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nfunction renderBrand({\n\tbrand,\n\trenderLink,\n}: {\n\tbrand?: AuthBrand;\n\trenderLink: NonNullable<AuthShellProps['renderLink']>;\n}) {\n\tif (!brand) return null;\n\n\tif (!isAuthBrandConfig(brand)) {\n\t\treturn (\n\t\t\t<div className=\"auth-shell--brand flex items-center justify-center\">\n\t\t\t\t{brand}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst content = renderBrandContent(brand);\n\tconst className = cn(\n\t\t'auth-shell--brand',\n\t\t'inline-flex items-center justify-center gap-2.5 self-center rounded-md text-foreground',\n\t\tbrand.href && 'transition-opacity hover:opacity-80',\n\t);\n\n\tif (brand.href) {\n\t\treturn renderLink({\n\t\t\thref: brand.href,\n\t\t\t'aria-label': brand.ariaLabel,\n\t\t\tclassName,\n\t\t\tchildren: content,\n\t\t});\n\t}\n\n\treturn <div className={className}>{content}</div>;\n}\n\nfunction renderSplitPanel(panel: AuthShellProps['splitPanel']) {\n\tif (!panel) return null;\n\tif (isValidElement(panel)) return panel;\n\tif (isSplitPanelProps(panel)) return <AuthSplitPanel {...panel} />;\n\treturn null;\n}\n\nexport function AuthShell({\n\tchildren,\n\tvariant: variantProp = 'card',\n\tsize = 'md',\n\talign = 'center',\n\tbrand,\n\teyebrow,\n\ttitle,\n\tdescription,\n\theaderEnd,\n\tbanner,\n\tcardMedia,\n\tcardMediaClassName,\n\tcardFooter,\n\tpostCard,\n\tfooter,\n\tfooterLinks,\n\tpolicyLinks,\n\tlanguageLinks,\n\tlanguageSwitcher,\n\tsocialProviders,\n\tsocialProvidersLayout = 'stack',\n\tsocialDivider,\n\tsplitPanel,\n\tsplitSide = 'left',\n\tsplitMobile = 'hidden',\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n\tmainClassName,\n\tstackClassName,\n\tcardClassName,\n\tcardContentClassName,\n\tsplitGridClassName,\n\tsplitPanelClassName,\n\tfooterClassName,\n\tstrings: stringsProp,\n\t...props\n}: AuthShellProps) {\n\tconst strings = useStrings(defaultAuthShellStrings, stringsProp);\n\tconst {\n\t\tvariant,\n\t\thasBrand,\n\t\thasAfterCard,\n\t\thasSplitPanel,\n\t\thasSocialProviders,\n\t\trenderLink: resolvedRenderLink,\n\t\tfooterLinks: visibleFooterLinks,\n\t\tpolicyLinks: visiblePolicyLinks,\n\t\tlanguageLinks: visibleLanguageLinks,\n\t\tsocialProviders: visibleSocialProviders,\n\t} = useAuthShell({\n\t\tvariant: variantProp,\n\t\tbrand,\n\t\tfooter,\n\t\tfooterLinks,\n\t\tpolicyLinks,\n\t\tlanguageLinks,\n\t\tlanguageSwitcher,\n\t\tpostCard,\n\t\tsocialProviders,\n\t\tsplitPanel,\n\t\trenderLink,\n\t\tLinkComponent,\n\t});\n\tconst isSplit = variant === 'split' && hasSplitPanel;\n\tconst panel = renderSplitPanel(splitPanel);\n\tconst panelFirst = splitSide === 'left';\n\tconst showStackedPanel = splitMobile === 'stacked';\n\tconst brandNode = hasBrand ? renderBrand({ brand, renderLink: resolvedRenderLink }) : null;\n\n\tconst main = (\n\t\t<main\n\t\t\tclassName={cn(\n\t\t\t\t'auth-shell--main',\n\t\t\t\t'flex min-h-svh w-full items-center justify-center px-4 py-8 sm:px-6 md:px-8',\n\t\t\t\talign === 'start' && 'items-start pt-12',\n\t\t\t\tisSplit && 'lg:min-h-svh',\n\t\t\t\tmainClassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-shell--stack',\n\t\t\t\t\t'flex w-full flex-col gap-5',\n\t\t\t\t\tSIZE_CLASS[size],\n\t\t\t\t\tstackClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{brandNode}\n\n\t\t\t\t<AuthCard\n\t\t\t\t\teyebrow={eyebrow}\n\t\t\t\t\ttitle={title}\n\t\t\t\t\tdescription={description}\n\t\t\t\t\theaderEnd={headerEnd}\n\t\t\t\t\tbanner={banner}\n\t\t\t\t\tmedia={cardMedia}\n\t\t\t\t\tmediaClassName={cardMediaClassName}\n\t\t\t\t\tfooter={cardFooter}\n\t\t\t\t\tclassName={cardClassName}\n\t\t\t\t\tcontentClassName={cardContentClassName}\n\t\t\t\t>\n\t\t\t\t\t{!!hasSocialProviders && (\n\t\t\t\t\t\t<div className=\"auth-shell--social mb-4 grid gap-4\">\n\t\t\t\t\t\t\t<AuthSocialProviders\n\t\t\t\t\t\t\t\tproviders={visibleSocialProviders}\n\t\t\t\t\t\t\t\tlayout={socialProvidersLayout}\n\t\t\t\t\t\t\t\trenderLink={resolvedRenderLink}\n\t\t\t\t\t\t\t\tstrings={{ label: strings.socialProvidersLabel }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className=\"auth-shell--social-divider flex items-center gap-3\">\n\t\t\t\t\t\t\t\t<span className=\"h-px min-w-0 flex-1 bg-border\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t{socialDivider ?? strings.socialDivider}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t<span className=\"h-px min-w-0 flex-1 bg-border\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{children}\n\t\t\t\t</AuthCard>\n\n\t\t\t\t{!!hasAfterCard && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'auth-shell--after-card',\n\t\t\t\t\t\t\t'flex flex-col items-center gap-3 text-center',\n\t\t\t\t\t\t\tfooterClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!postCard && <div className=\"auth-shell--post-card\">{postCard}</div>}\n\t\t\t\t\t\t{!!languageSwitcher && (\n\t\t\t\t\t\t\t<div className=\"auth-shell--language-switcher\">\n\t\t\t\t\t\t\t\t{languageSwitcher}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{visibleLanguageLinks.length > 0 && (\n\t\t\t\t\t\t\t<AuthFooterLinks\n\t\t\t\t\t\t\t\tclassName=\"auth-shell--language-links\"\n\t\t\t\t\t\t\t\tlinks={visibleLanguageLinks}\n\t\t\t\t\t\t\t\tleadingIcon={<Globe2 className=\"size-3.5\" />}\n\t\t\t\t\t\t\t\trenderLink={resolvedRenderLink}\n\t\t\t\t\t\t\t\tstrings={{ label: strings.languageLinksLabel }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{visibleFooterLinks.length > 0 && (\n\t\t\t\t\t\t\t<AuthFooterLinks\n\t\t\t\t\t\t\t\tclassName=\"auth-shell--footer-links\"\n\t\t\t\t\t\t\t\tlinks={visibleFooterLinks}\n\t\t\t\t\t\t\t\trenderLink={resolvedRenderLink}\n\t\t\t\t\t\t\t\tstrings={{ label: strings.footerLinksLabel }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{visiblePolicyLinks.length > 0 && (\n\t\t\t\t\t\t\t<AuthFooterLinks\n\t\t\t\t\t\t\t\tclassName=\"auth-shell--policy-links\"\n\t\t\t\t\t\t\t\tlinks={visiblePolicyLinks}\n\t\t\t\t\t\t\t\trenderLink={resolvedRenderLink}\n\t\t\t\t\t\t\t\tstrings={{ label: strings.policyLinksLabel }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!footer && <div className=\"auth-shell--footer\">{footer}</div>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</main>\n\t);\n\n\tif (!isSplit) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tdata-slot=\"auth-shell\"\n\t\t\t\tdata-variant=\"card\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-shell--component',\n\t\t\t\t\t'min-h-svh bg-background text-foreground',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{main}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"auth-shell\"\n\t\t\tdata-variant=\"split\"\n\t\t\tdata-split-side={splitSide}\n\t\t\tdata-split-mobile={splitMobile}\n\t\t\tclassName={cn(\n\t\t\t\t'auth-shell--component',\n\t\t\t\t'min-h-svh bg-background text-foreground',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-shell--split-grid min-h-svh lg:grid',\n\t\t\t\t\tpanelFirst\n\t\t\t\t\t\t? 'lg:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]'\n\t\t\t\t\t\t: 'lg:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]',\n\t\t\t\t\tsplitGridClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!panelFirst && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'auth-shell--split-panel',\n\t\t\t\t\t\t\tshowStackedPanel ? 'block' : 'hidden lg:block',\n\t\t\t\t\t\t\tsplitPanelClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{panel}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{main}\n\t\t\t\t{!panelFirst && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'auth-shell--split-panel',\n\t\t\t\t\t\t\tshowStackedPanel ? 'block' : 'hidden lg:block',\n\t\t\t\t\t\t\tsplitPanelClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{panel}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","import * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultAuthMethodSwitchStrings } from './auth.strings';\nimport type {\n\tAuthMethodOption,\n\tAuthMethodSwitchProps,\n\tUseAuthMethodSwitchOptions,\n\tUseAuthMethodSwitchReturn,\n} from './auth.types';\n\nfunction firstEnabledOption(options: AuthMethodOption[]) {\n\treturn options.find((option) => !option.disabled);\n}\n\nexport function useAuthMethodSwitch({\n\toptions = [],\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n}: UseAuthMethodSwitchOptions = {}): UseAuthMethodSwitchReturn {\n\tconst visibleOptions = React.useMemo(\n\t\t() => options.filter((option) => option.visible !== false),\n\t\t[options],\n\t);\n\tconst fallbackValue = defaultValue ?? firstEnabledOption(visibleOptions)?.id;\n\tconst [internalValue, setInternalValue] = React.useState<string | undefined>(fallbackValue);\n\tconst isControlled = value !== undefined;\n\tconst selectedValue = isControlled ? value : internalValue;\n\tconst selectedOption = visibleOptions.find((option) => option.id === selectedValue);\n\n\tconst setValue = React.useCallback(\n\t\t(nextValue: string) => {\n\t\t\tconst nextOption = visibleOptions.find((option) => option.id === nextValue);\n\t\t\tif (!nextOption || nextOption.disabled) return;\n\n\t\t\tif (!isControlled) {\n\t\t\t\tsetInternalValue(nextValue);\n\t\t\t}\n\n\t\t\tonValueChange?.(nextValue, nextOption);\n\t\t},\n\t\t[isControlled, onValueChange, visibleOptions],\n\t);\n\n\tReact.useEffect(() => {\n\t\tif (isControlled || selectedOption || visibleOptions.length === 0) return;\n\t\tsetInternalValue(firstEnabledOption(visibleOptions)?.id);\n\t}, [isControlled, selectedOption, visibleOptions]);\n\n\treturn {\n\t\tvalue: selectedValue,\n\t\tselectedOption,\n\t\toptions: visibleOptions,\n\t\tsetValue,\n\t};\n}\n\nexport function AuthMethodSwitch({\n\toptions = [],\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tlayout = 'stack',\n\tdivider,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}: AuthMethodSwitchProps) {\n\tconst strings = useStrings(defaultAuthMethodSwitchStrings, stringsProp);\n\tconst { ['aria-label']: ariaLabel, ...rootProps } = props;\n\tconst {\n\t\tvalue: selectedValue,\n\t\toptions: visibleOptions,\n\t\tsetValue,\n\t} = useAuthMethodSwitch({\n\t\toptions,\n\t\tvalue,\n\t\tdefaultValue,\n\t\tonValueChange,\n\t});\n\n\tif (visibleOptions.length === 0) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={cn('auth-method-switch--component grid gap-3', className)} {...rootProps}>\n\t\t\t{divider !== null && divider !== false && (\n\t\t\t\t<div className=\"auth-method-switch--divider flex items-center gap-3\">\n\t\t\t\t\t<span className=\"h-px min-w-0 flex-1 bg-border\" aria-hidden=\"true\" />\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t{divider ?? strings.divider}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<span className=\"h-px min-w-0 flex-1 bg-border\" aria-hidden=\"true\" />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\trole=\"group\"\n\t\t\t\taria-label={ariaLabel ?? strings.label}\n\t\t\t\tdata-layout={layout}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'auth-method-switch--options',\n\t\t\t\t\tlayout === 'grid' && 'grid gap-2 sm:grid-cols-2',\n\t\t\t\t\tlayout === 'stack' && 'grid gap-2',\n\t\t\t\t\tlayout === 'segmented' &&\n\t\t\t\t\t\t'grid grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-1 rounded-lg border border-border bg-muted/40 p-1',\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{visibleOptions.map((option) => {\n\t\t\t\t\tconst selected = option.id === selectedValue;\n\t\t\t\t\tconst segmented = layout === 'segmented';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={option.id}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-pressed={selected}\n\t\t\t\t\t\t\tdisabled={option.disabled}\n\t\t\t\t\t\t\tvariant={selected ? 'dark' : 'secondary'}\n\t\t\t\t\t\t\tbuttonStyle={selected ? 'solid' : segmented ? 'ghost' : 'outline'}\n\t\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'auth-method-switch--option',\n\t\t\t\t\t\t\t\t'h-auto min-h-10 justify-start rounded-md px-3 py-2.5 text-start',\n\t\t\t\t\t\t\t\tsegmented &&\n\t\t\t\t\t\t\t\t\t'min-h-9 justify-center border-0 px-2 py-2 text-center shadow-none min-[480px]:px-3 min-[480px]:text-start',\n\t\t\t\t\t\t\t\tselected && 'auth-method-switch--option-selected',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={() => setValue(option.id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'auth-method-switch--option-inner flex min-w-0 items-center gap-2',\n\t\t\t\t\t\t\t\t\tsegmented &&\n\t\t\t\t\t\t\t\t\t\t'w-full flex-col justify-center gap-1 min-[480px]:w-auto min-[480px]:flex-row min-[480px]:justify-start min-[480px]:gap-2',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!option.icon && (\n\t\t\t\t\t\t\t\t\t<span className=\"auth-method-switch--option-icon shrink-0\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t{option.icon}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'auth-method-switch--option-copy grid min-w-0 gap-0.5',\n\t\t\t\t\t\t\t\t\t\tsegmented && 'justify-items-center min-[480px]:justify-items-start',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'max-w-full text-inherit leading-tight',\n\t\t\t\t\t\t\t\t\t\t\tsegmented\n\t\t\t\t\t\t\t\t\t\t\t\t? 'text-center min-[480px]:truncate min-[480px]:text-start'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'text-start',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{!!option.description && (\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\tsegmented\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'hidden min-[480px]:block min-[480px]:truncate'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-start leading-snug',\n\t\t\t\t\t\t\t\t\t\t\t\tselected ? 'text-inherit opacity-75' : 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{option.description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}