@thunderid/react 1.5.0 → 1.7.0

package/dist/cjs/components/admin/RoleCreate/RoleCreate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleCreate.cjs","names":["RoleCreate: FC<RoleCreateProps>","useTranslation","resolvedOuId: string | undefined","useDefaultOuId","useCreateRole","BaseRoleCreate"],"sources":["../../../../../src/components/admin/RoleCreate/RoleCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {toManagementErrorMessage, Role} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseRoleCreate, {BaseRoleCreateProps, RoleCreateSubmission} from './BaseRoleCreate';\nimport useCreateRole from '../../../hooks/management/roles/useCreateRole';\nimport useTranslation from '../../../hooks/useTranslation';\nimport useDefaultOuId from '../shared/useDefaultOuId';\n\nexport type RoleCreateProps = Omit<BaseRoleCreateProps, 'error' | 'isSubmitting' | 'onSubmit'> & {\n  /**\n   * Called with the created role.\n   */\n  onCreated?: (role: Role) => void;\n  /**\n   * Organization unit the role is created in. Defaults to the signed-in user's organization unit.\n   */\n  ouId?: string;\n};\n\n/**\n * Creates a role through the management API.\n *\n * @example\n * ```tsx\n * <RoleCreate onCreated={(role) => navigate(`/roles/${role.id}`)} />\n * ```\n */\nconst RoleCreate: FC<RoleCreateProps> = ({onCreated, ouId, preferences, ...rest}: RoleCreateProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const resolvedOuId: string | undefined = useDefaultOuId(ouId);\n  const {error, isLoading, mutate} = useCreateRole({onSuccess: onCreated});\n\n  const handleSubmit = ({description, name}: RoleCreateSubmission): void => {\n    if (resolvedOuId) {\n      void mutate({description, name, ouId: resolvedOuId});\n    }\n  };\n\n  return (\n    <BaseRoleCreate\n      onSubmit={handleSubmit}\n      isSubmitting={isLoading}\n      error={\n        resolvedOuId ? toManagementErrorMessage(t, error, 'admin.roles.create.error') : t('admin.common.errors.no_ou')\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default RoleCreate;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,cAAmC,EAAC,WAAW,MAAM,YAAa,GAAG,WAAyC;CAClH,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAMC,eAAmCC,+BAAe,KAAK;CAC7D,MAAM,EAAC,OAAO,WAAW,WAAUC,8BAAc,EAAC,WAAW,WAAU,CAAC;CAExE,MAAM,gBAAgB,EAAC,aAAa,WAAsC;AACxE,MAAI,aACF,CAAK,OAAO;GAAC;GAAa;GAAM,MAAM;GAAa,CAAC;;AAIxD,QACE,2CAACC;EACC,UAAU;EACV,cAAc;EACd,OACE,iEAAwC,GAAG,OAAO,2BAA2B,GAAG,EAAE,4BAA4B;EAEnG;EACb,GAAI;GACJ;;AAIN,yBAAe"}

package/dist/cjs/components/admin/RoleList/BaseRoleList.cjs

@@ -0,0 +1,78 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_DataTable = require('../../primitives/DataTable/DataTable.cjs');
+const require_AdminSection = require('../shared/AdminSection.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/admin/RoleList/BaseRoleList.tsx
+/**
+* Lists roles with their description and organization unit. Holds no data of its own: pass the
+* page of roles and handle selection and pagination.
+*/
+const BaseRoleList = ({ actions, children, className, description, error = null, isLoading = false, limit = 20, offset = 0, onPageChange, onSelect, preferences, roles, selectedRoleId, title, totalResults }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const columns = [
+		{
+			header: t("admin.roles.list.columns.name"),
+			id: "name",
+			render: (role) => role.name
+		},
+		{
+			header: t("admin.roles.list.columns.description"),
+			id: "description",
+			render: (role) => role.description ?? ""
+		},
+		{
+			header: t("admin.common.columns.organization_unit"),
+			id: "ou",
+			render: (role) => role.ouHandle ?? role.ouId
+		}
+	];
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		children: children({
+			columns,
+			error,
+			isLoading,
+			limit,
+			offset,
+			onPageChange,
+			onSelect,
+			rows: roles,
+			selectedRowId: selectedRoleId,
+			totalResults: totalResults ?? roles.length,
+			roles
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminSection.default, {
+		block: "role-list",
+		className,
+		title: title ?? t("admin.roles.list.title"),
+		description,
+		actions,
+		preferences,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataTable.default, {
+			caption: title?.length ? title : t("admin.roles.list.title"),
+			columns,
+			rows: roles,
+			getRowId: (role) => role.id,
+			isLoading,
+			error,
+			emptyText: t("admin.roles.list.empty"),
+			onRowClick: onSelect,
+			selectedRowId: selectedRoleId,
+			pagination: onPageChange ? {
+				limit,
+				offset,
+				onChange: onPageChange,
+				total: totalResults ?? roles.length
+			} : void 0
+		})
+	});
+};
+var BaseRoleList_default = BaseRoleList;
+
+//#endregion
+exports.default = BaseRoleList_default;
+//# sourceMappingURL=BaseRoleList.cjs.map

package/dist/cjs/components/admin/RoleList/BaseRoleList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRoleList.cjs","names":["BaseRoleList: FC<BaseRoleListProps>","useTranslation","columns: DataTableColumn<RoleSummary>[]","AdminSection","DataTable"],"sources":["../../../../../src/components/admin/RoleList/BaseRoleList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, RoleSummary} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport DataTable, {DataTableColumn} from '../../primitives/DataTable/DataTable';\nimport {AdminListRenderProps} from '../shared/AdminListRenderProps';\nimport AdminSection from '../shared/AdminSection';\n\n/**\n * What {@link BaseRoleList} hands its `children` render function. `roles` and `rows` are the same array.\n */\nexport type BaseRoleListRenderProps = AdminListRenderProps<RoleSummary> & {roles: RoleSummary[]};\n\nexport interface BaseRoleListProps {\n  /**\n   * Controls rendered next to the title, such as a button that opens `RoleCreate`.\n   */\n  actions?: ReactNode;\n  /**\n   * Renders custom UI in place of the default table, for example a third-party data grid. Receives\n   * the roles, the default columns, the loading and error state, and the pagination and selection\n   * handlers.\n   */\n  children?: (props: BaseRoleListRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  isLoading?: boolean;\n  /**\n   * Page size.\n   * @default 20\n   */\n  limit?: number;\n  offset?: number;\n  /**\n   * Called with the offset of the page to show. Pagination is hidden when omitted.\n   */\n  onPageChange?: (offset: number) => void;\n  /**\n   * Called when a role is chosen. Rows are selectable only when set.\n   */\n  onSelect?: (role: RoleSummary) => void;\n  preferences?: Preferences;\n  roles: RoleSummary[];\n  selectedRoleId?: string;\n  /**\n   * Heading of the list. Pass an empty string to hide it.\n   */\n  title?: string;\n  totalResults?: number;\n}\n\n/**\n * Lists roles with their description and organization unit. Holds no data of its own: pass the\n * page of roles and handle selection and pagination.\n */\nconst BaseRoleList: FC<BaseRoleListProps> = ({\n  actions,\n  children,\n  className,\n  description,\n  error = null,\n  isLoading = false,\n  limit = 20,\n  offset = 0,\n  onPageChange,\n  onSelect,\n  preferences,\n  roles,\n  selectedRoleId,\n  title,\n  totalResults,\n}: BaseRoleListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  const columns: DataTableColumn<RoleSummary>[] = [\n    {header: t('admin.roles.list.columns.name'), id: 'name', render: (role: RoleSummary): ReactNode => role.name},\n    {\n      header: t('admin.roles.list.columns.description'),\n      id: 'description',\n      render: (role: RoleSummary): ReactNode => role.description ?? '',\n    },\n    {\n      header: t('admin.common.columns.organization_unit'),\n      id: 'ou',\n      render: (role: RoleSummary): ReactNode => role.ouHandle ?? role.ouId,\n    },\n  ];\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          columns,\n          error,\n          isLoading,\n          limit,\n          offset,\n          onPageChange,\n          onSelect,\n          rows: roles,\n          selectedRowId: selectedRoleId,\n          totalResults: totalResults ?? roles.length,\n          roles,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"role-list\"\n      className={className}\n      title={title ?? t('admin.roles.list.title')}\n      description={description}\n      actions={actions}\n      preferences={preferences}\n    >\n      <DataTable\n        caption={title?.length ? title : t('admin.roles.list.title')}\n        columns={columns}\n        rows={roles}\n        getRowId={(role: RoleSummary): string => role.id}\n        isLoading={isLoading}\n        error={error}\n        emptyText={t('admin.roles.list.empty')}\n        onRowClick={onSelect}\n        selectedRowId={selectedRoleId}\n        pagination={\n          onPageChange ? {limit, offset, onChange: onPageChange, total: totalResults ?? roles.length} : undefined\n        }\n      />\n    </AdminSection>\n  );\n};\n\nexport default BaseRoleList;\n"],"mappings":";;;;;;;;;;;;AA0DA,MAAMA,gBAAuC,EAC3C,SACA,UACA,WACA,aACA,QAAQ,MACR,YAAY,OACZ,QAAQ,IACR,SAAS,GACT,cACA,UACA,aACA,OACA,gBACA,OACA,mBACqC;CACrC,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAE7C,MAAMC,UAA0C;EAC9C;GAAC,QAAQ,EAAE,gCAAgC;GAAE,IAAI;GAAQ,SAAS,SAAiC,KAAK;GAAK;EAC7G;GACE,QAAQ,EAAE,uCAAuC;GACjD,IAAI;GACJ,SAAS,SAAiC,KAAK,eAAe;GAC/D;EACD;GACE,QAAQ,EAAE,yCAAyC;GACnD,IAAI;GACJ,SAAS,SAAiC,KAAK,YAAY,KAAK;GACjE;EACF;AAED,KAAI,SACF,QACE,2CAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN,eAAe;GACf,cAAc,gBAAgB,MAAM;GACpC;GACD,CAAC;GACE;AAIV,QACE,2CAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,yBAAyB;EAC9B;EACJ;EACI;YAEb,2CAACC;GACC,SAAS,OAAO,SAAS,QAAQ,EAAE,yBAAyB;GACnD;GACT,MAAM;GACN,WAAW,SAA8B,KAAK;GACnC;GACJ;GACP,WAAW,EAAE,yBAAyB;GACtC,YAAY;GACZ,eAAe;GACf,YACE,eAAe;IAAC;IAAO;IAAQ,UAAU;IAAc,OAAO,gBAAgB,MAAM;IAAO,GAAG;IAEhG;GACW;;AAInB,2BAAe"}

package/dist/cjs/components/admin/RoleList/RoleList.cjs

@@ -0,0 +1,44 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_useGetRoles = require('../../../hooks/management/roles/useGetRoles.cjs');
+const require_BaseRoleList = require('./BaseRoleList.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/admin/RoleList/RoleList.tsx
+/**
+* Lists the roles the signed-in user is allowed to see, a page at a time.
+*
+* @example
+* ```tsx
+* <RoleList onSelect={(role) => setSelectedRoleId(role.id)} />
+* ```
+*/
+const RoleList = ({ limit = 20, preferences,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const [offset, setOffset] = (0, react.useState)(0);
+	const { data, error, isLoading } = require_useGetRoles.default({
+		limit,
+		offset
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseRoleList.default, {
+		roles: data?.roles ?? [],
+		totalResults: data?.totalResults,
+		isLoading,
+		error: (0, __thunderid_browser.toManagementErrorMessage)(t, error, "admin.roles.list.error"),
+		limit,
+		offset,
+		onPageChange: setOffset,
+		preferences,
+		...rest
+	});
+};
+var RoleList_default = RoleList;
+
+//#endregion
+exports.default = RoleList_default;
+//# sourceMappingURL=RoleList.cjs.map

package/dist/cjs/components/admin/RoleList/RoleList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleList.cjs","names":["RoleList: FC<RoleListProps>","useTranslation","useGetRoles","BaseRoleList"],"sources":["../../../../../src/components/admin/RoleList/RoleList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {toManagementErrorMessage} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseRoleList, {BaseRoleListProps} from './BaseRoleList';\nimport useGetRoles from '../../../hooks/management/roles/useGetRoles';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type RoleListProps = Omit<\n  BaseRoleListProps,\n  'error' | 'isLoading' | 'offset' | 'onPageChange' | 'roles' | 'totalResults'\n>;\n\n/**\n * Lists the roles the signed-in user is allowed to see, a page at a time.\n *\n * @example\n * ```tsx\n * <RoleList onSelect={(role) => setSelectedRoleId(role.id)} />\n * ```\n */\nconst RoleList: FC<RoleListProps> = ({limit = 20, preferences, ...rest}: RoleListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const {data, error, isLoading} = useGetRoles({limit, offset});\n\n  return (\n    <BaseRoleList\n      roles={data?.roles ?? []}\n      totalResults={data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.roles.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default RoleList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,MAAMA,YAA+B,EAAC,QAAQ,IAAI,YAAa,GAAG,WAAuC;CACvG,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,iCAA8B,EAAE;CAC/C,MAAM,EAAC,MAAM,OAAO,cAAaC,4BAAY;EAAC;EAAO;EAAO,CAAC;AAE7D,QACE,2CAACC;EACC,OAAO,MAAM,SAAS,EAAE;EACxB,cAAc,MAAM;EACT;EACX,yDAAgC,GAAG,OAAO,yBAAyB;EAC5D;EACC;EACR,cAAc;EACD;EACb,GAAI;GACJ;;AAIN,uBAAe"}

package/dist/cjs/components/admin/RolePermissions/BaseRolePermissions.cjs

@@ -0,0 +1,69 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_Spinner = require('../../primitives/Spinner/Spinner.cjs');
+const require_Alert = require('../../primitives/Alert/Alert.cjs');
+const require_useAdminPartStyles = require('../shared/useAdminPartStyles.cjs');
+const require_AdminSection = require('../shared/AdminSection.cjs');
+const require_AdminParts = require('../shared/AdminParts.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/admin/RolePermissions/BaseRolePermissions.tsx
+/**
+* Shows the permissions a role grants, grouped by resource server. Read-only, and holds no data of its own.
+*/
+const BaseRolePermissions = ({ children, className, description, error = null, isLoading = false, permissions, preferences, resourceServerNames, title }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const styles = require_useAdminPartStyles.default();
+	const granted = permissions.filter((entry) => entry.permissions.length > 0);
+	const resolveResourceServerName = (resourceServerId) => resourceServerNames?.[resourceServerId] ?? resourceServerId;
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		children: children({
+			error,
+			isLoading,
+			permissions: granted,
+			resolveResourceServerName
+		})
+	});
+	const renderContent = () => {
+		if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Spinner.default, { size: "small" });
+		if (error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default, {
+			variant: "error",
+			role: "alert",
+			children: error
+		});
+		if (granted.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: styles["muted"],
+			children: t("admin.roles.permissions.empty")
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: granted.map((entry) => {
+			const name = resolveResourceServerName(entry.resourceServerId);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminParts.Panel, {
+				title: name,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminParts.ChipList, {
+					label: name,
+					emptyText: t("admin.roles.permissions.empty"),
+					items: entry.permissions.map((permission) => ({
+						id: permission,
+						label: permission
+					}))
+				})
+			}, entry.resourceServerId);
+		}) });
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminSection.default, {
+		block: "role-permissions",
+		className,
+		title: title ?? t("admin.roles.permissions.title"),
+		description,
+		headingLevel: 3,
+		preferences,
+		children: renderContent()
+	});
+};
+var BaseRolePermissions_default = BaseRolePermissions;
+
+//#endregion
+exports.default = BaseRolePermissions_default;
+//# sourceMappingURL=BaseRolePermissions.cjs.map

package/dist/cjs/components/admin/RolePermissions/BaseRolePermissions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRolePermissions.cjs","names":["BaseRolePermissions: FC<BaseRolePermissionsProps>","useTranslation","styles: Record<string, string>","useAdminPartStyles","granted: RoleResourcePermissions[]","Spinner","Alert","name: string","Panel","ChipList","AdminSection"],"sources":["../../../../../src/components/admin/RolePermissions/BaseRolePermissions.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, RoleResourcePermissions} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport Spinner from '../../primitives/Spinner/Spinner';\nimport {ChipList, Panel} from '../shared/AdminParts';\nimport AdminSection from '../shared/AdminSection';\nimport useAdminPartStyles from '../shared/useAdminPartStyles';\n\n/**\n * What {@link BaseRolePermissions} hands its `children` render function, so the permissions can be\n * shown with any UI.\n */\nexport interface BaseRolePermissionsRenderProps {\n  error: string | null;\n  isLoading: boolean;\n  /**\n   * The resource servers the role grants at least one permission on, with those permissions.\n   */\n  permissions: RoleResourcePermissions[];\n  /**\n   * Returns a resource server's display name, or its identifier when the name is missing.\n   */\n  resolveResourceServerName: (resourceServerId: string) => string;\n}\n\nexport interface BaseRolePermissionsProps {\n  /**\n   * Renders custom UI in place of the default view. Receives the granted permissions grouped by\n   * resource server, the loading and error state, and a resource server name resolver.\n   */\n  children?: (props: BaseRolePermissionsRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  isLoading?: boolean;\n  permissions: RoleResourcePermissions[];\n  preferences?: Preferences;\n  /**\n   * Display names of resource servers, keyed by identifier. The identifier is shown when a name is missing.\n   */\n  resourceServerNames?: Record<string, string>;\n  title?: string;\n}\n\n/**\n * Shows the permissions a role grants, grouped by resource server. Read-only, and holds no data of its own.\n */\nconst BaseRolePermissions: FC<BaseRolePermissionsProps> = ({\n  children,\n  className,\n  description,\n  error = null,\n  isLoading = false,\n  permissions,\n  preferences,\n  resourceServerNames,\n  title,\n}: BaseRolePermissionsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const styles: Record<string, string> = useAdminPartStyles();\n  const granted: RoleResourcePermissions[] = permissions.filter(\n    (entry: RoleResourcePermissions) => entry.permissions.length > 0,\n  );\n  const resolveResourceServerName = (resourceServerId: string): string =>\n    resourceServerNames?.[resourceServerId] ?? resourceServerId;\n\n  if (children) {\n    return (\n      <div className={className}>{children({error, isLoading, permissions: granted, resolveResourceServerName})}</div>\n    );\n  }\n\n  const renderContent = (): ReactElement => {\n    if (isLoading) {\n      return <Spinner size=\"small\" />;\n    }\n    if (error) {\n      return (\n        <Alert variant=\"error\" role=\"alert\">\n          {error}\n        </Alert>\n      );\n    }\n    if (granted.length === 0) {\n      return <span className={styles['muted']}>{t('admin.roles.permissions.empty')}</span>;\n    }\n\n    return (\n      <>\n        {granted.map((entry: RoleResourcePermissions) => {\n          const name: string = resolveResourceServerName(entry.resourceServerId);\n\n          return (\n            <Panel key={entry.resourceServerId} title={name}>\n              <ChipList\n                label={name}\n                emptyText={t('admin.roles.permissions.empty')}\n                items={entry.permissions.map((permission: string) => ({id: permission, label: permission}))}\n              />\n            </Panel>\n          );\n        })}\n      </>\n    );\n  };\n\n  return (\n    <AdminSection\n      block=\"role-permissions\"\n      className={className}\n      title={title ?? t('admin.roles.permissions.title')}\n      description={description}\n      headingLevel={3}\n      preferences={preferences}\n    >\n      {renderContent()}\n    </AdminSection>\n  );\n};\n\nexport default BaseRolePermissions;\n"],"mappings":";;;;;;;;;;;;;;AAmDA,MAAMA,uBAAqD,EACzD,UACA,WACA,aACA,QAAQ,MACR,YAAY,OACZ,aACA,aACA,qBACA,YAC4C;CAC5C,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAMC,SAAiCC,oCAAoB;CAC3D,MAAMC,UAAqC,YAAY,QACpD,UAAmC,MAAM,YAAY,SAAS,EAChE;CACD,MAAM,6BAA6B,qBACjC,sBAAsB,qBAAqB;AAE7C,KAAI,SACF,QACE,2CAAC;EAAe;YAAY,SAAS;GAAC;GAAO;GAAW,aAAa;GAAS;GAA0B,CAAC;GAAO;CAIpH,MAAM,sBAAoC;AACxC,MAAI,UACF,QAAO,2CAACC,2BAAQ,MAAK,UAAU;AAEjC,MAAI,MACF,QACE,2CAACC;GAAM,SAAQ;GAAQ,MAAK;aACzB;IACK;AAGZ,MAAI,QAAQ,WAAW,EACrB,QAAO,2CAAC;GAAK,WAAW,OAAO;aAAW,EAAE,gCAAgC;IAAQ;AAGtF,SACE,mFACG,QAAQ,KAAK,UAAmC;GAC/C,MAAMC,OAAe,0BAA0B,MAAM,iBAAiB;AAEtE,UACE,2CAACC;IAAmC,OAAO;cACzC,2CAACC;KACC,OAAO;KACP,WAAW,EAAE,gCAAgC;KAC7C,OAAO,MAAM,YAAY,KAAK,gBAAwB;MAAC,IAAI;MAAY,OAAO;MAAW,EAAE;MAC3F;MALQ,MAAM,iBAMV;IAEV,GACD;;AAIP,QACE,2CAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,gCAAgC;EACrC;EACb,cAAc;EACD;YAEZ,eAAe;GACH;;AAInB,kCAAe"}

package/dist/cjs/components/admin/RolePermissions/RolePermissions.cjs

@@ -0,0 +1,34 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_useGetRole = require('../../../hooks/management/roles/useGetRole.cjs');
+const require_BaseRolePermissions = require('./BaseRolePermissions.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/admin/RolePermissions/RolePermissions.tsx
+/**
+* Shows the permissions a role grants.
+*
+* @example
+* ```tsx
+* <RolePermissions roleId={roleId} />
+* ```
+*/
+const RolePermissions = ({ preferences, roleId,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const role = require_useGetRole.default(roleId);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseRolePermissions.default, {
+		permissions: role.data?.permissions ?? [],
+		isLoading: role.isLoading,
+		error: (0, __thunderid_browser.toManagementErrorMessage)(t, role.error, "admin.roles.permissions.error"),
+		preferences,
+		...rest
+	});
+};
+var RolePermissions_default = RolePermissions;
+
+//#endregion
+exports.default = RolePermissions_default;
+//# sourceMappingURL=RolePermissions.cjs.map

package/dist/cjs/components/admin/RolePermissions/RolePermissions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolePermissions.cjs","names":["RolePermissions: FC<RolePermissionsProps>","useTranslation","useGetRole","BaseRolePermissions"],"sources":["../../../../../src/components/admin/RolePermissions/RolePermissions.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {toManagementErrorMessage} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseRolePermissions, {BaseRolePermissionsProps} from './BaseRolePermissions';\nimport useGetRole from '../../../hooks/management/roles/useGetRole';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type RolePermissionsProps = Omit<BaseRolePermissionsProps, 'error' | 'isLoading' | 'permissions'> & {\n  roleId: string;\n};\n\n/**\n * Shows the permissions a role grants.\n *\n * @example\n * ```tsx\n * <RolePermissions roleId={roleId} />\n * ```\n */\nconst RolePermissions: FC<RolePermissionsProps> = ({\n  preferences,\n  roleId,\n  ...rest\n}: RolePermissionsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const role = useGetRole(roleId);\n\n  return (\n    <BaseRolePermissions\n      permissions={role.data?.permissions ?? []}\n      isLoading={role.isLoading}\n      error={toManagementErrorMessage(t, role.error, 'admin.roles.permissions.error')}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default RolePermissions;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,MAAMA,mBAA6C,EACjD,aACA,OACA,GAAG,WACqC;CACxC,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAM,OAAOC,2BAAW,OAAO;AAE/B,QACE,2CAACC;EACC,aAAa,KAAK,MAAM,eAAe,EAAE;EACzC,WAAW,KAAK;EAChB,yDAAgC,GAAG,KAAK,OAAO,gCAAgC;EAClE;EACb,GAAI;GACJ;;AAIN,8BAAe"}

package/dist/cjs/components/admin/UserCreate/BaseUserCreate.cjs

@@ -0,0 +1,116 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTheme = require('../../../contexts/Theme/useTheme.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_Button = require('../../primitives/Button/Button.cjs');
+const require_Alert = require('../../primitives/Alert/Alert.cjs');
+const require_TextField = require('../../primitives/TextField/TextField.cjs');
+const require_Select = require('../../primitives/Select/Select.cjs');
+const require_AdminSection_styles = require('../shared/AdminSection.styles.cjs');
+const require_AdminSection = require('../shared/AdminSection.cjs');
+const require_userCreateFields = require('./userCreateFields.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/admin/UserCreate/BaseUserCreate.tsx
+/**
+* A form that collects a new user's type and attributes. Holds no data of its own: pass the user
+* types and handle the submission.
+*/
+const BaseUserCreate = ({ children, className, description, error = null, fields = require_userCreateFields.DEFAULT_USER_CREATE_FIELDS, isSubmitting = false, onCancel, onSubmit, preferences, title, userTypes }) => {
+	const { theme, colorScheme } = require_useTheme.default();
+	const styles = require_AdminSection_styles.default(theme, colorScheme);
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const [chosenType, setType] = (0, react.useState)("");
+	const type = chosenType || (userTypes[0]?.value ?? "");
+	const [values, setValues] = (0, react.useState)({});
+	const isComplete = Boolean(type) && fields.every((field) => !field.required || Boolean(values[field.name]?.trim()));
+	const setValue = (name, value) => setValues((previous) => ({
+		...previous,
+		[name]: value
+	}));
+	const submit = () => {
+		if (!isComplete) return;
+		onSubmit({
+			attributes: Object.fromEntries(Object.entries(values).filter(([, value]) => value.trim() !== "")),
+			type
+		});
+	};
+	const handleSubmit = (event) => {
+		event.preventDefault();
+		submit();
+	};
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		children: children({
+			error,
+			fields,
+			handleInputChange: setValue,
+			handleSubmit: submit,
+			handleTypeChange: setType,
+			isSubmitting,
+			isValid: isComplete,
+			onCancel,
+			type,
+			userTypes,
+			values
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminSection.default, {
+		block: "user-create",
+		className,
+		title: title ?? t("admin.users.create.title"),
+		description,
+		preferences,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			className: styles["form"],
+			onSubmit: handleSubmit,
+			noValidate: true,
+			children: [
+				error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default, {
+					variant: "error",
+					role: "alert",
+					children: error
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Select.default, {
+					label: t("admin.users.create.fields.type"),
+					name: "type",
+					required: true,
+					value: type,
+					options: userTypes,
+					onChange: (event) => setType(event.target.value)
+				}),
+				fields.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+					name: field.name,
+					type: field.type ?? "text",
+					label: field.label ?? t(`admin.users.create.fields.${field.name}`),
+					required: field.required,
+					autoComplete: field.type === "password" ? "new-password" : "off",
+					value: values[field.name] ?? "",
+					onChange: (event) => setValue(field.name, event.target.value)
+				}, field.name)),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: styles["formActions"],
+					children: [onCancel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+						type: "button",
+						variant: "text",
+						onClick: onCancel,
+						disabled: isSubmitting,
+						children: t("admin.common.actions.cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+						type: "submit",
+						loading: isSubmitting,
+						disabled: !isComplete || isSubmitting,
+						children: t("admin.users.create.submit")
+					})]
+				})
+			]
+		})
+	});
+};
+var BaseUserCreate_default = BaseUserCreate;
+
+//#endregion
+exports.default = BaseUserCreate_default;
+//# sourceMappingURL=BaseUserCreate.cjs.map

package/dist/cjs/components/admin/UserCreate/BaseUserCreate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseUserCreate.cjs","names":["BaseUserCreate: FC<BaseUserCreateProps>","DEFAULT_USER_CREATE_FIELDS","useTheme","styles: Record<string, string>","useStyles","useTranslation","type: string","isComplete: boolean","AdminSection","Alert","Select","TextField","Button"],"sources":["../../../../../src/components/admin/UserCreate/BaseUserCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, SelectOption} from '@thunderid/browser';\nimport {ChangeEvent, FC, FormEvent, ReactElement, ReactNode, useState} from 'react';\nimport {DEFAULT_USER_CREATE_FIELDS, UserCreateField} from './userCreateFields';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport Button from '../../primitives/Button/Button';\nimport Select from '../../primitives/Select/Select';\nimport TextField from '../../primitives/TextField/TextField';\nimport AdminSection from '../shared/AdminSection';\nimport useStyles from '../shared/AdminSection.styles';\n\n/**\n * The user {@link BaseUserCreate} submits. The organization unit is added by the caller.\n */\nexport interface UserCreateSubmission {\n  attributes: Record<string, string>;\n  type: string;\n}\n\n/**\n * What {@link BaseUserCreate} hands its `children` render function, so the form can be built with any UI.\n */\nexport interface BaseUserCreateRenderProps {\n  error: string | null;\n  /**\n   * The attributes to collect.\n   */\n  fields: UserCreateField[];\n  /**\n   * Sets one attribute.\n   */\n  handleInputChange: (name: string, value: string) => void;\n  /**\n   * Submits the chosen type and the non-empty attributes. Does nothing while they are not valid.\n   */\n  handleSubmit: () => void;\n  /**\n   * Chooses the user type.\n   */\n  handleTypeChange: (type: string) => void;\n  isSubmitting: boolean;\n  /**\n   * Whether a type is chosen and every required attribute has a value.\n   */\n  isValid: boolean;\n  onCancel?: () => void;\n  /**\n   * The chosen user type.\n   */\n  type: string;\n  userTypes: SelectOption[];\n  /**\n   * The attribute values, keyed by attribute name.\n   */\n  values: Record<string, string>;\n}\n\nexport interface BaseUserCreateProps {\n  /**\n   * Renders custom UI in place of the default form. Receives the fields, the values and their\n   * setters, the user types, the submit handler and the submission state.\n   */\n  children?: (props: BaseUserCreateRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  /**\n   * Attributes to collect.\n   * @default username, email, given_name, family_name and password\n   */\n  fields?: UserCreateField[];\n  isSubmitting?: boolean;\n  onCancel?: () => void;\n  onSubmit: (user: UserCreateSubmission) => void;\n  preferences?: Preferences;\n  title?: string;\n  /**\n   * The user types to choose from. The first one is selected by default.\n   */\n  userTypes: SelectOption[];\n}\n\n/**\n * A form that collects a new user's type and attributes. Holds no data of its own: pass the user\n * types and handle the submission.\n */\nconst BaseUserCreate: FC<BaseUserCreateProps> = ({\n  children,\n  className,\n  description,\n  error = null,\n  fields = DEFAULT_USER_CREATE_FIELDS,\n  isSubmitting = false,\n  onCancel,\n  onSubmit,\n  preferences,\n  title,\n  userTypes,\n}: BaseUserCreateProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme);\n  const {t} = useTranslation(preferences?.i18n);\n  const [chosenType, setType] = useState<string>('');\n  const type: string = chosenType || (userTypes[0]?.value ?? '');\n  const [values, setValues] = useState<Record<string, string>>({});\n\n  const isComplete: boolean =\n    Boolean(type) && fields.every((field: UserCreateField) => !field.required || Boolean(values[field.name]?.trim()));\n\n  const setValue = (name: string, value: string): void =>\n    setValues((previous: Record<string, string>) => ({...previous, [name]: value}));\n\n  const submit = (): void => {\n    if (!isComplete) {\n      return;\n    }\n\n    const attributes: Record<string, string> = Object.fromEntries(\n      Object.entries(values).filter(([, value]: [string, string]) => value.trim() !== ''),\n    );\n\n    onSubmit({attributes, type});\n  };\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\n    event.preventDefault();\n    submit();\n  };\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          error,\n          fields,\n          handleInputChange: setValue,\n          handleSubmit: submit,\n          handleTypeChange: setType,\n          isSubmitting,\n          isValid: isComplete,\n          onCancel,\n          type,\n          userTypes,\n          values,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"user-create\"\n      className={className}\n      title={title ?? t('admin.users.create.title')}\n      description={description}\n      preferences={preferences}\n    >\n      <form className={styles['form']} onSubmit={handleSubmit} noValidate>\n        {error && (\n          <Alert variant=\"error\" role=\"alert\">\n            {error}\n          </Alert>\n        )}\n        <Select\n          label={t('admin.users.create.fields.type')}\n          name=\"type\"\n          required\n          value={type}\n          options={userTypes}\n          onChange={(event: ChangeEvent<HTMLSelectElement>): void => setType(event.target.value)}\n        />\n        {fields.map((field: UserCreateField) => (\n          <TextField\n            key={field.name}\n            name={field.name}\n            type={field.type ?? 'text'}\n            label={field.label ?? t(`admin.users.create.fields.${field.name}`)}\n            required={field.required}\n            autoComplete={field.type === 'password' ? 'new-password' : 'off'}\n            value={values[field.name] ?? ''}\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => setValue(field.name, event.target.value)}\n          />\n        ))}\n        <div className={styles['formActions']}>\n          {onCancel && (\n            <Button type=\"button\" variant=\"text\" onClick={onCancel} disabled={isSubmitting}>\n              {t('admin.common.actions.cancel')}\n            </Button>\n          )}\n          <Button type=\"submit\" loading={isSubmitting} disabled={!isComplete || isSubmitting}>\n            {t('admin.users.create.submit')}\n          </Button>\n        </div>\n      </form>\n    </AdminSection>\n  );\n};\n\nexport default BaseUserCreate;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0FA,MAAMA,kBAA2C,EAC/C,UACA,WACA,aACA,QAAQ,MACR,SAASC,qDACT,eAAe,OACf,UACA,UACA,aACA,OACA,gBACuC;CACvC,MAAM,EAAC,OAAO,gBAAeC,0BAAU;CACvC,MAAMC,SAAiCC,oCAAU,OAAO,YAAY;CACpE,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,YAAY,+BAA4B,GAAG;CAClD,MAAMC,OAAe,eAAe,UAAU,IAAI,SAAS;CAC3D,MAAM,CAAC,QAAQ,iCAA8C,EAAE,CAAC;CAEhE,MAAMC,aACJ,QAAQ,KAAK,IAAI,OAAO,OAAO,UAA2B,CAAC,MAAM,YAAY,QAAQ,OAAO,MAAM,OAAO,MAAM,CAAC,CAAC;CAEnH,MAAM,YAAY,MAAc,UAC9B,WAAW,cAAsC;EAAC,GAAG;GAAW,OAAO;EAAM,EAAE;CAEjF,MAAM,eAAqB;AACzB,MAAI,CAAC,WACH;AAOF,WAAS;GAAC,YAJiC,OAAO,YAChD,OAAO,QAAQ,OAAO,CAAC,QAAQ,GAAG,WAA6B,MAAM,MAAM,KAAK,GAAG,CACpF;GAEqB;GAAK,CAAC;;CAG9B,MAAM,gBAAgB,UAA4C;AAChE,QAAM,gBAAgB;AACtB,UAAQ;;AAGV,KAAI,SACF,QACE,2CAAC;EAAe;YACb,SAAS;GACR;GACA;GACA,mBAAmB;GACnB,cAAc;GACd,kBAAkB;GAClB;GACA,SAAS;GACT;GACA;GACA;GACA;GACD,CAAC;GACE;AAIV,QACE,2CAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,2BAA2B;EAChC;EACA;YAEb,4CAAC;GAAK,WAAW,OAAO;GAAS,UAAU;GAAc;;IACtD,SACC,2CAACC;KAAM,SAAQ;KAAQ,MAAK;eACzB;MACK;IAEV,2CAACC;KACC,OAAO,EAAE,iCAAiC;KAC1C,MAAK;KACL;KACA,OAAO;KACP,SAAS;KACT,WAAW,UAAgD,QAAQ,MAAM,OAAO,MAAM;MACtF;IACD,OAAO,KAAK,UACX,2CAACC;KAEC,MAAM,MAAM;KACZ,MAAM,MAAM,QAAQ;KACpB,OAAO,MAAM,SAAS,EAAE,6BAA6B,MAAM,OAAO;KAClE,UAAU,MAAM;KAChB,cAAc,MAAM,SAAS,aAAa,iBAAiB;KAC3D,OAAO,OAAO,MAAM,SAAS;KAC7B,WAAW,UAA+C,SAAS,MAAM,MAAM,MAAM,OAAO,MAAM;OAP7F,MAAM,KAQX,CACF;IACF,4CAAC;KAAI,WAAW,OAAO;gBACpB,YACC,2CAACC;MAAO,MAAK;MAAS,SAAQ;MAAO,SAAS;MAAU,UAAU;gBAC/D,EAAE,8BAA8B;OAC1B,EAEX,2CAACA;MAAO,MAAK;MAAS,SAAS;MAAc,UAAU,CAAC,cAAc;gBACnE,EAAE,4BAA4B;OACxB;MACL;;IACD;GACM;;AAInB,6BAAe"}

package/dist/cjs/components/admin/UserCreate/UserCreate.cjs

@@ -0,0 +1,57 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_useCreateUser = require('../../../hooks/management/users/useCreateUser.cjs');
+const require_useGetUserTypes = require('../../../hooks/management/users/useGetUserTypes.cjs');
+const require_InviteUser = require('../../auth/InviteUser/InviteUser.cjs');
+const require_BaseUserCreate = require('./BaseUserCreate.cjs');
+const require_useDefaultOuId = require('../shared/useDefaultOuId.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/admin/UserCreate/UserCreate.tsx
+/**
+* Adds a user, either directly through the management API or by inviting them through the invite
+* user flow.
+*
+* @example
+* ```tsx
+* <UserCreate onCreated={(user) => navigate(`/users/${user.id}`)} />
+* <UserCreate mode="invite" />
+* ```
+*/
+const UserCreate = ({ inviteProps, mode = "api", onCreated, ouId, preferences,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const resolvedOuId = require_useDefaultOuId.default(ouId);
+	const { data: userTypes } = require_useGetUserTypes.default({ limit: 100 }, { enabled: mode === "api" });
+	const { error, isLoading, mutate } = require_useCreateUser.default({ onSuccess: onCreated });
+	const options = (0, react.useMemo)(() => (userTypes?.types ?? []).map((userType) => ({
+		label: userType.displayName ?? userType.handle,
+		value: userType.handle
+	})), [userTypes]);
+	if (mode === "invite") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_InviteUser.default, { ...inviteProps });
+	const handleSubmit = ({ attributes, type }) => {
+		if (!resolvedOuId) return;
+		mutate({
+			attributes,
+			ouId: resolvedOuId,
+			type
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseUserCreate.default, {
+		userTypes: options,
+		onSubmit: handleSubmit,
+		isSubmitting: isLoading,
+		error: resolvedOuId ? (0, __thunderid_browser.toManagementErrorMessage)(t, error, "admin.users.create.error") : t("admin.common.errors.no_ou"),
+		preferences,
+		...rest
+	});
+};
+var UserCreate_default = UserCreate;
+
+//#endregion
+exports.default = UserCreate_default;
+//# sourceMappingURL=UserCreate.cjs.map

package/dist/cjs/components/admin/UserCreate/UserCreate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserCreate.cjs","names":["UserCreate: FC<UserCreateProps>","useTranslation","resolvedOuId: string | undefined","useDefaultOuId","useGetUserTypes","useCreateUser","options: SelectOption[]","InviteUser","BaseUserCreate"],"sources":["../../../../../src/components/admin/UserCreate/UserCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {toManagementErrorMessage, ManagedUser, ManagedUserType, SelectOption} from '@thunderid/browser';\nimport {FC, ReactElement, useMemo} from 'react';\nimport BaseUserCreate, {BaseUserCreateProps, UserCreateSubmission} from './BaseUserCreate';\nimport useCreateUser from '../../../hooks/management/users/useCreateUser';\nimport useGetUserTypes from '../../../hooks/management/users/useGetUserTypes';\nimport useTranslation from '../../../hooks/useTranslation';\nimport InviteUser, {InviteUserProps} from '../../auth/InviteUser/InviteUser';\nimport useDefaultOuId from '../shared/useDefaultOuId';\n\nexport type UserCreateProps = Omit<BaseUserCreateProps, 'error' | 'isSubmitting' | 'onSubmit' | 'userTypes'> & {\n  /**\n   * Props passed to `InviteUser` when `mode` is `invite`.\n   */\n  inviteProps?: InviteUserProps;\n  /**\n   * How the user is added.\n   * - `api` creates the user directly through the management API.\n   * - `invite` runs the invite user flow, which asks the person to finish setting up their account.\n   *   Only available where flows run.\n   * @default 'api'\n   */\n  mode?: 'api' | 'invite';\n  /**\n   * Called with the created user. Not called in `invite` mode, where the flow reports progress\n   * through `inviteProps.onFlowChange`.\n   */\n  onCreated?: (user: ManagedUser) => void;\n  /**\n   * Organization unit the user is created in. Defaults to the signed-in user's organization unit.\n   */\n  ouId?: string;\n};\n\n/**\n * Adds a user, either directly through the management API or by inviting them through the invite\n * user flow.\n *\n * @example\n * ```tsx\n * <UserCreate onCreated={(user) => navigate(`/users/${user.id}`)} />\n * <UserCreate mode=\"invite\" />\n * ```\n */\nconst UserCreate: FC<UserCreateProps> = ({\n  inviteProps,\n  mode = 'api',\n  onCreated,\n  ouId,\n  preferences,\n  ...rest\n}: UserCreateProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const resolvedOuId: string | undefined = useDefaultOuId(ouId);\n  const {data: userTypes} = useGetUserTypes({limit: 100}, {enabled: mode === 'api'});\n  const {error, isLoading, mutate} = useCreateUser({onSuccess: onCreated});\n\n  const options: SelectOption[] = useMemo(\n    () =>\n      (userTypes?.types ?? []).map((userType: ManagedUserType) => ({\n        label: userType.displayName ?? userType.handle,\n        value: userType.handle,\n      })),\n    [userTypes],\n  );\n\n  if (mode === 'invite') {\n    return <InviteUser {...inviteProps} />;\n  }\n\n  const handleSubmit = ({attributes, type}: UserCreateSubmission): void => {\n    if (!resolvedOuId) {\n      return;\n    }\n\n    void mutate({attributes, ouId: resolvedOuId, type});\n  };\n\n  return (\n    <BaseUserCreate\n      userTypes={options}\n      onSubmit={handleSubmit}\n      isSubmitting={isLoading}\n      error={\n        resolvedOuId ? toManagementErrorMessage(t, error, 'admin.users.create.error') : t('admin.common.errors.no_ou')\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default UserCreate;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAMA,cAAmC,EACvC,aACA,OAAO,OACP,WACA,MACA,YACA,GAAG,WACgC;CACnC,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAMC,eAAmCC,+BAAe,KAAK;CAC7D,MAAM,EAAC,MAAM,cAAaC,gCAAgB,EAAC,OAAO,KAAI,EAAE,EAAC,SAAS,SAAS,OAAM,CAAC;CAClF,MAAM,EAAC,OAAO,WAAW,WAAUC,8BAAc,EAAC,WAAW,WAAU,CAAC;CAExE,MAAMC,oCAED,WAAW,SAAS,EAAE,EAAE,KAAK,cAA+B;EAC3D,OAAO,SAAS,eAAe,SAAS;EACxC,OAAO,SAAS;EACjB,EAAE,EACL,CAAC,UAAU,CACZ;AAED,KAAI,SAAS,SACX,QAAO,2CAACC,8BAAW,GAAI,cAAe;CAGxC,MAAM,gBAAgB,EAAC,YAAY,WAAsC;AACvE,MAAI,CAAC,aACH;AAGF,EAAK,OAAO;GAAC;GAAY,MAAM;GAAc;GAAK,CAAC;;AAGrD,QACE,2CAACC;EACC,WAAW;EACX,UAAU;EACV,cAAc;EACd,OACE,iEAAwC,GAAG,OAAO,2BAA2B,GAAG,EAAE,4BAA4B;EAEnG;EACb,GAAI;GACJ;;AAIN,yBAAe"}

package/dist/cjs/components/admin/UserCreate/userCreateFields.cjs

@@ -0,0 +1,26 @@
+
+//#region src/components/admin/UserCreate/userCreateFields.ts
+/**
+* The attributes `UserCreate` collects when no `fields` are given.
+*/
+const DEFAULT_USER_CREATE_FIELDS = [
+	{
+		name: "username",
+		required: true
+	},
+	{
+		name: "email",
+		required: true,
+		type: "email"
+	},
+	{ name: "given_name" },
+	{ name: "family_name" },
+	{
+		name: "password",
+		type: "password"
+	}
+];
+
+//#endregion
+exports.DEFAULT_USER_CREATE_FIELDS = DEFAULT_USER_CREATE_FIELDS;
+//# sourceMappingURL=userCreateFields.cjs.map

package/dist/cjs/components/admin/UserCreate/userCreateFields.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"userCreateFields.cjs","names":["DEFAULT_USER_CREATE_FIELDS: UserCreateField[]"],"sources":["../../../../../src/components/admin/UserCreate/userCreateFields.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * A user attribute collected by {@link BaseUserCreate}.\n */\nexport interface UserCreateField {\n  /**\n   * Label shown for the field. Defaults to the translation of `admin.users.create.fields.<name>`.\n   */\n  label?: string;\n  /**\n   * Attribute name, as defined in the user type schema.\n   */\n  name: string;\n  required?: boolean;\n  type?: 'text' | 'email' | 'password' | 'tel';\n}\n\n/**\n * The attributes `UserCreate` collects when no `fields` are given.\n */\nexport const DEFAULT_USER_CREATE_FIELDS: UserCreateField[] = [\n  {name: 'username', required: true},\n  {name: 'email', required: true, type: 'email'},\n  {name: 'given_name'},\n  {name: 'family_name'},\n  {name: 'password', type: 'password'},\n];\n"],"mappings":";;;;;AAsBA,MAAaA,6BAAgD;CAC3D;EAAC,MAAM;EAAY,UAAU;EAAK;CAClC;EAAC,MAAM;EAAS,UAAU;EAAM,MAAM;EAAQ;CAC9C,EAAC,MAAM,cAAa;CACpB,EAAC,MAAM,eAAc;CACrB;EAAC,MAAM;EAAY,MAAM;EAAW;CACrC"}