npm - @thunderid/react - Versions diffs - 1.5.0 → 1.7.0 - Mend

@thunderid/react 1.5.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1334) hide show

package/dist/cjs/components/primitives/DataTable/DataTable.cjs ADDED Viewed

@@ -0,0 +1,122 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_emotion = require('../../../styles/emotion.cjs');
+const require_useTheme = require('../../../contexts/Theme/useTheme.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_Spinner = require('../Spinner/Spinner.cjs');
+const require_Button = require('../Button/Button.cjs');
+const require_Alert = require('../Alert/Alert.cjs');
+const require_DataTable_styles = require('./DataTable.styles.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+//#region src/components/primitives/DataTable/DataTable.tsx
+/**
+* Lists management resources in an accessible table with optional row selection and offset based
+* pagination.
+*/
+const DataTable = ({ caption, className, columns, emptyText, error = null, getRowId, isLoading = false, onRowClick, pagination, rows, selectedRowId }) => {
+	const { theme, colorScheme } = require_useTheme.default();
+	const { t } = require_useTranslation.default();
+	const styles = require_DataTable_styles.default(theme, colorScheme);
+	const renderBody = () => {
+		if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
+			className: styles["empty"],
+			colSpan: columns.length,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Spinner.default, { size: "small" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: (0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("data-table", "loading")),
+				children: [" ", t("admin.common.loading")]
+			})]
+		}) });
+		if (rows.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+			className: styles["empty"],
+			colSpan: columns.length,
+			children: emptyText
+		}) });
+		return rows.map((row) => {
+			const rowId = getRowId(row);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+				className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("data-table", "row")), styles["row"]),
+				"data-clickable": onRowClick ? "true" : void 0,
+				"data-selected": selectedRowId === rowId ? "true" : void 0,
+				onClick: onRowClick ? () => onRowClick(row) : void 0,
+				children: columns.map((column, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+					className: styles["cell"],
+					children: index === 0 && onRowClick ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: styles["rowButton"],
+						"aria-pressed": selectedRowId === void 0 ? void 0 : selectedRowId === rowId,
+						onClick: (event) => {
+							event.stopPropagation();
+							onRowClick(row);
+						},
+						children: column.render(row)
+					}) : column.render(row)
+				}, column.id))
+			}, rowId);
+		});
+	};
+	const start = pagination ? Math.min(pagination.offset + 1, pagination.total) : 0;
+	const end = pagination ? Math.min(pagination.offset + rows.length, pagination.total) : 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("data-table")), styles["root"], className),
+		children: [
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default, {
+				variant: "error",
+				role: "alert",
+				children: error
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+				className: styles["table"],
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("caption", {
+						className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("data-table", "caption")), styles["visuallyHidden"]),
+						children: caption
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+						scope: "col",
+						className: styles["headerCell"],
+						children: column.header
+					}, column.id)) }) }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
+						"aria-busy": isLoading,
+						children: renderBody()
+					})
+				]
+			}),
+			pagination && pagination.total > pagination.limit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+				className: styles["footer"],
+				"aria-label": t("admin.common.pagination.label"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"aria-live": "polite",
+					children: t("admin.common.pagination.range", {
+						end,
+						start,
+						total: pagination.total
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: styles["footerActions"],
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+						variant: "outline",
+						size: "small",
+						disabled: pagination.offset === 0 || isLoading,
+						onClick: () => pagination.onChange(Math.max(0, pagination.offset - pagination.limit)),
+						children: t("admin.common.pagination.previous")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+						variant: "outline",
+						size: "small",
+						disabled: pagination.offset + pagination.limit >= pagination.total || isLoading,
+						onClick: () => pagination.onChange(pagination.offset + pagination.limit),
+						children: t("admin.common.pagination.next")
+					})]
+				})]
+			})
+		]
+	});
+};
+var DataTable_default = DataTable;
+//#endregion
+exports.default = DataTable_default;
+//# sourceMappingURL=DataTable.cjs.map

package/dist/cjs/components/primitives/DataTable/DataTable.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DataTable.cjs","names":["useTheme","useTranslation","styles: Record<string, string>","useStyles","Spinner","rowId: string","cx","start: number","end: number","Alert","Button"],"sources":["../../../../../src/components/primitives/DataTable/DataTable.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {bem, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {ReactElement, ReactNode} from 'react';\nimport useStyles from './DataTable.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport {cx} from '../../../styles/emotion';\nimport Alert from '../Alert/Alert';\nimport Button from '../Button/Button';\nimport Spinner from '../Spinner/Spinner';\n\n/**\n * A column of a {@link DataTable}.\n */\nexport interface DataTableColumn<T> {\n /**\n * Header text, already translated.\n */\n header: string;\n id: string;\n render: (row: T) => ReactNode;\n}\n\n/**\n * Offset based pagination state of a {@link DataTable}.\n */\nexport interface DataTablePagination {\n limit: number;\n offset: number;\n /**\n * Called with the offset of the page to show.\n */\n onChange: (offset: number) => void;\n total: number;\n}\n\nexport interface DataTableProps<T> {\n /**\n * Accessible name of the table, already translated.\n */\n caption: string;\n className?: string;\n columns: DataTableColumn<T>[];\n /**\n * Message shown when there are no rows, already translated.\n */\n emptyText: string;\n error?: string | null;\n getRowId: (row: T) => string;\n isLoading?: boolean;\n /**\n * Makes rows selectable. The first cell becomes a button so the row can be chosen from the keyboard.\n */\n onRowClick?: (row: T) => void;\n pagination?: DataTablePagination;\n rows: T[];\n selectedRowId?: string;\n}\n\n/**\n * Lists management resources in an accessible table with optional row selection and offset based\n * pagination.\n */\nconst DataTable = <T,>({\n caption,\n className,\n columns,\n emptyText,\n error = null,\n getRowId,\n isLoading = false,\n onRowClick,\n pagination,\n rows,\n selectedRowId,\n}: DataTableProps<T>): ReactElement => {\n const {theme, colorScheme} = useTheme();\n const {t} = useTranslation();\n const styles: Record<string, string> = useStyles(theme, colorScheme);\n\n const renderBody = (): ReactNode => {\n if (isLoading) {\n return (\n <tr>\n <td className={styles['empty']} colSpan={columns.length}>\n <Spinner size=\"small\" />\n <span className={withVendorCSSClassPrefix(bem('data-table', 'loading'))}> {t('admin.common.loading')}</span>\n </td>\n </tr>\n );\n }\n\n if (rows.length === 0) {\n return (\n <tr>\n <td className={styles['empty']} colSpan={columns.length}>\n {emptyText}\n </td>\n </tr>\n );\n }\n\n return rows.map((row: T) => {\n const rowId: string = getRowId(row);\n\n return (\n <tr\n key={rowId}\n className={cx(withVendorCSSClassPrefix(bem('data-table', 'row')), styles['row'])}\n data-clickable={onRowClick ? 'true' : undefined}\n data-selected={selectedRowId === rowId ? 'true' : undefined}\n onClick={onRowClick ? (): void => onRowClick(row) : undefined}\n >\n {columns.map((column: DataTableColumn<T>, index: number) => (\n <td key={column.id} className={styles['cell']}>\n {index === 0 && onRowClick ? (\n <button\n type=\"button\"\n className={styles['rowButton']}\n aria-pressed={selectedRowId === undefined ? undefined : selectedRowId === rowId}\n onClick={(event): void => {\n event.stopPropagation();\n onRowClick(row);\n }}\n >\n {column.render(row)}\n </button>\n ) : (\n column.render(row)\n )}\n </td>\n ))}\n </tr>\n );\n });\n };\n\n const start: number = pagination ? Math.min(pagination.offset + 1, pagination.total) : 0;\n const end: number = pagination ? Math.min(pagination.offset + rows.length, pagination.total) : 0;\n\n return (\n <div className={cx(withVendorCSSClassPrefix(bem('data-table')), styles['root'], className)}>\n {error && (\n <Alert variant=\"error\" role=\"alert\">\n {error}\n </Alert>\n )}\n <table className={styles['table']}>\n <caption className={cx(withVendorCSSClassPrefix(bem('data-table', 'caption')), styles['visuallyHidden'])}>\n {caption}\n </caption>\n <thead>\n <tr>\n {columns.map((column: DataTableColumn<T>) => (\n <th key={column.id} scope=\"col\" className={styles['headerCell']}>\n {column.header}\n </th>\n ))}\n </tr>\n </thead>\n <tbody aria-busy={isLoading}>{renderBody()}</tbody>\n </table>\n {pagination && pagination.total > pagination.limit && (\n <nav className={styles['footer']} aria-label={t('admin.common.pagination.label')}>\n <span aria-live=\"polite\">{t('admin.common.pagination.range', {end, start, total: pagination.total})}</span>\n <div className={styles['footerActions']}>\n <Button\n variant=\"outline\"\n size=\"small\"\n disabled={pagination.offset === 0 || isLoading}\n onClick={(): void => pagination.onChange(Math.max(0, pagination.offset - pagination.limit))}\n >\n {t('admin.common.pagination.previous')}\n </Button>\n <Button\n variant=\"outline\"\n size=\"small\"\n disabled={pagination.offset + pagination.limit >= pagination.total || isLoading}\n onClick={(): void => pagination.onChange(pagination.offset + pagination.limit)}\n >\n {t('admin.common.pagination.next')}\n </Button>\n </div>\n </nav>\n )}\n </div>\n );\n};\n\nexport default DataTable;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiEA,MAAM,aAAiB,EACrB,SACA,WACA,SACA,WACA,QAAQ,MACR,UACA,YAAY,OACZ,YACA,YACA,MACA,oBACqC;CACrC,MAAM,EAAC,OAAO,gBAAeA,0BAAU;CACvC,MAAM,EAAC,MAAKC,gCAAgB;CAC5B,MAAMC,SAAiCC,iCAAU,OAAO,YAAY;CAEpE,MAAM,mBAA8B;AAClC,MAAI,UACF,QACE,2CAAC,kBACC,4CAAC;GAAG,WAAW,OAAO;GAAU,SAAS,QAAQ;cAC/C,2CAACC,2BAAQ,MAAK,UAAU,EACxB,4CAAC;IAAK,0FAAwC,cAAc,UAAU,CAAC;eAAE,KAAE,EAAE,uBAAuB;KAAQ;IACzG,GACF;AAIT,MAAI,KAAK,WAAW,EAClB,QACE,2CAAC,kBACC,2CAAC;GAAG,WAAW,OAAO;GAAU,SAAS,QAAQ;aAC9C;IACE,GACF;AAIT,SAAO,KAAK,KAAK,QAAW;GAC1B,MAAMC,QAAgB,SAAS,IAAI;AAEnC,UACE,2CAAC;IAEC,WAAWC,kGAAgC,cAAc,MAAM,CAAC,EAAE,OAAO,OAAO;IAChF,kBAAgB,aAAa,SAAS;IACtC,iBAAe,kBAAkB,QAAQ,SAAS;IAClD,SAAS,mBAAyB,WAAW,IAAI,GAAG;cAEnD,QAAQ,KAAK,QAA4B,UACxC,2CAAC;KAAmB,WAAW,OAAO;eACnC,UAAU,KAAK,aACd,2CAAC;MACC,MAAK;MACL,WAAW,OAAO;MAClB,gBAAc,kBAAkB,SAAY,SAAY,kBAAkB;MAC1E,UAAU,UAAgB;AACxB,aAAM,iBAAiB;AACvB,kBAAW,IAAI;;gBAGhB,OAAO,OAAO,IAAI;OACZ,GAET,OAAO,OAAO,IAAI;OAdb,OAAO,GAgBX,CACL;MAxBG,MAyBF;IAEP;;CAGJ,MAAMC,QAAgB,aAAa,KAAK,IAAI,WAAW,SAAS,GAAG,WAAW,MAAM,GAAG;CACvF,MAAMC,MAAc,aAAa,KAAK,IAAI,WAAW,SAAS,KAAK,QAAQ,WAAW,MAAM,GAAG;AAE/F,QACE,4CAAC;EAAI,WAAWF,kGAAgC,aAAa,CAAC,EAAE,OAAO,SAAS,UAAU;;GACvF,SACC,2CAACG;IAAM,SAAQ;IAAQ,MAAK;cACzB;KACK;GAEV,4CAAC;IAAM,WAAW,OAAO;;KACvB,2CAAC;MAAQ,WAAWH,kGAAgC,cAAc,UAAU,CAAC,EAAE,OAAO,kBAAkB;gBACrG;OACO;KACV,2CAAC,qBACC,2CAAC,kBACE,QAAQ,KAAK,WACZ,2CAAC;MAAmB,OAAM;MAAM,WAAW,OAAO;gBAC/C,OAAO;QADD,OAAO,GAEX,CACL,GACC,GACC;KACR,2CAAC;MAAM,aAAW;gBAAY,YAAY;OAAS;;KAC7C;GACP,cAAc,WAAW,QAAQ,WAAW,SAC3C,4CAAC;IAAI,WAAW,OAAO;IAAW,cAAY,EAAE,gCAAgC;eAC9E,2CAAC;KAAK,aAAU;eAAU,EAAE,iCAAiC;MAAC;MAAK;MAAO,OAAO,WAAW;MAAM,CAAC;MAAQ,EAC3G,4CAAC;KAAI,WAAW,OAAO;gBACrB,2CAACI;MACC,SAAQ;MACR,MAAK;MACL,UAAU,WAAW,WAAW,KAAK;MACrC,eAAqB,WAAW,SAAS,KAAK,IAAI,GAAG,WAAW,SAAS,WAAW,MAAM,CAAC;gBAE1F,EAAE,mCAAmC;OAC/B,EACT,2CAACA;MACC,SAAQ;MACR,MAAK;MACL,UAAU,WAAW,SAAS,WAAW,SAAS,WAAW,SAAS;MACtE,eAAqB,WAAW,SAAS,WAAW,SAAS,WAAW,MAAM;gBAE7E,EAAE,+BAA+B;OAC3B;MACL;KACF;;GAEJ;;AAIV,wBAAe"}

package/dist/cjs/components/primitives/DataTable/DataTable.styles.cjs ADDED Viewed

@@ -0,0 +1,105 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_emotion = require('../../../styles/emotion.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+//#region src/components/primitives/DataTable/DataTable.styles.ts
+/**
+* Creates the styles for the DataTable primitive.
+*
+* @param theme - The theme object containing design tokens.
+* @param colorScheme - The current color scheme, used for memoization.
+* @returns The CSS class names for each part of the table.
+*/
+const useStyles = (theme, colorScheme) => (0, react.useMemo)(() => {
+	const unit = theme.vars.spacing.unit;
+	return {
+		cell: require_emotion.css`
+        padding: calc(${unit} * 1.5) calc(${unit} * 2);
+        text-align: start;
+        vertical-align: middle;
+        color: ${theme.vars.colors.text.primary};
+        border-top: 1px solid ${theme.vars.colors.border};
+      `,
+		empty: require_emotion.css`
+        padding: calc(${unit} * 4) calc(${unit} * 2);
+        text-align: center;
+        color: ${theme.vars.colors.text.secondary};
+      `,
+		footer: require_emotion.css`
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: space-between;
+        gap: ${unit};
+        padding: calc(${unit} * 1.5) calc(${unit} * 2);
+        border-top: 1px solid ${theme.vars.colors.border};
+        color: ${theme.vars.colors.text.secondary};
+        font-size: ${theme.vars.typography.fontSizes.sm};
+      `,
+		footerActions: require_emotion.css`
+        display: flex;
+        gap: ${unit};
+      `,
+		headerCell: require_emotion.css`
+        padding: calc(${unit} * 1.5) calc(${unit} * 2);
+        text-align: start;
+        font-size: ${theme.vars.typography.fontSizes.sm};
+        font-weight: ${theme.vars.typography.fontWeights.medium};
+        color: ${theme.vars.colors.text.secondary};
+        white-space: nowrap;
+      `,
+		root: require_emotion.css`
+        width: 100%;
+        overflow-x: auto;
+        background: ${theme.vars.colors.background.surface};
+        border: 1px solid ${theme.vars.colors.border};
+        border-radius: ${theme.vars.borderRadius.large};
+        font-family: ${theme.vars.typography.fontFamily};
+        font-size: ${theme.vars.typography.fontSizes.sm};
+      `,
+		row: require_emotion.css`
+        &[data-clickable='true'] {
+          cursor: pointer;
+        }
+        &[data-clickable='true']:hover,
+        &[data-selected='true'] {
+          background: ${theme.vars.colors.action.hover};
+        }
+      `,
+		rowButton: require_emotion.css`
+        all: unset;
+        cursor: pointer;
+        font-weight: ${theme.vars.typography.fontWeights.medium};
+        color: ${theme.vars.colors.text.primary};
+        &:focus-visible {
+          outline: 2px solid ${theme.vars.colors.primary.main};
+          outline-offset: 2px;
+          border-radius: ${theme.vars.borderRadius.small};
+        }
+      `,
+		table: require_emotion.css`
+        width: 100%;
+        min-width: 560px;
+        border-collapse: collapse;
+      `,
+		visuallyHidden: require_emotion.css`
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+      `
+	};
+}, [theme, colorScheme]);
+var DataTable_styles_default = useStyles;
+//#endregion
+exports.default = DataTable_styles_default;
+//# sourceMappingURL=DataTable.styles.cjs.map

package/dist/cjs/components/primitives/DataTable/DataTable.styles.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DataTable.styles.cjs","names":["unit: string"],"sources":["../../../../../src/components/primitives/DataTable/DataTable.styles.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\nimport {css} from '../../../styles/emotion';\n\n/**\n * Creates the styles for the DataTable primitive.\n *\n * @param theme - The theme object containing design tokens.\n * @param colorScheme - The current color scheme, used for memoization.\n * @returns The CSS class names for each part of the table.\n */\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n useMemo(() => {\n const unit: string = theme.vars.spacing.unit;\n\n return {\n cell: css`\n padding: calc(${unit} * 1.5) calc(${unit} * 2);\n text-align: start;\n vertical-align: middle;\n color: ${theme.vars.colors.text.primary};\n border-top: 1px solid ${theme.vars.colors.border};\n `,\n empty: css`\n padding: calc(${unit} * 4) calc(${unit} * 2);\n text-align: center;\n color: ${theme.vars.colors.text.secondary};\n `,\n footer: css`\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n gap: ${unit};\n padding: calc(${unit} * 1.5) calc(${unit} * 2);\n border-top: 1px solid ${theme.vars.colors.border};\n color: ${theme.vars.colors.text.secondary};\n font-size: ${theme.vars.typography.fontSizes.sm};\n `,\n footerActions: css`\n display: flex;\n gap: ${unit};\n `,\n headerCell: css`\n padding: calc(${unit} * 1.5) calc(${unit} * 2);\n text-align: start;\n font-size: ${theme.vars.typography.fontSizes.sm};\n font-weight: ${theme.vars.typography.fontWeights.medium};\n color: ${theme.vars.colors.text.secondary};\n white-space: nowrap;\n `,\n root: css`\n width: 100%;\n overflow-x: auto;\n background: ${theme.vars.colors.background.surface};\n border: 1px solid ${theme.vars.colors.border};\n border-radius: ${theme.vars.borderRadius.large};\n font-family: ${theme.vars.typography.fontFamily};\n font-size: ${theme.vars.typography.fontSizes.sm};\n `,\n row: css`\n &[data-clickable='true'] {\n cursor: pointer;\n }\n\n &[data-clickable='true']:hover,\n &[data-selected='true'] {\n background: ${theme.vars.colors.action.hover};\n }\n `,\n rowButton: css`\n all: unset;\n cursor: pointer;\n font-weight: ${theme.vars.typography.fontWeights.medium};\n color: ${theme.vars.colors.text.primary};\n\n &:focus-visible {\n outline: 2px solid ${theme.vars.colors.primary.main};\n outline-offset: 2px;\n border-radius: ${theme.vars.borderRadius.small};\n }\n `,\n table: css`\n width: 100%;\n min-width: 560px;\n border-collapse: collapse;\n `,\n visuallyHidden: css`\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n `,\n };\n }, [theme, colorScheme]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,aAAa,OAAc,yCACjB;CACZ,MAAMA,OAAe,MAAM,KAAK,QAAQ;AAExC,QAAO;EACL,MAAM,mBAAG;wBACS,KAAK,eAAe,KAAK;;;iBAGhC,MAAM,KAAK,OAAO,KAAK,QAAQ;gCAChB,MAAM,KAAK,OAAO,OAAO;;EAEnD,OAAO,mBAAG;wBACQ,KAAK,aAAa,KAAK;;iBAE9B,MAAM,KAAK,OAAO,KAAK,UAAU;;EAE5C,QAAQ,mBAAG;;;;;eAKF,KAAK;wBACI,KAAK,eAAe,KAAK;gCACjB,MAAM,KAAK,OAAO,OAAO;iBACxC,MAAM,KAAK,OAAO,KAAK,UAAU;qBAC7B,MAAM,KAAK,WAAW,UAAU,GAAG;;EAElD,eAAe,mBAAG;;eAET,KAAK;;EAEd,YAAY,mBAAG;wBACG,KAAK,eAAe,KAAK;;qBAE5B,MAAM,KAAK,WAAW,UAAU,GAAG;uBACjC,MAAM,KAAK,WAAW,YAAY,OAAO;iBAC/C,MAAM,KAAK,OAAO,KAAK,UAAU;;;EAG5C,MAAM,mBAAG;;;sBAGO,MAAM,KAAK,OAAO,WAAW,QAAQ;4BAC/B,MAAM,KAAK,OAAO,OAAO;yBAC5B,MAAM,KAAK,aAAa,MAAM;uBAChC,MAAM,KAAK,WAAW,WAAW;qBACnC,MAAM,KAAK,WAAW,UAAU,GAAG;;EAElD,KAAK,mBAAG;;;;;;;wBAOU,MAAM,KAAK,OAAO,OAAO,MAAM;;;EAGjD,WAAW,mBAAG;;;uBAGG,MAAM,KAAK,WAAW,YAAY,OAAO;iBAC/C,MAAM,KAAK,OAAO,KAAK,QAAQ;;;+BAGjB,MAAM,KAAK,OAAO,QAAQ,KAAK;;2BAEnC,MAAM,KAAK,aAAa,MAAM;;;EAGnD,OAAO,mBAAG;;;;;EAKV,gBAAgB,mBAAG;;;;;;;;;;;EAWpB;GACA,CAAC,OAAO,YAAY,CAAC;AAE1B,+BAAe"}

package/dist/cjs/components/primitives/Select/ResourceSelect.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
 const require_emotion = require('../../../styles/emotion.cjs');
 const require_useTranslation = require('../../../hooks/useTranslation.cjs');
-const require_useInfiniteOptions = require('../../../hooks/useInfiniteOptions.cjs');
+const require_useInfiniteOptions = require('../../../hooks/management/useInfiniteOptions.cjs');
 const require_Select = require('./Select.cjs');
 let __thunderid_browser = require("@thunderid/browser");
 __thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);

package/dist/cjs/components/primitives/Select/ResourceSelect.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceSelect.cjs","names":["NO_PAGES: FetchSelectPage","ResourceSelect: FC<ResourceSelectProps>","SelectConstants","useTranslation","effectivePageSize: number","load: ResourceOptionsLoader","useInfiniteOptions","previousLoad: ResourceOptionsLoader \| null","accessibleName: string","Select","cx"],"sources":["../../../../../src/components/primitives/Select/ResourceSelect.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n bem,\n createResourceOptionsLoader,\n SelectConstants,\n resolvePageSize,\n withVendorCSSClassPrefix,\n} from '@thunderid/browser';\nimport type {\n EmbeddedFlowComponent,\n EmbeddedFlowComponentType,\n FetchSelectPage,\n ResourceOptionsLoader,\n SelectOptionDefaults,\n SelectOptionMapping,\n} from '@thunderid/browser';\nimport {FC, useEffect, useMemo, useRef} from 'react';\nimport Select, {SelectProps} from './Select';\nimport useInfiniteOptions from '../../../hooks/useInfiniteOptions';\nimport useTranslation from '../../../hooks/useTranslation';\nimport {cx} from '../../../styles/emotion';\n\nexport interface ResourceSelectProps extends Omit<SelectProps, 'loading' \| 'onError' \| 'onLoadMore' \| 'options'> {\n /** Block name for the picker's CSS class, e.g. `user-select`. /\n bemBlock: string;\n /* The flow component the page function is called for. Defaults to one built from `type`. /\n component?: EmbeddedFlowComponent;\n defaults?: SelectOptionDefaults;\n /* Wording used when the translations for the keys under `messageKey` are empty. /\n fallbackMessages: {ariaLabel: string; empty: string};\n /* Loads one page of the resource. Nothing is requested while this is unset. /\n fetchPage?: FetchSelectPage;\n filter?: string;\n mapping?: SelectOptionMapping;\n /* Translation key group under `elements.fields`, e.g. `user_select`. /\n messageKey: string;\n /* Called with the error of every failed load. The list itself shows no error. /\n onError?: (error: Error) => void;\n /* Options per request. Defaults to 30 and is capped at 100. /\n pageSize?: number;\n /* What is loaded, in the words of the failure log, e.g. `users`. /\n resource: string;\n /* The flow component type this picker stands for. /\n type: EmbeddedFlowComponentType;\n}\n\nconst NO_PAGES: FetchSelectPage = () => Promise.resolve({nextOffset: null, options: []});\n\n/\n The part the `USER_SELECT`, `AUTH_FLOW_SELECT` and `USER_TYPE_SELECT` pickers share: a {@link Select} that loads\n * one resource page by page. The list restarts when the page function, filter or page size changes.\n */\nconst ResourceSelect: FC<ResourceSelectProps> = ({\n 'aria-label': ariaLabel,\n bemBlock,\n className,\n component,\n defaults,\n emptyText,\n fallbackMessages,\n fetchPage,\n filter,\n id,\n label,\n mapping,\n messageKey,\n name,\n onError,\n pageSize = SelectConstants.DEFAULT_PAGE_SIZE,\n placeholder,\n resource,\n type,\n ...rest\n}: ResourceSelectProps) => {\n const {t} = useTranslation();\n const effectivePageSize: number = resolvePageSize(pageSize);\n\n const live = useRef({component, defaults, mapping});\n\n useEffect(() => {\n live.current = {component, defaults, mapping};\n });\n\n // Only the page function, filter and page size restart the list. Mapping, defaults and component are read when\n // a page loads, so a parent that passes a new object on every render does not reload it.\n const load: ResourceOptionsLoader = useMemo(\n () =>\n createResourceOptionsLoader({\n get component(): EmbeddedFlowComponent {\n return live.current.component ?? ({id: id ?? name ?? bemBlock, type} as EmbeddedFlowComponent);\n },\n get defaults(): SelectOptionDefaults \| undefined {\n return live.current.defaults;\n },\n fetchPage: fetchPage ?? NO_PAGES,\n filter,\n get mapping(): SelectOptionMapping \| undefined {\n return live.current.mapping;\n },\n pageSize: effectivePageSize,\n resource,\n }),\n [bemBlock, effectivePageSize, fetchPage, filter, id, name, resource, type],\n );\n const {hasMore, loading, onLoadMore, options, reset} = useInfiniteOptions({load, onError});\n\n const previousLoadRef = useRef<ResourceOptionsLoader \| null>(null);\n\n // The first batch is requested when the picker renders. A different page function, filter or page size starts\n // the list again from the beginning.\n useEffect(() => {\n const previousLoad: ResourceOptionsLoader \| null = previousLoadRef.current;\n\n previousLoadRef.current = load;\n\n if (previousLoad !== null && previousLoad !== load) {\n reset();\n }\n\n if (fetchPage) {\n onLoadMore();\n }\n }, [fetchPage, load, onLoadMore, reset]);\n\n // The first of these that is not empty names the select. An empty string is not a name, which is why this is not a\n // chain of `??`.\n const accessibleName: string =\n [ariaLabel, label, placeholder, t(`elements.fields.${messageKey}.aria_label`)].find((text) => Boolean(text)) ??\n fallbackMessages.ariaLabel;\n\n return (\n <Select\n {...rest}\n aria-label={accessibleName}\n className={cx(withVendorCSSClassPrefix(bem(bemBlock)), className)}\n emptyText={emptyText ?? (t(`elements.fields.${messageKey}.empty`) \|\| fallbackMessages.empty)}\n id={id}\n label={label}\n loading={loading}\n name={name}\n onLoadMore={fetchPage && hasMore ? onLoadMore : undefined}\n options={options}\n placeholder={placeholder}\n />\n );\n};\n\nexport default ResourceSelect;\n"],"mappings":";;;;;;;;;;;;;AAgDA,MAAMA,iBAAkC,QAAQ,QAAQ;CAAC,YAAY;CAAM,SAAS,EAAE;CAAC,CAAC;;;;;AAMxF,MAAMC,kBAA2C,EAC/C,cAAc,WACd,UACA,WACA,WACA,UACA,WACA,kBACA,WACA,QACA,IACA,OACA,SACA,YACA,MACA,SACA,WAAWC,oCAAgB,mBAC3B,aACA,UACA,KACA,GAAG,WACsB;CACzB,MAAM,EAAC,MAAKC,gCAAgB;CAC5B,MAAMC,6DAA4C,SAAS;CAE3D,MAAM,yBAAc;EAAC;EAAW;EAAU;EAAQ,CAAC;AAEnD,4BAAgB;AACd,OAAK,UAAU;GAAC;GAAW;GAAU;GAAQ;GAC7C;CAIF,MAAMC,qFAE0B;EAC1B,IAAI,YAAmC;AACrC,UAAO,KAAK,QAAQ,aAAc;IAAC,IAAI,MAAM,QAAQ;IAAU;IAAK;;EAEtE,IAAI,WAA6C;AAC/C,UAAO,KAAK,QAAQ;;EAEtB,WAAW,aAAa;EACxB;EACA,IAAI,UAA2C;AAC7C,UAAO,KAAK,QAAQ;;EAEtB,UAAU;EACV;EACD,CAAC,EACJ;EAAC;EAAU;EAAmB;EAAW;EAAQ;EAAI;EAAM;EAAU;EAAK,CAC3E;CACD,MAAM,EAAC,SAAS,SAAS,YAAY,SAAS,UAASC,mCAAmB;EAAC;EAAM;EAAQ,CAAC;CAE1F,MAAM,oCAAuD,KAAK;AAIlE,4BAAgB;EACd,MAAMC,eAA6C,gBAAgB;AAEnE,kBAAgB,UAAU;AAE1B,MAAI,iBAAiB,QAAQ,iBAAiB,KAC5C,QAAO;AAGT,MAAI,UACF,aAAY;IAEb;EAAC;EAAW;EAAM;EAAY;EAAM,CAAC;CAIxC,MAAMC,iBACJ;EAAC;EAAW;EAAO;EAAa,EAAE,mBAAmB,WAAW,aAAa;EAAC,CAAC,MAAM,SAAS,QAAQ,KAAK,CAAC,IAC5G,iBAAiB;AAEnB,QACE,2CAACC;EACC,GAAI;EACJ,cAAY;EACZ,WAAWC,kGAAgC,SAAS,CAAC,EAAE,UAAU;EACjE,WAAW,cAAc,EAAE,mBAAmB,WAAW,QAAQ,IAAI,iBAAiB;EAClF;EACG;EACE;EACH;EACN,YAAY,aAAa,UAAU,aAAa;EACvC;EACI;GACb;;AAIN,6BAAe"}
1	+ {"version":3,"file":"ResourceSelect.cjs","names":["NO_PAGES: FetchSelectPage","ResourceSelect: FC<ResourceSelectProps>","SelectConstants","useTranslation","effectivePageSize: number","load: ResourceOptionsLoader","useInfiniteOptions","previousLoad: ResourceOptionsLoader \| null","accessibleName: string","Select","cx"],"sources":["../../../../../src/components/primitives/Select/ResourceSelect.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n bem,\n createResourceOptionsLoader,\n SelectConstants,\n resolvePageSize,\n withVendorCSSClassPrefix,\n} from '@thunderid/browser';\nimport type {\n EmbeddedFlowComponent,\n EmbeddedFlowComponentType,\n FetchSelectPage,\n ResourceOptionsLoader,\n SelectOptionDefaults,\n SelectOptionMapping,\n} from '@thunderid/browser';\nimport {FC, useEffect, useMemo, useRef} from 'react';\nimport Select, {SelectProps} from './Select';\nimport useInfiniteOptions from '../../../hooks/management/useInfiniteOptions';\nimport useTranslation from '../../../hooks/useTranslation';\nimport {cx} from '../../../styles/emotion';\n\nexport interface ResourceSelectProps extends Omit<SelectProps, 'loading' \| 'onError' \| 'onLoadMore' \| 'options'> {\n /** Block name for the picker's CSS class, e.g. `user-select`. /\n bemBlock: string;\n /* The flow component the page function is called for. Defaults to one built from `type`. /\n component?: EmbeddedFlowComponent;\n defaults?: SelectOptionDefaults;\n /* Wording used when the translations for the keys under `messageKey` are empty. /\n fallbackMessages: {ariaLabel: string; empty: string};\n /* Loads one page of the resource. Nothing is requested while this is unset. /\n fetchPage?: FetchSelectPage;\n filter?: string;\n mapping?: SelectOptionMapping;\n /* Translation key group under `elements.fields`, e.g. `user_select`. /\n messageKey: string;\n /* Called with the error of every failed load. The list itself shows no error. /\n onError?: (error: Error) => void;\n /* Options per request. Defaults to 30 and is capped at 100. /\n pageSize?: number;\n /* What is loaded, in the words of the failure log, e.g. `users`. /\n resource: string;\n /* The flow component type this picker stands for. /\n type: EmbeddedFlowComponentType;\n}\n\nconst NO_PAGES: FetchSelectPage = () => Promise.resolve({nextOffset: null, options: []});\n\n/\n The part the `USER_SELECT`, `AUTH_FLOW_SELECT` and `USER_TYPE_SELECT` pickers share: a {@link Select} that loads\n * one resource page by page. The list restarts when the page function, filter or page size changes.\n */\nconst ResourceSelect: FC<ResourceSelectProps> = ({\n 'aria-label': ariaLabel,\n bemBlock,\n className,\n component,\n defaults,\n emptyText,\n fallbackMessages,\n fetchPage,\n filter,\n id,\n label,\n mapping,\n messageKey,\n name,\n onError,\n pageSize = SelectConstants.DEFAULT_PAGE_SIZE,\n placeholder,\n resource,\n type,\n ...rest\n}: ResourceSelectProps) => {\n const {t} = useTranslation();\n const effectivePageSize: number = resolvePageSize(pageSize);\n\n const live = useRef({component, defaults, mapping});\n\n useEffect(() => {\n live.current = {component, defaults, mapping};\n });\n\n // Only the page function, filter and page size restart the list. Mapping, defaults and component are read when\n // a page loads, so a parent that passes a new object on every render does not reload it.\n const load: ResourceOptionsLoader = useMemo(\n () =>\n createResourceOptionsLoader({\n get component(): EmbeddedFlowComponent {\n return live.current.component ?? ({id: id ?? name ?? bemBlock, type} as EmbeddedFlowComponent);\n },\n get defaults(): SelectOptionDefaults \| undefined {\n return live.current.defaults;\n },\n fetchPage: fetchPage ?? NO_PAGES,\n filter,\n get mapping(): SelectOptionMapping \| undefined {\n return live.current.mapping;\n },\n pageSize: effectivePageSize,\n resource,\n }),\n [bemBlock, effectivePageSize, fetchPage, filter, id, name, resource, type],\n );\n const {hasMore, loading, onLoadMore, options, reset} = useInfiniteOptions({load, onError});\n\n const previousLoadRef = useRef<ResourceOptionsLoader \| null>(null);\n\n // The first batch is requested when the picker renders. A different page function, filter or page size starts\n // the list again from the beginning.\n useEffect(() => {\n const previousLoad: ResourceOptionsLoader \| null = previousLoadRef.current;\n\n previousLoadRef.current = load;\n\n if (previousLoad !== null && previousLoad !== load) {\n reset();\n }\n\n if (fetchPage) {\n onLoadMore();\n }\n }, [fetchPage, load, onLoadMore, reset]);\n\n // The first of these that is not empty names the select. An empty string is not a name, which is why this is not a\n // chain of `??`.\n const accessibleName: string =\n [ariaLabel, label, placeholder, t(`elements.fields.${messageKey}.aria_label`)].find((text) => Boolean(text)) ??\n fallbackMessages.ariaLabel;\n\n return (\n <Select\n {...rest}\n aria-label={accessibleName}\n className={cx(withVendorCSSClassPrefix(bem(bemBlock)), className)}\n emptyText={emptyText ?? (t(`elements.fields.${messageKey}.empty`) \|\| fallbackMessages.empty)}\n id={id}\n label={label}\n loading={loading}\n name={name}\n onLoadMore={fetchPage && hasMore ? onLoadMore : undefined}\n options={options}\n placeholder={placeholder}\n />\n );\n};\n\nexport default ResourceSelect;\n"],"mappings":";;;;;;;;;;;;;AAgDA,MAAMA,iBAAkC,QAAQ,QAAQ;CAAC,YAAY;CAAM,SAAS,EAAE;CAAC,CAAC;;;;;AAMxF,MAAMC,kBAA2C,EAC/C,cAAc,WACd,UACA,WACA,WACA,UACA,WACA,kBACA,WACA,QACA,IACA,OACA,SACA,YACA,MACA,SACA,WAAWC,oCAAgB,mBAC3B,aACA,UACA,KACA,GAAG,WACsB;CACzB,MAAM,EAAC,MAAKC,gCAAgB;CAC5B,MAAMC,6DAA4C,SAAS;CAE3D,MAAM,yBAAc;EAAC;EAAW;EAAU;EAAQ,CAAC;AAEnD,4BAAgB;AACd,OAAK,UAAU;GAAC;GAAW;GAAU;GAAQ;GAC7C;CAIF,MAAMC,qFAE0B;EAC1B,IAAI,YAAmC;AACrC,UAAO,KAAK,QAAQ,aAAc;IAAC,IAAI,MAAM,QAAQ;IAAU;IAAK;;EAEtE,IAAI,WAA6C;AAC/C,UAAO,KAAK,QAAQ;;EAEtB,WAAW,aAAa;EACxB;EACA,IAAI,UAA2C;AAC7C,UAAO,KAAK,QAAQ;;EAEtB,UAAU;EACV;EACD,CAAC,EACJ;EAAC;EAAU;EAAmB;EAAW;EAAQ;EAAI;EAAM;EAAU;EAAK,CAC3E;CACD,MAAM,EAAC,SAAS,SAAS,YAAY,SAAS,UAASC,mCAAmB;EAAC;EAAM;EAAQ,CAAC;CAE1F,MAAM,oCAAuD,KAAK;AAIlE,4BAAgB;EACd,MAAMC,eAA6C,gBAAgB;AAEnE,kBAAgB,UAAU;AAE1B,MAAI,iBAAiB,QAAQ,iBAAiB,KAC5C,QAAO;AAGT,MAAI,UACF,aAAY;IAEb;EAAC;EAAW;EAAM;EAAY;EAAM,CAAC;CAIxC,MAAMC,iBACJ;EAAC;EAAW;EAAO;EAAa,EAAE,mBAAmB,WAAW,aAAa;EAAC,CAAC,MAAM,SAAS,QAAQ,KAAK,CAAC,IAC5G,iBAAiB;AAEnB,QACE,2CAACC;EACC,GAAI;EACJ,cAAY;EACZ,WAAWC,kGAAgC,SAAS,CAAC,EAAE,UAAU;EACjE,WAAW,cAAc,EAAE,mBAAmB,WAAW,QAAQ,IAAI,iBAAiB;EAClF;EACG;EACE;EACH;EACN,YAAY,aAAa,UAAU,aAAa;EACvC;EACI;GACb;;AAIN,6BAAe"}

package/dist/cjs/components/primitives/Select/Select.styles.cjs CHANGED Viewed

@@ -17,6 +17,8 @@ const useStyles = (theme, colorScheme, disabled, hasError) => (0, react.useMemo)
 	const select = require_emotion.css`
       width: 100%;
       padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 1.5);
+      /* Room for the dropdown arrow, so a short select's label never runs under it. */
+      padding-right: calc(${theme.vars.spacing.unit} * 1.5 + 1.4em);
       border: 1px solid ${hasError ? theme.vars.colors.error.main : theme.vars.colors.border};
       border-radius: ${theme.vars.components?.Field?.root?.borderRadius || theme.vars.borderRadius.medium};
       font-size: ${theme.vars.typography.fontSizes.md};

package/dist/cjs/components/primitives/Select/Select.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.styles.cjs","names":["select: string","selectError: string","selectDisabled: string","option: string","status: string"],"sources":["../../../../../src/components/primitives/Select/Select.styles.ts"],"sourcesContent":["// Copyright 2024 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\nimport {css} from '../../../styles/emotion';\n\n/*\n Creates styles for the Select component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @param disabled - Whether the component is disabled\n * @param hasError - Whether the component has an error\n * @returns Object containing CSS class names for component styling\n /\nconst useStyles = (theme: Theme, colorScheme: string, disabled: boolean, hasError: boolean): Record<string, string> =>\n useMemo(() => {\n const dropdownArrowColor: string = theme.colors.text.secondary.replace('#', '');\n const dropdownArrow = `data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23${dropdownArrowColor}%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E`;\n\n const select: string = css`\n width: 100%;\n padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} 1.5);\n border: 1px solid ${hasError ? theme.vars.colors.error.main : theme.vars.colors.border};\n border-radius: ${theme.vars.components?.Field?.root?.borderRadius \|\| theme.vars.borderRadius.medium};\n font-size: ${theme.vars.typography.fontSizes.md};\n font-family: ${theme.vars.typography.fontFamily};\n color: ${theme.vars.colors.text.primary};\n background-color: ${disabled ? theme.vars.colors.background.disabled : theme.vars.colors.background.surface};\n outline: none;\n transition:\n border-color 0.2s ease,\n box-shadow 0.2s ease;\n appearance: none;\n background-image: url('${dropdownArrow}');\n background-repeat: no-repeat;\n background-position: right 0.7em top 50%;\n background-size: 0.65em auto;\n cursor: ${disabled ? 'not-allowed' : 'pointer'};\n\n &:focus {\n border-color: ${hasError ? theme.vars.colors.error.main : theme.vars.colors.primary.main};\n box-shadow: 0 0 0 2px ${hasError ? `${theme.vars.colors.error.main}20` : `${theme.vars.colors.primary.main}20`};\n }\n\n &:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n &:hover:not(:disabled) {\n border-color: ${hasError ? theme.vars.colors.error.main : theme.vars.colors.primary.main};\n }\n `;\n\n const selectError: string = css`\n border-color: ${theme.vars.colors.error.main};\n\n &:focus {\n border-color: ${theme.vars.colors.error.main};\n box-shadow: 0 0 0 2px ${theme.vars.colors.error.main}20;\n }\n\n &:hover:not(:disabled) {\n border-color: ${theme.vars.colors.error.main};\n }\n `;\n\n const selectDisabled: string = css`\n background-color: ${theme.vars.colors.background.disabled};\n opacity: 0.6;\n cursor: not-allowed;\n `;\n\n const option: string = css`\n padding: calc(${theme.vars.spacing.unit} / 2) ${theme.vars.spacing.unit};\n color: ${theme.vars.colors.text.primary};\n background-color: ${theme.vars.colors.background.surface};\n\n &:hover {\n background-color: ${theme.vars.colors.action.hover};\n }\n\n &:checked {\n background-color: ${theme.vars.colors.primary.main};\n color: ${theme.vars.colors.primary.contrastText};\n }\n `;\n\n const status: string = css`\n display: block;\n margin-top: calc(${theme.vars.spacing.unit} / 2);\n font-size: ${theme.vars.typography.fontSizes.sm};\n color: ${theme.vars.colors.text.secondary};\n\n &:empty {\n display: none;\n }\n `;\n\n const loadMore: string = css`\n color: ${theme.vars.colors.primary.main};\n font-weight: ${theme.vars.typography.fontWeights.medium};\n `;\n\n return {\n loadMore,\n option,\n select,\n selectDisabled,\n selectError,\n status,\n };\n }, [theme, colorScheme, disabled, hasError]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,aAAa,OAAc,aAAqB,UAAmB,sCACzD;CAEZ,MAAM,gBAAgB,yKADa,MAAM,OAAO,KAAK,UAAU,QAAQ,KAAK,GAAG,CACmI;CAElN,MAAMA,SAAiB,mBAAG;;iBAEb,MAAM,KAAK,QAAQ,KAAK,QAAQ,MAAM,KAAK,QAAQ,KAAK;~~0BAC/C~~,WAAW,MAAM,KAAK,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,OAAO;uBACtE,MAAM,KAAK,YAAY,OAAO,MAAM,gBAAgB,MAAM,KAAK,aAAa,OAAO;mBACvF,MAAM,KAAK,WAAW,UAAU,GAAG;qBACjC,MAAM,KAAK,WAAW,WAAW;eACvC,MAAM,KAAK,OAAO,KAAK,QAAQ;0BACpB,WAAW,MAAM,KAAK,OAAO,WAAW,WAAW,MAAM,KAAK,OAAO,WAAW,QAAQ;;;;;;+BAMnF,cAAc;;;;gBAI7B,WAAW,gBAAgB,UAAU;;;wBAG7B,WAAW,MAAM,KAAK,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,QAAQ,KAAK;gCACjE,WAAW,GAAG,MAAM,KAAK,OAAO,MAAM,KAAK,MAAM,GAAG,MAAM,KAAK,OAAO,QAAQ,KAAK,IAAI;;;;;;;;;wBAS/F,WAAW,MAAM,KAAK,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,QAAQ,KAAK;;;CAI7F,MAAMC,cAAsB,mBAAG;sBACb,MAAM,KAAK,OAAO,MAAM,KAAK;;;wBAG3B,MAAM,KAAK,OAAO,MAAM,KAAK;gCACrB,MAAM,KAAK,OAAO,MAAM,KAAK;;;;wBAIrC,MAAM,KAAK,OAAO,MAAM,KAAK;;;CAIjD,MAAMC,iBAAyB,mBAAG;0BACZ,MAAM,KAAK,OAAO,WAAW,SAAS;;;;CAK5D,MAAMC,SAAiB,mBAAG;sBACR,MAAM,KAAK,QAAQ,KAAK,QAAQ,MAAM,KAAK,QAAQ,KAAK;eAC/D,MAAM,KAAK,OAAO,KAAK,QAAQ;0BACpB,MAAM,KAAK,OAAO,WAAW,QAAQ;;;4BAGnC,MAAM,KAAK,OAAO,OAAO,MAAM;;;;4BAI/B,MAAM,KAAK,OAAO,QAAQ,KAAK;iBAC1C,MAAM,KAAK,OAAO,QAAQ,aAAa;;;CAIpD,MAAMC,SAAiB,mBAAG;;yBAEL,MAAM,KAAK,QAAQ,KAAK;mBAC9B,MAAM,KAAK,WAAW,UAAU,GAAG;eACvC,MAAM,KAAK,OAAO,KAAK,UAAU;;;;;;AAY5C,QAAO;EACL,UANuB,mBAAG;eACjB,MAAM,KAAK,OAAO,QAAQ,KAAK;qBACzB,MAAM,KAAK,WAAW,YAAY,OAAO;;EAKxD;EACA;EACA;EACA;EACA;EACD;GACA;CAAC;CAAO;CAAa;CAAU;CAAS,CAAC;AAE9C,4BAAe"}
1	+ {"version":3,"file":"Select.styles.cjs","names":["select: string","selectError: string","selectDisabled: string","option: string","status: string"],"sources":["../../../../../src/components/primitives/Select/Select.styles.ts"],"sourcesContent":["// Copyright 2024 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\nimport {css} from '../../../styles/emotion';\n\n/*\n Creates styles for the Select component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @param disabled - Whether the component is disabled\n * @param hasError - Whether the component has an error\n * @returns Object containing CSS class names for component styling\n /\nconst useStyles = (theme: Theme, colorScheme: string, disabled: boolean, hasError: boolean): Record<string, string> =>\n useMemo(() => {\n const dropdownArrowColor: string = theme.colors.text.secondary.replace('#', '');\n const dropdownArrow = `data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23${dropdownArrowColor}%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E`;\n\n const select: string = css`\n width: 100%;\n padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} 1.5);\n /* Room for the dropdown arrow, so a short select's label never runs under it. /\n padding-right: calc(${theme.vars.spacing.unit} 1.5 + 1.4em);\n border: 1px solid ${hasError ? theme.vars.colors.error.main : theme.vars.colors.border};\n border-radius: ${theme.vars.components?.Field?.root?.borderRadius \|\| theme.vars.borderRadius.medium};\n font-size: ${theme.vars.typography.fontSizes.md};\n font-family: ${theme.vars.typography.fontFamily};\n color: ${theme.vars.colors.text.primary};\n background-color: ${disabled ? theme.vars.colors.background.disabled : theme.vars.colors.background.surface};\n outline: none;\n transition:\n border-color 0.2s ease,\n box-shadow 0.2s ease;\n appearance: none;\n background-image: url('${dropdownArrow}');\n background-repeat: no-repeat;\n background-position: right 0.7em top 50%;\n background-size: 0.65em auto;\n cursor: ${disabled ? 'not-allowed' : 'pointer'};\n\n &:focus {\n border-color: ${hasError ? theme.vars.colors.error.main : theme.vars.colors.primary.main};\n box-shadow: 0 0 0 2px ${hasError ? `${theme.vars.colors.error.main}20` : `${theme.vars.colors.primary.main}20`};\n }\n\n &:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n &:hover:not(:disabled) {\n border-color: ${hasError ? theme.vars.colors.error.main : theme.vars.colors.primary.main};\n }\n `;\n\n const selectError: string = css`\n border-color: ${theme.vars.colors.error.main};\n\n &:focus {\n border-color: ${theme.vars.colors.error.main};\n box-shadow: 0 0 0 2px ${theme.vars.colors.error.main}20;\n }\n\n &:hover:not(:disabled) {\n border-color: ${theme.vars.colors.error.main};\n }\n `;\n\n const selectDisabled: string = css`\n background-color: ${theme.vars.colors.background.disabled};\n opacity: 0.6;\n cursor: not-allowed;\n `;\n\n const option: string = css`\n padding: calc(${theme.vars.spacing.unit} / 2) ${theme.vars.spacing.unit};\n color: ${theme.vars.colors.text.primary};\n background-color: ${theme.vars.colors.background.surface};\n\n &:hover {\n background-color: ${theme.vars.colors.action.hover};\n }\n\n &:checked {\n background-color: ${theme.vars.colors.primary.main};\n color: ${theme.vars.colors.primary.contrastText};\n }\n `;\n\n const status: string = css`\n display: block;\n margin-top: calc(${theme.vars.spacing.unit} / 2);\n font-size: ${theme.vars.typography.fontSizes.sm};\n color: ${theme.vars.colors.text.secondary};\n\n &:empty {\n display: none;\n }\n `;\n\n const loadMore: string = css`\n color: ${theme.vars.colors.primary.main};\n font-weight: ${theme.vars.typography.fontWeights.medium};\n `;\n\n return {\n loadMore,\n option,\n select,\n selectDisabled,\n selectError,\n status,\n };\n }, [theme, colorScheme, disabled, hasError]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,aAAa,OAAc,aAAqB,UAAmB,sCACzD;CAEZ,MAAM,gBAAgB,yKADa,MAAM,OAAO,KAAK,UAAU,QAAQ,KAAK,GAAG,CACmI;CAElN,MAAMA,SAAiB,mBAAG;;iBAEb,MAAM,KAAK,QAAQ,KAAK,QAAQ,MAAM,KAAK,QAAQ,KAAK;;4BAE7C,MAAM,KAAK,QAAQ,KAAK;0BAC1B,WAAW,MAAM,KAAK,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,OAAO;uBACtE,MAAM,KAAK,YAAY,OAAO,MAAM,gBAAgB,MAAM,KAAK,aAAa,OAAO;mBACvF,MAAM,KAAK,WAAW,UAAU,GAAG;qBACjC,MAAM,KAAK,WAAW,WAAW;eACvC,MAAM,KAAK,OAAO,KAAK,QAAQ;0BACpB,WAAW,MAAM,KAAK,OAAO,WAAW,WAAW,MAAM,KAAK,OAAO,WAAW,QAAQ;;;;;;+BAMnF,cAAc;;;;gBAI7B,WAAW,gBAAgB,UAAU;;;wBAG7B,WAAW,MAAM,KAAK,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,QAAQ,KAAK;gCACjE,WAAW,GAAG,MAAM,KAAK,OAAO,MAAM,KAAK,MAAM,GAAG,MAAM,KAAK,OAAO,QAAQ,KAAK,IAAI;;;;;;;;;wBAS/F,WAAW,MAAM,KAAK,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,QAAQ,KAAK;;;CAI7F,MAAMC,cAAsB,mBAAG;sBACb,MAAM,KAAK,OAAO,MAAM,KAAK;;;wBAG3B,MAAM,KAAK,OAAO,MAAM,KAAK;gCACrB,MAAM,KAAK,OAAO,MAAM,KAAK;;;;wBAIrC,MAAM,KAAK,OAAO,MAAM,KAAK;;;CAIjD,MAAMC,iBAAyB,mBAAG;0BACZ,MAAM,KAAK,OAAO,WAAW,SAAS;;;;CAK5D,MAAMC,SAAiB,mBAAG;sBACR,MAAM,KAAK,QAAQ,KAAK,QAAQ,MAAM,KAAK,QAAQ,KAAK;eAC/D,MAAM,KAAK,OAAO,KAAK,QAAQ;0BACpB,MAAM,KAAK,OAAO,WAAW,QAAQ;;;4BAGnC,MAAM,KAAK,OAAO,OAAO,MAAM;;;;4BAI/B,MAAM,KAAK,OAAO,QAAQ,KAAK;iBAC1C,MAAM,KAAK,OAAO,QAAQ,aAAa;;;CAIpD,MAAMC,SAAiB,mBAAG;;yBAEL,MAAM,KAAK,QAAQ,KAAK;mBAC9B,MAAM,KAAK,WAAW,UAAU,GAAG;eACvC,MAAM,KAAK,OAAO,KAAK,UAAU;;;;;;AAY5C,QAAO;EACL,UANuB,mBAAG;eACjB,MAAM,KAAK,OAAO,QAAQ,KAAK;qBACzB,MAAM,KAAK,WAAW,YAAY,OAAO;;EAKxD;EACA;EACA;EACA;EACA;EACD;GACA;CAAC;CAAO;CAAa;CAAU;CAAS,CAAC;AAE9C,4BAAe"}

package/dist/cjs/components/primitives/UserSelect/UserSelect.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_useFetchUsers = require('../../../hooks/useFetchUsers.cjs');
+const require_useFetchUsers = require('../../../hooks/management/useFetchUsers.cjs');
 const require_BaseUserSelect = require('./BaseUserSelect.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);

package/dist/cjs/components/primitives/UserSelect/UserSelect.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserSelect.cjs","names":["UserSelect: FC<UserSelectProps>","BaseUserSelect","useFetchUsers"],"sources":["../../../../../src/components/primitives/UserSelect/UserSelect.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC} from 'react';\nimport BaseUserSelect, {BaseUserSelectProps} from './BaseUserSelect';\nimport useFetchUsers from '../../../hooks/useFetchUsers';\n\nexport type UserSelectProps = Omit<BaseUserSelectProps, 'fetchUsers'>;\n\n/*\n Single-user picker for signed-in screens. It loads the user directory itself with the signed-in\n * user's access token and submits the chosen user's ID, so it takes no data source. For any other\n * data source use {@link Select} with {@link useInfiniteOptions}.\n */\nconst UserSelect: FC<UserSelectProps> = (props: UserSelectProps) => (\n <BaseUserSelect {...props} fetchUsers={useFetchUsers()} />\n);\n\nexport default UserSelect;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,cAAmC,UACvC,2CAACC;CAAe,GAAI;CAAO,YAAYC,+BAAe;EAAI;AAG5D,yBAAe"}
1	+ {"version":3,"file":"UserSelect.cjs","names":["UserSelect: FC<UserSelectProps>","BaseUserSelect","useFetchUsers"],"sources":["../../../../../src/components/primitives/UserSelect/UserSelect.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC} from 'react';\nimport BaseUserSelect, {BaseUserSelectProps} from './BaseUserSelect';\nimport useFetchUsers from '../../../hooks/management/useFetchUsers';\n\nexport type UserSelectProps = Omit<BaseUserSelectProps, 'fetchUsers'>;\n\n/*\n Single-user picker for signed-in screens. It loads the user directory itself with the signed-in\n * user's access token and submits the chosen user's ID, so it takes no data source. For any other\n * data source use {@link Select} with {@link useInfiniteOptions}.\n */\nconst UserSelect: FC<UserSelectProps> = (props: UserSelectProps) => (\n <BaseUserSelect {...props} fetchUsers={useFetchUsers()} />\n);\n\nexport default UserSelect;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,cAAmC,UACvC,2CAACC;CAAe,GAAI;CAAO,YAAYC,+BAAe;EAAI;AAG5D,yBAAe"}

package/dist/cjs/components/primitives/UserTypeSelect/UserTypeSelect.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_useFetchUserTypes = require('../../../hooks/useFetchUserTypes.cjs');
+const require_useFetchUserTypes = require('../../../hooks/management/useFetchUserTypes.cjs');
 const require_BaseUserTypeSelect = require('./BaseUserTypeSelect.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);

package/dist/cjs/components/primitives/UserTypeSelect/UserTypeSelect.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserTypeSelect.cjs","names":["UserTypeSelect: FC<UserTypeSelectProps>","BaseUserTypeSelect","useFetchUserTypes"],"sources":["../../../../../src/components/primitives/UserTypeSelect/UserTypeSelect.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC} from 'react';\nimport BaseUserTypeSelect, {BaseUserTypeSelectProps} from './BaseUserTypeSelect';\nimport useFetchUserTypes from '../../../hooks/useFetchUserTypes';\n\nexport type UserTypeSelectProps = Omit<BaseUserTypeSelectProps, 'fetchUserTypes'>;\n\n/*\n User-type picker for signed-in screens. It loads the user types itself with the signed-in user's\n * access token and submits the chosen type's handle, so it takes no data source. For any other data\n * source use `Select` with `useInfiniteOptions`.\n */\nconst UserTypeSelect: FC<UserTypeSelectProps> = (props: UserTypeSelectProps) => (\n <BaseUserTypeSelect {...props} fetchUserTypes={useFetchUserTypes()} />\n);\n\nexport default UserTypeSelect;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,kBAA2C,UAC/C,2CAACC;CAAmB,GAAI;CAAO,gBAAgBC,mCAAmB;EAAI;AAGxE,6BAAe"}
1	+ {"version":3,"file":"UserTypeSelect.cjs","names":["UserTypeSelect: FC<UserTypeSelectProps>","BaseUserTypeSelect","useFetchUserTypes"],"sources":["../../../../../src/components/primitives/UserTypeSelect/UserTypeSelect.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC} from 'react';\nimport BaseUserTypeSelect, {BaseUserTypeSelectProps} from './BaseUserTypeSelect';\nimport useFetchUserTypes from '../../../hooks/management/useFetchUserTypes';\n\nexport type UserTypeSelectProps = Omit<BaseUserTypeSelectProps, 'fetchUserTypes'>;\n\n/*\n User-type picker for signed-in screens. It loads the user types itself with the signed-in user's\n * access token and submits the chosen type's handle, so it takes no data source. For any other data\n * source use `Select` with `useInfiniteOptions`.\n */\nconst UserTypeSelect: FC<UserTypeSelectProps> = (props: UserTypeSelectProps) => (\n <BaseUserTypeSelect {...props} fetchUserTypes={useFetchUserTypes()} />\n);\n\nexport default UserTypeSelect;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,kBAA2C,UAC/C,2CAACC;CAAmB,GAAI;CAAO,gBAAgBC,mCAAmB;EAAI;AAGxE,6BAAe"}

package/dist/cjs/contexts/Theme/ThemeProvider.cjs CHANGED Viewed

@@ -41,10 +41,10 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 * </ThemeProvider>
 * ```
 */
-const ThemeProvider = ({ children, mode, theme: themeOverrideProp }) => {
+const ThemeProvider = ({ children, designTheme = void 0, mode, theme: themeOverrideProp }) => {
 	const themeOverride = require_normalizeThemeConfig.default(themeOverrideProp);
 	const flowMetaContext = (0, react.useContext)(require_FlowMetaContext.default);
-	const flowMetaTheme = flowMetaContext?.meta?.design?.theme ?? null;
+	const flowMetaTheme = designTheme ?? flowMetaContext?.meta?.design?.theme ?? null;
 	flowMetaContext?.isLoading;
 	flowMetaContext?.error;
 	const getInitialColorScheme = () => {

package/dist/cjs/contexts/Theme/ThemeProvider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.cjs","names":["ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>","themeOverride: RecursivePartial<ThemeConfig> \| undefined","normalizeThemeConfig","flowMetaContext: FlowMetaContextValue \| null","FlowMetaContext","flowMetaTheme: FlowMetaTheme \| null","toggleTheme: () => void","finalThemeConfig: RecursivePartial<ThemeConfig> \| undefined","metaConfig: RecursivePartial<ThemeConfig>","buildThemeConfigFromFlowMeta","theme: Theme","direction: 'ltr' \| 'rtl'","value: any","ThemeContext"],"sources":["../../../../src/contexts/Theme/ThemeProvider.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n createClassObserver,\n createMediaQueryListener,\n createTheme,\n detectThemeMode,\n FlowMetaTheme,\n RecursivePartial,\n Theme,\n ThemeConfig,\n ThemeMode,\n} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useCallback, useContext, useEffect, useMemo, useState} from 'react';\nimport ThemeContext from './ThemeContext';\nimport applyThemeToDOM from '../../utils/applyThemeToDOM';\nimport buildThemeConfigFromFlowMeta from '../../utils/buildThemeConfigFromFlowMeta';\nimport normalizeThemeConfig from '../../utils/normalizeThemeConfig';\nimport FlowMetaContext, {FlowMetaContextValue} from '../FlowMeta/FlowMetaContext';\n\nexport interface ThemeProviderProps {\n /*\n Initial color scheme override. Overrides the server default when provided.\n /\n mode?: ThemeMode;\n\n /\n Optional theme overrides merged on top of the server-side flow meta theme.\n * User-supplied values take highest precedence.\n /\n theme?: RecursivePartial<ThemeConfig>;\n}\n\n/\n ThemeProvider is the v2 drop-in replacement for `ThemeProvider`.\n \n It reads the design theme from the nearest `FlowMetaContext` (provided by\n * `FlowMetaProvider`) and publishes a resolved `Theme` object through the\n * same `ThemeContext` that `useTheme` consumes. This means all existing\n * components that call `useTheme` continue to work without any changes.\n \n The `defaultColorScheme` field returned by the server is used to seed the\n * active color scheme; the user can still toggle it locally via the\n * `toggleTheme` value exposed in the context.\n \n @example\n * ```tsx\n * <FlowMetaProvider config={{ baseUrl, type: FlowMetaType.App, id: appId }}>\n * <ThemeProvider>\n * <App /> {/* useTheme() works here as usual \\/}\n </ThemeProvider>\n * </FlowMetaProvider>\n * ```\n \n @example\n * With user theme overrides (user values win over server values):\n * ```tsx\n * <ThemeProvider theme={{ colors: { primary: { main: '#ff0000' } } }}>\n * <App />\n * </ThemeProvider>\n * ```\n */\nconst ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>> = ({\n children,\n mode,\n theme: themeOverrideProp,\n}: PropsWithChildren<ThemeProviderProps>): ReactElement => {\n const themeOverride: RecursivePartial<ThemeConfig> \| undefined = normalizeThemeConfig(themeOverrideProp);\n const flowMetaContext: FlowMetaContextValue \| null = useContext(FlowMetaContext);\n\n const flowMetaTheme: FlowMetaTheme \| null = flowMetaContext?.meta?.design?.theme ?? null;\n const isLoading: boolean = flowMetaContext?.isLoading ?? false;\n const error: Error \| null = flowMetaContext?.error ?? null;\n\n // Seed the color scheme: a fixed mode wins outright, 'system'/'class' detect it from the\n // environment via the same shared utilities Vue's ThemeProvider uses, and no mode falls back\n // to the server's default (unchanged pre-`mode` behavior).\n const getInitialColorScheme = (): 'light' \| 'dark' => {\n if (mode === 'light' \|\| mode === 'dark') return mode;\n if (mode === 'system' \|\| mode === 'class') return detectThemeMode(mode);\n return flowMetaTheme?.defaultColorScheme ?? 'light';\n };\n\n const [colorScheme, setColorScheme] = useState<'light' \| 'dark'>(getInitialColorScheme);\n\n // When mode is unset, sync the color scheme with the server default once flow meta loads.\n useEffect(() => {\n if (mode === undefined && flowMetaTheme?.defaultColorScheme) {\n setColorScheme(flowMetaTheme.defaultColorScheme);\n }\n }, [mode, flowMetaTheme?.defaultColorScheme]);\n\n // Set up automatic detection listeners for 'system'/'class' modes.\n useEffect(() => {\n if (mode !== 'system' && mode !== 'class') return undefined;\n\n const handleThemeChange = (isDark: boolean): void => {\n setColorScheme(isDark ? 'dark' : 'light');\n };\n\n if (mode === 'class') {\n if (typeof document === 'undefined') return undefined;\n const observer = createClassObserver(document.documentElement, handleThemeChange);\n return () => {\n observer.disconnect();\n };\n }\n\n const mediaQuery = createMediaQueryListener(handleThemeChange);\n return () => {\n mediaQuery?.disconnect();\n };\n }, [mode]);\n\n const toggleTheme: () => void = useCallback(() => {\n setColorScheme((prev: 'light' \| 'dark') => (prev === 'light' ? 'dark' : 'light'));\n }, []);\n\n // Build the resolved ThemeConfig: flow meta base → user overrides on top.\n const finalThemeConfig: RecursivePartial<ThemeConfig> \| undefined = useMemo(() => {\n if (!flowMetaTheme) {\n return themeOverride;\n }\n\n const metaConfig: RecursivePartial<ThemeConfig> = buildThemeConfigFromFlowMeta(flowMetaTheme, colorScheme);\n\n if (!themeOverride) {\n return metaConfig;\n }\n\n return {\n ...metaConfig,\n ...themeOverride,\n borderRadius: {\n ...metaConfig.borderRadius,\n ...themeOverride.borderRadius,\n },\n colors: {\n ...metaConfig.colors,\n ...themeOverride.colors,\n },\n ...(metaConfig.typography \|\| themeOverride.typography\n ? {\n typography: {\n ...(metaConfig as any).typography,\n ...themeOverride.typography,\n },\n }\n : {}),\n };\n }, [flowMetaTheme, colorScheme, themeOverride]);\n\n const theme: Theme = useMemo(\n () => createTheme(finalThemeConfig, colorScheme === 'dark'),\n [finalThemeConfig, colorScheme],\n );\n\n const direction: 'ltr' \| 'rtl' = flowMetaTheme?.direction ?? 'ltr';\n\n // Apply CSS variables to the document root.\n useEffect(() => {\n applyThemeToDOM(theme);\n }, [theme]);\n\n // Apply text direction to the document root.\n useEffect(() => {\n if (typeof document !== 'undefined') {\n document.documentElement.dir = direction;\n }\n }, [direction]);\n\n const value: any = {\n colorScheme,\n direction,\n theme,\n toggleTheme,\n };\n\n return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA+DA~~,MAAMA,iBAA4D,EAChE,UACA,MACA,OAAO,wBACkD;CACzD,MAAMC,gBAA2DC,qCAAqB,kBAAkB;CACxG,MAAMC,wCAA0DC,gCAAgB;CAEhF,MAAMC,gBAAsC,iBAAiB,MAAM,QAAQ,SAAS;~~AACzD~~,kBAAiB;AAChB,kBAAiB;CAK7C,MAAM,8BAAgD;AACpD,MAAI,SAAS,WAAW,SAAS,OAAQ,QAAO;AAChD,MAAI,SAAS,YAAY,SAAS,QAAS,iDAAuB,KAAK;AACvE,SAAO,eAAe,sBAAsB;;CAG9C,MAAM,CAAC,aAAa,sCAA6C,sBAAsB;AAGvF,4BAAgB;AACd,MAAI,SAAS,UAAa,eAAe,mBACvC,gBAAe,cAAc,mBAAmB;IAEjD,CAAC,MAAM,eAAe,mBAAmB,CAAC;AAG7C,4BAAgB;AACd,MAAI,SAAS,YAAY,SAAS,QAAS,QAAO;EAElD,MAAM,qBAAqB,WAA0B;AACnD,kBAAe,SAAS,SAAS,QAAQ;;AAG3C,MAAI,SAAS,SAAS;AACpB,OAAI,OAAO,aAAa,YAAa,QAAO;GAC5C,MAAM,wDAA+B,SAAS,iBAAiB,kBAAkB;AACjF,gBAAa;AACX,aAAS,YAAY;;;EAIzB,MAAM,+DAAsC,kBAAkB;AAC9D,eAAa;AACX,eAAY,YAAY;;IAEzB,CAAC,KAAK,CAAC;CAEV,MAAMC,2CAA4C;AAChD,kBAAgB,SAA4B,SAAS,UAAU,SAAS,QAAS;IAChF,EAAE,CAAC;CAGN,MAAMC,4CAA4E;AAChF,MAAI,CAAC,cACH,QAAO;EAGT,MAAMC,aAA4CC,6CAA6B,eAAe,YAAY;AAE1G,MAAI,CAAC,cACH,QAAO;AAGT,SAAO;GACL,GAAG;GACH,GAAG;GACH,cAAc;IACZ,GAAG,WAAW;IACd,GAAG,cAAc;IAClB;GACD,QAAQ;IACN,GAAG,WAAW;IACd,GAAG,cAAc;IAClB;GACD,GAAI,WAAW,cAAc,cAAc,aACvC,EACE,YAAY;IACV,GAAI,WAAmB;IACvB,GAAG,cAAc;IAClB,EACF,GACD,EAAE;GACP;IACA;EAAC;EAAe;EAAa;EAAc,CAAC;CAE/C,MAAMC,sEACc,kBAAkB,gBAAgB,OAAO,EAC3D,CAAC,kBAAkB,YAAY,CAChC;CAED,MAAMC,YAA2B,eAAe,aAAa;AAG7D,4BAAgB;AACd,kCAAgB,MAAM;IACrB,CAAC,MAAM,CAAC;AAGX,4BAAgB;AACd,MAAI,OAAO,aAAa,YACtB,UAAS,gBAAgB,MAAM;IAEhC,CAAC,UAAU,CAAC;CAEf,MAAMC,QAAa;EACjB;EACA;EACA;EACA;EACD;AAED,QAAO,2CAACC,6BAAa;EAAgB;EAAQ;GAAiC;;AAGhF,4BAAe"}
1	+ {"version":3,"file":"ThemeProvider.cjs","names":["ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>","themeOverride: RecursivePartial<ThemeConfig> \| undefined","normalizeThemeConfig","flowMetaContext: FlowMetaContextValue \| null","FlowMetaContext","flowMetaTheme: FlowMetaTheme \| null","toggleTheme: () => void","finalThemeConfig: RecursivePartial<ThemeConfig> \| undefined","metaConfig: RecursivePartial<ThemeConfig>","buildThemeConfigFromFlowMeta","theme: Theme","direction: 'ltr' \| 'rtl'","value: any","ThemeContext"],"sources":["../../../../src/contexts/Theme/ThemeProvider.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n createClassObserver,\n createMediaQueryListener,\n createTheme,\n detectThemeMode,\n FlowMetaTheme,\n RecursivePartial,\n Theme,\n ThemeConfig,\n ThemeMode,\n} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useCallback, useContext, useEffect, useMemo, useState} from 'react';\nimport ThemeContext from './ThemeContext';\nimport applyThemeToDOM from '../../utils/applyThemeToDOM';\nimport buildThemeConfigFromFlowMeta from '../../utils/buildThemeConfigFromFlowMeta';\nimport normalizeThemeConfig from '../../utils/normalizeThemeConfig';\nimport FlowMetaContext, {FlowMetaContextValue} from '../FlowMeta/FlowMetaContext';\n\nexport interface ThemeProviderProps {\n /*\n A Design theme to use instead of the one the server returns in flow meta, for example the theme an\n * app configuration names. `theme` overrides are still applied on top.\n /\n designTheme?: FlowMetaTheme \| null;\n /\n Initial color scheme override. Overrides the server default when provided.\n /\n mode?: ThemeMode;\n\n /\n Optional theme overrides merged on top of the server-side flow meta theme.\n * User-supplied values take highest precedence.\n /\n theme?: RecursivePartial<ThemeConfig>;\n}\n\n/\n ThemeProvider is the v2 drop-in replacement for `ThemeProvider`.\n \n It reads the design theme from the nearest `FlowMetaContext` (provided by\n * `FlowMetaProvider`) and publishes a resolved `Theme` object through the\n * same `ThemeContext` that `useTheme` consumes. This means all existing\n * components that call `useTheme` continue to work without any changes.\n \n The `defaultColorScheme` field returned by the server is used to seed the\n * active color scheme; the user can still toggle it locally via the\n * `toggleTheme` value exposed in the context.\n \n @example\n * ```tsx\n * <FlowMetaProvider config={{ baseUrl, type: FlowMetaType.App, id: appId }}>\n * <ThemeProvider>\n * <App /> {/* useTheme() works here as usual \\/}\n </ThemeProvider>\n * </FlowMetaProvider>\n * ```\n \n @example\n * With user theme overrides (user values win over server values):\n * ```tsx\n * <ThemeProvider theme={{ colors: { primary: { main: '#ff0000' } } }}>\n * <App />\n * </ThemeProvider>\n * ```\n */\nconst ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>> = ({\n children,\n designTheme = undefined,\n mode,\n theme: themeOverrideProp,\n}: PropsWithChildren<ThemeProviderProps>): ReactElement => {\n const themeOverride: RecursivePartial<ThemeConfig> \| undefined = normalizeThemeConfig(themeOverrideProp);\n const flowMetaContext: FlowMetaContextValue \| null = useContext(FlowMetaContext);\n\n const flowMetaTheme: FlowMetaTheme \| null = designTheme ?? flowMetaContext?.meta?.design?.theme ?? null;\n const isLoading: boolean = flowMetaContext?.isLoading ?? false;\n const error: Error \| null = flowMetaContext?.error ?? null;\n\n // Seed the color scheme: a fixed mode wins outright, 'system'/'class' detect it from the\n // environment via the same shared utilities Vue's ThemeProvider uses, and no mode falls back\n // to the server's default (unchanged pre-`mode` behavior).\n const getInitialColorScheme = (): 'light' \| 'dark' => {\n if (mode === 'light' \|\| mode === 'dark') return mode;\n if (mode === 'system' \|\| mode === 'class') return detectThemeMode(mode);\n return flowMetaTheme?.defaultColorScheme ?? 'light';\n };\n\n const [colorScheme, setColorScheme] = useState<'light' \| 'dark'>(getInitialColorScheme);\n\n // When mode is unset, sync the color scheme with the server default once flow meta loads.\n useEffect(() => {\n if (mode === undefined && flowMetaTheme?.defaultColorScheme) {\n setColorScheme(flowMetaTheme.defaultColorScheme);\n }\n }, [mode, flowMetaTheme?.defaultColorScheme]);\n\n // Set up automatic detection listeners for 'system'/'class' modes.\n useEffect(() => {\n if (mode !== 'system' && mode !== 'class') return undefined;\n\n const handleThemeChange = (isDark: boolean): void => {\n setColorScheme(isDark ? 'dark' : 'light');\n };\n\n if (mode === 'class') {\n if (typeof document === 'undefined') return undefined;\n const observer = createClassObserver(document.documentElement, handleThemeChange);\n return () => {\n observer.disconnect();\n };\n }\n\n const mediaQuery = createMediaQueryListener(handleThemeChange);\n return () => {\n mediaQuery?.disconnect();\n };\n }, [mode]);\n\n const toggleTheme: () => void = useCallback(() => {\n setColorScheme((prev: 'light' \| 'dark') => (prev === 'light' ? 'dark' : 'light'));\n }, []);\n\n // Build the resolved ThemeConfig: flow meta base → user overrides on top.\n const finalThemeConfig: RecursivePartial<ThemeConfig> \| undefined = useMemo(() => {\n if (!flowMetaTheme) {\n return themeOverride;\n }\n\n const metaConfig: RecursivePartial<ThemeConfig> = buildThemeConfigFromFlowMeta(flowMetaTheme, colorScheme);\n\n if (!themeOverride) {\n return metaConfig;\n }\n\n return {\n ...metaConfig,\n ...themeOverride,\n borderRadius: {\n ...metaConfig.borderRadius,\n ...themeOverride.borderRadius,\n },\n colors: {\n ...metaConfig.colors,\n ...themeOverride.colors,\n },\n ...(metaConfig.typography \|\| themeOverride.typography\n ? {\n typography: {\n ...(metaConfig as any).typography,\n ...themeOverride.typography,\n },\n }\n : {}),\n };\n }, [flowMetaTheme, colorScheme, themeOverride]);\n\n const theme: Theme = useMemo(\n () => createTheme(finalThemeConfig, colorScheme === 'dark'),\n [finalThemeConfig, colorScheme],\n );\n\n const direction: 'ltr' \| 'rtl' = flowMetaTheme?.direction ?? 'ltr';\n\n // Apply CSS variables to the document root.\n useEffect(() => {\n applyThemeToDOM(theme);\n }, [theme]);\n\n // Apply text direction to the document root.\n useEffect(() => {\n if (typeof document !== 'undefined') {\n document.documentElement.dir = direction;\n }\n }, [direction]);\n\n const value: any = {\n colorScheme,\n direction,\n theme,\n toggleTheme,\n };\n\n return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,MAAMA,iBAA4D,EAChE,UACA,cAAc,QACd,MACA,OAAO,wBACkD;CACzD,MAAMC,gBAA2DC,qCAAqB,kBAAkB;CACxG,MAAMC,wCAA0DC,gCAAgB;CAEhF,MAAMC,gBAAsC,eAAe,iBAAiB,MAAM,QAAQ,SAAS;AACxE,kBAAiB;AAChB,kBAAiB;CAK7C,MAAM,8BAAgD;AACpD,MAAI,SAAS,WAAW,SAAS,OAAQ,QAAO;AAChD,MAAI,SAAS,YAAY,SAAS,QAAS,iDAAuB,KAAK;AACvE,SAAO,eAAe,sBAAsB;;CAG9C,MAAM,CAAC,aAAa,sCAA6C,sBAAsB;AAGvF,4BAAgB;AACd,MAAI,SAAS,UAAa,eAAe,mBACvC,gBAAe,cAAc,mBAAmB;IAEjD,CAAC,MAAM,eAAe,mBAAmB,CAAC;AAG7C,4BAAgB;AACd,MAAI,SAAS,YAAY,SAAS,QAAS,QAAO;EAElD,MAAM,qBAAqB,WAA0B;AACnD,kBAAe,SAAS,SAAS,QAAQ;;AAG3C,MAAI,SAAS,SAAS;AACpB,OAAI,OAAO,aAAa,YAAa,QAAO;GAC5C,MAAM,wDAA+B,SAAS,iBAAiB,kBAAkB;AACjF,gBAAa;AACX,aAAS,YAAY;;;EAIzB,MAAM,+DAAsC,kBAAkB;AAC9D,eAAa;AACX,eAAY,YAAY;;IAEzB,CAAC,KAAK,CAAC;CAEV,MAAMC,2CAA4C;AAChD,kBAAgB,SAA4B,SAAS,UAAU,SAAS,QAAS;IAChF,EAAE,CAAC;CAGN,MAAMC,4CAA4E;AAChF,MAAI,CAAC,cACH,QAAO;EAGT,MAAMC,aAA4CC,6CAA6B,eAAe,YAAY;AAE1G,MAAI,CAAC,cACH,QAAO;AAGT,SAAO;GACL,GAAG;GACH,GAAG;GACH,cAAc;IACZ,GAAG,WAAW;IACd,GAAG,cAAc;IAClB;GACD,QAAQ;IACN,GAAG,WAAW;IACd,GAAG,cAAc;IAClB;GACD,GAAI,WAAW,cAAc,cAAc,aACvC,EACE,YAAY;IACV,GAAI,WAAmB;IACvB,GAAG,cAAc;IAClB,EACF,GACD,EAAE;GACP;IACA;EAAC;EAAe;EAAa;EAAc,CAAC;CAE/C,MAAMC,sEACc,kBAAkB,gBAAgB,OAAO,EAC3D,CAAC,kBAAkB,YAAY,CAChC;CAED,MAAMC,YAA2B,eAAe,aAAa;AAG7D,4BAAgB;AACd,kCAAgB,MAAM;IACrB,CAAC,MAAM,CAAC;AAGX,4BAAgB;AACd,MAAI,OAAO,aAAa,YACtB,UAAS,gBAAgB,MAAM;IAEhC,CAAC,UAAU,CAAC;CAEf,MAAMC,QAAa;EACjB;EACA;EACA;EACA;EACD;AAED,QAAO,2CAACC,6BAAa;EAAgB;EAAQ;GAAiC;;AAGhF,4BAAe"}

package/dist/cjs/contexts/ThunderID/ThunderIDContext.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_createResourceInvalidator = require('../../utils/createResourceInvalidator.cjs');
 let __thunderid_browser = require("@thunderid/browser");
 __thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
 let react = require("react");
@@ -28,7 +27,7 @@ const ThunderIDContext = (0, react.createContext)({
 		requestAll: () => null
 	},
 	instanceId: 0,
-	invalidator: require_createResourceInvalidator.fallbackResourceInvalidator,
+	invalidator: __thunderid_browser.fallbackResourceInvalidator,
 	isInitialized: false,
 	isLoading: true,
 	isMetaLoading: false,

package/dist/cjs/contexts/ThunderID/ThunderIDContext.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThunderIDContext.cjs","names":["ThunderIDContext: Context<ThunderIDContextProps \| null>","fallbackResourceInvalidator","VendorConstants"],"sources":["../../../../src/contexts/ThunderID/ThunderIDContext.ts"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n ApiFetcher,\n EmbeddedRecoveryFlowRequest,\n EmbeddedRecoveryFlowResponse,\n FlowMetadataResponse,\n HttpRequestConfig,\n HttpResponse,\n IdToken,\n OIDCDiscoveryApiResponse,\n SignInOptions,\n StorageManager,\n TokenExchangeRequestConfig,\n TokenResponse,\n VendorConstants,\n AttributeSchema,\n} from '@thunderid/browser';\nimport {Context, createContext} from 'react';\nimport {ThunderIDReactConfig} from '../../models/config';\nimport ThunderIDReactClient from '../../ThunderIDReactClient';\nimport {ResourceInvalidator, fallbackResourceInvalidator} from '../../utils/createResourceInvalidator';\n\n/*\n Props interface of {@link ThunderIDContext}\n /\nexport type ThunderIDContextProps = {\n afterSignInUrl: string \| undefined;\n applicationId: string \| undefined;\n baseUrl: string \| undefined;\n clientId: string \| undefined;\n /\n Optional endpoint URL overrides from the client config. Used to resolve resource-server\n * endpoints (e.g. flow/user-management) independently of `baseUrl` — see `resolveResourceEndpoint`.\n /\n endpoints?: ThunderIDReactConfig['endpoints'];\n preferences?: ThunderIDReactConfig['preferences'];\n scopes: string \| string[] \| undefined;\n /\n OIDC discovery data.\n /\n discovery: {\n /\n The response from the `.well-known/openid-configuration` endpoint.\n * Contains server capabilities, supported endpoints, and metadata.\n * `null` while loading or when discovery has not been fetched.\n /\n wellKnown: OIDCDiscoveryApiResponse \| null;\n };\n /\n Swaps the current access token with a new one based on the provided configuration (with a grant type).\n * @param config - Configuration for the token exchange request.\n * @returns A promise that resolves to the token response or the raw response.\n /\n exchangeToken: (config: TokenExchangeRequestConfig) => Promise<TokenResponse \| Response>;\n /\n Retrieves the access token stored in the storage.\n * This function retrieves the access token and returns it.\n * @remarks This does not work in the `webWorker` or any other worker environment.\n * @returns A promise that resolves to the access token.\n /\n getAccessToken: () => Promise<string>;\n /\n Function to retrieve the decoded ID token.\n * This function decodes the ID token and returns its payload.\n * It can be used to access user claims and other information contained in the ID token.\n \n @returns A promise that resolves to the decoded ID token payload.\n /\n getDecodedIdToken: () => Promise<IdToken>;\n /\n Function to retrieve the ID token.\n * This function retrieves the ID token and returns it.\n \n @returns A promise that resolves to the ID token.\n /\n getIdToken: () => Promise<string>;\n /\n Returns the underlying StorageManager instance for reading and writing SDK-managed storage.\n * Resolves to `null` where the SDK has no browser storage (the context default, and `@thunderid/nextjs`).\n /\n getStorageManager: () => Promise<StorageManager<ThunderIDReactConfig> \| null>;\n /\n HTTP request function to make API calls.\n * @param requestConfig - Configuration for the HTTP request.\n * @returns A promise that resolves to the HTTP response.\n /\n http: {\n /\n Transport supplied through `ThunderIDProvider`'s `http.fetcher` prop, used by the management\n * hooks. `undefined` means the hooks fall back to the SDK's authenticated HTTP client.\n /\n fetcher?: ApiFetcher;\n /\n Makes an HTTP request using the provided configuration.\n * @param requestConfig - Configuration for the HTTP request.\n * @returns A promise that resolves to the HTTP response.\n /\n request: (requestConfig?: HttpRequestConfig) => Promise<HttpResponse<any>>;\n /\n Makes multiple HTTP requests based on the provided configuration.\n * @param requestConfigs - Set of configurations for the HTTP requests.\n * @returns A promise that resolves to an array of HTTP responses.\n /\n requestAll: (requestConfigs?: HttpRequestConfig[]) => Promise<HttpResponse<any>[]>;\n };\n /\n Coordinates refetching between the management hooks: a successful mutation invalidates the\n * queries whose data it changed.\n /\n invalidator?: ResourceInvalidator;\n /\n Instance ID for multi-instance support.\n /\n instanceId: number;\n isInitialized: boolean;\n /\n Flag indicating whether the SDK is working in the background.\n /\n isLoading: boolean;\n /\n Flag indicating whether flow metadata is currently being fetched.\n /\n isMetaLoading: boolean;\n /\n Flag indicating whether the user is signed in or not.\n /\n isSignedIn: boolean;\n\n /\n Flow metadata returned by `GET /flow/meta` (v2 platform only).\n * `null` while loading or when `resolveFromMeta` is disabled.\n /\n meta: FlowMetadataResponse \| null;\n\n organizationHandle: string \| undefined;\n\n /\n Re-initializes the client with a new configuration.\n \n @remarks\n * This can be partial configuration to update only specific fields.\n \n @param config - New configuration to re-initialize the client with.\n * @returns Promise resolving to boolean indicating success.\n /\n reInitialize: (config: Partial<ThunderIDReactConfig>) => Promise<boolean>;\n\n /\n Recovery function to initiate the account/password recovery flow.\n /\n recover: (payload?: EmbeddedRecoveryFlowRequest) => Promise<EmbeddedRecoveryFlowResponse>;\n\n /\n Resolves `{{ t(key) }}` and `{{ meta(path) }}` template expressions in a string,\n * using the current i18n translation function and flow metadata from context.\n \n Useful in render-props patterns where consumers need to expand template strings\n * that come from the server (e.g. component labels, placeholders, headings).\n \n @example\n * const {resolveFlowTemplateLiterals} = useThunderID();\n * resolveFlowTemplateLiterals('{{ t(signin.heading.label) }}') // → 'Sign In'\n * resolveFlowTemplateLiterals('Login to {{ meta(application.name) }}') // → 'Login to My App'\n /\n resolveFlowTemplateLiterals: (text: string \| undefined) => string;\n\n /\n Sign-in function to initiate the authentication process.\n * @remark This is the programmatic version of the `SignInButton` component.\n * TODO: Fix the types.\n /\n signIn: (...args: any) => Promise<any>;\n\n /\n Optional additional parameters to be sent in the sign-in request.\n * This can include custom parameters that your authorization server supports.\n * These parameters will be included in the authorization request sent to the server.\n * If not provided, no additional parameters will be sent.\n \n @example\n * signInOptions: { prompt: \"login\", fidp: \"OrganizationSSO\" }\n /\n signInOptions?: SignInOptions;\n\n /\n Optional token request configuration. params are appended to the token endpoint POST body.\n \n @example\n * tokenRequest: { params: { resource: \"https://api.example.com\" } }\n /\n tokenRequest?: {\n params?: Record<string, unknown>;\n };\n\n /\n Silent sign-in function to re-authenticate the user without user interaction.\n * @remark This is the programmatic version of the `SilentSignIn` component.\n /\n signInSilently: ThunderIDReactClient['signInSilently'];\n\n signInUrl: string \| undefined;\n /\n Sign-out function to terminate the authentication session.\n * @remark This is the programmatic version of the `SignOutButton` component.\n * FIXME: Fix the types.\n /\n signOut: any;\n\n /\n Sign-up function to initiate the registration process.\n * @remark This is the programmatic version of the `SignUpButton` component.\n /\n signUp: (...args: any[]) => Promise<any>;\n\n signUpUrl: string \| undefined;\n\n user: any;\n\n /\n Schema metadata for the user type returned by GET /users/me/meta.\n /\n userSchema: Record<string, AttributeSchema> \| null;\n\n /\n Vendor/brand namespace used to prefix storage keys, cookie names, and CSS class names.\n * Resolved from the `vendor` config option, defaulting to `'thunderid'`.\n /\n vendor: string;\n} & Pick<ThunderIDReactClient, 'clearSession'>;\n\n/\n Context object for managing the Authentication flow builder core context.\n */\nconst ThunderIDContext: Context<ThunderIDContextProps \| null> = createContext<null \| ThunderIDContextProps>({\n afterSignInUrl: undefined,\n applicationId: undefined,\n baseUrl: undefined,\n clearSession: () => {},\n clientId: undefined,\n preferences: undefined,\n scopes: undefined,\n discovery: {\n wellKnown: null,\n },\n exchangeToken: null as unknown as ThunderIDContextProps['exchangeToken'],\n getAccessToken: null as unknown as ThunderIDContextProps['getAccessToken'],\n getDecodedIdToken: null as unknown as ThunderIDContextProps['getDecodedIdToken'],\n getIdToken: null as unknown as ThunderIDContextProps['getIdToken'],\n getStorageManager: () => Promise.resolve(null),\n http: {\n request: () => null as unknown as Promise<HttpResponse<any>>,\n requestAll: () => null as unknown as Promise<HttpResponse<any>[]>,\n },\n instanceId: 0,\n invalidator: fallbackResourceInvalidator,\n isInitialized: false,\n isLoading: true,\n isMetaLoading: false,\n isSignedIn: false,\n meta: null,\n organizationHandle: undefined,\n reInitialize: null as unknown as ThunderIDContextProps['reInitialize'],\n recover: () => Promise.resolve({} as any),\n resolveFlowTemplateLiterals: (text: string \| undefined) => text ?? '',\n signIn: () => Promise.resolve({} as any),\n signInSilently: () => Promise.resolve({} as any),\n signInUrl: undefined,\n signOut: () => Promise.resolve({} as any),\n signUp: () => Promise.resolve({} as any),\n signUpUrl: undefined,\n user: null,\n userSchema: null,\n vendor: VendorConstants.VENDOR_PREFIX,\n});\n\nThunderIDContext.displayName = 'ThunderIDContext';\n\nexport default ThunderIDContext;\n"],"mappings":";;;;;;;;;;;AA2OA,MAAMA,4CAAsG;CAC1G,gBAAgB;CAChB,eAAe;CACf,SAAS;CACT,oBAAoB;CACpB,UAAU;CACV,aAAa;CACb,QAAQ;CACR,WAAW,EACT,WAAW,MACZ;CACD,eAAe;CACf,gBAAgB;CAChB,mBAAmB;CACnB,YAAY;CACZ,yBAAyB,QAAQ,QAAQ,KAAK;CAC9C,MAAM;EACJ,eAAe;EACf,kBAAkB;EACnB;CACD,YAAY;CACZ,aAAaC;CACb,eAAe;CACf,WAAW;CACX,eAAe;CACf,YAAY;CACZ,MAAM;CACN,oBAAoB;CACpB,cAAc;CACd,eAAe,QAAQ,QAAQ,EAAE,CAAQ;CACzC,8BAA8B,SAA6B,QAAQ;CACnE,cAAc,QAAQ,QAAQ,EAAE,CAAQ;CACxC,sBAAsB,QAAQ,QAAQ,EAAE,CAAQ;CAChD,WAAW;CACX,eAAe,QAAQ,QAAQ,EAAE,CAAQ;CACzC,cAAc,QAAQ,QAAQ,EAAE,CAAQ;CACxC,WAAW;CACX,MAAM;CACN,YAAY;CACZ,QAAQC,oCAAgB;CACzB,CAAC;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}
1	+ {"version":3,"file":"ThunderIDContext.cjs","names":["ThunderIDContext: Context<ThunderIDContextProps \| null>","fallbackResourceInvalidator","VendorConstants"],"sources":["../../../../src/contexts/ThunderID/ThunderIDContext.ts"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n ResourceInvalidator,\n fallbackResourceInvalidator,\n ApiFetcher,\n EmbeddedRecoveryFlowRequest,\n EmbeddedRecoveryFlowResponse,\n FlowMetadataResponse,\n HttpRequestConfig,\n HttpResponse,\n IdToken,\n OIDCDiscoveryApiResponse,\n SignInOptions,\n StorageManager,\n TokenExchangeRequestConfig,\n TokenResponse,\n VendorConstants,\n AttributeSchema,\n} from '@thunderid/browser';\nimport {Context, createContext} from 'react';\nimport {ThunderIDReactConfig} from '../../models/config';\nimport ThunderIDReactClient from '../../ThunderIDReactClient';\n\n/*\n Props interface of {@link ThunderIDContext}\n /\nexport type ThunderIDContextProps = {\n afterSignInUrl: string \| undefined;\n applicationId: string \| undefined;\n baseUrl: string \| undefined;\n clientId: string \| undefined;\n /\n Optional endpoint URL overrides from the client config. Used to resolve resource-server\n * endpoints (e.g. flow/user-management) independently of `baseUrl` — see `resolveResourceEndpoint`.\n /\n endpoints?: ThunderIDReactConfig['endpoints'];\n preferences?: ThunderIDReactConfig['preferences'];\n scopes: string \| string[] \| undefined;\n /\n OIDC discovery data.\n /\n discovery: {\n /\n The response from the `.well-known/openid-configuration` endpoint.\n * Contains server capabilities, supported endpoints, and metadata.\n * `null` while loading or when discovery has not been fetched.\n /\n wellKnown: OIDCDiscoveryApiResponse \| null;\n };\n /\n Swaps the current access token with a new one based on the provided configuration (with a grant type).\n * @param config - Configuration for the token exchange request.\n * @returns A promise that resolves to the token response or the raw response.\n /\n exchangeToken: (config: TokenExchangeRequestConfig) => Promise<TokenResponse \| Response>;\n /\n Retrieves the access token stored in the storage.\n * This function retrieves the access token and returns it.\n * @remarks This does not work in the `webWorker` or any other worker environment.\n * @returns A promise that resolves to the access token.\n /\n getAccessToken: () => Promise<string>;\n /\n Function to retrieve the decoded ID token.\n * This function decodes the ID token and returns its payload.\n * It can be used to access user claims and other information contained in the ID token.\n \n @returns A promise that resolves to the decoded ID token payload.\n /\n getDecodedIdToken: () => Promise<IdToken>;\n /\n Function to retrieve the ID token.\n * This function retrieves the ID token and returns it.\n \n @returns A promise that resolves to the ID token.\n /\n getIdToken: () => Promise<string>;\n /\n Returns the underlying StorageManager instance for reading and writing SDK-managed storage.\n * Resolves to `null` where the SDK has no browser storage (the context default, and `@thunderid/nextjs`).\n /\n getStorageManager: () => Promise<StorageManager<ThunderIDReactConfig> \| null>;\n /\n HTTP request function to make API calls.\n * @param requestConfig - Configuration for the HTTP request.\n * @returns A promise that resolves to the HTTP response.\n /\n http: {\n /\n Transport supplied through `ThunderIDProvider`'s `http.fetcher` prop, used by the management\n * hooks. `undefined` means the hooks fall back to the SDK's authenticated HTTP client.\n /\n fetcher?: ApiFetcher;\n /\n Makes an HTTP request using the provided configuration.\n * @param requestConfig - Configuration for the HTTP request.\n * @returns A promise that resolves to the HTTP response.\n /\n request: (requestConfig?: HttpRequestConfig) => Promise<HttpResponse<any>>;\n /\n Makes multiple HTTP requests based on the provided configuration.\n * @param requestConfigs - Set of configurations for the HTTP requests.\n * @returns A promise that resolves to an array of HTTP responses.\n /\n requestAll: (requestConfigs?: HttpRequestConfig[]) => Promise<HttpResponse<any>[]>;\n };\n /\n Coordinates refetching between the management hooks: a successful mutation invalidates the\n * queries whose data it changed.\n /\n invalidator?: ResourceInvalidator;\n /\n Instance ID for multi-instance support.\n /\n instanceId: number;\n isInitialized: boolean;\n /\n Flag indicating whether the SDK is working in the background.\n /\n isLoading: boolean;\n /\n Flag indicating whether flow metadata is currently being fetched.\n /\n isMetaLoading: boolean;\n /\n Flag indicating whether the user is signed in or not.\n /\n isSignedIn: boolean;\n\n /\n Flow metadata returned by `GET /flow/meta` (v2 platform only).\n * `null` while loading or when `resolveFromMeta` is disabled.\n /\n meta: FlowMetadataResponse \| null;\n\n organizationHandle: string \| undefined;\n\n /\n Re-initializes the client with a new configuration.\n \n @remarks\n * This can be partial configuration to update only specific fields.\n \n @param config - New configuration to re-initialize the client with.\n * @returns Promise resolving to boolean indicating success.\n /\n reInitialize: (config: Partial<ThunderIDReactConfig>) => Promise<boolean>;\n\n /\n Recovery function to initiate the account/password recovery flow.\n /\n recover: (payload?: EmbeddedRecoveryFlowRequest) => Promise<EmbeddedRecoveryFlowResponse>;\n\n /\n Resolves `{{ t(key) }}` and `{{ meta(path) }}` template expressions in a string,\n * using the current i18n translation function and flow metadata from context.\n \n Useful in render-props patterns where consumers need to expand template strings\n * that come from the server (e.g. component labels, placeholders, headings).\n \n @example\n * const {resolveFlowTemplateLiterals} = useThunderID();\n * resolveFlowTemplateLiterals('{{ t(signin.heading.label) }}') // → 'Sign In'\n * resolveFlowTemplateLiterals('Login to {{ meta(application.name) }}') // → 'Login to My App'\n /\n resolveFlowTemplateLiterals: (text: string \| undefined) => string;\n\n /\n Sign-in function to initiate the authentication process.\n * @remark This is the programmatic version of the `SignInButton` component.\n * TODO: Fix the types.\n /\n signIn: (...args: any) => Promise<any>;\n\n /\n Optional additional parameters to be sent in the sign-in request.\n * This can include custom parameters that your authorization server supports.\n * These parameters will be included in the authorization request sent to the server.\n * If not provided, no additional parameters will be sent.\n \n @example\n * signInOptions: { prompt: \"login\", fidp: \"OrganizationSSO\" }\n /\n signInOptions?: SignInOptions;\n\n /\n Optional token request configuration. params are appended to the token endpoint POST body.\n \n @example\n * tokenRequest: { params: { resource: \"https://api.example.com\" } }\n /\n tokenRequest?: {\n params?: Record<string, unknown>;\n };\n\n /\n Silent sign-in function to re-authenticate the user without user interaction.\n * @remark This is the programmatic version of the `SilentSignIn` component.\n /\n signInSilently: ThunderIDReactClient['signInSilently'];\n\n signInUrl: string \| undefined;\n /\n Sign-out function to terminate the authentication session.\n * @remark This is the programmatic version of the `SignOutButton` component.\n * FIXME: Fix the types.\n /\n signOut: any;\n\n /\n Sign-up function to initiate the registration process.\n * @remark This is the programmatic version of the `SignUpButton` component.\n /\n signUp: (...args: any[]) => Promise<any>;\n\n signUpUrl: string \| undefined;\n\n user: any;\n\n /\n Schema metadata for the user type returned by GET /users/me/meta.\n /\n userSchema: Record<string, AttributeSchema> \| null;\n\n /\n Vendor/brand namespace used to prefix storage keys, cookie names, and CSS class names.\n * Resolved from the `vendor` config option, defaulting to `'thunderid'`.\n /\n vendor: string;\n} & Pick<ThunderIDReactClient, 'clearSession'>;\n\n/\n Context object for managing the Authentication flow builder core context.\n */\nconst ThunderIDContext: Context<ThunderIDContextProps \| null> = createContext<null \| ThunderIDContextProps>({\n afterSignInUrl: undefined,\n applicationId: undefined,\n baseUrl: undefined,\n clearSession: () => {},\n clientId: undefined,\n preferences: undefined,\n scopes: undefined,\n discovery: {\n wellKnown: null,\n },\n exchangeToken: null as unknown as ThunderIDContextProps['exchangeToken'],\n getAccessToken: null as unknown as ThunderIDContextProps['getAccessToken'],\n getDecodedIdToken: null as unknown as ThunderIDContextProps['getDecodedIdToken'],\n getIdToken: null as unknown as ThunderIDContextProps['getIdToken'],\n getStorageManager: () => Promise.resolve(null),\n http: {\n request: () => null as unknown as Promise<HttpResponse<any>>,\n requestAll: () => null as unknown as Promise<HttpResponse<any>[]>,\n },\n instanceId: 0,\n invalidator: fallbackResourceInvalidator,\n isInitialized: false,\n isLoading: true,\n isMetaLoading: false,\n isSignedIn: false,\n meta: null,\n organizationHandle: undefined,\n reInitialize: null as unknown as ThunderIDContextProps['reInitialize'],\n recover: () => Promise.resolve({} as any),\n resolveFlowTemplateLiterals: (text: string \| undefined) => text ?? '',\n signIn: () => Promise.resolve({} as any),\n signInSilently: () => Promise.resolve({} as any),\n signInUrl: undefined,\n signOut: () => Promise.resolve({} as any),\n signUp: () => Promise.resolve({} as any),\n signUpUrl: undefined,\n user: null,\n userSchema: null,\n vendor: VendorConstants.VENDOR_PREFIX,\n});\n\nThunderIDContext.displayName = 'ThunderIDContext';\n\nexport default ThunderIDContext;\n"],"mappings":";;;;;;;;;;AA4OA,MAAMA,4CAAsG;CAC1G,gBAAgB;CAChB,eAAe;CACf,SAAS;CACT,oBAAoB;CACpB,UAAU;CACV,aAAa;CACb,QAAQ;CACR,WAAW,EACT,WAAW,MACZ;CACD,eAAe;CACf,gBAAgB;CAChB,mBAAmB;CACnB,YAAY;CACZ,yBAAyB,QAAQ,QAAQ,KAAK;CAC9C,MAAM;EACJ,eAAe;EACf,kBAAkB;EACnB;CACD,YAAY;CACZ,aAAaC;CACb,eAAe;CACf,WAAW;CACX,eAAe;CACf,YAAY;CACZ,MAAM;CACN,oBAAoB;CACpB,cAAc;CACd,eAAe,QAAQ,QAAQ,EAAE,CAAQ;CACzC,8BAA8B,SAA6B,QAAQ;CACnE,cAAc,QAAQ,QAAQ,EAAE,CAAQ;CACxC,sBAAsB,QAAQ,QAAQ,EAAE,CAAQ;CAChD,WAAW;CACX,eAAe,QAAQ,QAAQ,EAAE,CAAQ;CACzC,cAAc,QAAQ,QAAQ,EAAE,CAAQ;CACxC,WAAW;CACX,MAAM;CACN,YAAY;CACZ,QAAQC,oCAAgB;CACzB,CAAC;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/cjs/contexts/ThunderID/ThunderIDProvider.cjs CHANGED Viewed

@@ -1,6 +1,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_createResourceInvalidator = require('../../utils/createResourceInvalidator.cjs');
 const require_ThunderIDContext = require('./ThunderIDContext.cjs');
+const require_getUsersMe = require('../../api/account/getUsersMe.cjs');
+const require_getUsersMeMeta = require('../../api/account/getUsersMeMeta.cjs');
 const require_useBrowserUrl = require('../../hooks/useBrowserUrl.cjs');
 const require_emotion = require('../../styles/emotion.cjs');
 const require_ThunderIDReactClient = require('../../ThunderIDReactClient.cjs');
@@ -10,8 +11,6 @@ const require_FlowMetaProvider = require('../FlowMeta/FlowMetaProvider.cjs');
 const require_I18nProvider = require('../I18n/I18nProvider.cjs');
 const require_ThemeProvider = require('../Theme/ThemeProvider.cjs');
 const require_UserProvider = require('../User/UserProvider.cjs');
-const require_getUsersMe = require('../../api/getUsersMe.cjs');
-const require_getUsersMeMeta = require('../../api/getUsersMeMeta.cjs');
 let __thunderid_browser = require("@thunderid/browser");
 __thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
 let react = require("react");
@@ -25,7 +24,7 @@ const ThunderIDProvider = ({ afterSignInUrl, afterSignOutUrl, baseUrl: initialBa
 	require_emotion.configureEmotionNonce(cspNonce, vendor);
 	const reRenderCheckRef = (0, react.useRef)(false);
 	const client = (0, react.useMemo)(() => new require_ThunderIDReactClient.default(instanceId), [instanceId]);
-	const invalidator = (0, react.useMemo)(() => require_createResourceInvalidator.default(), []);
+	const invalidator = (0, react.useMemo)(() => (0, __thunderid_browser.createResourceInvalidator)(), []);
 	const storageManagerRef = (0, react.useRef)(null);
 	const { hasAuthParams, hasCalledForThisInstance } = require_useBrowserUrl.default();
 	const [user, setUser] = (0, react.useState)(null);