admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/components/features/suggestions/index.js

@@ -1,55 +1,54 @@
 import { useStrings as e } from "../../../lib/strings.js";
-import { r as t } from "../../../_shared/combobox-Cvs70ic4.js";
-import { useEffect as n, useMemo as r, useState as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { cn as t } from "../../../lib/utils.js";
+import { r as n } from "../../../_shared/combobox-D01JwyFZ.js";
+import { useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/features/suggestions/hooks/use-suggestions.ts
-var o = (e) => new Promise((t) => {
+var c = (e) => new Promise((t) => {
 	setTimeout(t, e);
 });
-function s(e) {
-	let { fetchData: t, minQueryLength: r = 1, debounceMs: a = 250, requestDelay: s = 0, preload: c = !1, onError: l } = e, [u, d] = i([]), [f, p] = i(""), [m, h] = i(null), [g, _] = i(!1), [v, y] = i(!1);
-	return n(() => {
-		let e = !1, n = null;
-		return f.length >= r || c && f.length === 0 ? (n = setTimeout(() => {
+function l(e) {
+	let { fetchData: t, minQueryLength: n = 1, debounceMs: i = 250, requestDelay: s = 0, preload: l = !1, onError: u } = e, [d, f] = o([]), [p, m] = o(""), [h, g] = o(null), [_, v] = o(!1), [y, b] = o(!1), x = a(t), S = a(u);
+	return x.current = t, S.current = u, r(() => {
+		let e = !1, t = null;
+		return p.length >= n || l && p.length === 0 ? (t = setTimeout(() => {
 			(async () => {
-				y(!0);
+				b(!0);
 				try {
-					s > 0 && await o(s);
-					let n = await t(f);
-					e || d(Array.isArray(n) ? n : []);
+					s > 0 && await c(s);
+					let t = await x.current(p);
+					e || f(Array.isArray(t) ? t : []);
 				} catch (t) {
-					e || (d([]), l?.(t, f));
+					e || (f((e) => e.length === 0 ? e : []), S.current?.(t, p));
 				} finally {
-					e || y(!1);
+					e || b(!1);
 				}
 			})();
-		}, a), () => {
-			e = !0, n && clearTimeout(n);
-		}) : (d([]), () => {
-			n && clearTimeout(n);
+		}, i), () => {
+			e = !0, t && clearTimeout(t);
+		}) : (f((e) => e.length === 0 ? e : []), () => {
+			t && clearTimeout(t);
 		});
 	}, [
-		a,
-		t,
-		r,
+		i,
+		n,
 		l,
-		c,
 		s,
-		f
+		p
 	]), {
-		items: u,
-		isLoading: v,
-		searchValue: f,
-		setSearchValue: p,
-		selectedValue: m,
-		setSelectedValue: h,
-		open: g,
-		setOpen: _
+		items: d,
+		isLoading: y,
+		searchValue: p,
+		setSearchValue: m,
+		selectedValue: h,
+		setSelectedValue: g,
+		open: _,
+		setOpen: v
 	};
 }
 //#endregion
 //#region src/components/features/suggestions/suggestions.strings.ts
-var c = {
+var u = {
 	placeholder: "Search...",
 	emptyMessage: "No results found.",
 	loadingMessage: "Searching...",
@@ -57,44 +56,45 @@ var c = {
 };
 //#endregion
 //#region src/components/features/suggestions/suggestions.tsx
-function l(n) {
-	let { fetchData: i, itemKey: o, itemText: l, onValueChange: u, renderItem: d, minQueryLength: f = 1, debounceMs: p = 250, requestDelay: m = 0, preload: h = !1, allowClear: g = !0, clearInputOnClose: _ = !1, disabled: v = !1, onError: y, strings: b } = n, x = e(c, b), { items: S, isLoading: C, searchValue: w, setSearchValue: T, selectedValue: E, setSelectedValue: D, open: O, setOpen: k } = s({
-		fetchData: i,
-		minQueryLength: f,
-		debounceMs: p,
-		requestDelay: m,
-		preload: h,
-		onError: y
-	});
-	return /* @__PURE__ */ a(t, {
-		className: "suggestions--component",
-		items: S,
-		searchValue: w,
-		onSearchValueChange: T,
-		selectedValue: E,
+function d(r) {
+	let { fetchData: a, itemKey: o, itemText: c, onValueChange: d, renderItem: f, minQueryLength: p = 1, debounceMs: m = 250, requestDelay: h = 0, preload: g = !1, allowClear: _ = !0, clearInputOnClose: v = !1, disabled: y = !1, className: b, onError: x, strings: S } = r, C = e(u, S), { items: w, isLoading: T, searchValue: E, setSearchValue: D, selectedValue: O, setSelectedValue: k, open: A, setOpen: j } = l({
+		fetchData: a,
+		minQueryLength: p,
+		debounceMs: m,
+		requestDelay: h,
+		preload: g,
+		onError: x
+	}), M = i(() => ({
+		placeholder: C.placeholder,
+		noResults: C.emptyMessage,
+		searching: C.loadingMessage,
+		typeToSearch: C.startTypingMessage
+	}), [C]);
+	return /* @__PURE__ */ s(n, {
+		className: t("suggestions--component", b),
+		items: w,
+		searchValue: E,
+		onSearchValueChange: D,
+		selectedValue: O,
 		onSelectedValueChange: (e) => {
-			D(e), u?.(e);
+			k(e), d?.(e);
 		},
-		getItemLabel: l,
+		getItemLabel: c,
 		getItemKey: (e) => String(o(e)),
-		renderItem: d,
-		minSearchLength: f,
-		isLoading: C,
-		strings: r(() => ({
-			placeholder: x.placeholder,
-			noResults: x.emptyMessage,
-			searching: x.loadingMessage,
-			typeToSearch: x.startTypingMessage
-		}), [x]),
-		open: O,
+		renderItem: f,
+		minSearchLength: p,
+		isLoading: T,
+		strings: M,
+		clearable: _,
+		open: A,
 		onOpenChange: (e) => {
-			k(e), !e && _ && T("");
+			j(e), !e && v && D("");
 		},
-		disabled: v
+		disabled: y
 	});
 }
-l.displayName = "SuggestionsCombobox";
+d.displayName = "SuggestionsCombobox";
 //#endregion
-export { l as SuggestionsCombobox, c as defaultSuggestionsStrings, s as useSuggestions };
+export { d as SuggestionsCombobox, u as defaultSuggestionsStrings, l as useSuggestions };
 
 //# sourceMappingURL=index.js.map

package/dist/components/features/suggestions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/features/suggestions/hooks/use-suggestions.ts","../../../../src/components/features/suggestions/suggestions.strings.ts","../../../../src/components/features/suggestions/suggestions.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type {\n\tUseSuggestionsConfig,\n\tUseSuggestionsResult,\n} from '../suggestions.types';\n\nconst wait = (ms: number): Promise<void> =>\n\tnew Promise((resolve) => {\n\t\tsetTimeout(resolve, ms);\n\t});\n\n/**\n * Headless data-fetching state machine for the suggestions feature.\n *\n * Returns the search/selection/open state plus the latest items + loading flag.\n * Consumers that want a different visual layer can build their own UI on top\n * of this hook without touching `<SuggestionsCombobox>`.\n */\nexport function useSuggestions<T>(\n\tconfig: UseSuggestionsConfig<T>,\n): UseSuggestionsResult<T> {\n\tconst {\n\t\tfetchData,\n\t\tminQueryLength = 1,\n\t\tdebounceMs = 250,\n\t\trequestDelay = 0,\n\t\tpreload = false,\n\t\tonError,\n\t} = config;\n\n\tconst [items, setItems] = useState<T[]>([]);\n\tconst [searchValue, setSearchValue] = useState<string>('');\n\tconst [selectedValue, setSelectedValue] = useState<T | null>(null);\n\tconst [open, setOpen] = useState<boolean>(false);\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tlet cancelled = false;\n\t\tlet timer: ReturnType<typeof setTimeout> | null = null;\n\n\t\tconst shouldQuery =\n\t\t\tsearchValue.length >= minQueryLength ||\n\t\t\t(preload && searchValue.length === 0);\n\n\t\tif (!shouldQuery) {\n\t\t\tsetItems([]);\n\t\t\treturn () => {\n\t\t\t\tif (timer) clearTimeout(timer);\n\t\t\t};\n\t\t}\n\n\t\ttimer = setTimeout(() => {\n\t\t\tvoid (async () => {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\ttry {\n\t\t\t\t\tif (requestDelay > 0) {\n\t\t\t\t\t\tawait wait(requestDelay);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst result = await fetchData(searchValue);\n\t\t\t\t\tif (!cancelled) {\n\t\t\t\t\t\tsetItems(Array.isArray(result) ? result : []);\n\t\t\t\t\t}\n\t\t\t\t} catch (error) {\n\t\t\t\t\tif (!cancelled) {\n\t\t\t\t\t\tsetItems([]);\n\t\t\t\t\t\tonError?.(error, searchValue);\n\t\t\t\t\t}\n\t\t\t\t} finally {\n\t\t\t\t\tif (!cancelled) {\n\t\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})();\n\t\t}, debounceMs);\n\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t\tif (timer) clearTimeout(timer);\n\t\t};\n\t}, [\n\t\tdebounceMs,\n\t\tfetchData,\n\t\tminQueryLength,\n\t\tonError,\n\t\tpreload,\n\t\trequestDelay,\n\t\tsearchValue,\n\t]);\n\n\treturn {\n\t\titems,\n\t\tisLoading,\n\t\tsearchValue,\n\t\tsetSearchValue,\n\t\tselectedValue,\n\t\tsetSelectedValue,\n\t\topen,\n\t\tsetOpen,\n\t};\n}\n","/**\n * Default user-facing strings for `<SuggestionsCombobox>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <SuggestionsCombobox strings={{ emptyMessage: t('search.empty') }} … />\n */\n\nexport interface SuggestionsStrings {\n\tplaceholder: string;\n\temptyMessage: string;\n\tloadingMessage: string;\n\tstartTypingMessage: string;\n}\n\nexport const defaultSuggestionsStrings: SuggestionsStrings = {\n\tplaceholder: 'Search...',\n\temptyMessage: 'No results found.',\n\tloadingMessage: 'Searching...',\n\tstartTypingMessage: 'Type to search.',\n};\n","import { useMemo } from 'react';\n\nimport { EnhancedCombobox } from '@/components/base/combobox';\nimport { useStrings } from '@/lib/strings';\n\nimport { useSuggestions } from './hooks';\nimport { defaultSuggestionsStrings } from './suggestions.strings';\nimport type { SuggestionsComboboxProps } from './suggestions.types';\n\nexport function SuggestionsCombobox<T>(props: SuggestionsComboboxProps<T>) {\n\tconst {\n\t\tfetchData,\n\t\titemKey,\n\t\titemText,\n\t\tonValueChange,\n\t\trenderItem,\n\t\tminQueryLength = 1,\n\t\tdebounceMs = 250,\n\t\trequestDelay = 0,\n\t\tpreload = false,\n\t\tallowClear: _allowClear = true,\n\t\tclearInputOnClose = false,\n\t\tdisabled = false,\n\t\tonError,\n\t\tstrings: stringsProp,\n\t} = props;\n\n\tconst strings = useStrings(defaultSuggestionsStrings, stringsProp);\n\n\tconst {\n\t\titems,\n\t\tisLoading,\n\t\tsearchValue,\n\t\tsetSearchValue,\n\t\tselectedValue,\n\t\tsetSelectedValue,\n\t\topen,\n\t\tsetOpen,\n\t} = useSuggestions<T>({\n\t\tfetchData,\n\t\tminQueryLength,\n\t\tdebounceMs,\n\t\trequestDelay,\n\t\tpreload,\n\t\tonError,\n\t});\n\n\tconst comboboxStrings = useMemo(\n\t\t() => ({\n\t\t\tplaceholder: strings.placeholder,\n\t\t\tnoResults: strings.emptyMessage,\n\t\t\tsearching: strings.loadingMessage,\n\t\t\ttypeToSearch: strings.startTypingMessage,\n\t\t}),\n\t\t[strings],\n\t);\n\n\treturn (\n\t\t<EnhancedCombobox<T>\n\t\t\tclassName=\"suggestions--component\"\n\t\t\titems={items}\n\t\t\tsearchValue={searchValue}\n\t\t\tonSearchValueChange={setSearchValue}\n\t\t\tselectedValue={selectedValue}\n\t\t\tonSelectedValueChange={(value) => {\n\t\t\t\tsetSelectedValue(value);\n\t\t\t\tonValueChange?.(value);\n\t\t\t}}\n\t\t\tgetItemLabel={itemText}\n\t\t\tgetItemKey={(item) => String(itemKey(item))}\n\t\t\trenderItem={renderItem}\n\t\t\tminSearchLength={minQueryLength}\n\t\t\tisLoading={isLoading}\n\t\t\tstrings={comboboxStrings}\n\t\t\topen={open}\n\t\t\tonOpenChange={(isOpen) => {\n\t\t\t\tsetOpen(isOpen);\n\t\t\t\tif (!isOpen && clearInputOnClose) {\n\t\t\t\t\tsetSearchValue('');\n\t\t\t\t}\n\t\t\t}}\n\t\t\tdisabled={disabled}\n\t\t/>\n\t);\n}\n\nSuggestionsCombobox.displayName = 'SuggestionsCombobox';\n"],"mappings":";;;;;AAOA,IAAM,KAAQ,MACb,IAAI,SAAS,MAAY;CACxB,WAAW,GAAS,CAAE;AACvB,CAAC;AASF,SAAgB,EACf,GAC0B;CAC1B,IAAM,EACL,cACA,oBAAiB,GACjB,gBAAa,KACb,kBAAe,GACf,aAAU,IACV,eACG,GAEE,CAAC,GAAO,KAAY,EAAc,CAAC,CAAC,GACpC,CAAC,GAAa,KAAkB,EAAiB,EAAE,GACnD,CAAC,GAAe,KAAoB,EAAmB,IAAI,GAC3D,CAAC,GAAM,KAAW,EAAkB,EAAK,GACzC,CAAC,GAAW,KAAgB,EAAkB,EAAK;CAwDzD,OAtDA,QAAgB;EACf,IAAI,IAAY,IACZ,IAA8C;EAsClD,OAnCC,EAAY,UAAU,KACrB,KAAW,EAAY,WAAW,KASpC,IAAQ,iBAAiB;GACxB,CAAM,YAAY;IACjB,EAAa,EAAI;IACjB,IAAI;KACH,AAAI,IAAe,KAClB,MAAM,EAAK,CAAY;KAGxB,IAAM,IAAS,MAAM,EAAU,CAAW;KAC1C,AAAK,KACJ,EAAS,MAAM,QAAQ,CAAM,IAAI,IAAS,CAAC,CAAC;IAE9C,SAAS,GAAO;KACf,AAAK,MACJ,EAAS,CAAC,CAAC,GACX,IAAU,GAAO,CAAW;IAE9B,UAAU;KACT,AAAK,KACJ,EAAa,EAAK;IAEpB;GACD,GAAG;EACJ,GAAG,CAAU,SAEA;GAEZ,AADA,IAAY,IACR,KAAO,aAAa,CAAK;EAC9B,MAlCC,EAAS,CAAC,CAAC,SACE;GACZ,AAAI,KAAO,aAAa,CAAK;EAC9B;CAgCF,GAAG;EACF;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAC,GAEM;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACD;;;ACtFA,IAAa,IAAgD;CAC5D,aAAa;CACb,cAAc;CACd,gBAAgB;CAChB,oBAAoB;AACrB;;;ACXA,SAAgB,EAAuB,GAAoC;CAC1E,IAAM,EACL,cACA,YACA,aACA,kBACA,eACA,oBAAiB,GACjB,gBAAa,KACb,kBAAe,GACf,aAAU,IACV,YAAY,IAAc,IAC1B,uBAAoB,IACpB,cAAW,IACX,YACA,SAAS,MACN,GAEE,IAAU,EAAW,GAA2B,CAAW,GAE3D,EACL,UACA,cACA,gBACA,mBACA,kBACA,qBACA,SACA,eACG,EAAkB;EACrB;EACA;EACA;EACA;EACA;EACA;CACD,CAAC;CAYD,OACC,kBAAC,GAAD;EACC,WAAU;EACH;EACM;EACb,qBAAqB;EACN;EACf,wBAAwB,MAAU;GAEjC,AADA,EAAiB,CAAK,GACtB,IAAgB,CAAK;EACtB;EACA,cAAc;EACd,aAAa,MAAS,OAAO,EAAQ,CAAI,CAAC;EAC9B;EACZ,iBAAiB;EACN;EACX,SA1BsB,SAChB;GACN,aAAa,EAAQ;GACrB,WAAW,EAAQ;GACnB,WAAW,EAAQ;GACnB,cAAc,EAAQ;EACvB,IACA,CAAC,CAAO,CAmBE;EACH;EACN,eAAe,MAAW;GAEzB,AADA,EAAQ,CAAM,GACV,CAAC,KAAU,KACd,EAAe,EAAE;EAEnB;EACU;CACV,CAAA;AAEH;AAEA,EAAoB,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/features/suggestions/hooks/use-suggestions.ts","../../../../src/components/features/suggestions/suggestions.strings.ts","../../../../src/components/features/suggestions/suggestions.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type {\n\tUseSuggestionsConfig,\n\tUseSuggestionsResult,\n} from '../suggestions.types';\n\nconst wait = (ms: number): Promise<void> =>\n\tnew Promise((resolve) => {\n\t\tsetTimeout(resolve, ms);\n\t});\n\n/**\n * Headless data-fetching state machine for the suggestions feature.\n *\n * Returns the search/selection/open state plus the latest items + loading flag.\n * Consumers that want a different visual layer can build their own UI on top\n * of this hook without touching `<SuggestionsCombobox>`.\n */\nexport function useSuggestions<T>(\n\tconfig: UseSuggestionsConfig<T>,\n): UseSuggestionsResult<T> {\n\tconst {\n\t\tfetchData,\n\t\tminQueryLength = 1,\n\t\tdebounceMs = 250,\n\t\trequestDelay = 0,\n\t\tpreload = false,\n\t\tonError,\n\t} = config;\n\n\tconst [items, setItems] = useState<T[]>([]);\n\tconst [searchValue, setSearchValue] = useState<string>('');\n\tconst [selectedValue, setSelectedValue] = useState<T | null>(null);\n\tconst [open, setOpen] = useState<boolean>(false);\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst fetchDataRef = useRef(fetchData);\n\tconst onErrorRef = useRef(onError);\n\n\tfetchDataRef.current = fetchData;\n\tonErrorRef.current = onError;\n\n\tuseEffect(() => {\n\t\tlet cancelled = false;\n\t\tlet timer: ReturnType<typeof setTimeout> | null = null;\n\n\t\tconst shouldQuery =\n\t\t\tsearchValue.length >= minQueryLength ||\n\t\t\t(preload && searchValue.length === 0);\n\n\t\tif (!shouldQuery) {\n\t\t\tsetItems((current) => (current.length === 0 ? current : []));\n\t\t\treturn () => {\n\t\t\t\tif (timer) clearTimeout(timer);\n\t\t\t};\n\t\t}\n\n\t\ttimer = setTimeout(() => {\n\t\t\tvoid (async () => {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\ttry {\n\t\t\t\t\tif (requestDelay > 0) {\n\t\t\t\t\t\tawait wait(requestDelay);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst result = await fetchDataRef.current(searchValue);\n\t\t\t\t\tif (!cancelled) {\n\t\t\t\t\t\tsetItems(Array.isArray(result) ? result : []);\n\t\t\t\t\t}\n\t\t\t\t} catch (error) {\n\t\t\t\t\tif (!cancelled) {\n\t\t\t\t\t\tsetItems((current) => (current.length === 0 ? current : []));\n\t\t\t\t\t\tonErrorRef.current?.(error, searchValue);\n\t\t\t\t\t}\n\t\t\t\t} finally {\n\t\t\t\t\tif (!cancelled) {\n\t\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})();\n\t\t}, debounceMs);\n\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t\tif (timer) clearTimeout(timer);\n\t\t};\n\t}, [\n\t\tdebounceMs,\n\t\tminQueryLength,\n\t\tpreload,\n\t\trequestDelay,\n\t\tsearchValue,\n\t]);\n\n\treturn {\n\t\titems,\n\t\tisLoading,\n\t\tsearchValue,\n\t\tsetSearchValue,\n\t\tselectedValue,\n\t\tsetSelectedValue,\n\t\topen,\n\t\tsetOpen,\n\t};\n}\n","/**\n * Default user-facing strings for `<SuggestionsCombobox>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <SuggestionsCombobox strings={{ emptyMessage: t('search.empty') }} … />\n */\n\nexport interface SuggestionsStrings {\n\tplaceholder: string;\n\temptyMessage: string;\n\tloadingMessage: string;\n\tstartTypingMessage: string;\n}\n\nexport const defaultSuggestionsStrings: SuggestionsStrings = {\n\tplaceholder: 'Search...',\n\temptyMessage: 'No results found.',\n\tloadingMessage: 'Searching...',\n\tstartTypingMessage: 'Type to search.',\n};\n","import { useMemo } from 'react';\n\nimport { EnhancedCombobox } from '@/components/base/combobox';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useSuggestions } from './hooks';\nimport { defaultSuggestionsStrings } from './suggestions.strings';\nimport type { SuggestionsComboboxProps } from './suggestions.types';\n\nexport function SuggestionsCombobox<T>(props: SuggestionsComboboxProps<T>) {\n\tconst {\n\t\tfetchData,\n\t\titemKey,\n\t\titemText,\n\t\tonValueChange,\n\t\trenderItem,\n\t\tminQueryLength = 1,\n\t\tdebounceMs = 250,\n\t\trequestDelay = 0,\n\t\tpreload = false,\n\t\tallowClear = true,\n\t\tclearInputOnClose = false,\n\t\tdisabled = false,\n\t\tclassName,\n\t\tonError,\n\t\tstrings: stringsProp,\n\t} = props;\n\n\tconst strings = useStrings(defaultSuggestionsStrings, stringsProp);\n\n\tconst {\n\t\titems,\n\t\tisLoading,\n\t\tsearchValue,\n\t\tsetSearchValue,\n\t\tselectedValue,\n\t\tsetSelectedValue,\n\t\topen,\n\t\tsetOpen,\n\t} = useSuggestions<T>({\n\t\tfetchData,\n\t\tminQueryLength,\n\t\tdebounceMs,\n\t\trequestDelay,\n\t\tpreload,\n\t\tonError,\n\t});\n\n\tconst comboboxStrings = useMemo(\n\t\t() => ({\n\t\t\tplaceholder: strings.placeholder,\n\t\t\tnoResults: strings.emptyMessage,\n\t\t\tsearching: strings.loadingMessage,\n\t\t\ttypeToSearch: strings.startTypingMessage,\n\t\t}),\n\t\t[strings],\n\t);\n\n\treturn (\n\t\t<EnhancedCombobox<T>\n\t\t\tclassName={cn('suggestions--component', className)}\n\t\t\titems={items}\n\t\t\tsearchValue={searchValue}\n\t\t\tonSearchValueChange={setSearchValue}\n\t\t\tselectedValue={selectedValue}\n\t\t\tonSelectedValueChange={(value) => {\n\t\t\t\tsetSelectedValue(value);\n\t\t\t\tonValueChange?.(value);\n\t\t\t}}\n\t\t\tgetItemLabel={itemText}\n\t\t\tgetItemKey={(item) => String(itemKey(item))}\n\t\t\trenderItem={renderItem}\n\t\t\tminSearchLength={minQueryLength}\n\t\t\tisLoading={isLoading}\n\t\t\tstrings={comboboxStrings}\n\t\t\tclearable={allowClear}\n\t\t\topen={open}\n\t\t\tonOpenChange={(isOpen) => {\n\t\t\t\tsetOpen(isOpen);\n\t\t\t\tif (!isOpen && clearInputOnClose) {\n\t\t\t\t\tsetSearchValue('');\n\t\t\t\t}\n\t\t\t}}\n\t\t\tdisabled={disabled}\n\t\t/>\n\t);\n}\n\nSuggestionsCombobox.displayName = 'SuggestionsCombobox';\n"],"mappings":";;;;;;AAOA,IAAM,KAAQ,MACb,IAAI,SAAS,MAAY;CACxB,WAAW,GAAS,CAAE;AACvB,CAAC;AASF,SAAgB,EACf,GAC0B;CAC1B,IAAM,EACL,cACA,oBAAiB,GACjB,gBAAa,KACb,kBAAe,GACf,aAAU,IACV,eACG,GAEE,CAAC,GAAO,KAAY,EAAc,CAAC,CAAC,GACpC,CAAC,GAAa,KAAkB,EAAiB,EAAE,GACnD,CAAC,GAAe,KAAoB,EAAmB,IAAI,GAC3D,CAAC,GAAM,KAAW,EAAkB,EAAK,GACzC,CAAC,GAAW,KAAgB,EAAkB,EAAK,GACnD,IAAe,EAAO,CAAS,GAC/B,IAAa,EAAO,CAAO;CAyDjC,OAvDA,EAAa,UAAU,GACvB,EAAW,UAAU,GAErB,QAAgB;EACf,IAAI,IAAY,IACZ,IAA8C;EAsClD,OAnCC,EAAY,UAAU,KACrB,KAAW,EAAY,WAAW,KASpC,IAAQ,iBAAiB;GACxB,CAAM,YAAY;IACjB,EAAa,EAAI;IACjB,IAAI;KACH,AAAI,IAAe,KAClB,MAAM,EAAK,CAAY;KAGxB,IAAM,IAAS,MAAM,EAAa,QAAQ,CAAW;KACrD,AAAK,KACJ,EAAS,MAAM,QAAQ,CAAM,IAAI,IAAS,CAAC,CAAC;IAE9C,SAAS,GAAO;KACf,AAAK,MACJ,GAAU,MAAa,EAAQ,WAAW,IAAI,IAAU,CAAC,CAAE,GAC3D,EAAW,UAAU,GAAO,CAAW;IAEzC,UAAU;KACT,AAAK,KACJ,EAAa,EAAK;IAEpB;GACD,GAAG;EACJ,GAAG,CAAU,SAEA;GAEZ,AADA,IAAY,IACR,KAAO,aAAa,CAAK;EAC9B,MAlCC,GAAU,MAAa,EAAQ,WAAW,IAAI,IAAU,CAAC,CAAE,SAC9C;GACZ,AAAI,KAAO,aAAa,CAAK;EAC9B;CAgCF,GAAG;EACF;EACA;EACA;EACA;EACA;CACD,CAAC,GAEM;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACD;;;ACzFA,IAAa,IAAgD;CAC5D,aAAa;CACb,cAAc;CACd,gBAAgB;CAChB,oBAAoB;AACrB;;;ACVA,SAAgB,EAAuB,GAAoC;CAC1E,IAAM,EACL,cACA,YACA,aACA,kBACA,eACA,oBAAiB,GACjB,gBAAa,KACb,kBAAe,GACf,aAAU,IACV,gBAAa,IACb,uBAAoB,IACpB,cAAW,IACX,cACA,YACA,SAAS,MACN,GAEE,IAAU,EAAW,GAA2B,CAAW,GAE3D,EACL,UACA,cACA,gBACA,mBACA,kBACA,qBACA,SACA,eACG,EAAkB;EACrB;EACA;EACA;EACA;EACA;EACA;CACD,CAAC,GAEK,IAAkB,SAChB;EACN,aAAa,EAAQ;EACrB,WAAW,EAAQ;EACnB,WAAW,EAAQ;EACnB,cAAc,EAAQ;CACvB,IACA,CAAC,CAAO,CACT;CAEA,OACC,kBAAC,GAAD;EACC,WAAW,EAAG,0BAA0B,CAAS;EAC1C;EACM;EACb,qBAAqB;EACN;EACf,wBAAwB,MAAU;GAEjC,AADA,EAAiB,CAAK,GACtB,IAAgB,CAAK;EACtB;EACA,cAAc;EACd,aAAa,MAAS,OAAO,EAAQ,CAAI,CAAC;EAC9B;EACZ,iBAAiB;EACN;EACX,SAAS;EACT,WAAW;EACL;EACN,eAAe,MAAW;GAEzB,AADA,EAAQ,CAAM,GACV,CAAC,KAAU,KACd,EAAe,EAAE;EAEnB;EACU;CACV,CAAA;AAEH;AAEA,EAAoB,cAAc"}

package/dist/components/features/suggestions/suggestions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suggestions.d.ts","sourceRoot":"","sources":["../../../../src/components/features/suggestions/suggestions.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAEpE,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,+BA2ExE;yBA3Ee,mBAAmB"}
+{"version":3,"file":"suggestions.d.ts","sourceRoot":"","sources":["../../../../src/components/features/suggestions/suggestions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAEpE,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,+BA6ExE;yBA7Ee,mBAAmB"}

package/dist/components/features/suggestions/suggestions.types.d.ts

@@ -29,6 +29,7 @@ export interface SuggestionsComboboxProps<T> extends UseSuggestionsConfig<T> {
     allowClear?: boolean;
     clearInputOnClose?: boolean;
     disabled?: boolean;
+    className?: string;
     /** Per-instance string overrides (deep-merged over `defaultSuggestionsStrings`). */
     strings?: StringsProp<SuggestionsStrings>;
 }

package/dist/components/features/suggestions/suggestions.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suggestions.types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/suggestions/suggestions.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7C,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACtC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACtC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,gBAAgB,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,wBAAwB,CAAC,CAAC,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAC3E,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oFAAoF;IACpF,OAAO,CAAC,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;CAC1C"}
+{"version":3,"file":"suggestions.types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/suggestions/suggestions.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7C,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACtC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACtC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,gBAAgB,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,wBAAwB,CAAC,CAAC,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAC3E,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,OAAO,CAAC,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;CAC1C"}

package/dist/components/features/sync/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/text-DzKt9cyb.cjs"),r=require("../../../_shared/typography-DKn7P4wX.cjs"),i=require("../../../_shared/card-radio-group-SqPUL0Je.cjs");let a=require("react/jsx-runtime"),o=require("react-hook-form");var s=e=>({getError:t=>{if(e)return e[t]},hasError:t=>e!==void 0&&e[t]!==void 0}),c={optionsLabel:`Options`},l=l=>{let{formId:u,options:d,syncOptions:f,defaultHours:p=`24`,onSubmit:m,errors:h,strings:g}=l,_=e.useStrings(c,g),{getError:v}=s(Object.fromEntries(Object.entries(h??{}).map(([e,t])=>[e,Array.isArray(t)?t[0]:t]))),{control:y,handleSubmit:b}=(0,o.useForm)({defaultValues:{hours:p,options:[]}});return(0,a.jsxs)(`form`,{id:u,onSubmit:b(e=>{m({hours:Number(e.hours),financials_only:e.options.includes(`financials_only`)})}),className:t.cn(`sync-range-dialog-form--component`,`space-y-4`),children:[(0,a.jsx)(o.Controller,{name:`hours`,control:y,rules:{required:!0},render:({field:e})=>(0,a.jsx)(i.t,{options:d,value:e.value,onChange:e.onChange,name:e.name,columns:2})}),v(`hours`)&&(0,a.jsx)(n.t,{type:`error`,children:v(`hours`)}),!!f&&f.length>0&&(0,a.jsxs)(`div`,{className:`space-y-2 border-t pt-2`,children:[(0,a.jsx)(r.a,{children:_.optionsLabel}),(0,a.jsx)(o.Controller,{name:`options`,control:y,render:({field:e})=>(0,a.jsx)(i.n,{options:f,value:e.value,onChange:e.onChange,columns:2})})]})]})};l.displayName=`SyncRangeDialogForm`,exports.SyncRangeDialogForm=l,exports.defaultSyncRangeDialogFormStrings=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/typography-Bzsl7aTu.cjs"),i=require("../../../_shared/card-radio-group-Bna2uZs1.cjs");let a=require("react/jsx-runtime"),o=require("react-hook-form");var s=e=>({getError:t=>{if(e)return e[t]},hasError:t=>e!==void 0&&e[t]!==void 0}),c={optionsLabel:`Options`},l=l=>{let{formId:u,options:d,syncOptions:f,defaultHours:p=`24`,onSubmit:m,errors:h,strings:g}=l,_=e.useStrings(c,g),{getError:v}=s(Object.fromEntries(Object.entries(h??{}).map(([e,t])=>[e,Array.isArray(t)?t[0]:t]))),{control:y,handleSubmit:b}=(0,o.useForm)({defaultValues:{hours:p,options:[]}});return(0,a.jsxs)(`form`,{id:u,onSubmit:b(e=>{m({hours:Number(e.hours),financials_only:e.options.includes(`financials_only`)})}),className:t.cn(`sync-range-dialog-form--component`,`space-y-4`),children:[(0,a.jsx)(o.Controller,{name:`hours`,control:y,rules:{required:!0},render:({field:e})=>(0,a.jsx)(i.t,{options:d,value:e.value,onChange:e.onChange,name:e.name,columns:2})}),v(`hours`)&&(0,a.jsx)(n.n,{type:`error`,children:v(`hours`)}),!!f&&f.length>0&&(0,a.jsxs)(`div`,{className:`space-y-2 border-t pt-2`,children:[(0,a.jsx)(r.a,{children:_.optionsLabel}),(0,a.jsx)(o.Controller,{name:`options`,control:y,render:({field:e})=>(0,a.jsx)(i.n,{options:f,value:e.value,onChange:e.onChange,columns:2})})]})]})};l.displayName=`SyncRangeDialogForm`,exports.SyncRangeDialogForm=l,exports.defaultSyncRangeDialogFormStrings=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/features/sync/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/useFormErrors.ts","../../../../src/components/features/sync/sync.strings.ts","../../../../src/components/features/sync/sync-range-dialog-form.tsx"],"sourcesContent":["type ErrorKey<T> = Extract<keyof T, string>;\n\ntype ErrorBag<T> = Partial<Record<ErrorKey<T> | 'server' | 'general', string>>;\n\nexport const useFormErrors = <T extends Record<string, unknown> = Record<string, unknown>>(\n    errors?: ErrorBag<T>,\n) => {\n\n    const getError = (error: ErrorKey<T>) => {\n        if (!errors) {\n            return undefined;\n        }\n\n        return errors[error];\n    };\n\n    const hasError = (error: ErrorKey<T>) => {\n        return errors !== undefined && errors[error] !== undefined;\n    };\n\n    return {\n        getError,\n        hasError,\n    };\n};\n","/**\n * Default user-facing strings for `<SyncRangeDialogForm>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <SyncRangeDialogForm strings={{ optionsLabel: t('sync.options') }} … />\n */\n\nexport interface SyncRangeDialogFormStrings {\n\t/** Label rendered above the optional sync-options checkbox group. */\n\toptionsLabel: string;\n}\n\nexport const defaultSyncRangeDialogFormStrings: SyncRangeDialogFormStrings = {\n\toptionsLabel: 'Options',\n};\n","import { Controller, type SubmitHandler, useForm } from 'react-hook-form';\nimport {\n    CardCheckboxGroup,\n    CardRadioGroup,\n} from '@/components/base/forms/fields';\nimport { Label, Text } from '@/components/typography';\nimport { useFormErrors } from '@/hooks/useFormErrors';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultSyncRangeDialogFormStrings } from './sync.strings';\nimport type {\n    SyncRangeDialogFormProps,\n    SyncRangeDialogFormValues,\n} from './sync.types';\n\nimport { cn } from '@/lib/utils';\nexport const SyncRangeDialogForm = (props: SyncRangeDialogFormProps) => {\n    const {\n        formId,\n        options,\n        syncOptions,\n        defaultHours = '24',\n        onSubmit,\n        errors,\n        strings: stringsProp,\n    } = props;\n    const strings = useStrings(defaultSyncRangeDialogFormStrings, stringsProp);\n    const normalizedErrors = Object.fromEntries(\n        Object.entries(errors ?? {}).map(([key, value]) => [\n            key,\n            Array.isArray(value) ? value[0] : value,\n        ]),\n    ) as Partial<Record<string, string>>;\n    const { getError } = useFormErrors(normalizedErrors);\n\n    const { control, handleSubmit } = useForm<SyncRangeDialogFormValues>({\n        defaultValues: {\n            hours: defaultHours,\n            options: [],\n        },\n    });\n\n    const submit: SubmitHandler<SyncRangeDialogFormValues> = (data) => {\n        onSubmit({\n            hours: Number(data.hours),\n            financials_only: data.options.includes('financials_only'),\n        });\n    };\n\n    return (\n        <form id={formId} onSubmit={handleSubmit(submit)} className={cn('sync-range-dialog-form--component', 'space-y-4')}>\n            <Controller\n                name=\"hours\"\n                control={control}\n                rules={{ required: true }}\n                render={({ field }) => (\n                    <CardRadioGroup\n                        options={options}\n                        value={field.value}\n                        onChange={field.onChange}\n                        name={field.name}\n                        columns={2}\n                    />\n                )}\n            />\n\n            {getError('hours') && (\n                <Text type=\"error\">\n                    {getError('hours')}\n                </Text>\n            )}\n\n            {!!syncOptions && syncOptions.length > 0 && (\n                <div className=\"space-y-2 border-t pt-2\">\n                    <Label>{strings.optionsLabel}</Label>\n                    <Controller\n                        name=\"options\"\n                        control={control}\n                        render={({ field }) => (\n                            <CardCheckboxGroup\n                                options={syncOptions}\n                                value={field.value}\n                                onChange={field.onChange}\n                                columns={2}\n                            />\n                        )}\n                    />\n                </div>\n            )}\n        </form>\n    );\n};\n\nSyncRangeDialogForm.displayName = 'SyncRangeDialogForm';\n"],"mappings":"qXAIA,IAAa,EACT,IAeO,CACH,SAbc,GAAuB,CAChC,KAIL,OAAO,EAAO,EAClB,EAQI,SANc,GACP,IAAW,IAAA,IAAa,EAAO,KAAW,IAAA,EAMrD,GCVS,EAAgE,CAC5E,aAAc,SACf,ECCa,EAAuB,GAAoC,CACpE,GAAM,CACF,SACA,UACA,cACA,eAAe,KACf,WACA,SACA,QAAS,GACT,EACE,EAAU,EAAA,WAAW,EAAmC,CAAW,EAOnE,CAAE,YAAa,EANI,OAAO,YAC5B,OAAO,QAAQ,GAAU,CAAC,CAAC,EAAE,KAAK,CAAC,EAAK,KAAW,CAC/C,EACA,MAAM,QAAQ,CAAK,EAAI,EAAM,GAAK,CACtC,CAAC,CAE8B,CAAgB,EAE7C,CAAE,UAAS,iBAAA,EAAA,EAAA,SAAoD,CACjE,cAAe,CACX,MAAO,EACP,QAAS,CAAC,CACd,CACJ,CAAC,EASD,OACI,EAAA,EAAA,MAAC,OAAD,CAAM,GAAI,EAAQ,SAAU,EAR0B,GAAS,CAC/D,EAAS,CACL,MAAO,OAAO,EAAK,KAAK,EACxB,gBAAiB,EAAK,QAAQ,SAAS,iBAAiB,CAC5D,CAAC,CACL,CAGmD,EAAG,UAAW,EAAA,GAAG,oCAAqC,WAAW,WAAhH,EACI,EAAA,EAAA,KAAC,EAAA,WAAD,CACI,KAAK,QACI,UACT,MAAO,CAAE,SAAU,EAAK,EACxB,QAAS,CAAE,YACP,EAAA,EAAA,KAAC,EAAA,EAAD,CACa,UACT,MAAO,EAAM,MACb,SAAU,EAAM,SAChB,KAAM,EAAM,KACZ,QAAS,CACZ,CAAA,CAER,CAAA,EAEA,EAAS,OAAO,IACb,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,iBACN,EAAS,OAAO,CACf,CAAA,EAGT,CAAC,CAAC,GAAe,EAAY,OAAS,IACnC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAQ,EAAQ,YAAoB,CAAA,GACpC,EAAA,EAAA,KAAC,EAAA,WAAD,CACI,KAAK,UACI,UACT,QAAS,CAAE,YACP,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAS,EACT,MAAO,EAAM,MACb,SAAU,EAAM,SAChB,QAAS,CACZ,CAAA,CAER,CAAA,CACA,GAEP,GAEd,EAEA,EAAoB,YAAc"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/useFormErrors.ts","../../../../src/components/features/sync/sync.strings.ts","../../../../src/components/features/sync/sync-range-dialog-form.tsx"],"sourcesContent":["type ErrorKey<T> = Extract<keyof T, string>;\n\ntype ErrorBag<T> = Partial<Record<ErrorKey<T> | 'server' | 'general', string>>;\n\nexport const useFormErrors = <T extends Record<string, unknown> = Record<string, unknown>>(\n    errors?: ErrorBag<T>,\n) => {\n\n    const getError = (error: ErrorKey<T>) => {\n        if (!errors) {\n            return undefined;\n        }\n\n        return errors[error];\n    };\n\n    const hasError = (error: ErrorKey<T>) => {\n        return errors !== undefined && errors[error] !== undefined;\n    };\n\n    return {\n        getError,\n        hasError,\n    };\n};\n","/**\n * Default user-facing strings for `<SyncRangeDialogForm>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <SyncRangeDialogForm strings={{ optionsLabel: t('sync.options') }} … />\n */\n\nexport interface SyncRangeDialogFormStrings {\n\t/** Label rendered above the optional sync-options checkbox group. */\n\toptionsLabel: string;\n}\n\nexport const defaultSyncRangeDialogFormStrings: SyncRangeDialogFormStrings = {\n\toptionsLabel: 'Options',\n};\n","import { Controller, type SubmitHandler, useForm } from 'react-hook-form';\nimport {\n    CardCheckboxGroup,\n    CardRadioGroup,\n} from '@/components/base/forms/fields';\nimport { Label, Text } from '@/components/typography';\nimport { useFormErrors } from '@/hooks/useFormErrors';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultSyncRangeDialogFormStrings } from './sync.strings';\nimport type {\n    SyncRangeDialogFormProps,\n    SyncRangeDialogFormValues,\n} from './sync.types';\n\nimport { cn } from '@/lib/utils';\nexport const SyncRangeDialogForm = (props: SyncRangeDialogFormProps) => {\n    const {\n        formId,\n        options,\n        syncOptions,\n        defaultHours = '24',\n        onSubmit,\n        errors,\n        strings: stringsProp,\n    } = props;\n    const strings = useStrings(defaultSyncRangeDialogFormStrings, stringsProp);\n    const normalizedErrors = Object.fromEntries(\n        Object.entries(errors ?? {}).map(([key, value]) => [\n            key,\n            Array.isArray(value) ? value[0] : value,\n        ]),\n    ) as Partial<Record<string, string>>;\n    const { getError } = useFormErrors(normalizedErrors);\n\n    const { control, handleSubmit } = useForm<SyncRangeDialogFormValues>({\n        defaultValues: {\n            hours: defaultHours,\n            options: [],\n        },\n    });\n\n    const submit: SubmitHandler<SyncRangeDialogFormValues> = (data) => {\n        onSubmit({\n            hours: Number(data.hours),\n            financials_only: data.options.includes('financials_only'),\n        });\n    };\n\n    return (\n        <form id={formId} onSubmit={handleSubmit(submit)} className={cn('sync-range-dialog-form--component', 'space-y-4')}>\n            <Controller\n                name=\"hours\"\n                control={control}\n                rules={{ required: true }}\n                render={({ field }) => (\n                    <CardRadioGroup\n                        options={options}\n                        value={field.value}\n                        onChange={field.onChange}\n                        name={field.name}\n                        columns={2}\n                    />\n                )}\n            />\n\n            {getError('hours') && (\n                <Text type=\"error\">\n                    {getError('hours')}\n                </Text>\n            )}\n\n            {!!syncOptions && syncOptions.length > 0 && (\n                <div className=\"space-y-2 border-t pt-2\">\n                    <Label>{strings.optionsLabel}</Label>\n                    <Controller\n                        name=\"options\"\n                        control={control}\n                        render={({ field }) => (\n                            <CardCheckboxGroup\n                                options={syncOptions}\n                                value={field.value}\n                                onChange={field.onChange}\n                                columns={2}\n                            />\n                        )}\n                    />\n                </div>\n            )}\n        </form>\n    );\n};\n\nSyncRangeDialogForm.displayName = 'SyncRangeDialogForm';\n"],"mappings":"wXAIA,IAAa,EACT,IAeO,CACH,SAbc,GAAuB,CAChC,KAIL,OAAO,EAAO,EAClB,EAQI,SANc,GACP,IAAW,IAAA,IAAa,EAAO,KAAW,IAAA,EAMrD,GCVS,EAAgE,CAC5E,aAAc,SACf,ECCa,EAAuB,GAAoC,CACpE,GAAM,CACF,SACA,UACA,cACA,eAAe,KACf,WACA,SACA,QAAS,GACT,EACE,EAAU,EAAA,WAAW,EAAmC,CAAW,EAOnE,CAAE,YAAa,EANI,OAAO,YAC5B,OAAO,QAAQ,GAAU,CAAC,CAAC,EAAE,KAAK,CAAC,EAAK,KAAW,CAC/C,EACA,MAAM,QAAQ,CAAK,EAAI,EAAM,GAAK,CACtC,CAAC,CAE8B,CAAgB,EAE7C,CAAE,UAAS,iBAAA,EAAA,EAAA,SAAoD,CACjE,cAAe,CACX,MAAO,EACP,QAAS,CAAC,CACd,CACJ,CAAC,EASD,OACI,EAAA,EAAA,MAAC,OAAD,CAAM,GAAI,EAAQ,SAAU,EAR0B,GAAS,CAC/D,EAAS,CACL,MAAO,OAAO,EAAK,KAAK,EACxB,gBAAiB,EAAK,QAAQ,SAAS,iBAAiB,CAC5D,CAAC,CACL,CAGmD,EAAG,UAAW,EAAA,GAAG,oCAAqC,WAAW,WAAhH,EACI,EAAA,EAAA,KAAC,EAAA,WAAD,CACI,KAAK,QACI,UACT,MAAO,CAAE,SAAU,EAAK,EACxB,QAAS,CAAE,YACP,EAAA,EAAA,KAAC,EAAA,EAAD,CACa,UACT,MAAO,EAAM,MACb,SAAU,EAAM,SAChB,KAAM,EAAM,KACZ,QAAS,CACZ,CAAA,CAER,CAAA,EAEA,EAAS,OAAO,IACb,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,iBACN,EAAS,OAAO,CACf,CAAA,EAGT,CAAC,CAAC,GAAe,EAAY,OAAS,IACnC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAQ,EAAQ,YAAoB,CAAA,GACpC,EAAA,EAAA,KAAC,EAAA,WAAD,CACI,KAAK,UACI,UACT,QAAS,CAAE,YACP,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAS,EACT,MAAO,EAAM,MACb,SAAU,EAAM,SAChB,QAAS,CACZ,CAAA,CAER,CAAA,CACA,GAEP,GAEd,EAEA,EAAoB,YAAc"}

package/dist/components/features/sync/index.js

@@ -1,8 +1,8 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/text-qsEg5GdP.js";
-import { a as r } from "../../../_shared/typography-4CSyoCj9.js";
-import { n as i, t as a } from "../../../_shared/card-radio-group-Bf03M6c5.js";
+import { n } from "../../../_shared/heading-HeP06nXG.js";
+import { a as r } from "../../../_shared/typography-CdxyWB1T.js";
+import { n as i, t as a } from "../../../_shared/card-radio-group-D_CY1HRy.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Controller as c, useForm as l } from "react-hook-form";
 //#region src/hooks/useFormErrors.ts

package/dist/components/layout/app-shell/app-shell.types.d.ts

@@ -33,7 +33,7 @@ export type TopbarSidebarLayoutStyle = CSSProperties & {
 export interface TopbarSidebarLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Page content rendered in the content column. */
     children?: ReactNode;
-    /** Header theme. Remaps local CSS variables so header partials can invert against the header surface. */
+    /** Header theme. Applies a `.light`/`.dark` token scope to the header so partials use ordinary tokens and invert against the header surface. */
     headerTheme?: TopbarSidebarHeaderTheme;
     /** Sidebar side in the body grid. */
     sidebarSide?: TopbarSidebarSide;

package/dist/components/layout/app-shell/app-shell.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-shell/app-shell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,MAAM,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC;AACjD,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,KAAK,CAAC;AACzD,MAAM,MAAM,8BAA8B,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,wBAAwB;IACxC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2EAA2E;IAC3E,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kEAAkE;IAClE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gEAAgE;IAChE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kEAAkE;IAClE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG,aAAa,GAAG;IACtD,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,oCAAoC,CAAC,EAAE,MAAM,CAAC;IAC9C,mCAAmC,CAAC,EAAE,MAAM,CAAC;CAC7C,CAAC;AAEF,MAAM,WAAW,wBAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yGAAyG;IACzG,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,qCAAqC;IACrC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,iHAAiH;IACjH,iBAAiB,CAAC,EAAE,8BAA8B,CAAC;IACnD,2GAA2G;IAC3G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0HAA0H;IAC1H,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iGAAiG;IACjG,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oFAAoF;IACpF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,wBAAwB,CAAC;IACjC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,wBAAwB,CAAC;CACjC"}
+{"version":3,"file":"app-shell.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-shell/app-shell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,MAAM,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC;AACjD,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,KAAK,CAAC;AACzD,MAAM,MAAM,8BAA8B,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,wBAAwB;IACxC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2EAA2E;IAC3E,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kEAAkE;IAClE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gEAAgE;IAChE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kEAAkE;IAClE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG,aAAa,GAAG;IACtD,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,oCAAoC,CAAC,EAAE,MAAM,CAAC;IAC9C,mCAAmC,CAAC,EAAE,MAAM,CAAC;CAC7C,CAAC;AAEF,MAAM,WAAW,wBAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gJAAgJ;IAChJ,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,qCAAqC;IACrC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,iHAAiH;IACjH,iBAAiB,CAAC,EAAE,8BAA8B,CAAC;IACnD,2GAA2G;IAC3G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0HAA0H;IAC1H,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iGAAiG;IACjG,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oFAAoF;IACpF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,wBAAwB,CAAC;IACjC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,wBAAwB,CAAC;CACjC"}

package/dist/components/layout/app-shell/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/app-shell-C4d7kCCd.cjs");exports.TopbarSidebarLayout=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/app-shell-DqDnnKT4.cjs");exports.TopbarSidebarLayout=e.t;

package/dist/components/layout/app-shell/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../_shared/app-shell-CKxcpPTc.js";
+import { t as e } from "../../../_shared/app-shell-w5h0vEKg.js";
 export { e as TopbarSidebarLayout };

package/dist/components/layout/app-shell/topbar-sidebar-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"topbar-sidebar-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-shell/topbar-sidebar-layout.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACX,wBAAwB,EAExB,MAAM,mBAAmB,CAAC;AAkC3B,wBAAgB,mBAAmB,CAAC,EACnC,QAAQ,EACR,WAAqB,EACrB,WAAoB,EACpB,iBAA4B,EAC5B,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,aAAa,EACb,OAAO,EACP,KAAK,EACL,SAAS,EAAE,OAAgB,EAC3B,SAAS,EACT,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,wBAAwB,+BAmI1B"}
+{"version":3,"file":"topbar-sidebar-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-shell/topbar-sidebar-layout.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACX,wBAAwB,EAExB,MAAM,mBAAmB,CAAC;AAe3B,wBAAgB,mBAAmB,CAAC,EACnC,QAAQ,EACR,WAAqB,EACrB,WAAoB,EACpB,iBAA4B,EAC5B,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,aAAa,EACb,OAAO,EACP,KAAK,EACL,SAAS,EAAE,OAAgB,EAC3B,SAAS,EACT,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,wBAAwB,+BAkI1B"}

package/dist/components/layout/auth/auth-card.d.ts

@@ -0,0 +1,3 @@
+import { AuthCardProps } from './auth.types';
+export declare function AuthCard({ eyebrow, title, description, headerEnd, banner, media, footer, children, className, headerClassName, mediaClassName, contentClassName, footerClassName, ...props }: AuthCardProps): import("react").JSX.Element;
+//# sourceMappingURL=auth-card.d.ts.map

package/dist/components/layout/auth/auth-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/auth/auth-card.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,wBAAgB,QAAQ,CAAC,EACxB,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,GAAG,KAAK,EACR,EAAE,aAAa,+BAkGf"}

package/dist/components/layout/auth/auth-footer-links.d.ts

@@ -0,0 +1,3 @@
+import { AuthFooterLinksProps } from './auth.types';
+export declare function AuthFooterLinks({ links, leadingIcon, separator, renderLink, LinkComponent, className, strings: stringsProp, ...props }: AuthFooterLinksProps): import("react").JSX.Element | null;
+//# sourceMappingURL=auth-footer-links.d.ts.map

package/dist/components/layout/auth/auth-footer-links.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-footer-links.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/auth/auth-footer-links.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,wBAAgB,eAAe,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,SAAe,EACf,UAAU,EACV,aAAa,EACb,SAAS,EACT,OAAO,EAAE,WAAW,EACpB,GAAG,KAAK,EACR,EAAE,oBAAoB,sCAkEtB"}

package/dist/components/layout/auth/auth-hooks.d.ts

@@ -0,0 +1,5 @@
+import { AuthBrand, AuthBrandConfig, UseAuthLinksOptions, UseAuthLinksReturn, UseAuthShellOptions, UseAuthShellReturn } from './auth.types';
+export declare function isAuthBrandConfig(brand: AuthBrand | undefined): brand is AuthBrandConfig;
+export declare function useAuthLinks({ links, renderLink, LinkComponent, }?: UseAuthLinksOptions): UseAuthLinksReturn;
+export declare function useAuthShell({ variant, brand, footer, footerLinks, policyLinks, languageLinks, languageSwitcher, postCard, socialProviders, splitPanel, renderLink, LinkComponent, }?: UseAuthShellOptions): UseAuthShellReturn;
+//# sourceMappingURL=auth-hooks.d.ts.map

package/dist/components/layout/auth/auth-hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-hooks.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/auth/auth-hooks.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACX,SAAS,EACT,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,MAAM,cAAc,CAAC;AAEtB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,KAAK,IAAI,eAAe,CAOxF;AAED,wBAAgB,YAAY,CAAC,EAC5B,KAAU,EACV,UAAU,EACV,aAAa,GACb,GAAE,mBAAwB,GAAG,kBAAkB,CAW/C;AAED,wBAAgB,YAAY,CAAC,EAC5B,OAAgB,EAChB,KAAK,EACL,MAAM,EACN,WAAgB,EAChB,WAAgB,EAChB,aAAkB,EAClB,gBAAgB,EAChB,QAAQ,EACR,eAAoB,EACpB,UAAU,EACV,UAAU,EACV,aAAa,GACb,GAAE,mBAAwB,GAAG,kBAAkB,CA8C/C"}

package/dist/components/layout/auth/auth-method-switch.d.ts

@@ -0,0 +1,5 @@
+import { AuthMethodSwitchProps, UseAuthMethodSwitchOptions, UseAuthMethodSwitchReturn } from './auth.types';
+import * as React from 'react';
+export declare function useAuthMethodSwitch({ options, value, defaultValue, onValueChange, }?: UseAuthMethodSwitchOptions): UseAuthMethodSwitchReturn;
+export declare function AuthMethodSwitch({ options, value, defaultValue, onValueChange, layout, divider, className, strings: stringsProp, ...props }: AuthMethodSwitchProps): React.JSX.Element | null;
+//# sourceMappingURL=auth-method-switch.d.ts.map

package/dist/components/layout/auth/auth-method-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-method-switch.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/auth/auth-method-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAEX,qBAAqB,EACrB,0BAA0B,EAC1B,yBAAyB,EACzB,MAAM,cAAc,CAAC;AAMtB,wBAAgB,mBAAmB,CAAC,EACnC,OAAY,EACZ,KAAK,EACL,YAAY,EACZ,aAAa,GACb,GAAE,0BAA+B,GAAG,yBAAyB,CAoC7D;AAED,wBAAgB,gBAAgB,CAAC,EAChC,OAAY,EACZ,KAAK,EACL,YAAY,EACZ,aAAa,EACb,MAAgB,EAChB,OAAO,EACP,SAAS,EACT,OAAO,EAAE,WAAW,EACpB,GAAG,KAAK,EACR,EAAE,qBAAqB,4BAsHvB"}

package/dist/components/layout/auth/auth-shell.d.ts

@@ -0,0 +1,3 @@
+import { AuthShellProps } from './auth.types';
+export declare function AuthShell({ children, variant: variantProp, size, align, brand, eyebrow, title, description, headerEnd, banner, cardMedia, cardMediaClassName, cardFooter, postCard, footer, footerLinks, policyLinks, languageLinks, languageSwitcher, socialProviders, socialProvidersLayout, socialDivider, splitPanel, splitSide, splitMobile, renderLink, LinkComponent, className, mainClassName, stackClassName, cardClassName, cardContentClassName, splitGridClassName, splitPanelClassName, footerClassName, strings: stringsProp, ...props }: AuthShellProps): import("react").JSX.Element;
+//# sourceMappingURL=auth-shell.d.ts.map

package/dist/components/layout/auth/auth-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-shell.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/auth/auth-shell.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAGX,cAAc,EAEd,MAAM,cAAc,CAAC;AAwFtB,wBAAgB,SAAS,CAAC,EACzB,QAAQ,EACR,OAAO,EAAE,WAAoB,EAC7B,IAAW,EACX,KAAgB,EAChB,KAAK,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,EACT,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,qBAA+B,EAC/B,aAAa,EACb,UAAU,EACV,SAAkB,EAClB,WAAsB,EACtB,UAAU,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,OAAO,EAAE,WAAW,EACpB,GAAG,KAAK,EACR,EAAE,cAAc,+BAoMhB"}

package/dist/components/layout/auth/auth-social-providers.d.ts

@@ -0,0 +1,4 @@
+import { AuthSocialProviderButtonProps, AuthSocialProvidersProps } from './auth.types';
+export declare function AuthSocialProviderButton({ provider, renderLink, LinkComponent, className, }: AuthSocialProviderButtonProps): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export declare function AuthSocialProviders({ providers, layout, renderLink, LinkComponent, className, strings: stringsProp, ...props }: AuthSocialProvidersProps): import("react").JSX.Element | null;
+//# sourceMappingURL=auth-social-providers.d.ts.map

package/dist/components/layout/auth/auth-social-providers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-social-providers.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/auth/auth-social-providers.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAEX,6BAA6B,EAC7B,wBAAwB,EACxB,MAAM,cAAc,CAAC;AA+DtB,wBAAgB,wBAAwB,CAAC,EACxC,QAAQ,EACR,UAAU,EACV,aAAa,EACb,SAAS,GACT,EAAE,6BAA6B,+VA0C/B;AAED,wBAAgB,mBAAmB,CAAC,EACnC,SAAS,EACT,MAAgB,EAChB,UAAU,EACV,aAAa,EACb,SAAS,EACT,OAAO,EAAE,WAAW,EACpB,GAAG,KAAK,EACR,EAAE,wBAAwB,sCA8B1B"}

package/dist/components/layout/auth/auth-split-panel.d.ts

@@ -0,0 +1,3 @@
+import { AuthSplitPanelProps } from './auth.types';
+export declare function AuthSplitPanel({ eyebrow, title, description, media, features, footer, children, surface, className, contentClassName, ...props }: AuthSplitPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=auth-split-panel.d.ts.map

package/dist/components/layout/auth/auth-split-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-split-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/auth/auth-split-panel.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOxD,wBAAgB,cAAc,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,GAAG,KAAK,EACR,EAAE,mBAAmB,+BAkGrB"}

package/dist/components/layout/auth/auth.strings.d.ts

@@ -0,0 +1,22 @@
+export interface AuthShellStrings {
+    socialDivider: string;
+    socialProvidersLabel: string;
+    footerLinksLabel: string;
+    policyLinksLabel: string;
+    languageLinksLabel: string;
+}
+export declare const defaultAuthShellStrings: AuthShellStrings;
+export interface AuthFooterLinksStrings {
+    label: string;
+}
+export declare const defaultAuthFooterLinksStrings: AuthFooterLinksStrings;
+export interface AuthSocialProvidersStrings {
+    label: string;
+}
+export declare const defaultAuthSocialProvidersStrings: AuthSocialProvidersStrings;
+export interface AuthMethodSwitchStrings {
+    label: string;
+    divider: string;
+}
+export declare const defaultAuthMethodSwitchStrings: AuthMethodSwitchStrings;
+//# sourceMappingURL=auth.strings.d.ts.map

package/dist/components/layout/auth/auth.strings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.strings.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/auth/auth.strings.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,EAAE,gBAMrC,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACtC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,6BAA6B,EAAE,sBAE3C,CAAC;AAEF,MAAM,WAAW,0BAA0B;IAC1C,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,iCAAiC,EAAE,0BAE/C,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,8BAA8B,EAAE,uBAG5C,CAAC"}

package/dist/components/layout/auth/auth.types.d.ts

@@ -0,0 +1,187 @@
+import { HTMLAttributes, MouseEvent, ReactNode } from 'react';
+import { StringsProp } from '../../../lib/strings';
+import { LayoutNavigationAdapter } from '../layout.types';
+import { AuthFooterLinksStrings, AuthMethodSwitchStrings, AuthShellStrings, AuthSocialProvidersStrings } from './auth.strings';
+export type AuthShellVariant = 'card' | 'split';
+export type AuthShellSize = 'sm' | 'md' | 'lg';
+export type AuthShellAlign = 'center' | 'start';
+export type AuthSplitSide = 'left' | 'right';
+export type AuthSplitMobile = 'hidden' | 'stacked';
+export type AuthSplitPanelSurface = 'card' | 'muted';
+export type AuthSocialProviderKind = 'google' | 'github' | 'microsoft' | 'apple' | 'sso' | 'custom';
+export type AuthSocialProvidersLayout = 'stack' | 'grid';
+export type AuthMethodSwitchLayout = 'stack' | 'grid' | 'segmented';
+export interface AuthBrandConfig {
+    logo?: ReactNode;
+    label?: ReactNode;
+    description?: ReactNode;
+    href?: string;
+    ariaLabel?: string;
+}
+export type AuthBrand = ReactNode | AuthBrandConfig;
+export interface AuthLink {
+    id?: string;
+    label: ReactNode;
+    href?: string;
+    target?: string;
+    rel?: string;
+    external?: boolean;
+    disabled?: boolean;
+    visible?: boolean;
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+}
+export interface AuthSocialProvider {
+    id?: string;
+    provider?: AuthSocialProviderKind;
+    label: ReactNode;
+    href?: string;
+    target?: string;
+    rel?: string;
+    external?: boolean;
+    disabled?: boolean;
+    visible?: boolean;
+    icon?: ReactNode;
+    onClick?: (event: MouseEvent<HTMLButtonElement> | MouseEvent<HTMLAnchorElement>) => void;
+}
+export interface AuthMethodOption {
+    id: string;
+    label: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    visible?: boolean;
+}
+export interface AuthCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    headerEnd?: ReactNode;
+    banner?: ReactNode;
+    media?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+    headerClassName?: string;
+    mediaClassName?: string;
+    contentClassName?: string;
+    footerClassName?: string;
+}
+export interface AuthSplitPanelFeature {
+    id?: string;
+    icon?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+}
+export interface AuthSplitPanelProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    media?: ReactNode;
+    features?: AuthSplitPanelFeature[];
+    footer?: ReactNode;
+    children?: ReactNode;
+    surface?: AuthSplitPanelSurface;
+    contentClassName?: string;
+}
+export interface AuthFooterLinksProps extends HTMLAttributes<HTMLElement>, LayoutNavigationAdapter {
+    links?: AuthLink[];
+    leadingIcon?: ReactNode;
+    separator?: ReactNode;
+    strings?: StringsProp<AuthFooterLinksStrings>;
+}
+export interface AuthSocialProviderButtonProps extends LayoutNavigationAdapter {
+    provider: AuthSocialProvider;
+    className?: string;
+}
+export interface AuthSocialProvidersProps extends HTMLAttributes<HTMLDivElement>, LayoutNavigationAdapter {
+    providers?: AuthSocialProvider[];
+    layout?: AuthSocialProvidersLayout;
+    strings?: StringsProp<AuthSocialProvidersStrings>;
+}
+export interface AuthMethodSwitchProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    options?: AuthMethodOption[];
+    value?: string | null;
+    defaultValue?: string;
+    onValueChange?: (value: string, option: AuthMethodOption) => void;
+    layout?: AuthMethodSwitchLayout;
+    divider?: ReactNode;
+    strings?: StringsProp<AuthMethodSwitchStrings>;
+}
+export interface AuthShellProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, LayoutNavigationAdapter {
+    children?: ReactNode;
+    variant?: AuthShellVariant;
+    size?: AuthShellSize;
+    align?: AuthShellAlign;
+    brand?: AuthBrand;
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    headerEnd?: ReactNode;
+    banner?: ReactNode;
+    cardMedia?: ReactNode;
+    cardMediaClassName?: string;
+    cardFooter?: ReactNode;
+    postCard?: ReactNode;
+    footer?: ReactNode;
+    footerLinks?: AuthLink[];
+    policyLinks?: AuthLink[];
+    languageLinks?: AuthLink[];
+    languageSwitcher?: ReactNode;
+    socialProviders?: AuthSocialProvider[];
+    socialProvidersLayout?: AuthSocialProvidersLayout;
+    socialDivider?: ReactNode;
+    splitPanel?: ReactNode | AuthSplitPanelProps;
+    splitSide?: AuthSplitSide;
+    splitMobile?: AuthSplitMobile;
+    mainClassName?: string;
+    stackClassName?: string;
+    cardClassName?: string;
+    cardContentClassName?: string;
+    splitGridClassName?: string;
+    splitPanelClassName?: string;
+    footerClassName?: string;
+    strings?: StringsProp<AuthShellStrings>;
+}
+export interface UseAuthMethodSwitchOptions {
+    options?: AuthMethodOption[];
+    value?: string | null;
+    defaultValue?: string;
+    onValueChange?: (value: string, option: AuthMethodOption) => void;
+}
+export interface UseAuthMethodSwitchReturn {
+    value?: string | null;
+    selectedOption?: AuthMethodOption;
+    options: AuthMethodOption[];
+    setValue: (value: string) => void;
+}
+export interface UseAuthLinksOptions extends LayoutNavigationAdapter {
+    links?: AuthLink[];
+}
+export interface UseAuthLinksReturn {
+    links: AuthLink[];
+    renderLink: NonNullable<LayoutNavigationAdapter['renderLink']>;
+}
+export interface UseAuthShellOptions extends LayoutNavigationAdapter {
+    variant?: AuthShellVariant;
+    brand?: AuthBrand;
+    footer?: ReactNode;
+    footerLinks?: AuthLink[];
+    policyLinks?: AuthLink[];
+    languageLinks?: AuthLink[];
+    languageSwitcher?: ReactNode;
+    postCard?: ReactNode;
+    socialProviders?: AuthSocialProvider[];
+    splitPanel?: ReactNode | AuthSplitPanelProps;
+}
+export interface UseAuthShellReturn {
+    variant: AuthShellVariant;
+    hasBrand: boolean;
+    hasAfterCard: boolean;
+    hasSplitPanel: boolean;
+    hasSocialProviders: boolean;
+    renderLink: NonNullable<LayoutNavigationAdapter['renderLink']>;
+    footerLinks: AuthLink[];
+    policyLinks: AuthLink[];
+    languageLinks: AuthLink[];
+    socialProviders: AuthSocialProvider[];
+}
+//# sourceMappingURL=auth.types.d.ts.map