@thunderid/react 1.4.1 → 1.6.0

package/dist/cjs/components/adapters/Consent.cjs

@@ -1,158 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_emotion = require('../../styles/emotion.cjs');
-const require_Info = require('../primitives/Icons/Info.cjs');
-const require_Typography = require('../primitives/Typography/Typography.cjs');
-const require_Toggle = require('../primitives/Toggle/Toggle.cjs');
-const require_ConsentCheckboxList = require('./ConsentCheckboxList.cjs');
-const require_Tooltip = require('../primitives/Tooltip/Tooltip.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/adapters/Consent.tsx
-/**
-* Consent component renders the list of purposes and their associated attributes (essential and optional)
-* based on the data provided by the backend. It allows users to toggle optional attributes while essential
-* attributes are displayed as read-only.
-*/
-const Consent = ({ consentData, formValues, onInputChange, children, t }) => {
-	const purposesContainerClass = require_emotion.css({
-		display: "flex",
-		flexDirection: "column",
-		gap: "1rem",
-		marginTop: "0.25rem"
-	});
-	const purposeItemClass = require_emotion.css({ paddingBottom: "1rem" });
-	const sectionClass = require_emotion.css({ marginTop: "0.5rem" });
-	const sectionHeaderClass = require_emotion.css({
-		alignItems: "center",
-		display: "flex",
-		gap: "4px",
-		marginBottom: "10px"
-	});
-	const optionalSectionHeaderClass = require_emotion.css({
-		alignItems: "center",
-		display: "flex",
-		justifyContent: "space-between",
-		marginBottom: "10px",
-		paddingRight: "4px"
-	});
-	const optionalSectionLabelClass = require_emotion.css({
-		alignItems: "center",
-		display: "flex",
-		gap: "4px"
-	});
-	/** Resolve i18n keys */
-	const resolve = (text) => {
-		if (!text || !t) return text || "";
-		return t(text);
-	};
-	const essentialInfo = resolve(`consent.essential_claims.info`);
-	const optionalInfo = resolve(`consent.optional_claims.info`);
-	const permissionInfo = resolve(`consent.authorize_scope.info`);
-	/**
-	* Falls back to default config values if essential/optional
-	* keys cannot be resolved via translation files .
-	*/
-	const essentialLabel = resolve(`consent.essential_claims`) || "Essential Attributes";
-	const optionalLabel = resolve(`consent.optional_claims`) || "Optional Attributes";
-	const permissionLabel = resolve(`consent.authorize_scope`) || "Permissions";
-	/**
-	* Method to check whether master toggle button is checked or not
-	* @param purpose Purpose object
-	* @param checked boolean variable to check, whether toggle is checked or unchecked
-	*/
-	const handleChange = (purpose, checked) => {
-		const checkValue = checked ? "true" : "false";
-		purpose.optional.map((opt) => {
-			onInputChange(require_ConsentCheckboxList.getConsentOptionalKey(purpose.purposeId, opt.name), checkValue);
-		});
-	};
-	/**
-	* Check all optional claims are selected or not
-	* @param purpose Purpose object
-	* @returns boolean value to denote all optional claims are selected
-	*/
-	const checkOptValue = (purpose) => {
-		return purpose.optional.every((opt) => {
-			return formValues[require_ConsentCheckboxList.getConsentOptionalKey(purpose.purposeId, opt.name)] === "true";
-		});
-	};
-	if (!consentData) return null;
-	let purposes = [];
-	try {
-		const parsed = typeof consentData === "string" ? JSON.parse(consentData) : consentData;
-		purposes = Array.isArray(parsed) ? parsed : parsed.purposes || [];
-	} catch (e) {
-		return null;
-	}
-	if (purposes.length === 0) return null;
-	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children({
-		formValues,
-		onInputChange,
-		purposes
-	}) });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: purposesContainerClass,
-		children: purposes.map((purpose, purposeIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: purposeItemClass,
-			children: [purpose.essential && purpose.essential.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: sectionClass,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: sectionHeaderClass,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
-						variant: "subtitle2",
-						fontWeight: "bold",
-						children: essentialLabel
-					}), essentialInfo !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.default, {
-						helperText: essentialInfo,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Info.default, {
-							width: "1rem",
-							height: "1rem"
-						})
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ConsentCheckboxList.default, {
-					variant: "ESSENTIAL",
-					purpose,
-					formValues,
-					onInputChange,
-					t
-				})]
-			}), purpose.optional && purpose.optional.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: sectionClass,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: optionalSectionHeaderClass,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: optionalSectionLabelClass,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
-							variant: "subtitle2",
-							fontWeight: "bold",
-							children: purpose.type === "permissions" ? permissionLabel : optionalLabel
-						}), Boolean(purpose.type === "permissions" ? permissionInfo : optionalInfo) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.default, {
-							helperText: purpose.type === "permissions" ? permissionInfo : optionalInfo,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Info.default, {
-								width: "1rem",
-								height: "1rem"
-							})
-						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Toggle.default, {
-						id: `consent_opt_${purpose.purposeId}_all`,
-						checked: checkOptValue(purpose),
-						"aria-label": "Toggle all optional attributes",
-						onChange: (e) => handleChange(purpose, e.target.checked)
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ConsentCheckboxList.default, {
-					variant: "OPTIONAL",
-					purpose,
-					formValues,
-					onInputChange,
-					t
-				})]
-			})]
-		}, purpose.purposeId || purposeIndex))
-	});
-};
-var Consent_default = Consent;
-
-//#endregion
-exports.default = Consent_default;
-//# sourceMappingURL=Consent.cjs.map

package/dist/cjs/components/adapters/Consent.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Consent.cjs","names":["Consent: FC<ConsentProps>","purposesContainerClass: string","css","purposeItemClass: string","sectionClass: string","sectionHeaderClass: string","optionalSectionHeaderClass: string","optionalSectionLabelClass: string","getConsentOptionalKey","purposes: ConsentPurposeData[]","parsed: ConsentPurposeData[] | {purposes: ConsentPurposeData[]}","Typography","Tooltip","Info","ConsentCheckboxList","Toggle"],"sources":["../../../../src/components/adapters/Consent.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {type ConsentPurposeData, PromptElement} from '@thunderid/browser';\nimport {type ChangeEvent, FC, ReactNode} from 'react';\nimport ConsentCheckboxList, {getConsentOptionalKey} from './ConsentCheckboxList';\nimport Typography from '../primitives/Typography/Typography';\nimport Toggle from '../primitives/Toggle/Toggle';\nimport {Info} from '../primitives/Icons';\nimport Tooltip from '../primitives/Tooltip/Tooltip';\nimport {UseTranslation} from '../../hooks/useTranslation';\nimport {css} from '../../styles/emotion';\n\n/**\n * Backward-compatible consent purpose type exported by @thunderid/react.\n *\n * Some consumers import this name directly; keep it as an alias to the v2 model.\n */\nexport type ConsentPurpose = ConsentPurposeData;\n\n/**\n * Render props exposed by Consent when using the render-prop pattern.\n */\nexport interface ConsentRenderProps {\n  /** Current form values - used to read optional checkbox state. */\n  formValues: Record<string, string>;\n  /** Callback invoked when a user toggles an optional attribute. */\n  onInputChange: (name: string, value: string) => void;\n  /** The resolved list of consent purposes parsed from `consentData`. */\n  purposes: ConsentPurposeData[];\n}\n\n/**\n * Props for the Consent component.\n */\nexport interface ConsentProps {\n  /**\n   * Render-props callback. When provided, the default consent UI is replaced with\n   * whatever JSX the callback returns. The parsed `purposes` list is injected so\n   * consumers do not need to re-parse `consentData` themselves.\n   *\n   * @example\n   * ```tsx\n   * <Consent consentData={raw} formValues={formInputs} onInputChange={onChange} t={t}>\n   *   {({ purposes, formValues, onInputChange, t }) => (\n   *     <div>\n   *       {purposes.map(p => <MyConsentSection key={p.purposeId} purpose={p} />)}\n   *     </div>\n   *   )}\n   * </Consent>\n   * ```\n   */\n  children?: (props: ConsentRenderProps) => ReactNode;\n  /**\n   * The raw JSON string returned by the backend in `additionalData.consentPrompt`.\n   */\n  consentData?: string | ConsentPurposeData[] | {purposes: ConsentPurposeData[]};\n  /**\n   * Current form values - used to read optional checkbox state.\n   */\n  formValues: Record<string, string>;\n  /**\n   * Callback invoked when a user toggles an optional attribute.\n   */\n  onInputChange: (name: string, value: string) => void;\n\n  /**\n   * translation data\n   */\n  t?: UseTranslation['t'];\n}\n\n/**\n * Consent component renders the list of purposes and their associated attributes (essential and optional)\n * based on the data provided by the backend. It allows users to toggle optional attributes while essential\n * attributes are displayed as read-only.\n */\nconst Consent: FC<ConsentProps> = ({consentData, formValues, onInputChange, children, t}: ConsentProps) => {\n  // Computed per render (not at module scope): a CSP nonce configured on <ThunderIDProvider>\n  // isn't known until the provider renders, and Emotion needs it applied before any style\n  // insertion happens. These are static, so Emotion's own cache dedupes the repeat calls to a\n  // no-op after the first render — this isn't a real per-render cost.\n  const purposesContainerClass: string = css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '1rem',\n    marginTop: '0.25rem',\n  });\n  const purposeItemClass: string = css({paddingBottom: '1rem'});\n  const sectionClass: string = css({marginTop: '0.5rem'});\n  const sectionHeaderClass: string = css({alignItems: 'center', display: 'flex', gap: '4px', marginBottom: '10px'});\n  const optionalSectionHeaderClass: string = css({\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginBottom: '10px',\n    paddingRight: '4px',\n  });\n  const optionalSectionLabelClass: string = css({alignItems: 'center', display: 'flex', gap: '4px'});\n\n  /** Resolve i18n keys */\n  const resolve = (text: string | undefined): string => {\n    if (!text || !t) {\n      return text || '';\n    }\n    return t(text);\n  };\n\n  const essentialInfo = resolve(`consent.essential_claims.info`);\n  const optionalInfo = resolve(`consent.optional_claims.info`);\n  const permissionInfo = resolve(`consent.authorize_scope.info`);\n  /**\n   * Falls back to default config values if essential/optional\n   * keys cannot be resolved via translation files .\n   */\n  const essentialLabel = resolve(`consent.essential_claims`) || 'Essential Attributes';\n  const optionalLabel = resolve(`consent.optional_claims`) || 'Optional Attributes';\n  const permissionLabel = resolve(`consent.authorize_scope`) || 'Permissions';\n\n  /**\n   * Method to check whether master toggle button is checked or not\n   * @param purpose Purpose object\n   * @param checked boolean variable to check, whether toggle is checked or unchecked\n   */\n  const handleChange = (purpose: ConsentPurposeData, checked: boolean): void => {\n    const checkValue = checked ? 'true' : 'false';\n    purpose.optional.map((opt: PromptElement) => {\n      const key: string = getConsentOptionalKey(purpose.purposeId, opt.name);\n      onInputChange(key, checkValue);\n    });\n  };\n\n  /**\n   * Check all optional claims are selected or not\n   * @param purpose Purpose object\n   * @returns boolean value to denote all optional claims are selected\n   */\n  const checkOptValue = (purpose: ConsentPurposeData): boolean => {\n    return purpose.optional.every((opt: PromptElement) => {\n      const key: string = getConsentOptionalKey(purpose.purposeId, opt.name);\n      return formValues[key] === 'true';\n    });\n  };\n\n  if (!consentData) return null;\n\n  let purposes: ConsentPurposeData[] = [];\n\n  try {\n    const parsed: ConsentPurposeData[] | {purposes: ConsentPurposeData[]} =\n      typeof consentData === 'string' ? JSON.parse(consentData) : consentData;\n\n    purposes = Array.isArray(parsed) ? parsed : parsed.purposes || [];\n  } catch (e) {\n    // Failed to parse consent prompt data\n    return null;\n  }\n\n  if (purposes.length === 0) return null;\n\n  if (children) {\n    return <>{children({formValues, onInputChange, purposes: purposes})}</>;\n  }\n\n  return (\n    <div className={purposesContainerClass}>\n      {purposes.map((purpose: ConsentPurposeData, purposeIndex: number) => (\n        <div key={purpose.purposeId || purposeIndex} className={purposeItemClass}>\n          {/* TODO: Uncomment when the backend supports multiple purposes for a application */}\n          {/* <Typography variant=\"h6\" fontWeight={600} gutterBottom color=\"inherit\">\n            {purpose.purposeName}\n          </Typography>\n          <Typography variant=\"body2\" color=\"inherit\" style={{marginBottom: '1rem', opacity: 0.85}}>\n            {purpose.description}\n          </Typography> */}\n\n          {purpose.essential && purpose.essential.length > 0 && (\n            <div className={sectionClass}>\n              <div className={sectionHeaderClass}>\n                <Typography variant=\"subtitle2\" fontWeight=\"bold\">\n                  {essentialLabel}\n                </Typography>\n                {essentialInfo !== '' && (\n                  <Tooltip helperText={essentialInfo}>\n                    <Info width=\"1rem\" height=\"1rem\" />\n                  </Tooltip>\n                )}\n              </div>\n              <ConsentCheckboxList\n                variant=\"ESSENTIAL\"\n                purpose={purpose}\n                formValues={formValues}\n                onInputChange={onInputChange}\n                t={t}\n              />\n            </div>\n          )}\n\n          {purpose.optional && purpose.optional.length > 0 && (\n            <div className={sectionClass}>\n              <div className={optionalSectionHeaderClass}>\n                <div className={optionalSectionLabelClass}>\n                  <Typography variant=\"subtitle2\" fontWeight=\"bold\">\n                    {purpose.type === 'permissions' ? permissionLabel : optionalLabel}\n                  </Typography>\n                  {/* Show tooltip for optional claims/permissions according to their type */}\n                  {Boolean(purpose.type === 'permissions' ? permissionInfo : optionalInfo) && (\n                    <Tooltip helperText={purpose.type === 'permissions' ? permissionInfo : optionalInfo}>\n                      <Info width=\"1rem\" height=\"1rem\" />\n                    </Tooltip>\n                  )}\n                </div>\n                <Toggle\n                  id={`consent_opt_${purpose.purposeId}_all`}\n                  checked={checkOptValue(purpose)}\n                  aria-label=\"Toggle all optional attributes\"\n                  onChange={(e: ChangeEvent<HTMLInputElement>): void => handleChange(purpose, e.target.checked)}\n                />\n              </div>\n              <ConsentCheckboxList\n                variant=\"OPTIONAL\"\n                purpose={purpose}\n                formValues={formValues}\n                onInputChange={onInputChange}\n                t={t}\n              />\n            </div>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default Consent;\n"],"mappings":"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"}

package/dist/cjs/components/adapters/ConsentCheckboxList.cjs

@@ -1,88 +0,0 @@
-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_Typography = require('../primitives/Typography/Typography.cjs');
-const require_ConsentCheckboxList_styles = require('./ConsentCheckboxList.styles.cjs');
-const require_Toggle = require('../primitives/Toggle/Toggle.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/adapters/ConsentCheckboxList.tsx
-/**
-* Computes the form value key for tracking an optional attribute's consent state.
-*
-* @param purposeId - The ID of the consent purpose.
-* @param attrName - The name of the attribute.
-* @returns A stable form key string.
-*/
-const getConsentOptionalKey = (purposeId, attrName) => `__consent_opt__${purposeId}__${attrName}`;
-/**
-* Renders a list of consent attribute checkboxes.
-*
-* - ESSENTIAL variant: renders read-only checked checkboxes for required attributes.
-* - OPTIONAL variant: renders toggleable checkboxes for optional attributes.
-*   Opt-in is the default when no prior form value exists.
-*/
-const ConsentCheckboxList = ({ variant, purpose, formValues, onInputChange, children, t }) => {
-	const { theme, colorScheme } = require_useTheme.default();
-	const styles = require_ConsentCheckboxList_styles.default(theme, colorScheme);
-	const resolve = (text) => {
-		if (!text || !t) return text || "";
-		const key = `consent.${text}`;
-		const translated = t(key);
-		return translated === key ? text : translated;
-	};
-	const attributes = (variant === "ESSENTIAL" ? purpose.essential : purpose.optional).map((e) => e.name);
-	if (!attributes || attributes.length === 0) return null;
-	const isEssential = variant === "ESSENTIAL";
-	const isChecked = (attrName) => {
-		if (isEssential) return true;
-		return formValues[getConsentOptionalKey(purpose.purposeId, attrName)] === "true";
-	};
-	const handleChange = (attrName, checked) => {
-		onInputChange(getConsentOptionalKey(purpose.purposeId, attrName), checked ? "true" : "false");
-	};
-	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children({
-		attributes,
-		handleChange,
-		isChecked,
-		variant
-	}) });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("consent-checkbox-list")), styles["listContainer"]),
-		children: attributes.map((attr) => {
-			const inputId = `consent_${isEssential ? "ess" : "opt"}_${purpose.purposeId}_${attr}`;
-			const checked = isChecked(attr);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("consent-checkbox-list", "item")), styles["listItem"]),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("consent-checkbox-list", "row")), styles["listRow"]),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("consent-checkbox-list", "label-container")), styles["labelContainer"]),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("consent-checkbox-list", "bullet")), styles["bullet"]) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
-							variant: "body2",
-							className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("consent-checkbox-list", "typography")), styles["typography"]),
-							children: resolve(attr)
-						})]
-					}), isEssential ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
-						variant: "body2",
-						children: resolve("required") || "Required"
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Toggle.default, {
-						id: inputId,
-						checked,
-						disabled: isEssential,
-						onChange: isEssential ? void 0 : (e) => handleChange(attr, e.target.checked)
-					})]
-				})
-			}, attr);
-		})
-	});
-};
-var ConsentCheckboxList_default = ConsentCheckboxList;
-
-//#endregion
-exports.default = ConsentCheckboxList_default;
-exports.getConsentOptionalKey = getConsentOptionalKey;
-//# sourceMappingURL=ConsentCheckboxList.cjs.map

package/dist/cjs/components/adapters/ConsentCheckboxList.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConsentCheckboxList.cjs","names":["ConsentCheckboxList: FC<ConsentCheckboxListProps>","useTheme","styles: Record<string, string>","useStyles","key: string","translated: string","attributes: string[]","isEssential: boolean","cx","checked: boolean","Typography","Toggle"],"sources":["../../../../src/components/adapters/ConsentCheckboxList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {type ConsentPurposeData, withVendorCSSClassPrefix, bem} from '@thunderid/browser';\nimport {type ChangeEvent, FC, ReactNode} from 'react';\nimport useStyles from './ConsentCheckboxList.styles';\nimport useTheme from '../../contexts/Theme/useTheme';\nimport {cx} from '../../styles/emotion';\nimport Toggle from '../primitives/Toggle/Toggle';\nimport Typography from '../primitives/Typography/Typography';\nimport {UseTranslation} from '../../hooks/useTranslation';\n\n/**\n * Computes the form value key for tracking an optional attribute's consent state.\n *\n * @param purposeId - The ID of the consent purpose.\n * @param attrName - The name of the attribute.\n * @returns A stable form key string.\n */\nexport const getConsentOptionalKey = (purposeId: string, attrName: string): string =>\n  `__consent_opt__${purposeId}__${attrName}`;\n\n/**\n * ConsentInputVariant defines whether the ConsentCheckboxList is rendering essential (read-only) or\n * optional (toggleable) attributes.\n */\nexport type ConsentInputVariant = 'ESSENTIAL' | 'OPTIONAL';\n\n/**\n * Render props exposed by ConsentCheckboxList when using the render-prop pattern.\n */\nexport interface ConsentCheckboxListRenderProps {\n  /** The list of attribute names to render. */\n  attributes: string[];\n  /**\n   * Call this when an optional attribute checkbox is toggled.\n   * No-op for ESSENTIAL attributes (they cannot be changed).\n   */\n  handleChange: (attrName: string, checked: boolean) => void;\n  /**\n   * Returns the current checked state for the given attribute name.\n   * Always returns true for ESSENTIAL attributes.\n   */\n  isChecked: (attrName: string) => boolean;\n  /** Whether the list is rendering essential or optional attributes. */\n  variant: ConsentInputVariant;\n}\n\n/**\n * Props for the ConsentCheckboxList component.\n */\nexport interface ConsentCheckboxListProps {\n  /**\n   * Render-props callback. When provided, the default checkbox list UI is replaced\n   * with whatever JSX the callback returns.\n   *\n   * @example\n   * ```tsx\n   * <ConsentCheckboxList variant=\"OPTIONAL\" purpose={purpose} formValues={formValues} onInputChange={onChange}>\n   *   {({ attributes, isChecked, handleChange }) => (\n   *     <ul>\n   *       {attributes.map(attr => (\n   *         <li key={attr}>\n   *           <Checkbox checked={isChecked(attr)} onChange={e => handleChange(attr, e.target.checked)} />\n   *           {attr}\n   *         </li>\n   *       ))}\n   *     </ul>\n   *   )}\n   * </ConsentCheckboxList>\n   * ```\n   */\n  children?: (props: ConsentCheckboxListRenderProps) => ReactNode;\n  /** Current form values - used to read optional checkbox state */\n  formValues: Record<string, string>;\n  /** Callback invoked when an optional attribute checkbox is toggled */\n  onInputChange: (name: string, value: string) => void;\n  /** The consent purpose data containing attribute lists */\n  purpose: ConsentPurposeData;\n  /** Whether to render essential (disabled) or optional (toggleable) attributes */\n  variant: ConsentInputVariant;\n  /**\n   * translation data\n   */\n  t?: UseTranslation['t'];\n}\n\n/**\n * Renders a list of consent attribute checkboxes.\n *\n * - ESSENTIAL variant: renders read-only checked checkboxes for required attributes.\n * - OPTIONAL variant: renders toggleable checkboxes for optional attributes.\n *   Opt-in is the default when no prior form value exists.\n */\nconst ConsentCheckboxList: FC<ConsentCheckboxListProps> = ({\n  variant,\n  purpose,\n  formValues,\n  onInputChange,\n  children,\n  t,\n}: ConsentCheckboxListProps) => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme);\n\n  const resolve = (text: string | undefined): string => {\n    if (!text || !t) {\n      return text || '';\n    }\n\n    const key: string = `consent.${text}`;\n    const translated: string = t(key);\n    return translated === key ? text : translated;\n  };\n\n  const attributes: string[] = (variant === 'ESSENTIAL' ? purpose.essential : purpose.optional).map(\n    (e): string => e.name,\n  );\n\n  if (!attributes || attributes.length === 0) {\n    return null;\n  }\n\n  const isEssential: boolean = variant === 'ESSENTIAL';\n\n  const isChecked = (attrName: string): boolean => {\n    if (isEssential) {\n      return true;\n    }\n    const key: string = getConsentOptionalKey(purpose.purposeId, attrName);\n    // Default to be false when there's no explicit form value\n    return formValues[key] === 'true';\n  };\n\n  const handleChange = (attrName: string, checked: boolean): void => {\n    const key: string = getConsentOptionalKey(purpose.purposeId, attrName);\n    onInputChange(key, checked ? 'true' : 'false');\n  };\n\n  if (children) {\n    return <>{children({attributes, handleChange, isChecked, variant})}</>;\n  }\n\n  return (\n    <div className={cx(withVendorCSSClassPrefix(bem('consent-checkbox-list')), styles['listContainer'])}>\n      {attributes.map((attr: string) => {\n        const inputId = `consent_${isEssential ? 'ess' : 'opt'}_${purpose.purposeId}_${attr}`;\n        const checked: boolean = isChecked(attr);\n\n        return (\n          <div\n            key={attr}\n            className={cx(withVendorCSSClassPrefix(bem('consent-checkbox-list', 'item')), styles['listItem'])}\n          >\n            <div className={cx(withVendorCSSClassPrefix(bem('consent-checkbox-list', 'row')), styles['listRow'])}>\n              <div\n                className={cx(\n                  withVendorCSSClassPrefix(bem('consent-checkbox-list', 'label-container')),\n                  styles['labelContainer'],\n                )}\n              >\n                <div\n                  className={cx(withVendorCSSClassPrefix(bem('consent-checkbox-list', 'bullet')), styles['bullet'])}\n                />\n                <Typography\n                  variant=\"body2\"\n                  className={cx(\n                    withVendorCSSClassPrefix(bem('consent-checkbox-list', 'typography')),\n                    styles['typography'],\n                  )}\n                >\n                  {resolve(attr)}\n                </Typography>\n              </div>\n              {isEssential ? (\n                <Typography variant=\"body2\">{resolve('required') || 'Required'}</Typography>\n              ) : (\n                <Toggle\n                  id={inputId}\n                  checked={checked}\n                  disabled={isEssential}\n                  onChange={\n                    isEssential\n                      ? undefined\n                      : (e: ChangeEvent<HTMLInputElement>): void => handleChange(attr, e.target.checked)\n                  }\n                />\n              )}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default ConsentCheckboxList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,MAAa,yBAAyB,WAAmB,aACvD,kBAAkB,UAAU,IAAI;;;;;;;;AA0ElC,MAAMA,uBAAqD,EACzD,SACA,SACA,YACA,eACA,UACA,QAC8B;CAC9B,MAAM,EAAC,OAAO,gBAA4CC,0BAAU;CACpE,MAAMC,SAAiCC,2CAAU,OAAO,YAAY;CAEpE,MAAM,WAAW,SAAqC;AACpD,MAAI,CAAC,QAAQ,CAAC,EACZ,QAAO,QAAQ;EAGjB,MAAMC,MAAc,WAAW;EAC/B,MAAMC,aAAqB,EAAE,IAAI;AACjC,SAAO,eAAe,MAAM,OAAO;;CAGrC,MAAMC,cAAwB,YAAY,cAAc,QAAQ,YAAY,QAAQ,UAAU,KAC3F,MAAc,EAAE,KAClB;AAED,KAAI,CAAC,cAAc,WAAW,WAAW,EACvC,QAAO;CAGT,MAAMC,cAAuB,YAAY;CAEzC,MAAM,aAAa,aAA8B;AAC/C,MAAI,YACF,QAAO;AAIT,SAAO,WAFa,sBAAsB,QAAQ,WAAW,SAAS,MAE3C;;CAG7B,MAAM,gBAAgB,UAAkB,YAA2B;AAEjE,gBADoB,sBAAsB,QAAQ,WAAW,SAAS,EACnD,UAAU,SAAS,QAAQ;;AAGhD,KAAI,SACF,QAAO,mFAAG,SAAS;EAAC;EAAY;EAAc;EAAW;EAAQ,CAAC,GAAI;AAGxE,QACE,2CAAC;EAAI,WAAWC,kGAAgC,wBAAwB,CAAC,EAAE,OAAO,iBAAiB;YAChG,WAAW,KAAK,SAAiB;GAChC,MAAM,UAAU,WAAW,cAAc,QAAQ,MAAM,GAAG,QAAQ,UAAU,GAAG;GAC/E,MAAMC,UAAmB,UAAU,KAAK;AAExC,UACE,2CAAC;IAEC,WAAWD,kGAAgC,yBAAyB,OAAO,CAAC,EAAE,OAAO,YAAY;cAEjG,4CAAC;KAAI,WAAWA,kGAAgC,yBAAyB,MAAM,CAAC,EAAE,OAAO,WAAW;gBAClG,4CAAC;MACC,WAAWA,kGACoB,yBAAyB,kBAAkB,CAAC,EACzE,OAAO,kBACR;iBAED,2CAAC,SACC,WAAWA,kGAAgC,yBAAyB,SAAS,CAAC,EAAE,OAAO,UAAU,GACjG,EACF,2CAACE;OACC,SAAQ;OACR,WAAWF,kGACoB,yBAAyB,aAAa,CAAC,EACpE,OAAO,cACR;iBAEA,QAAQ,KAAK;QACH;OACT,EACL,cACC,2CAACE;MAAW,SAAQ;gBAAS,QAAQ,WAAW,IAAI;OAAwB,GAE5E,2CAACC;MACC,IAAI;MACK;MACT,UAAU;MACV,UACE,cACI,UACC,MAA2C,aAAa,MAAM,EAAE,OAAO,QAAQ;OAEtF;MAEA;MArCD,KAsCD;IAER;GACE;;AAIV,kCAAe"}

package/dist/cjs/components/adapters/ConsentCheckboxList.styles.cjs

@@ -1,46 +0,0 @@
-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/adapters/ConsentCheckboxList.styles.ts
-const useStyles = (theme, colorScheme) => (0, react.useMemo)(() => ({
-	bullet: require_emotion.css`
-        width: 5px;
-        height: 5px;
-        border-radius: 50%;
-        background-color: #9e9e9e;
-        flex-shrink: 0;
-      `,
-	divider: require_emotion.css`
-        opacity: 0.5;
-        margin: 0.25rem 0;
-      `,
-	labelContainer: require_emotion.css`
-        display: flex;
-        align-items: center;
-        gap: 0.4rem;
-      `,
-	listContainer: require_emotion.css`
-        display: flex;
-        flex-direction: column;
-      `,
-	listItem: require_emotion.css`
-        padding: 0 0.25rem;
-        margin-bottom: 4px;
-      `,
-	listRow: require_emotion.css`
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 0.125rem 0;
-      `,
-	typography: require_emotion.css`
-        margin: 0;
-      `
-}), [theme, colorScheme]);
-var ConsentCheckboxList_styles_default = useStyles;
-
-//#endregion
-exports.default = ConsentCheckboxList_styles_default;
-//# sourceMappingURL=ConsentCheckboxList.styles.cjs.map

package/dist/cjs/components/adapters/ConsentCheckboxList.styles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConsentCheckboxList.styles.cjs","names":[],"sources":["../../../../src/components/adapters/ConsentCheckboxList.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\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(\n    () => ({\n      bullet: css`\n        width: 5px;\n        height: 5px;\n        border-radius: 50%;\n        background-color: #9e9e9e;\n        flex-shrink: 0;\n      `,\n      divider: css`\n        opacity: 0.5;\n        margin: 0.25rem 0;\n      `,\n      labelContainer: css`\n        display: flex;\n        align-items: center;\n        gap: 0.4rem;\n      `,\n      listContainer: css`\n        display: flex;\n        flex-direction: column;\n      `,\n      listItem: css`\n        padding: 0 0.25rem;\n        margin-bottom: 4px;\n      `,\n      listRow: css`\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0.125rem 0;\n      `,\n      typography: css`\n        margin: 0;\n      `,\n    }),\n    [theme, colorScheme],\n  );\n\nexport default useStyles;\n"],"mappings":";;;;;;AAOA,MAAM,aAAa,OAAc,0CAEtB;CACL,QAAQ,mBAAG;;;;;;;CAOX,SAAS,mBAAG;;;;CAIZ,gBAAgB,mBAAG;;;;;CAKnB,eAAe,mBAAG;;;;CAIlB,UAAU,mBAAG;;;;CAIb,SAAS,mBAAG;;;;;;CAMZ,YAAY,mBAAG;;;CAGhB,GACD,CAAC,OAAO,YAAY,CACrB;AAEH,yCAAe"}

package/dist/cjs/components/adapters/FacebookButton.cjs

@@ -1,41 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_useTranslation = require('../../hooks/useTranslation.cjs');
-const require_Button = require('../primitives/Button/Button.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/adapters/FacebookButton.tsx
-/**
-* Facebook Sign-In Button Component.
-* Handles authentication with Facebook identity provider.
-*/
-const FacebookButton = ({ isLoading, preferences, children,...rest }) => {
-	const { t } = require_useTranslation.default(preferences?.i18n);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
-		...rest,
-		fullWidth: true,
-		type: "button",
-		color: "primary",
-		variant: "solid",
-		disabled: isLoading,
-		startIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-			width: "18",
-			height: "18",
-			viewBox: "0 0 512 512",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				fill: "#1976D2",
-				d: "M448,0H64C28.704,0,0,28.704,0,64v384c0,35.296,28.704,64,64,64h384c35.296,0,64-28.704,64-64V64C512,28.704,483.296,0,448,0z"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				fill: "#FAFAFA",
-				d: "M432,256h-80v-64c0-17.664,14.336-16,32-16h32V96h-64l0,0c-53.024,0-96,42.976-96,96v64h-64v80h64v176h96V336h48L432,256z"
-			})]
-		}),
-		children: children ?? t("elements.buttons.facebook.text")
-	});
-};
-var FacebookButton_default = FacebookButton;
-
-//#endregion
-exports.default = FacebookButton_default;
-//# sourceMappingURL=FacebookButton.cjs.map

package/dist/cjs/components/adapters/FacebookButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FacebookButton.cjs","names":["FacebookButton: FC<FacebookButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/FacebookButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {WithPreferences} from '@thunderid/browser';\nimport {FC, HTMLAttributes} from 'react';\nimport useTranslation from '../../hooks/useTranslation';\nimport Button from '../primitives/Button/Button';\n\nexport interface FacebookButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * Facebook Sign-In Button Component.\n * Handles authentication with Facebook identity provider.\n */\nconst FacebookButton: FC<FacebookButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: FacebookButtonProps & HTMLAttributes<HTMLButtonElement>) => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  return (\n    <Button\n      {...rest}\n      fullWidth\n      type=\"button\"\n      color=\"primary\"\n      variant=\"solid\"\n      disabled={isLoading}\n      startIcon={\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fill=\"#1976D2\"\n            d=\"M448,0H64C28.704,0,0,28.704,0,64v384c0,35.296,28.704,64,64,64h384c35.296,0,64-28.704,64-64V64C512,28.704,483.296,0,448,0z\"\n          />\n          <path\n            fill=\"#FAFAFA\"\n            d=\"M432,256h-80v-64c0-17.664,14.336-16,32-16h32V96h-64l0,0c-53.024,0-96,42.976-96,96v64h-64v80h64v176h96V336h48L432,256z\"\n          />\n        </svg>\n      }\n    >\n      {children ?? t('elements.buttons.facebook.text')}\n    </Button>\n  );\n};\n\nexport default FacebookButton;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,kBAA+E,EACnF,WACA,aACA,SACA,GAAG,WAC0D;CAC7D,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;AAE7C,QACE,2CAACC;EACC,GAAI;EACJ;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,WACE,4CAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAc,OAAM;cACtD,2CAAC;IACC,MAAK;IACL,GAAE;KACF,EACF,2CAAC;IACC,MAAK;IACL,GAAE;KACF;IACE;YAGP,YAAY,EAAE,iCAAiC;GACzC;;AAIb,6BAAe"}

package/dist/cjs/components/adapters/FlowTimer.cjs

@@ -1,52 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../primitives/Typography/Typography.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/adapters/FlowTimer.tsx
-/**
-* Flow countdown timer component.
-*
-* Displays a countdown from the given number of seconds. When the time expires,
-* shows "Timed out". Returns null if expiresIn <= 0.
-*/
-const FlowTimer = ({ expiresIn = 0, textTemplate = "Time remaining: {time}", children }) => {
-	const [remaining, setRemaining] = (0, react.useState)(expiresIn > 0 ? expiresIn : 0);
-	(0, react.useEffect)(() => {
-		if (expiresIn <= 0) return;
-		setRemaining(expiresIn);
-		const interval = setInterval(() => {
-			setRemaining((prev) => {
-				if (prev <= 1) {
-					clearInterval(interval);
-					return 0;
-				}
-				return prev - 1;
-			});
-		}, 1e3);
-		return () => clearInterval(interval);
-	}, [expiresIn]);
-	if (expiresIn <= 0) return null;
-	const formatTime = (seconds) => {
-		if (seconds <= 0) return "Timed out";
-		return `${Math.floor(seconds / 60)}:${(seconds % 60).toString().padStart(2, "0")}`;
-	};
-	const isExpired = remaining <= 0;
-	const formattedTime = formatTime(remaining);
-	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children({
-		formattedTime,
-		isExpired,
-		remaining
-	}) });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
-		variant: "body2",
-		children: isExpired ? "Timed out" : textTemplate.replace("{time}", formattedTime)
-	});
-};
-var FlowTimer_default = FlowTimer;
-
-//#endregion
-exports.default = FlowTimer_default;
-//# sourceMappingURL=FlowTimer.cjs.map

package/dist/cjs/components/adapters/FlowTimer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowTimer.cjs","names":["FlowTimer: FC<FlowTimerProps>","interval: NodeJS.Timeout","isExpired: boolean","formattedTime: string","Typography"],"sources":["../../../../src/components/adapters/FlowTimer.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, ReactNode, useEffect, useState} from 'react';\nimport Typography from '../primitives/Typography/Typography';\n\n/**\n * Render props exposed by FlowTimer when using the render-prop pattern.\n */\nexport interface FlowTimerRenderProps {\n  /** Human-readable formatted time string (e.g. \"2:30\" or \"Timed out\"). */\n  formattedTime: string;\n  /** Whether the timer has expired. */\n  isExpired: boolean;\n  /** Remaining time in seconds. 0 when expired. */\n  remaining: number;\n}\n\n/**\n * Props for the FlowTimer component.\n */\nexport interface FlowTimerProps {\n  /**\n   * Render-props callback. When provided, the default countdown display is replaced\n   * with whatever JSX the callback returns.\n   *\n   * @example\n   * ```tsx\n   * <FlowTimer expiresIn={300}>\n   *   {({ remaining, isExpired, formattedTime }) => (\n   *     <span style={{ color: isExpired ? 'red' : 'inherit' }}>\n   *       {isExpired ? 'Session expired' : `Time left: ${formattedTime}`}\n   *     </span>\n   *   )}\n   * </FlowTimer>\n   * ```\n   */\n  children?: (props: FlowTimerRenderProps) => ReactNode;\n  /** Initial number of seconds for the countdown. 0 or negative means no timer. */\n  expiresIn?: number;\n  /** Text template for the countdown display. Use {time} as a placeholder. */\n  textTemplate?: string;\n}\n\n/**\n * Flow countdown timer component.\n *\n * Displays a countdown from the given number of seconds. When the time expires,\n * shows \"Timed out\". Returns null if expiresIn <= 0.\n */\nconst FlowTimer: FC<FlowTimerProps> = ({\n  expiresIn = 0,\n  textTemplate = 'Time remaining: {time}',\n  children,\n}: FlowTimerProps) => {\n  const [remaining, setRemaining] = useState<number>(expiresIn > 0 ? expiresIn : 0);\n\n  useEffect(() => {\n    if (expiresIn <= 0) {\n      return undefined;\n    }\n\n    setRemaining(expiresIn);\n\n    const interval: NodeJS.Timeout = setInterval(() => {\n      setRemaining((prev: number) => {\n        if (prev <= 1) {\n          clearInterval(interval);\n          return 0;\n        }\n        return prev - 1;\n      });\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [expiresIn]);\n\n  if (expiresIn <= 0) {\n    return null;\n  }\n\n  const formatTime = (seconds: number): string => {\n    if (seconds <= 0) {\n      return 'Timed out';\n    }\n    const m: number = Math.floor(seconds / 60);\n    const s: number = seconds % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  };\n\n  const isExpired: boolean = remaining <= 0;\n  const formattedTime: string = formatTime(remaining);\n\n  if (children) {\n    return <>{children({formattedTime, isExpired, remaining})}</>;\n  }\n\n  const displayText: string = isExpired ? 'Timed out' : textTemplate.replace('{time}', formattedTime);\n\n  return <Typography variant=\"body2\">{displayText}</Typography>;\n};\n\nexport default FlowTimer;\n"],"mappings":";;;;;;;;;;;;;;AAkDA,MAAMA,aAAiC,EACrC,YAAY,GACZ,eAAe,0BACf,eACoB;CACpB,MAAM,CAAC,WAAW,oCAAiC,YAAY,IAAI,YAAY,EAAE;AAEjF,4BAAgB;AACd,MAAI,aAAa,EACf;AAGF,eAAa,UAAU;EAEvB,MAAMC,WAA2B,kBAAkB;AACjD,iBAAc,SAAiB;AAC7B,QAAI,QAAQ,GAAG;AACb,mBAAc,SAAS;AACvB,YAAO;;AAET,WAAO,OAAO;KACd;KACD,IAAK;AAER,eAAa,cAAc,SAAS;IACnC,CAAC,UAAU,CAAC;AAEf,KAAI,aAAa,EACf,QAAO;CAGT,MAAM,cAAc,YAA4B;AAC9C,MAAI,WAAW,EACb,QAAO;AAIT,SAAO,GAFW,KAAK,MAAM,UAAU,GAAG,CAE9B,IADM,UAAU,IACX,UAAU,CAAC,SAAS,GAAG,IAAI;;CAG9C,MAAMC,YAAqB,aAAa;CACxC,MAAMC,gBAAwB,WAAW,UAAU;AAEnD,KAAI,SACF,QAAO,mFAAG,SAAS;EAAC;EAAe;EAAW;EAAU,CAAC,GAAI;AAK/D,QAAO,2CAACC;EAAW,SAAQ;YAFC,YAAY,cAAc,aAAa,QAAQ,UAAU,cAAc;GAEtC;;AAG/D,wBAAe"}

package/dist/cjs/components/adapters/GitHubButton.cjs

@@ -1,41 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_useTranslation = require('../../hooks/useTranslation.cjs');
-const require_Button = require('../primitives/Button/Button.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/adapters/GitHubButton.tsx
-/**
-* GitHub Sign-In Button Component.
-* Handles authentication with GitHub identity provider.
-*/
-const GitHubButton = ({ isLoading, preferences, children,...rest }) => {
-	const { t } = require_useTranslation.default(preferences?.i18n);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
-		...rest,
-		fullWidth: true,
-		type: "button",
-		color: "secondary",
-		variant: "solid",
-		disabled: isLoading,
-		startIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "18",
-			height: "18",
-			viewBox: "0 0 67.91 66.233",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
-				transform: "translate(-386.96 658.072)",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: "M420.915-658.072a33.956,33.956,0,0,0-33.955,33.955,33.963,33.963,0,0,0,23.221,32.22c1.7.314,2.32-.737,2.32-1.633,0-.81-.031-3.484-.046-6.322-9.446,2.054-11.44-4.006-11.44-4.006-1.545-3.925-3.77-4.968-3.77-4.968-3.081-2.107.232-2.064.232-2.064,3.41.239,5.205,3.5,5.205,3.5,3.028,5.19,7.943,3.69,9.881,2.822a7.23,7.23,0,0,1,2.156-4.54c-7.542-.859-15.47-3.77-15.47-16.781a13.141,13.141,0,0,1,3.5-9.114,12.2,12.2,0,0,1,.329-8.986s2.851-.913,9.34,3.48a32.545,32.545,0,0,1,8.5-1.143,32.629,32.629,0,0,1,8.506,1.143c6.481-4.393,9.328-3.48,9.328-3.48a12.185,12.185,0,0,1,.333,8.986,13.115,13.115,0,0,1,3.495,9.114c0,13.042-7.943,15.913-15.5,16.754,1.218,1.054,2.3,3.12,2.3,6.288,0,4.543-.039,8.2-.039,9.318,0,.9.611,1.962,2.332,1.629a33.959,33.959,0,0,0,23.2-32.215,33.955,33.955,0,0,0-33.955-33.955",
-					fill: "#ffffff"
-				})
-			})
-		}),
-		children: children ?? t("elements.buttons.github.text")
-	});
-};
-var GitHubButton_default = GitHubButton;
-
-//#endregion
-exports.default = GitHubButton_default;
-//# sourceMappingURL=GitHubButton.cjs.map

package/dist/cjs/components/adapters/GitHubButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GitHubButton.cjs","names":["GitHubButton: FC<GithubButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/GitHubButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {WithPreferences} from '@thunderid/browser';\nimport {FC, HTMLAttributes} from 'react';\nimport useTranslation from '../../hooks/useTranslation';\nimport Button from '../primitives/Button/Button';\n\nexport interface GithubButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * GitHub Sign-In Button Component.\n * Handles authentication with GitHub identity provider.\n */\nconst GitHubButton: FC<GithubButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: GithubButtonProps & HTMLAttributes<HTMLButtonElement>) => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  return (\n    <Button\n      {...rest}\n      fullWidth\n      type=\"button\"\n      color=\"secondary\"\n      variant=\"solid\"\n      disabled={isLoading}\n      startIcon={\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 67.91 66.233\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g transform=\"translate(-386.96 658.072)\">\n            <path\n              d=\"M420.915-658.072a33.956,33.956,0,0,0-33.955,33.955,33.963,33.963,0,0,0,23.221,32.22c1.7.314,2.32-.737,2.32-1.633,0-.81-.031-3.484-.046-6.322-9.446,2.054-11.44-4.006-11.44-4.006-1.545-3.925-3.77-4.968-3.77-4.968-3.081-2.107.232-2.064.232-2.064,3.41.239,5.205,3.5,5.205,3.5,3.028,5.19,7.943,3.69,9.881,2.822a7.23,7.23,0,0,1,2.156-4.54c-7.542-.859-15.47-3.77-15.47-16.781a13.141,13.141,0,0,1,3.5-9.114,12.2,12.2,0,0,1,.329-8.986s2.851-.913,9.34,3.48a32.545,32.545,0,0,1,8.5-1.143,32.629,32.629,0,0,1,8.506,1.143c6.481-4.393,9.328-3.48,9.328-3.48a12.185,12.185,0,0,1,.333,8.986,13.115,13.115,0,0,1,3.495,9.114c0,13.042-7.943,15.913-15.5,16.754,1.218,1.054,2.3,3.12,2.3,6.288,0,4.543-.039,8.2-.039,9.318,0,.9.611,1.962,2.332,1.629a33.959,33.959,0,0,0,23.2-32.215,33.955,33.955,0,0,0-33.955-33.955\"\n              fill=\"#ffffff\"\n            />\n          </g>\n        </svg>\n      }\n    >\n      {children ?? t('elements.buttons.github.text')}\n    </Button>\n  );\n};\n\nexport default GitHubButton;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,gBAA2E,EAC/E,WACA,aACA,SACA,GAAG,WACwD;CAC3D,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;AAE7C,QACE,2CAACC;EACC,GAAI;EACJ;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,WACE,2CAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAmB,OAAM;aAC3D,2CAAC;IAAE,WAAU;cACX,2CAAC;KACC,GAAE;KACF,MAAK;MACL;KACA;IACA;YAGP,YAAY,EAAE,+BAA+B;GACvC;;AAIb,2BAAe"}