@lumeweb/portal-framework-ui 0.0.1 → 0.1.1

package/dist/esm/components/shared/utils/renderFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderFooter.js","names":[],"sources":["../../../../../src/components/shared/utils/renderFooter.tsx"],"sourcesContent":["import type { BaseRecord } from \"@refinedev/core\";\n\nimport { DialogFooter } from \"@lumeweb/portal-framework-ui-core\";\nimport React, { ReactNode } from \"react\";\n\nimport { DialogConfig, isDialogFooterFunction, isWizardFormConfig } from \"../../dialog/Dialog.types\";\nimport { useOptionalStepControlContext } from \"../../form/StepControlContext\";\nimport { isStepFormConfig } from \"../../form/types\";\nimport { Environment } from \"../environment/builders\";\nimport { UnifiedFooter } from \"../UnifiedFooter\";\n\nexport interface FooterRenderConfig<T extends BaseRecord = any> {\n  /** CSS class name for the footer container */\n  className?: string;\n  /** Dialog configuration (required for dialog contexts) */\n  dialogConfig?: DialogConfig<T>;\n  /** Footer configuration - can be false, ReactNode, or function */\n  footer?: ((environment: any) => ReactNode) | false | ReactNode;\n  /** Form methods for form state */\n  formMethods?: any;\n  /** Whether this is rendered in a dialog context */\n  isDialog?: boolean;\n  /** Callback function to handle cancel/close actions */\n  onCancel?: () => void;\n  /** Configuration object for UnifiedFooter */\n  unifiedFooterConfig?: any;\n}\n\n/**\n * Shared footer rendering utility that standardizes footer rendering\n * across dialogs and forms in the portal framework.\n *\n * This utility handles:\n * - Function-based footers with environment context\n * - Static footer content\n * - Disabled footers (footer: false)\n * - Default UnifiedFooter fallback\n * - Dialog vs standalone contexts\n * - Wizard/step form detection for dialogs\n */\nexport function renderFooter<T extends BaseRecord = any>(\n  config: FooterRenderConfig<T>,\n): React.ReactNode {\n  const {\n    className,\n    dialogConfig,\n    footer,\n    formMethods,\n    isDialog = false,\n    onCancel,\n    unifiedFooterConfig,\n  } = config;\n\n  // If footer is explicitly false, don't render anything\n  if (footer === false) {\n    return null;\n  }\n\n  // Handle function-based footers\n  if (footer && isDialogFooterFunction(footer)) {\n    const stepControl = useOptionalStepControlContext();\n    const footerEnvironment = buildFooterEnvironment({\n      dialogConfig,\n      formMethods,\n      isDialog,\n      onCancel,\n      stepControl,\n    });\n\n    const customFooter = footer(footerEnvironment);\n    return <DialogFooter className={className}>{customFooter}</DialogFooter>;\n  }\n\n  // Handle static footer content\n  if (footer) {\n    return <DialogFooter className={className}>{footer}</DialogFooter>;\n  }\n\n  // Default: Use UnifiedFooter system\n  const stepControl = useOptionalStepControlContext();\n  const footerEnvironment = buildFooterEnvironment({\n    dialogConfig,\n    formMethods,\n    isDialog,\n    onCancel,\n    stepControl,\n  });\n\n  return (\n    <DialogFooter className={className}>\n      <UnifiedFooter\n        config={unifiedFooterConfig || dialogConfig?.formConfig || dialogConfig}\n        environment={footerEnvironment}\n      />\n    </DialogFooter>\n  );\n}\n\n// Helper function extracted from current DialogFooterContent\nfunction buildFooterEnvironment<T extends BaseRecord = any>({\n  dialogConfig,\n  formMethods,\n  isDialog,\n  onCancel,\n  stepControl,\n}: {\n  dialogConfig?: DialogConfig<T>;\n  formMethods?: any;\n  isDialog: boolean;\n  onCancel?: () => void;\n  stepControl?: any;\n}) {\n  // Handle standalone context (when not in dialog or dialogConfig is missing)\n  const isStandaloneContext = !isDialog || !dialogConfig;\n  if (isStandaloneContext) {\n    return buildStandaloneFooterEnvironment(formMethods, dialogConfig);\n  }\n\n  // Handle dialog context\n  return buildDialogFooterEnvironment(dialogConfig, formMethods, onCancel, stepControl);\n}\n\n/**\n * Builds footer environment for standalone contexts\n */\nfunction buildStandaloneFooterEnvironment(formMethods: any, dialogConfig: any) {\n  const builder = Environment.footer().standalone();\n  \n  // Add form context only if formMethods exists and dialogConfig.formConfig exists (when dialogConfig is provided)\n  const shouldIncludeFormContext = formMethods && (!dialogConfig || dialogConfig.formConfig);\n  if (shouldIncludeFormContext) {\n    return builder\n      .simpleForm({\n        isSubmitting: formMethods?.formState?.isSubmitting || false,\n        methods: formMethods,\n      })\n      .build();\n  }\n  \n  // Return basic standalone footer without form context\n  return builder.buildContainerOnly();\n}\n\n/**\n * Builds footer environment for dialog contexts\n */\nfunction buildDialogFooterEnvironment(dialogConfig: any, formMethods: any, onCancel: (() => void) | undefined, stepControl: any) {\n  const builder = Environment.footer().dialog({\n    dialogConfig,\n    onClose: onCancel || dialogConfig.onClose,\n  });\n\n  // Check if this is a wizard form with step control\n  const isWizardForm = dialogConfig.formConfig && isWizardFormConfig(dialogConfig.formConfig);\n  const hasStepControl = !!stepControl;\n  \n  if (isWizardForm && hasStepControl) {\n    return builder\n      .wizardForm({\n        isSubmitting: formMethods?.formState?.isSubmitting || false,\n        methods: formMethods,\n      })\n      .step({\n        current: stepControl.currentStep,\n        isFirst: stepControl.isFirstStep,\n        isLast: stepControl.isLastStep,\n        onNext: stepControl.handleNext,\n        onPrevious: stepControl.handlePrevious,\n        onRetry: stepControl.handleRetry,\n        total: stepControl.totalSteps,\n        retryCount: stepControl.retryCount,\n      })\n      .build();\n  }\n\n  // Add simple form context if formMethods and formConfig exist\n  const shouldIncludeSimpleFormContext = formMethods && dialogConfig.formConfig;\n  if (shouldIncludeSimpleFormContext) {\n    return builder\n      .simpleForm({\n        isSubmitting: formMethods?.formState?.isSubmitting || false,\n        methods: formMethods,\n      })\n      .build();\n  }\n\n  // Return dialog footer without form context\n  return builder.buildContainerOnly();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwCA,SAAgB,aACd,QACiB;CACjB,MAAM,EACJ,WACA,cACA,QACA,aACA,WAAW,OACX,UACA,wBACE;AAGJ,KAAI,WAAW,MACb,QAAO;AAIT,KAAI,UAAU,uBAAuB,OAAO,CAW1C,QAAO,oBAAC,cAAD;EAAyB;YADX,OARK,uBAAuB;GAC/C;GACA;GACA;GACA;GACA,aANkB,+BAMP;GACZ,CAE4C,CACW;EAAgB;AAI1E,KAAI,OACF,QAAO,oBAAC,cAAD;EAAyB;YAAY;EAAsB;CAKpE,MAAM,oBAAoB,uBAAuB;EAC/C;EACA;EACA;EACA;EACA,aANkB,+BAMP;EACZ,CAAC;AAEF,QACE,oBAAC,cAAD;EAAyB;YACvB,oBAAC,eAAD;GACE,QAAQ,uBAAuB,cAAc,cAAc;GAC3D,aAAa;GACb;EACW;;AAKnB,SAAS,uBAAmD,EAC1D,cACA,aACA,UACA,UACA,eAOC;AAGD,KAD4B,CAAC,YAAY,CAAC,aAExC,QAAO,iCAAiC,aAAa,aAAa;AAIpE,QAAO,6BAA6B,cAAc,aAAa,UAAU,YAAY;;;;;AAMvF,SAAS,iCAAiC,aAAkB,cAAmB;CAC7E,MAAM,UAAU,YAAY,QAAQ,CAAC,YAAY;AAIjD,KADiC,gBAAgB,CAAC,gBAAgB,aAAa,YAE7E,QAAO,QACJ,WAAW;EACV,cAAc,aAAa,WAAW,gBAAgB;EACtD,SAAS;EACV,CAAC,CACD,OAAO;AAIZ,QAAO,QAAQ,oBAAoB;;;;;AAMrC,SAAS,6BAA6B,cAAmB,aAAkB,UAAoC,aAAkB;CAC/H,MAAM,UAAU,YAAY,QAAQ,CAAC,OAAO;EAC1C;EACA,SAAS,YAAY,aAAa;EACnC,CAAC;AAMF,KAHqB,aAAa,cAAc,mBAAmB,aAAa,WAAW,IAGvE,CAFI,CAAC,YAGvB,QAAO,QACJ,WAAW;EACV,cAAc,aAAa,WAAW,gBAAgB;EACtD,SAAS;EACV,CAAC,CACD,KAAK;EACJ,SAAS,YAAY;EACrB,SAAS,YAAY;EACrB,QAAQ,YAAY;EACpB,QAAQ,YAAY;EACpB,YAAY,YAAY;EACxB,SAAS,YAAY;EACrB,OAAO,YAAY;EACnB,YAAY,YAAY;EACzB,CAAC,CACD,OAAO;AAKZ,KADuC,eAAe,aAAa,WAEjE,QAAO,QACJ,WAAW;EACV,cAAc,aAAa,WAAW,gBAAgB;EACtD,SAAS;EACV,CAAC,CACD,OAAO;AAIZ,QAAO,QAAQ,oBAAoB"}

package/dist/esm/components/shared/utils/renderHeader.d.ts

@@ -0,0 +1,39 @@
+import { DialogConfig } from "../../dialog/Dialog.types.js";
+import { BaseRecord } from "@refinedev/core";
+import React, { ReactNode } from "react";
+
+//#region src/components/shared/utils/renderHeader.d.ts
+interface HeaderRenderConfig<T extends BaseRecord = any> {
+  /** Actions for the header */
+  actions?: any[];
+  /** CSS class name for the header container */
+  className?: string;
+  /** Description for the header */
+  description?: string;
+  /** Dialog configuration (required for dialog contexts) */
+  dialogConfig?: DialogConfig<T>;
+  /** Header configuration - can be false, ReactNode, or function */
+  header?: ((environment: any) => ReactNode) | false | ReactNode;
+  /** Whether this is rendered in a dialog context */
+  isDialog?: boolean;
+  /** Title for the header */
+  title?: string;
+  /** Configuration object for UnifiedHeader */
+  unifiedHeaderConfig?: any;
+}
+/**
+ * Shared header rendering utility that standardizes header rendering
+ * across dialogs and forms in the portal framework.
+ *
+ * This utility handles:
+ * - Function-based headers with environment context
+ * - Static header content
+ * - Disabled headers (header: false)
+ * - Default UnifiedHeader fallback
+ * - Dialog vs standalone contexts
+ * - Wizard/step form detection for dialogs
+ */
+declare function renderHeader<T extends BaseRecord = any>(config: HeaderRenderConfig<T>): React.ReactNode;
+//#endregion
+export { HeaderRenderConfig, renderHeader };
+//# sourceMappingURL=renderHeader.d.ts.map

package/dist/esm/components/shared/utils/renderHeader.js

@@ -0,0 +1,120 @@
+import { isDialogHeaderFunction } from "../../dialog/Dialog.types.js";
+import { useOptionalStepControlContext } from "../../form/StepControlContext.js";
+import { Environment } from "../environment/builders.js";
+import { UnifiedHeader } from "../UnifiedHeader.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/shared/utils/renderHeader.tsx
+/**
+* Shared header rendering utility that standardizes header rendering
+* across dialogs and forms in the portal framework.
+*
+* This utility handles:
+* - Function-based headers with environment context
+* - Static header content
+* - Disabled headers (header: false)
+* - Default UnifiedHeader fallback
+* - Dialog vs standalone contexts
+* - Wizard/step form detection for dialogs
+*/
+function renderHeader(config) {
+	const { actions, className, description, dialogConfig, header, isDialog = false, title, unifiedHeaderConfig } = config;
+	if (header === false) return null;
+	if (header && isDialogHeaderFunction(header)) {
+		let headerEnvironment;
+		if (isDialog && dialogConfig) if (dialogConfig.formConfig && "steps" in dialogConfig.formConfig) {
+			const stepControl = useOptionalStepControlContext();
+			if (stepControl) headerEnvironment = Environment.header().dialog({
+				dialogConfig,
+				onClose: dialogConfig.onClose
+			}).content({
+				actions,
+				description,
+				title
+			}).wizardNavigation({
+				current: stepControl.currentStep,
+				progressStyle: "timeline",
+				steps: dialogConfig.formConfig.steps,
+				total: stepControl.totalSteps
+			}).build();
+			else headerEnvironment = Environment.header().dialog({
+				dialogConfig,
+				onClose: dialogConfig.onClose
+			}).content({
+				actions,
+				description,
+				title
+			}).noneNavigation().build();
+		} else headerEnvironment = Environment.header().dialog({
+			dialogConfig,
+			onClose: dialogConfig.onClose
+		}).content({
+			actions,
+			description,
+			title
+		}).noneNavigation().build();
+		else headerEnvironment = Environment.header().standalone().content({
+			actions,
+			description,
+			title
+		}).noneNavigation().build();
+		return /* @__PURE__ */ jsx("div", {
+			className,
+			children: header(headerEnvironment)
+		});
+	}
+	if (header) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: header
+	});
+	let unifiedHeaderEnvironment;
+	if (isDialog && dialogConfig) if (dialogConfig.formConfig && "steps" in dialogConfig.formConfig) {
+		const stepControl = useOptionalStepControlContext();
+		if (stepControl) unifiedHeaderEnvironment = Environment.header().dialog({
+			dialogConfig,
+			onClose: dialogConfig.onClose
+		}).content({
+			actions,
+			description,
+			title
+		}).wizardNavigation({
+			current: stepControl.currentStep,
+			progressStyle: "timeline",
+			steps: dialogConfig.formConfig.steps,
+			total: stepControl.totalSteps
+		}).build();
+		else unifiedHeaderEnvironment = Environment.header().dialog({
+			dialogConfig,
+			onClose: dialogConfig.onClose
+		}).content({
+			actions,
+			description,
+			title
+		}).noneNavigation().build();
+	} else unifiedHeaderEnvironment = Environment.header().dialog({
+		dialogConfig,
+		onClose: dialogConfig.onClose
+	}).content({
+		actions,
+		description,
+		title
+	}).noneNavigation().build();
+	else unifiedHeaderEnvironment = Environment.header().standalone().content({
+		actions,
+		description,
+		title
+	}).noneNavigation().build();
+	return /* @__PURE__ */ jsx(UnifiedHeader, {
+		config: unifiedHeaderConfig || {
+			actions,
+			description,
+			title
+		},
+		environment: unifiedHeaderEnvironment
+	});
+}
+
+//#endregion
+export { renderHeader };
+//# sourceMappingURL=renderHeader.js.map

package/dist/esm/components/shared/utils/renderHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderHeader.js","names":[],"sources":["../../../../../src/components/shared/utils/renderHeader.tsx"],"sourcesContent":["import type { BaseRecord } from \"@refinedev/core\";\n\nimport React, { ReactNode } from \"react\";\n\nimport {\n  DialogConfig,\n  isDialogHeaderFunction,\n} from \"../../dialog/Dialog.types\";\nimport { useOptionalStepControlContext } from \"../../form/StepControlContext\";\nimport { Environment } from \"../environment/builders\";\nimport { UnifiedHeader } from \"../UnifiedHeader\";\n\nexport interface HeaderRenderConfig<T extends BaseRecord = any> {\n  /** Actions for the header */\n  actions?: any[];\n  /** CSS class name for the header container */\n  className?: string;\n  /** Description for the header */\n  description?: string;\n  /** Dialog configuration (required for dialog contexts) */\n  dialogConfig?: DialogConfig<T>;\n  /** Header configuration - can be false, ReactNode, or function */\n  header?: ((environment: any) => ReactNode) | false | ReactNode;\n  /** Whether this is rendered in a dialog context */\n  isDialog?: boolean;\n  /** Title for the header */\n  title?: string;\n  /** Configuration object for UnifiedHeader */\n  unifiedHeaderConfig?: any;\n}\n\n/**\n * Shared header rendering utility that standardizes header rendering\n * across dialogs and forms in the portal framework.\n *\n * This utility handles:\n * - Function-based headers with environment context\n * - Static header content\n * - Disabled headers (header: false)\n * - Default UnifiedHeader fallback\n * - Dialog vs standalone contexts\n * - Wizard/step form detection for dialogs\n */\nexport function renderHeader<T extends BaseRecord = any>(\n  config: HeaderRenderConfig<T>,\n): React.ReactNode {\n  const {\n    actions,\n    className,\n    description,\n    dialogConfig,\n    header,\n    isDialog = false,\n    title,\n    unifiedHeaderConfig,\n  } = config;\n\n  // If header is explicitly false, don't render anything\n  if (header === false) {\n    return null;\n  }\n\n  // Handle function-based headers\n  if (header && isDialogHeaderFunction(header)) {\n    let headerEnvironment;\n\n    if (isDialog && dialogConfig) {\n      // Dialog context - determine if wizard or simple form\n      if (dialogConfig.formConfig && \"steps\" in dialogConfig.formConfig) {\n        // Wizard dialog - use optional step control context\n        const stepControl = useOptionalStepControlContext();\n        if (stepControl) {\n          headerEnvironment = Environment.header()\n            .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n            .content({ actions, description, title })\n            .wizardNavigation({\n              current: stepControl.currentStep,\n              progressStyle: \"timeline\", // Default progress style\n              steps: dialogConfig.formConfig.steps,\n              total: stepControl.totalSteps,\n            })\n            .build();\n        } else {\n          // Fallback to simple dialog context if not in step control context\n          headerEnvironment = Environment.header()\n            .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n            .content({ actions, description, title })\n            .noneNavigation()\n            .build();\n        }\n      } else {\n        // Simple dialog context\n        headerEnvironment = Environment.header()\n          .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n          .content({ actions, description, title })\n          .noneNavigation()\n          .build();\n      }\n    } else {\n      // Standalone context\n      headerEnvironment = Environment.header()\n        .standalone()\n        .content({ actions, description, title })\n        .noneNavigation()\n        .build();\n    }\n\n    const customHeader = header(headerEnvironment);\n    return <div className={className}>{customHeader}</div>;\n  }\n\n  // Handle static header content\n  if (header) {\n    return <div className={className}>{header}</div>;\n  }\n\n  // Default: Use UnifiedHeader system\n  let unifiedHeaderEnvironment;\n\n  if (isDialog && dialogConfig) {\n    // Dialog context - determine if wizard or simple form\n    if (dialogConfig.formConfig && \"steps\" in dialogConfig.formConfig) {\n      // Wizard dialog - use optional step control context\n      const stepControl = useOptionalStepControlContext();\n      if (stepControl) {\n        unifiedHeaderEnvironment = Environment.header()\n          .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n          .content({ actions, description, title })\n          .wizardNavigation({\n            current: stepControl.currentStep,\n            progressStyle: \"timeline\", // Default progress style\n            steps: dialogConfig.formConfig.steps,\n            total: stepControl.totalSteps,\n          })\n          .build();\n      } else {\n        // Fallback to simple dialog context if not in step control context\n        unifiedHeaderEnvironment = Environment.header()\n          .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n          .content({ actions, description, title })\n          .noneNavigation()\n          .build();\n      }\n    } else {\n      // Simple dialog context\n      unifiedHeaderEnvironment = Environment.header()\n        .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n        .content({ actions, description, title })\n        .noneNavigation()\n        .build();\n    }\n  } else {\n    // Standalone context\n    unifiedHeaderEnvironment = Environment.header()\n      .standalone()\n      .content({ actions, description, title })\n      .noneNavigation()\n      .build();\n  }\n\n  return (\n    <UnifiedHeader\n      config={unifiedHeaderConfig || { actions, description, title }}\n      environment={unifiedHeaderEnvironment}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,aACd,QACiB;CACjB,MAAM,EACJ,SACA,WACA,aACA,cACA,QACA,WAAW,OACX,OACA,wBACE;AAGJ,KAAI,WAAW,MACb,QAAO;AAIT,KAAI,UAAU,uBAAuB,OAAO,EAAE;EAC5C,IAAI;AAEJ,MAAI,YAAY,aAEd,KAAI,aAAa,cAAc,WAAW,aAAa,YAAY;GAEjE,MAAM,cAAc,+BAA+B;AACnD,OAAI,YACF,qBAAoB,YAAY,QAAQ,CACrC,OAAO;IAAE;IAAc,SAAS,aAAa;IAAS,CAAC,CACvD,QAAQ;IAAE;IAAS;IAAa;IAAO,CAAC,CACxC,iBAAiB;IAChB,SAAS,YAAY;IACrB,eAAe;IACf,OAAO,aAAa,WAAW;IAC/B,OAAO,YAAY;IACpB,CAAC,CACD,OAAO;OAGV,qBAAoB,YAAY,QAAQ,CACrC,OAAO;IAAE;IAAc,SAAS,aAAa;IAAS,CAAC,CACvD,QAAQ;IAAE;IAAS;IAAa;IAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;QAIZ,qBAAoB,YAAY,QAAQ,CACrC,OAAO;GAAE;GAAc,SAAS,aAAa;GAAS,CAAC,CACvD,QAAQ;GAAE;GAAS;GAAa;GAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;MAIZ,qBAAoB,YAAY,QAAQ,CACrC,YAAY,CACZ,QAAQ;GAAE;GAAS;GAAa;GAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;AAIZ,SAAO,oBAAC,OAAD;GAAgB;aADF,OAAO,kBACmB;GAAO;;AAIxD,KAAI,OACF,QAAO,oBAAC,OAAD;EAAgB;YAAY;EAAa;CAIlD,IAAI;AAEJ,KAAI,YAAY,aAEd,KAAI,aAAa,cAAc,WAAW,aAAa,YAAY;EAEjE,MAAM,cAAc,+BAA+B;AACnD,MAAI,YACF,4BAA2B,YAAY,QAAQ,CAC5C,OAAO;GAAE;GAAc,SAAS,aAAa;GAAS,CAAC,CACvD,QAAQ;GAAE;GAAS;GAAa;GAAO,CAAC,CACxC,iBAAiB;GAChB,SAAS,YAAY;GACrB,eAAe;GACf,OAAO,aAAa,WAAW;GAC/B,OAAO,YAAY;GACpB,CAAC,CACD,OAAO;MAGV,4BAA2B,YAAY,QAAQ,CAC5C,OAAO;GAAE;GAAc,SAAS,aAAa;GAAS,CAAC,CACvD,QAAQ;GAAE;GAAS;GAAa;GAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;OAIZ,4BAA2B,YAAY,QAAQ,CAC5C,OAAO;EAAE;EAAc,SAAS,aAAa;EAAS,CAAC,CACvD,QAAQ;EAAE;EAAS;EAAa;EAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;KAIZ,4BAA2B,YAAY,QAAQ,CAC5C,YAAY,CACZ,QAAQ;EAAE;EAAS;EAAa;EAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;AAGZ,QACE,oBAAC,eAAD;EACE,QAAQ,uBAAuB;GAAE;GAAS;GAAa;GAAO;EAC9D,aAAa;EACb"}

package/dist/esm/components/shared/utils/stepState.d.ts

@@ -0,0 +1,36 @@
+import { WizardStepDefinition } from "../../form/types.js";
+//#region src/components/shared/utils/stepState.d.ts
+/**
+ * Shared utility for calculating step state in wizard navigation
+ * Reduces code duplication between mobile and desktop renderers
+ */
+interface StepState {
+  canNavigate: boolean;
+  isActive: boolean;
+  isCompleted: boolean;
+  isDisabled: boolean;
+  step: WizardStepDefinition;
+}
+/**
+ * Calculate the state of a step at the given index
+ */
+declare function calculateStepState(index: number, current: number, total: number, allowNavigation: boolean, disabledSteps: number[], steps: WizardStepDefinition[]): StepState;
+/**
+ * Create a step click handler that validates navigation permissions
+ */
+declare function createStepClickHandler(index: number, allowNavigation: boolean, disabledSteps: number[], current: number, steps: WizardStepDefinition[], onStepClick?: (stepIndex: number) => void): () => void;
+/**
+ * Resolves whether step navigation is allowed based on step-level and wizard-level configurations
+ * @param wizardLevelConfig - Wizard-level navigation permission (boolean or function)
+ * @param steps - Array of wizard step definitions
+ * @param currentStep - Current step index (1-indexed)
+ * @returns Boolean indicating if step navigation is allowed
+ */
+declare function resolveAllowStepNavigation(wizardLevelConfig: boolean | (() => boolean) | undefined, steps: WizardStepDefinition[], currentStep: number): boolean;
+/**
+ * Create keyboard event handler for step navigation
+ */
+declare function createStepKeyHandler(index: number, allowNavigation: boolean, disabledSteps: number[], current: number, steps: WizardStepDefinition[], onStepClick?: (stepIndex: number) => void): (e: React.KeyboardEvent) => void;
+//#endregion
+export { StepState, calculateStepState, createStepClickHandler, createStepKeyHandler, resolveAllowStepNavigation };
+//# sourceMappingURL=stepState.d.ts.map

package/dist/esm/components/shared/utils/stepState.js

@@ -0,0 +1,61 @@
+//#region src/components/shared/utils/stepState.ts
+/**
+* Calculate the state of a step at the given index
+*/
+function calculateStepState(index, current, total, allowNavigation, disabledSteps, steps) {
+	const step = steps[index] || { title: `Step ${index + 1}` };
+	const isActive = index === current - 1;
+	const isCompleted = index < current - 1;
+	const isDisabled = disabledSteps.includes(index + 1) || index + 1 > current;
+	return {
+		canNavigate: allowNavigation && !isDisabled && index + 1 <= current,
+		isActive,
+		isCompleted,
+		isDisabled,
+		step
+	};
+}
+/**
+* Create a step click handler that validates navigation permissions
+*/
+function createStepClickHandler(index, allowNavigation, disabledSteps, current, steps, onStepClick) {
+	return () => {
+		if (!allowNavigation) return;
+		if (!(disabledSteps.includes(index + 1) || index + 1 > current) && index + 1 <= current && onStepClick) onStepClick(index + 1);
+	};
+}
+/**
+* Resolves whether step navigation is allowed based on step-level and wizard-level configurations
+* @param wizardLevelConfig - Wizard-level navigation permission (boolean or function)
+* @param steps - Array of wizard step definitions
+* @param currentStep - Current step index (1-indexed)
+* @returns Boolean indicating if step navigation is allowed
+*/
+function resolveAllowStepNavigation(wizardLevelConfig, steps, currentStep) {
+	const currentStepDefinition = steps[currentStep - 1];
+	if (currentStepDefinition?.allowStepNavigation !== void 0) {
+		if (typeof currentStepDefinition.allowStepNavigation === "function") return currentStepDefinition.allowStepNavigation();
+		return currentStepDefinition.allowStepNavigation;
+	}
+	if (wizardLevelConfig !== void 0) {
+		if (typeof wizardLevelConfig === "function") return wizardLevelConfig();
+		return wizardLevelConfig;
+	}
+	return true;
+}
+/**
+* Create keyboard event handler for step navigation
+*/
+function createStepKeyHandler(index, allowNavigation, disabledSteps, current, steps, onStepClick) {
+	return (e) => {
+		if (!allowNavigation) return;
+		if (!(disabledSteps.includes(index + 1) || index + 1 > current) && index + 1 <= current && onStepClick && (e.key === "Enter" || e.key === " ")) {
+			e.preventDefault();
+			onStepClick(index + 1);
+		}
+	};
+}
+
+//#endregion
+export { calculateStepState, createStepClickHandler, createStepKeyHandler, resolveAllowStepNavigation };
+//# sourceMappingURL=stepState.js.map

package/dist/esm/components/shared/utils/stepState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepState.js","names":[],"sources":["../../../../../src/components/shared/utils/stepState.ts"],"sourcesContent":["import { WizardStepDefinition } from \"@/components\";\n\n/**\n * Shared utility for calculating step state in wizard navigation\n * Reduces code duplication between mobile and desktop renderers\n */\nexport interface StepState {\n  canNavigate: boolean;\n  isActive: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n  step: WizardStepDefinition;\n}\n\n/**\n * Calculate the state of a step at the given index\n */\nexport function calculateStepState(\n  index: number,\n  current: number,\n  total: number,\n  allowNavigation: boolean,\n  disabledSteps: number[],\n  steps: WizardStepDefinition[],\n): StepState {\n  const step = steps[index] || { title: `Step ${index + 1}` };\n\n  const isActive = index === current - 1;\n  const isCompleted = index < current - 1;\n  const isDisabled = disabledSteps.includes(index + 1) || index + 1 > current;\n\n  const canNavigate = allowNavigation && !isDisabled && index + 1 <= current;\n\n  return {\n    canNavigate,\n    isActive,\n    isCompleted,\n    isDisabled,\n    step,\n  };\n}\n\n/**\n * Create a step click handler that validates navigation permissions\n */\nexport function createStepClickHandler(\n  index: number,\n  allowNavigation: boolean,\n  disabledSteps: number[],\n  current: number,\n  steps: WizardStepDefinition[],\n  onStepClick?: (stepIndex: number) => void,\n): () => void {\n  return () => {\n    if (!allowNavigation) return;\n\n    const isDisabled = disabledSteps.includes(index + 1) || index + 1 > current;\n    if (!isDisabled && index + 1 <= current && onStepClick) {\n      onStepClick(index + 1);\n    }\n  };\n}\n\n/**\n * Resolves whether step navigation is allowed based on step-level and wizard-level configurations\n * @param wizardLevelConfig - Wizard-level navigation permission (boolean or function)\n * @param steps - Array of wizard step definitions\n * @param currentStep - Current step index (1-indexed)\n * @returns Boolean indicating if step navigation is allowed\n */\nexport function resolveAllowStepNavigation(\n  wizardLevelConfig: boolean | (() => boolean) | undefined,\n  steps: WizardStepDefinition[],\n  currentStep: number,\n): boolean {\n  // Check if current step has its own navigation configuration\n  const currentStepDefinition = steps[currentStep - 1];\n  if (currentStepDefinition?.allowStepNavigation !== undefined) {\n    // If step-level config is a function, call it; otherwise use the boolean value\n    if (typeof currentStepDefinition.allowStepNavigation === \"function\") {\n      return currentStepDefinition.allowStepNavigation();\n    }\n    return currentStepDefinition.allowStepNavigation;\n  }\n\n  // Fall back to wizard-level configuration\n  if (wizardLevelConfig !== undefined) {\n    // If wizard-level config is a function, call it; otherwise use the boolean value\n    if (typeof wizardLevelConfig === \"function\") {\n      return wizardLevelConfig();\n    }\n    return wizardLevelConfig;\n  }\n\n  // Default to true if neither is configured\n  return true;\n}\n\n/**\n * Create keyboard event handler for step navigation\n */\nexport function createStepKeyHandler(\n  index: number,\n  allowNavigation: boolean,\n  disabledSteps: number[],\n  current: number,\n  steps: WizardStepDefinition[],\n  onStepClick?: (stepIndex: number) => void,\n): (e: React.KeyboardEvent) => void {\n  return (e: React.KeyboardEvent) => {\n    if (!allowNavigation) return;\n\n    const isDisabled = disabledSteps.includes(index + 1) || index + 1 > current;\n    if (\n      !isDisabled &&\n      index + 1 <= current &&\n      onStepClick &&\n      (e.key === \"Enter\" || e.key === \" \")\n    ) {\n      e.preventDefault();\n      onStepClick(index + 1);\n    }\n  };\n}\n"],"mappings":";;;;AAiBA,SAAgB,mBACd,OACA,SACA,OACA,iBACA,eACA,OACW;CACX,MAAM,OAAO,MAAM,UAAU,EAAE,OAAO,QAAQ,QAAQ,KAAK;CAE3D,MAAM,WAAW,UAAU,UAAU;CACrC,MAAM,cAAc,QAAQ,UAAU;CACtC,MAAM,aAAa,cAAc,SAAS,QAAQ,EAAE,IAAI,QAAQ,IAAI;AAIpE,QAAO;EACL,aAHkB,mBAAmB,CAAC,cAAc,QAAQ,KAAK;EAIjE;EACA;EACA;EACA;EACD;;;;;AAMH,SAAgB,uBACd,OACA,iBACA,eACA,SACA,OACA,aACY;AACZ,cAAa;AACX,MAAI,CAAC,gBAAiB;AAGtB,MAAI,EADe,cAAc,SAAS,QAAQ,EAAE,IAAI,QAAQ,IAAI,YACjD,QAAQ,KAAK,WAAW,YACzC,aAAY,QAAQ,EAAE;;;;;;;;;;AAY5B,SAAgB,2BACd,mBACA,OACA,aACS;CAET,MAAM,wBAAwB,MAAM,cAAc;AAClD,KAAI,uBAAuB,wBAAwB,QAAW;AAE5D,MAAI,OAAO,sBAAsB,wBAAwB,WACvD,QAAO,sBAAsB,qBAAqB;AAEpD,SAAO,sBAAsB;;AAI/B,KAAI,sBAAsB,QAAW;AAEnC,MAAI,OAAO,sBAAsB,WAC/B,QAAO,mBAAmB;AAE5B,SAAO;;AAIT,QAAO;;;;;AAMT,SAAgB,qBACd,OACA,iBACA,eACA,SACA,OACA,aACkC;AAClC,SAAQ,MAA2B;AACjC,MAAI,CAAC,gBAAiB;AAGtB,MACE,EAFiB,cAAc,SAAS,QAAQ,EAAE,IAAI,QAAQ,IAAI,YAGlE,QAAQ,KAAK,WACb,gBACC,EAAE,QAAQ,WAAW,EAAE,QAAQ,MAChC;AACA,KAAE,gBAAgB;AAClB,eAAY,QAAQ,EAAE"}

package/dist/esm/components/sizing/index.d.ts

@@ -0,0 +1,97 @@
+//#region src/components/sizing/index.d.ts
+/**
+ * Generic size system for UI components
+ * Provides consistent sizing across dialogs, wizards, and other components
+ */
+/**
+ * Standard size options using Tailwind CSS conventions
+ */
+declare enum ComponentSize {
+  TWO_XL = "2xl",
+  // max-w-2xl (42rem / 672px)
+  THREE_XL = "3xl",
+  // max-w-3xl (48rem / 768px)
+  FOUR_XL = "4xl",
+  // max-w-4xl (56rem / 896px)
+  FIVE_XL = "5xl",
+  // max-w-5xl (64rem / 1024px)
+  SIX_XL = "6xl",
+  // max-w-6xl (72rem / 1152px)
+  SEVEN_XL = "7xl",
+  // max-w-7xl (80rem / 1280px)
+  AUTO = "auto",
+  // Responsive auto width
+  FULL = "full",
+  // 100%
+  LG = "lg",
+  // max-w-lg (32rem / 512px)
+  MD = "md",
+  // max-w-md (28rem / 448px)
+  SM = "sm",
+  // max-w-sm (24rem / 384px)
+  XL = "xl",
+  // max-w-xl (36rem / 576px)
+  XS = "xs"
+}
+/**
+ * Width categories for components
+ */
+declare enum WidthCategory {
+  EXTRA_NARROW = "extra-narrow",
+  // xs, sm
+  NARROW = "narrow",
+  // md, lg
+  MEDIUM = "medium",
+  // xl
+  WIDE = "wide",
+  // 2xl, 3xl
+  EXTRA_WIDE = "extra-wide",
+  // 4xl, 5xl, 6xl, 7xl
+  RESPONSIVE = "responsive"
+}
+/**
+ * Generic size classes mapping that can be used by different components
+ * Each component can use the sizes that make sense for its context
+ */
+declare const COMPONENT_SIZE_CLASSES: {
+  readonly "2xl": "max-w-2xl";
+  readonly "3xl": "max-w-3xl";
+  readonly "4xl": "max-w-4xl";
+  readonly "5xl": "max-w-5xl";
+  readonly "6xl": "max-w-6xl";
+  readonly "7xl": "max-w-7xl";
+  readonly auto: "max-w-[calc(100vw-2rem)] sm:max-w-md";
+  readonly full: "max-w-full";
+  readonly lg: "max-w-lg";
+  readonly md: "max-w-md";
+  readonly sm: "max-w-sm";
+  readonly xl: "max-w-xl";
+  readonly xs: "max-w-xs";
+};
+/**
+ * Helper function to create size-specific props for components
+ */
+interface SizeConfig {
+  /**
+   * Custom size class that overrides the size prop
+   * Useful when you need a specific size not covered by the standard sizes
+   */
+  customSizeClass?: string;
+  size?: ComponentSize;
+}
+/**
+ * Get the CSS class for a given component size
+ * Returns undefined if the size is not valid
+ */
+declare function getComponentSizeClass(size: ComponentSize): string;
+/**
+ * Get the final size class considering both size prop and customSizeClass
+ */
+declare function getSizeClass(config: SizeConfig): string | undefined;
+/**
+ * Type guard to check if a string is a valid ComponentSize
+ */
+declare function isComponentSize(size: string): size is ComponentSize;
+//#endregion
+export { COMPONENT_SIZE_CLASSES, ComponentSize, SizeConfig, WidthCategory, getComponentSizeClass, getSizeClass, isComponentSize };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/sizing/index.js

@@ -0,0 +1,79 @@
+//#region src/components/sizing/index.ts
+/**
+* Generic size system for UI components
+* Provides consistent sizing across dialogs, wizards, and other components
+*/
+/**
+* Standard size options using Tailwind CSS conventions
+*/
+let ComponentSize = /* @__PURE__ */ function(ComponentSize) {
+	ComponentSize["TWO_XL"] = "2xl";
+	ComponentSize["THREE_XL"] = "3xl";
+	ComponentSize["FOUR_XL"] = "4xl";
+	ComponentSize["FIVE_XL"] = "5xl";
+	ComponentSize["SIX_XL"] = "6xl";
+	ComponentSize["SEVEN_XL"] = "7xl";
+	ComponentSize["AUTO"] = "auto";
+	ComponentSize["FULL"] = "full";
+	ComponentSize["LG"] = "lg";
+	ComponentSize["MD"] = "md";
+	ComponentSize["SM"] = "sm";
+	ComponentSize["XL"] = "xl";
+	ComponentSize["XS"] = "xs";
+	return ComponentSize;
+}({});
+/**
+* Width categories for components
+*/
+let WidthCategory = /* @__PURE__ */ function(WidthCategory) {
+	WidthCategory["EXTRA_NARROW"] = "extra-narrow";
+	WidthCategory["NARROW"] = "narrow";
+	WidthCategory["MEDIUM"] = "medium";
+	WidthCategory["WIDE"] = "wide";
+	WidthCategory["EXTRA_WIDE"] = "extra-wide";
+	WidthCategory["RESPONSIVE"] = "responsive";
+	return WidthCategory;
+}({});
+/**
+* Generic size classes mapping that can be used by different components
+* Each component can use the sizes that make sense for its context
+*/
+const COMPONENT_SIZE_CLASSES = {
+	["2xl"]: "max-w-2xl",
+	["3xl"]: "max-w-3xl",
+	["4xl"]: "max-w-4xl",
+	["5xl"]: "max-w-5xl",
+	["6xl"]: "max-w-6xl",
+	["7xl"]: "max-w-7xl",
+	["auto"]: "max-w-[calc(100vw-2rem)] sm:max-w-md",
+	["full"]: "max-w-full",
+	["lg"]: "max-w-lg",
+	["md"]: "max-w-md",
+	["sm"]: "max-w-sm",
+	["xl"]: "max-w-xl",
+	["xs"]: "max-w-xs"
+};
+/**
+* Get the CSS class for a given component size
+* Returns undefined if the size is not valid
+*/
+function getComponentSizeClass(size) {
+	return COMPONENT_SIZE_CLASSES[size];
+}
+/**
+* Get the final size class considering both size prop and customSizeClass
+*/
+function getSizeClass(config) {
+	if (config.customSizeClass) return config.customSizeClass;
+	if (config.size) return getComponentSizeClass(config.size);
+}
+/**
+* Type guard to check if a string is a valid ComponentSize
+*/
+function isComponentSize(size) {
+	return Object.values(ComponentSize).includes(size);
+}
+
+//#endregion
+export { COMPONENT_SIZE_CLASSES, ComponentSize, WidthCategory, getComponentSizeClass, getSizeClass, isComponentSize };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/sizing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/sizing/index.ts"],"sourcesContent":["/**\n * Generic size system for UI components\n * Provides consistent sizing across dialogs, wizards, and other components\n */\n\n/**\n * Standard size options using Tailwind CSS conventions\n */\nexport enum ComponentSize {\n  TWO_XL = \"2xl\", // max-w-2xl (42rem / 672px)\n  THREE_XL = \"3xl\", // max-w-3xl (48rem / 768px)\n  FOUR_XL = \"4xl\", // max-w-4xl (56rem / 896px)\n  FIVE_XL = \"5xl\", // max-w-5xl (64rem / 1024px)\n  SIX_XL = \"6xl\", // max-w-6xl (72rem / 1152px)\n  SEVEN_XL = \"7xl\", // max-w-7xl (80rem / 1280px)\n  AUTO = \"auto\", // Responsive auto width\n  FULL = \"full\", // 100%\n  LG = \"lg\", // max-w-lg (32rem / 512px)\n  MD = \"md\", // max-w-md (28rem / 448px)\n  SM = \"sm\", // max-w-sm (24rem / 384px)\n  XL = \"xl\", // max-w-xl (36rem / 576px)\n  XS = \"xs\", // max-w-xs (20rem / 320px)\n}\n\n/**\n * Width categories for components\n */\nexport enum WidthCategory {\n  EXTRA_NARROW = \"extra-narrow\", // xs, sm\n  NARROW = \"narrow\", // md, lg\n  MEDIUM = \"medium\", // xl\n  WIDE = \"wide\", // 2xl, 3xl\n  EXTRA_WIDE = \"extra-wide\", // 4xl, 5xl, 6xl, 7xl\n  RESPONSIVE = \"responsive\", // auto, full\n}\n\n/**\n * Generic size classes mapping that can be used by different components\n * Each component can use the sizes that make sense for its context\n */\nexport const COMPONENT_SIZE_CLASSES = {\n  [ComponentSize.TWO_XL]: \"max-w-2xl\", // 42rem (672px)\n  [ComponentSize.THREE_XL]: \"max-w-3xl\", // 48rem (768px)\n  [ComponentSize.FOUR_XL]: \"max-w-4xl\", // 56rem (896px)\n  [ComponentSize.FIVE_XL]: \"max-w-5xl\", // 64rem (1024px)\n  [ComponentSize.SIX_XL]: \"max-w-6xl\", // 72rem (1152px)\n  [ComponentSize.SEVEN_XL]: \"max-w-7xl\", // 80rem (1280px)\n  [ComponentSize.AUTO]: \"max-w-[calc(100vw-2rem)] sm:max-w-md\", // Responsive auto\n  [ComponentSize.FULL]: \"max-w-full\", // 100%\n  [ComponentSize.LG]: \"max-w-lg\", // 32rem (512px)\n  [ComponentSize.MD]: \"max-w-md\", // 28rem (448px)\n  [ComponentSize.SM]: \"max-w-sm\", // 24rem (384px)\n  [ComponentSize.XL]: \"max-w-xl\", // 36rem (576px)\n  [ComponentSize.XS]: \"max-w-xs\", // 20rem (320px)\n} as const;\n\n/**\n * Helper function to create size-specific props for components\n */\nexport interface SizeConfig {\n  /**\n   * Custom size class that overrides the size prop\n   * Useful when you need a specific size not covered by the standard sizes\n   */\n  customSizeClass?: string;\n  size?: ComponentSize;\n}\n\n/**\n * Get the CSS class for a given component size\n * Returns undefined if the size is not valid\n */\nexport function getComponentSizeClass(size: ComponentSize): string {\n  return COMPONENT_SIZE_CLASSES[size];\n}\n\n/**\n * Get the final size class considering both size prop and customSizeClass\n */\nexport function getSizeClass(config: SizeConfig): string | undefined {\n  if (config.customSizeClass) {\n    return config.customSizeClass;\n  }\n  if (config.size) {\n    return getComponentSizeClass(config.size);\n  }\n  return undefined;\n}\n\n/**\n * Type guard to check if a string is a valid ComponentSize\n */\nexport function isComponentSize(size: string): size is ComponentSize {\n  return Object.values(ComponentSize).includes(size as ComponentSize);\n}\n"],"mappings":";;;;;;;;AAQA,IAAY,gBAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;KACD;;;;AAKD,IAAY,gBAAL;AACL;AACA;AACA;AACA;AACA;AACA;;KACD;;;;;AAMD,MAAa,yBAAyB;UACZ;UACE;UACD;UACA;UACD;UACE;WACJ;WACA;SACF;SACA;SACA;SACA;SACA;CACrB;;;;;AAkBD,SAAgB,sBAAsB,MAA6B;AACjE,QAAO,uBAAuB;;;;;AAMhC,SAAgB,aAAa,QAAwC;AACnE,KAAI,OAAO,gBACT,QAAO,OAAO;AAEhB,KAAI,OAAO,KACT,QAAO,sBAAsB,OAAO,KAAK;;;;;AAQ7C,SAAgB,gBAAgB,MAAqC;AACnE,QAAO,OAAO,OAAO,cAAc,CAAC,SAAS,KAAsB"}

package/dist/esm/hooks/index.d.ts

@@ -0,0 +1,16 @@
+import { useAccountSubdomain } from "./useAccountSubdomain.js";
+import { useAccountUrl } from "./useAccountUrl.js";
+import { useApiUrl } from "./useApiUrl.js";
+import { useAvatar } from "./useAvatar.js";
+import { useFeatureFlag } from "./useFeatureFlag.js";
+import { useLoginUrl } from "./useLoginUrl.js";
+import { useRegisterUrl } from "./useRegisterUrl.js";
+import { useResetPasswordUrl } from "./useResetPasswordUrl.js";
+import { useMenuItems } from "./useMenuItems.js";
+import { usePluginMeta } from "./usePluginMeta.js";
+import { usePortalMeta } from "./usePortalMeta.js";
+import { usePortalUrl } from "./usePortalUrl.js";
+import { useProtocolDomain } from "./useProtocolDomain.js";
+import { resetGloballyInitialized, useSdk } from "./useSdk.js";
+import { useTheme, useThemeIdAndSetter, withTheme } from "./useTheme.js";
+export { resetGloballyInitialized, useAccountSubdomain, useAccountUrl, useApiUrl, useAvatar, useFeatureFlag, useLoginUrl, useMenuItems, usePluginMeta, usePortalMeta, usePortalUrl, useProtocolDomain, useRegisterUrl, useResetPasswordUrl, useSdk, useTheme, useThemeIdAndSetter, withTheme };

package/dist/esm/hooks/index.js

@@ -0,0 +1,17 @@
+import { useAvatar } from "./useAvatar.js";
+import { useMenuItems } from "./useMenuItems.js";
+import { usePluginMeta } from "./usePluginMeta.js";
+import { useTheme, useThemeIdAndSetter, withTheme } from "./useTheme.js";
+import { useAccountSubdomain } from "./useAccountSubdomain.js";
+import { useApiUrl } from "./useApiUrl.js";
+import { useAccountUrl } from "./useAccountUrl.js";
+import { usePortalMeta } from "./usePortalMeta.js";
+import { useFeatureFlag } from "./useFeatureFlag.js";
+import { useLoginUrl } from "./useLoginUrl.js";
+import { useRegisterUrl } from "./useRegisterUrl.js";
+import { useResetPasswordUrl } from "./useResetPasswordUrl.js";
+import { usePortalUrl } from "./usePortalUrl.js";
+import { useProtocolDomain } from "./useProtocolDomain.js";
+import { resetGloballyInitialized, useSdk } from "./useSdk.js";
+
+export { resetGloballyInitialized, useAccountSubdomain, useAccountUrl, useApiUrl, useAvatar, useFeatureFlag, useLoginUrl, useMenuItems, usePluginMeta, usePortalMeta, usePortalUrl, useProtocolDomain, useRegisterUrl, useResetPasswordUrl, useSdk, useTheme, useThemeIdAndSetter, withTheme };

package/dist/esm/hooks/useAccountSubdomain.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useAccountSubdomain.d.ts
+declare function useAccountSubdomain(): string;
+//#endregion
+export { useAccountSubdomain };
+//# sourceMappingURL=useAccountSubdomain.d.ts.map

package/dist/esm/hooks/useAccountSubdomain.js

@@ -0,0 +1,11 @@
+import { usePluginMeta } from "./usePluginMeta.js";
+import { getAccountSubdomain } from "@lumeweb/portal-framework-core";
+
+//#region src/hooks/useAccountSubdomain.ts
+function useAccountSubdomain() {
+	return getAccountSubdomain(usePluginMeta("dashboard", "subdomain"));
+}
+
+//#endregion
+export { useAccountSubdomain };
+//# sourceMappingURL=useAccountSubdomain.js.map

package/dist/esm/hooks/useAccountSubdomain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccountSubdomain.js","names":[],"sources":["../../../src/hooks/useAccountSubdomain.ts"],"sourcesContent":["import { getAccountSubdomain } from \"@lumeweb/portal-framework-core\";\n\nimport { usePluginMeta } from \"@/hooks/usePluginMeta\";\n\nexport function useAccountSubdomain(): string {\n  const dashboardSubdomain = usePluginMeta<string>(\"dashboard\", \"subdomain\");\n\n  return getAccountSubdomain(dashboardSubdomain);\n}\n"],"mappings":";;;;AAIA,SAAgB,sBAA8B;AAG5C,QAAO,oBAFoB,cAAsB,aAAa,YAEjB,CAAC"}

package/dist/esm/hooks/useAccountUrl.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useAccountUrl.d.ts
+declare function useAccountUrl(path: string): string;
+//#endregion
+export { useAccountUrl };
+//# sourceMappingURL=useAccountUrl.d.ts.map

package/dist/esm/hooks/useAccountUrl.js

@@ -0,0 +1,27 @@
+import { useAccountSubdomain } from "./useAccountSubdomain.js";
+import { useApiUrl } from "./useApiUrl.js";
+import { cleanTrailingSlashes, getCurrentLocation } from "@lumeweb/portal-framework-core";
+
+//#region src/hooks/useAccountUrl.ts
+const LEADING_SLASHES_REGEX = /^\/+/;
+function useAccountUrl(path) {
+	const accountSubdomain = useAccountSubdomain();
+	const apiUrl = useApiUrl();
+	const { hostname: currentHostname, protocol } = getCurrentLocation();
+	const normalizedPath = `/${String(path ?? "").replace(LEADING_SLASHES_REGEX, "").replace(/\/+$/, "")}`;
+	if (!apiUrl) return normalizedPath;
+	let parsedApiUrl;
+	try {
+		parsedApiUrl = new URL(apiUrl);
+		if (["127.0.0.1", "localhost"].includes(parsedApiUrl.hostname)) return normalizedPath;
+	} catch {
+		return normalizedPath;
+	}
+	let host = cleanTrailingSlashes(accountSubdomain || currentHostname);
+	if (parsedApiUrl && parsedApiUrl.hostname !== accountSubdomain) host = cleanTrailingSlashes(currentHostname);
+	return new URL(normalizedPath, `${protocol}//${host}`).toString();
+}
+
+//#endregion
+export { useAccountUrl };
+//# sourceMappingURL=useAccountUrl.js.map

package/dist/esm/hooks/useAccountUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccountUrl.js","names":[],"sources":["../../../src/hooks/useAccountUrl.ts"],"sourcesContent":["import {\n  cleanTrailingSlashes,\n  getCurrentLocation,\n} from \"@lumeweb/portal-framework-core\";\n\nimport { useAccountSubdomain } from \"@/hooks/useAccountSubdomain\";\nimport { useApiUrl } from \"@/hooks/useApiUrl\";\n\nconst LEADING_SLASHES_REGEX = /^\\/+/;\n\nexport function useAccountUrl(path: string) {\n  const accountSubdomain = useAccountSubdomain();\n  const apiUrl = useApiUrl();\n  const { hostname: currentHostname, protocol } = getCurrentLocation();\n\n  const normalizedPath = `/${String(path ?? \"\")\n    .replace(LEADING_SLASHES_REGEX, \"\")\n    .replace(/\\/+$/, \"\")}`;\n\n  if (!apiUrl) {\n    return normalizedPath;\n  }\n\n  let parsedApiUrl: undefined | URL;\n\n  try {\n    parsedApiUrl = new URL(apiUrl);\n    if ([\"127.0.0.1\", \"localhost\"].includes(parsedApiUrl.hostname)) {\n      return normalizedPath;\n    }\n  } catch {\n    return normalizedPath;\n  }\n\n  let host = cleanTrailingSlashes(accountSubdomain || currentHostname);\n\n  // If API URL host doesn't match expected account subdomain, use current host\n  if (parsedApiUrl && parsedApiUrl.hostname !== accountSubdomain) {\n    host = cleanTrailingSlashes(currentHostname);\n  }\n\n  return new URL(normalizedPath, `${protocol}//${host}`).toString();\n}\n"],"mappings":";;;;;AAQA,MAAM,wBAAwB;AAE9B,SAAgB,cAAc,MAAc;CAC1C,MAAM,mBAAmB,qBAAqB;CAC9C,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,UAAU,iBAAiB,aAAa,oBAAoB;CAEpE,MAAM,iBAAiB,IAAI,OAAO,QAAQ,GAAG,CAC1C,QAAQ,uBAAuB,GAAG,CAClC,QAAQ,QAAQ,GAAG;AAEtB,KAAI,CAAC,OACH,QAAO;CAGT,IAAI;AAEJ,KAAI;AACF,iBAAe,IAAI,IAAI,OAAO;AAC9B,MAAI,CAAC,aAAa,YAAY,CAAC,SAAS,aAAa,SAAS,CAC5D,QAAO;SAEH;AACN,SAAO;;CAGT,IAAI,OAAO,qBAAqB,oBAAoB,gBAAgB;AAGpE,KAAI,gBAAgB,aAAa,aAAa,iBAC5C,QAAO,qBAAqB,gBAAgB;AAG9C,QAAO,IAAI,IAAI,gBAAgB,GAAG,SAAS,IAAI,OAAO,CAAC,UAAU"}

package/dist/esm/hooks/useApiUrl.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useApiUrl.d.ts
+declare function useApiUrl(): string | false;
+//#endregion
+export { useApiUrl };
+//# sourceMappingURL=useApiUrl.d.ts.map

package/dist/esm/hooks/useApiUrl.js

@@ -0,0 +1,14 @@
+import { getApiBaseUrl, useFramework } from "@lumeweb/portal-framework-core";
+
+//#region src/hooks/useApiUrl.ts
+function useApiUrl() {
+	const { framework, isLoading } = useFramework();
+	if (!isLoading) return framework?.portalUrl ?? getApiBaseUrl({ allowLocalhost: true });
+	const apiUrl = getApiBaseUrl({ allowLocalhost: true });
+	if (apiUrl === false) return "";
+	return apiUrl;
+}
+
+//#endregion
+export { useApiUrl };
+//# sourceMappingURL=useApiUrl.js.map

package/dist/esm/hooks/useApiUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useApiUrl.js","names":[],"sources":["../../../src/hooks/useApiUrl.ts"],"sourcesContent":["import { getApiBaseUrl, useFramework } from \"@lumeweb/portal-framework-core\";\n\nexport function useApiUrl() {\n  const { framework, isLoading } = useFramework();\n\n  if (!isLoading) {\n    return framework?.portalUrl ?? getApiBaseUrl({ allowLocalhost: true });\n  }\n\n  // Use getApiBaseUrl from the core framework.\n  // Pass allowLocalhost: true to enable localhost in dev environments.\n  // preserveSubdomain defaults to respecting VITE_PORTAL_DOMAIN_IS_ROOT.\n  const apiUrl = getApiBaseUrl({ allowLocalhost: true });\n\n  // getApiBaseUrl returns false if localhost is disallowed and the current location is localhost.\n  // Return an empty string in this case, consistent with the previous hook's behavior\n  // for non-string results from useApiUrlBase.\n  if (apiUrl === false) {\n    return \"\";\n  }\n\n  // getApiBaseUrl already handles trailing slashes and normalization.\n  return apiUrl;\n}\n"],"mappings":";;;AAEA,SAAgB,YAAY;CAC1B,MAAM,EAAE,WAAW,cAAc,cAAc;AAE/C,KAAI,CAAC,UACH,QAAO,WAAW,aAAa,cAAc,EAAE,gBAAgB,MAAM,CAAC;CAMxE,MAAM,SAAS,cAAc,EAAE,gBAAgB,MAAM,CAAC;AAKtD,KAAI,WAAW,MACb,QAAO;AAIT,QAAO"}

package/dist/esm/hooks/useAvatar.d.ts

@@ -0,0 +1,10 @@
+//#region src/hooks/useAvatar.d.ts
+interface UseAvatarReturn {
+  avatarUrl: string;
+  displayName: string;
+  isLoading: boolean;
+}
+declare const useAvatar: () => UseAvatarReturn;
+//#endregion
+export { useAvatar };
+//# sourceMappingURL=useAvatar.d.ts.map