@lumeweb/portal-framework-ui 0.0.1 → 0.1.1

package/dist/esm/components/shared/UnifiedHeader.js

@@ -0,0 +1,48 @@
+import { isFormDialog, isWizardDialogConfig } from "../dialog/Dialog.types.js";
+import { isStepFormConfig } from "../form/types.js";
+import { HeaderContextProvider, useHeaderContext } from "./context/HeaderContext.js";
+import { headerRegistry } from "./registry/HeaderRegistry.js";
+import { useEnvironmentSync } from "./hooks/useEnvironmentSync.js";
+import "../index.js";
+import React, { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/shared/UnifiedHeader.tsx
+function UnifiedHeader({ className, config, environment }) {
+	useEnvironmentSync(environment, config.environmentSync);
+	return /* @__PURE__ */ jsx(HeaderContextProvider, {
+		value: environment,
+		children: /* @__PURE__ */ jsx(UnifiedHeaderInner, {
+			className,
+			config
+		})
+	});
+}
+function UnifiedHeaderInner({ className, config }) {
+	const environment = useHeaderContext();
+	const headerType = headerRegistry.resolveType(config, environment);
+	const HeaderComponent = headerRegistry.get(headerType);
+	const title = useMemo(() => {
+		if (isFormDialog(config) || isWizardDialogConfig(config)) return (isStepFormConfig(config.formConfig) ? config.formConfig.title : config.title) || environment.content.title;
+		return config.title || environment.content.title;
+	}, [config, environment]);
+	const description = useMemo(() => {
+		if (isFormDialog(config) || isWizardDialogConfig(config)) return (isStepFormConfig(config.formConfig) ? config.formConfig.description : config.description) || environment.content.description;
+		return config.description || environment.content.description;
+	}, [config, environment]);
+	const props = {
+		actionButtons: useMemo(() => {
+			return config.actions || environment.content.actions;
+		}, [config, environment]),
+		className,
+		description,
+		environment,
+		title
+	};
+	if (!HeaderComponent) return null;
+	return /* @__PURE__ */ jsx(HeaderComponent, { ...props });
+}
+
+//#endregion
+export { UnifiedHeader };
+//# sourceMappingURL=UnifiedHeader.js.map

package/dist/esm/components/shared/UnifiedHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnifiedHeader.js","names":[],"sources":["../../../../src/components/shared/UnifiedHeader.tsx"],"sourcesContent":["import type { BaseRecord } from \"@refinedev/core\";\n\nimport React, { useMemo } from \"react\";\n\nimport {\n  DialogConfig,\n  isFormDialog,\n  isWizardDialogConfig,\n} from \"@/components\";\nimport { isStepFormConfig } from \"@/components\";\nimport {\n  HeaderContextProvider,\n  useHeaderContext,\n} from \"./context/HeaderContext\";\nimport { headerRegistry } from \"./registry/HeaderRegistry\";\nimport { BaseHeaderProps } from \"./types/header\";\nimport { useEnvironmentSync } from \"./hooks/useEnvironmentSync\";\n\ninterface UnifiedHeaderProps<T extends BaseRecord = any> {\n  className?: string;\n  config: any | DialogConfig<T>;\n  environment: any;\n}\n\nexport function UnifiedHeader<T extends BaseRecord = any>({\n  className,\n  config,\n  environment,\n}: UnifiedHeaderProps<T>) {\n  // Implement environment sync mechanism\n  useEnvironmentSync(environment, config.environmentSync);\n  \n  return (\n    <HeaderContextProvider value={environment}>\n      <UnifiedHeaderInner className={className} config={config} />\n    </HeaderContextProvider>\n  );\n}\n\nfunction UnifiedHeaderInner<T extends BaseRecord = any>({\n  className,\n  config,\n}: Omit<UnifiedHeaderProps<T>, \"environment\">) {\n  const environment = useHeaderContext<T>();\n  \n  const headerType = headerRegistry.resolveType(config, environment);\n  const HeaderComponent = headerRegistry.get(headerType);\n\n  // Extract title and description from config or environment\n  const title = useMemo(() => {\n    // For form dialogs, prioritize formConfig title\n    if (isFormDialog(config) || isWizardDialogConfig(config)) {\n      const formTitle = isStepFormConfig(config.formConfig)\n        ? config.formConfig.title\n        : config.title;\n      return formTitle || environment.content.title;\n    }\n    return config.title || environment.content.title;\n  }, [config, environment]);\n\n  const description = useMemo(() => {\n    // For form dialogs, prioritize formConfig description\n    if (isFormDialog(config) || isWizardDialogConfig(config)) {\n      const formDescription = isStepFormConfig(config.formConfig)\n        ? config.formConfig.description\n        : config.description;\n      return formDescription || environment.content.description;\n    }\n    return config.description || environment.content.description;\n  }, [config, environment]);\n\n  // Extract actions from config or environment\n  const actions = useMemo(() => {\n    return config.actions || environment.content.actions;\n  }, [config, environment]);\n\n  const props: BaseHeaderProps<T> = {\n    actionButtons: actions,\n    className,\n    description,\n    environment,\n    title,\n  };\n\n  if (!HeaderComponent) {\n    return null;\n  }\n\n  return <HeaderComponent {...props} />;\n}\n"],"mappings":";;;;;;;;;;AAwBA,SAAgB,cAA0C,EACxD,WACA,QACA,eACwB;AAExB,oBAAmB,aAAa,OAAO,gBAAgB;AAEvD,QACE,oBAAC,uBAAD;EAAuB,OAAO;YAC5B,oBAAC,oBAAD;GAA+B;GAAmB;GAAU;EACtC;;AAI5B,SAAS,mBAA+C,EACtD,WACA,UAC6C;CAC7C,MAAM,cAAc,kBAAqB;CAEzC,MAAM,aAAa,eAAe,YAAY,QAAQ,YAAY;CAClE,MAAM,kBAAkB,eAAe,IAAI,WAAW;CAGtD,MAAM,QAAQ,cAAc;AAE1B,MAAI,aAAa,OAAO,IAAI,qBAAqB,OAAO,CAItD,SAHkB,iBAAiB,OAAO,WAAW,GACjD,OAAO,WAAW,QAClB,OAAO,UACS,YAAY,QAAQ;AAE1C,SAAO,OAAO,SAAS,YAAY,QAAQ;IAC1C,CAAC,QAAQ,YAAY,CAAC;CAEzB,MAAM,cAAc,cAAc;AAEhC,MAAI,aAAa,OAAO,IAAI,qBAAqB,OAAO,CAItD,SAHwB,iBAAiB,OAAO,WAAW,GACvD,OAAO,WAAW,cAClB,OAAO,gBACe,YAAY,QAAQ;AAEhD,SAAO,OAAO,eAAe,YAAY,QAAQ;IAChD,CAAC,QAAQ,YAAY,CAAC;CAOzB,MAAM,QAA4B;EAChC,eALc,cAAc;AAC5B,UAAO,OAAO,WAAW,YAAY,QAAQ;KAC5C,CAAC,QAAQ,YAAY,CAGA;EACtB;EACA;EACA;EACA;EACD;AAED,KAAI,CAAC,gBACH,QAAO;AAGT,QAAO,oBAAC,iBAAD,EAAiB,GAAI,OAAS"}

package/dist/esm/components/shared/context/FooterContext.d.ts

@@ -0,0 +1,18 @@
+import { FooterEnvironment } from "../types/footer.js";
+import { BaseRecord } from "@refinedev/core";
+import { ReactNode } from "react";
+
+//#region src/components/shared/context/FooterContext.d.ts
+interface FooterContextProviderProps<T extends BaseRecord = any> {
+  children: ReactNode;
+  value: Partial<FooterEnvironment<T>>;
+}
+declare function FooterContextProvider<T extends BaseRecord = any>({
+  children,
+  value
+}: FooterContextProviderProps<T>): any;
+declare function useFooterContext<T extends BaseRecord = any>(): FooterEnvironment<T>;
+declare function useOptionalFooterContext<T extends BaseRecord = any>(): Partial<FooterEnvironment<T>> | undefined;
+//#endregion
+export { FooterContextProvider, useFooterContext, useOptionalFooterContext };
+//# sourceMappingURL=FooterContext.d.ts.map

package/dist/esm/components/shared/context/FooterContext.js

@@ -0,0 +1,24 @@
+import React, { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/shared/context/FooterContext.tsx
+const FooterContextInternal = createContext(void 0);
+function FooterContextProvider({ children, value }) {
+	return /* @__PURE__ */ jsx(FooterContextInternal.Provider, {
+		value,
+		children
+	});
+}
+function useFooterContext() {
+	const context = useContext(FooterContextInternal);
+	if (!context) throw new Error("useFooterContext must be used within a FooterContextProvider");
+	if (!context.container || !context.form) throw new Error("FooterContext requires both container and form to be provided");
+	return context;
+}
+function useOptionalFooterContext() {
+	return useContext(FooterContextInternal);
+}
+
+//#endregion
+export { FooterContextProvider, useFooterContext, useOptionalFooterContext };
+//# sourceMappingURL=FooterContext.js.map

package/dist/esm/components/shared/context/FooterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterContext.js","names":[],"sources":["../../../../../src/components/shared/context/FooterContext.tsx"],"sourcesContent":["import type { BaseRecord } from \"@refinedev/core\";\n\nimport React, { createContext, ReactNode, useContext } from \"react\";\n\nimport type { FooterEnvironment } from \"../types/footer\";\n\ninterface FooterContextProviderProps<T extends BaseRecord = any> {\n  children: ReactNode;\n  value: Partial<FooterEnvironment<T>>;\n}\n\nconst FooterContextInternal = createContext<\n  Partial<FooterEnvironment<any>> | undefined\n>(undefined);\n\nexport function FooterContextProvider<T extends BaseRecord = any>({\n  children,\n  value,\n}: FooterContextProviderProps<T>) {\n  return (\n    <FooterContextInternal.Provider value={value}>\n      {children}\n    </FooterContextInternal.Provider>\n  );\n}\n\nexport function useFooterContext<\n  T extends BaseRecord = any,\n>(): FooterEnvironment<T> {\n  const context = useContext(FooterContextInternal);\n  if (!context) {\n    throw new Error(\n      \"useFooterContext must be used within a FooterContextProvider\",\n    );\n  }\n  if (!context.container || !context.form) {\n    throw new Error(\n      \"FooterContext requires both container and form to be provided\",\n    );\n  }\n  return context as FooterEnvironment<T>;\n}\n\nexport function useOptionalFooterContext<T extends BaseRecord = any>():\n  | Partial<FooterEnvironment<T>>\n  | undefined {\n  return useContext(FooterContextInternal) as\n    | Partial<FooterEnvironment<T>>\n    | undefined;\n}\n"],"mappings":";;;;AAWA,MAAM,wBAAwB,cAE5B,OAAU;AAEZ,SAAgB,sBAAkD,EAChE,UACA,SACgC;AAChC,QACE,oBAAC,sBAAsB,UAAvB;EAAuC;EACpC;EAC8B;;AAIrC,SAAgB,mBAEU;CACxB,MAAM,UAAU,WAAW,sBAAsB;AACjD,KAAI,CAAC,QACH,OAAM,IAAI,MACR,+DACD;AAEH,KAAI,CAAC,QAAQ,aAAa,CAAC,QAAQ,KACjC,OAAM,IAAI,MACR,gEACD;AAEH,QAAO;;AAGT,SAAgB,2BAEF;AACZ,QAAO,WAAW,sBAAsB"}

package/dist/esm/components/shared/context/HeaderContext.d.ts

@@ -0,0 +1,18 @@
+import { HeaderEnvironment } from "../types/header.js";
+import { BaseRecord } from "@refinedev/core";
+import { ReactNode } from "react";
+
+//#region src/components/shared/context/HeaderContext.d.ts
+interface HeaderContextProviderProps<T extends BaseRecord = any> {
+  children: ReactNode;
+  value: HeaderEnvironment<T>;
+}
+declare function HeaderContextProvider<T extends BaseRecord = any>({
+  children,
+  value
+}: HeaderContextProviderProps<T>): any;
+declare function useHeaderContext<T extends BaseRecord = any>(): HeaderEnvironment<T>;
+declare function useOptionalHeaderContext<T extends BaseRecord = any>(): HeaderEnvironment<T> | undefined;
+//#endregion
+export { HeaderContextProvider, useHeaderContext, useOptionalHeaderContext };
+//# sourceMappingURL=HeaderContext.d.ts.map

package/dist/esm/components/shared/context/HeaderContext.js

@@ -0,0 +1,23 @@
+import React, { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/shared/context/HeaderContext.tsx
+const HeaderContextInternal = createContext(void 0);
+function HeaderContextProvider({ children, value }) {
+	return /* @__PURE__ */ jsx(HeaderContextInternal.Provider, {
+		value,
+		children
+	});
+}
+function useHeaderContext() {
+	const context = useContext(HeaderContextInternal);
+	if (!context) throw new Error("useHeaderContext must be used within a HeaderContextProvider");
+	return context;
+}
+function useOptionalHeaderContext() {
+	return useContext(HeaderContextInternal);
+}
+
+//#endregion
+export { HeaderContextProvider, useHeaderContext, useOptionalHeaderContext };
+//# sourceMappingURL=HeaderContext.js.map

package/dist/esm/components/shared/context/HeaderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderContext.js","names":[],"sources":["../../../../../src/components/shared/context/HeaderContext.tsx"],"sourcesContent":["import type { BaseRecord } from \"@refinedev/core\";\n\nimport React, { createContext, ReactNode, useContext } from \"react\";\n\nimport type { HeaderEnvironment } from \"../types/header\";\n\ninterface HeaderContextProviderProps<T extends BaseRecord = any> {\n  children: ReactNode;\n  value: HeaderEnvironment<T>;\n}\n\nconst HeaderContextInternal = createContext<HeaderEnvironment<any> | undefined>(\n  undefined,\n);\n\nexport function HeaderContextProvider<T extends BaseRecord = any>({\n  children,\n  value,\n}: HeaderContextProviderProps<T>) {\n  return (\n    <HeaderContextInternal.Provider value={value}>\n      {children}\n    </HeaderContextInternal.Provider>\n  );\n}\n\nexport function useHeaderContext<\n  T extends BaseRecord = any,\n>(): HeaderEnvironment<T> {\n  const context = useContext(HeaderContextInternal);\n  if (!context) {\n    throw new Error(\n      \"useHeaderContext must be used within a HeaderContextProvider\",\n    );\n  }\n  return context as HeaderEnvironment<T>;\n}\n\nexport function useOptionalHeaderContext<T extends BaseRecord = any>():\n  | HeaderEnvironment<T>\n  | undefined {\n  return useContext(HeaderContextInternal) as HeaderEnvironment<T> | undefined;\n}\n"],"mappings":";;;;AAWA,MAAM,wBAAwB,cAC5B,OACD;AAED,SAAgB,sBAAkD,EAChE,UACA,SACgC;AAChC,QACE,oBAAC,sBAAsB,UAAvB;EAAuC;EACpC;EAC8B;;AAIrC,SAAgB,mBAEU;CACxB,MAAM,UAAU,WAAW,sBAAsB;AACjD,KAAI,CAAC,QACH,OAAM,IAAI,MACR,+DACD;AAEH,QAAO;;AAGT,SAAgB,2BAEF;AACZ,QAAO,WAAW,sBAAsB"}

package/dist/esm/components/shared/context/index.d.ts

@@ -0,0 +1,3 @@
+import { FooterContextProvider, useFooterContext, useOptionalFooterContext } from "./FooterContext.js";
+import { HeaderContextProvider, useHeaderContext, useOptionalHeaderContext } from "./HeaderContext.js";
+export { FooterContextProvider, HeaderContextProvider, useFooterContext, useHeaderContext, useOptionalFooterContext, useOptionalHeaderContext };

package/dist/esm/components/shared/context/index.js

@@ -0,0 +1,4 @@
+import { FooterContextProvider, useFooterContext, useOptionalFooterContext } from "./FooterContext.js";
+import { HeaderContextProvider, useHeaderContext, useOptionalHeaderContext } from "./HeaderContext.js";
+
+export { FooterContextProvider, HeaderContextProvider, useFooterContext, useHeaderContext, useOptionalFooterContext, useOptionalHeaderContext };

package/dist/esm/components/shared/environment/builders.d.ts

@@ -0,0 +1,95 @@
+import { DialogContainerEnvironment, StandaloneContainerEnvironment } from "../types/container.js";
+import { EnvironmentSyncCallback, ForceRerenderCallback, SimpleFormEnvironment, StepFormEnvironment, WizardFormEnvironment } from "../types/form.js";
+import { StepEnvironment } from "../types/step.js";
+import { AllowStepNavigation } from "../types/navigation.js";
+import { WizardStepDefinition } from "../../form/types.js";
+import { FooterEnvironment } from "../types/footer.js";
+import { AnyNavigationEnvironment, HeaderContent, HeaderEnvironment, ProgressStyleType } from "../types/header.js";
+import { DialogConfig } from "../../dialog/Dialog.types.js";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/shared/environment/builders.d.ts
+declare class EnvironmentBuilder<T extends BaseRecord = any> {
+  protected _container: DialogContainerEnvironment | null | StandaloneContainerEnvironment;
+  protected _form: null | SimpleFormEnvironment | StepFormEnvironment | WizardFormEnvironment;
+  protected _step: null | StepEnvironment;
+  build(): any;
+  dialog(options: {
+    dialogConfig: DialogConfig<T>;
+    onClose: () => void;
+  }): this;
+  simpleForm(options: {
+    isSubmitting?: boolean;
+    methods: any;
+    forceRerender?: ForceRerenderCallback;
+    environmentSync?: EnvironmentSyncCallback;
+  }): this;
+  standalone(): this;
+  step(options: {
+    current: number;
+    isFirst: boolean;
+    isLast: boolean;
+    onNext?: () => Promise<void>;
+    onPrevious?: () => Promise<void>;
+    onRetry?: () => Promise<void>;
+    jumpTo?: (step: number) => void;
+    total: number;
+    retryCount?: number;
+  }): this;
+  stepForm(options: {
+    isSubmitting?: boolean;
+    methods: any;
+    forceRerender?: ForceRerenderCallback;
+    environmentSync?: EnvironmentSyncCallback;
+  }): this;
+  wizardForm(options: {
+    isSubmitting: boolean;
+    methods: any;
+    forceRerender?: ForceRerenderCallback;
+    environmentSync?: EnvironmentSyncCallback;
+  }): this;
+  protected validate(): void;
+  protected validateHeader(): void;
+  protected validateContainerOnly(): void;
+  protected validateFormOnly(): void;
+}
+declare class FooterEnvironmentBuilder<T extends BaseRecord = any> extends EnvironmentBuilder<T> {
+  build(): FooterEnvironment<T>;
+  buildContainerOnly(): Pick<FooterEnvironment<T>, "container">;
+  buildFormOnly(): Pick<FooterEnvironment<T>, "form">;
+}
+declare class HeaderEnvironmentBuilder<T extends BaseRecord = any> extends EnvironmentBuilder<T> {
+  protected _content: HeaderContent | null;
+  protected _navigation: AnyNavigationEnvironment | null;
+  build(): HeaderEnvironment<T>;
+  content(options: {
+    actions?: any[];
+    description?: string;
+    title?: string;
+  }): this;
+  noneNavigation(): this;
+  stepNavigation(options: {
+    current?: number;
+    total?: number;
+  }): this;
+  wizardNavigation(options: {
+    allowNavigation?: AllowStepNavigation;
+    current: number;
+    descriptionMaxWidth?: string;
+    disabledSteps?: number[];
+    iconSize?: string;
+    onStepClick?: (stepIndex: number) => void;
+    progressStyle?: ProgressStyleType;
+    showStepDescriptions?: boolean;
+    showStepTitles?: boolean;
+    steps?: WizardStepDefinition[];
+    total: number;
+  }): this;
+}
+declare const Environment: {
+  footer<T extends BaseRecord = any>(): FooterEnvironmentBuilder<T>;
+  header<T extends BaseRecord = any>(): HeaderEnvironmentBuilder<T>;
+};
+//#endregion
+export { Environment, EnvironmentBuilder, FooterEnvironmentBuilder, HeaderEnvironmentBuilder };
+//# sourceMappingURL=builders.d.ts.map

package/dist/esm/components/shared/environment/builders.js

@@ -0,0 +1,163 @@
+import { ContainerType } from "../types/container.js";
+import { FormType } from "../types/form.js";
+import { NavigationType, ProgressStyleType } from "../types/header.js";
+
+//#region src/components/shared/environment/builders.ts
+var EnvironmentBuilder = class {
+	_container = null;
+	_form = null;
+	_step = null;
+	build() {
+		throw new Error("Build method must be implemented by subclasses");
+	}
+	dialog(options) {
+		this._container = {
+			dialogConfig: options.dialogConfig,
+			onClose: options.onClose,
+			type: "dialog"
+		};
+		return this;
+	}
+	simpleForm(options) {
+		this._form = {
+			isSubmitting: options.isSubmitting,
+			methods: options.methods,
+			forceRerender: options.forceRerender,
+			environmentSync: options.environmentSync,
+			type: "simple"
+		};
+		return this;
+	}
+	standalone() {
+		this._container = { type: "standalone" };
+		return this;
+	}
+	step(options) {
+		this._step = {
+			current: options.current,
+			isFirst: options.isFirst,
+			isLast: options.isLast,
+			onNext: options.onNext,
+			onPrevious: options.onPrevious,
+			onRetry: options.onRetry,
+			jumpTo: options.jumpTo,
+			total: options.total,
+			retryCount: options.retryCount ?? 0
+		};
+		return this;
+	}
+	stepForm(options) {
+		this._form = {
+			isSubmitting: options.isSubmitting,
+			methods: options.methods,
+			forceRerender: options.forceRerender,
+			environmentSync: options.environmentSync,
+			type: "step"
+		};
+		return this;
+	}
+	wizardForm(options) {
+		this._form = {
+			isSubmitting: options.isSubmitting,
+			methods: options.methods,
+			forceRerender: options.forceRerender,
+			environmentSync: options.environmentSync,
+			type: "wizard"
+		};
+		return this;
+	}
+	validate() {
+		if (!this._container) throw new Error("Container environment is required");
+		if (!this._form) throw new Error("Form environment is required");
+	}
+	validateHeader() {
+		if (!this._container) throw new Error("Container environment is required");
+	}
+	validateContainerOnly() {
+		if (!this._container) throw new Error("Container environment is required");
+	}
+	validateFormOnly() {
+		if (!this._form) throw new Error("Form environment is required");
+	}
+};
+var FooterEnvironmentBuilder = class extends EnvironmentBuilder {
+	build() {
+		this.validate();
+		return {
+			container: this._container,
+			form: this._form,
+			step: this._step || void 0
+		};
+	}
+	buildContainerOnly() {
+		this.validateContainerOnly();
+		return { container: this._container };
+	}
+	buildFormOnly() {
+		this.validateFormOnly();
+		return { form: this._form };
+	}
+};
+var HeaderEnvironmentBuilder = class extends EnvironmentBuilder {
+	_content = null;
+	_navigation = null;
+	build() {
+		this.validateHeader();
+		if (!this._content) throw new Error("Header content is required");
+		if (!this._navigation) throw new Error("Header navigation is required");
+		return {
+			container: this._container,
+			content: this._content,
+			navigation: this._navigation
+		};
+	}
+	content(options) {
+		this._content = {
+			actions: options.actions,
+			description: options.description,
+			title: options.title
+		};
+		return this;
+	}
+	noneNavigation() {
+		this._navigation = { type: "none" };
+		return this;
+	}
+	stepNavigation(options) {
+		this._navigation = {
+			current: options.current,
+			total: options.total,
+			type: "step"
+		};
+		return this;
+	}
+	wizardNavigation(options) {
+		this._navigation = {
+			allowNavigation: options.allowNavigation ?? true,
+			current: options.current,
+			descriptionMaxWidth: options.descriptionMaxWidth ?? "xs",
+			disabledSteps: options.disabledSteps,
+			iconSize: options.iconSize ?? "sm",
+			onStepClick: options.onStepClick,
+			progressStyle: options.progressStyle ?? "timeline",
+			showStepDescriptions: options.showStepDescriptions ?? true,
+			showStepTitles: options.showStepTitles ?? true,
+			steps: options.steps,
+			total: options.total,
+			type: "wizard"
+		};
+		return this;
+	}
+};
+const Environment = {
+	footer() {
+		return new FooterEnvironmentBuilder();
+	},
+	header() {
+		return new HeaderEnvironmentBuilder();
+	}
+};
+
+//#endregion
+export { Environment, EnvironmentBuilder, FooterEnvironmentBuilder, HeaderEnvironmentBuilder };
+//# sourceMappingURL=builders.js.map

package/dist/esm/components/shared/environment/builders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"builders.js","names":[],"sources":["../../../../../src/components/shared/environment/builders.ts"],"sourcesContent":["import { BaseRecord } from \"@refinedev/core\";\n\nimport type { DialogConfig } from \"../../dialog/Dialog.types\";\nimport type { WizardStepDefinition } from \"../../form/types\";\nimport type {\n  DialogContainerEnvironment,\n  FooterEnvironment,\n  SimpleFormEnvironment,\n  StandaloneContainerEnvironment,\n  StepEnvironment,\n  StepFormEnvironment,\n  WizardFormEnvironment,\n} from \"../types\";\nimport type {\n  AnyNavigationEnvironment,\n  HeaderContent,\n  HeaderEnvironment,\n} from \"../types/header\";\nimport type { AllowStepNavigation } from \"../types/navigation\";\nimport type { ForceRerenderCallback, EnvironmentSyncCallback } from \"../types/form\";\n\nimport { ContainerType } from \"../types/container\";\nimport { FormType } from \"../types/form\";\nimport { NavigationType, ProgressStyleType } from \"../types/header\";\n\n// Base Environment Builder Class\nexport class EnvironmentBuilder<T extends BaseRecord = any> {\n  protected _container:\n    | DialogContainerEnvironment\n    | null\n    | StandaloneContainerEnvironment = null;\n  protected _form:\n    | null\n    | SimpleFormEnvironment\n    | StepFormEnvironment\n    | WizardFormEnvironment = null;\n  protected _step: null | StepEnvironment = null;\n\n  // Build method to be implemented by subclasses\n  build(): any {\n    throw new Error(\"Build method must be implemented by subclasses\");\n  }\n\n  // Container methods\n  dialog(options: {\n    dialogConfig: DialogConfig<T>;\n    onClose: () => void;\n  }): this {\n    this._container = {\n      dialogConfig: options.dialogConfig,\n      onClose: options.onClose,\n      type: ContainerType.DIALOG,\n    };\n    return this;\n  }\n\n  // Form methods\n  simpleForm(options: { \n    isSubmitting?: boolean; \n    methods: any;\n    forceRerender?: ForceRerenderCallback;\n    environmentSync?: EnvironmentSyncCallback;\n  }): this {\n    this._form = {\n      isSubmitting: options.isSubmitting,\n      methods: options.methods,\n      forceRerender: options.forceRerender,\n      environmentSync: options.environmentSync,\n      type: FormType.SIMPLE,\n    };\n    return this;\n  }\n\n  standalone(): this {\n    this._container = {\n      type: ContainerType.STANDALONE,\n    };\n    return this;\n  }\n\n  // Step methods\n  step(options: {\n    current: number;\n    isFirst: boolean;\n    isLast: boolean;\n    onNext?: () => Promise<void>;\n    onPrevious?: () => Promise<void>;\n    onRetry?: () => Promise<void>;\n    jumpTo?: (step: number) => void;\n    total: number;\n    retryCount?: number;\n  }): this {\n    this._step = {\n      current: options.current,\n      isFirst: options.isFirst,\n      isLast: options.isLast,\n      onNext: options.onNext,\n      onPrevious: options.onPrevious,\n      onRetry: options.onRetry,\n      jumpTo: options.jumpTo,\n      total: options.total,\n      retryCount: options.retryCount ?? 0,\n    };\n    return this;\n  }\n\n  stepForm(options: { \n    isSubmitting?: boolean; \n    methods: any;\n    forceRerender?: ForceRerenderCallback;\n    environmentSync?: EnvironmentSyncCallback;\n  }): this {\n    this._form = {\n      isSubmitting: options.isSubmitting,\n      methods: options.methods,\n      forceRerender: options.forceRerender,\n      environmentSync: options.environmentSync,\n      type: FormType.STEP,\n    };\n    return this;\n  }\n\n  wizardForm(options: { \n    isSubmitting: boolean; \n    methods: any;\n    forceRerender?: ForceRerenderCallback;\n    environmentSync?: EnvironmentSyncCallback;\n  }): this {\n    this._form = {\n      isSubmitting: options.isSubmitting,\n      methods: options.methods,\n      forceRerender: options.forceRerender,\n      environmentSync: options.environmentSync,\n      type: FormType.WIZARD,\n    };\n    return this;\n  }\n\n  // Validation\n  protected validate(): void {\n    if (!this._container) {\n      throw new Error(\"Container environment is required\");\n    }\n    if (!this._form) {\n      throw new Error(\"Form environment is required\");\n    }\n  }\n\n  // Header-specific validation that doesn't require form environment\n  protected validateHeader(): void {\n    if (!this._container) {\n      throw new Error(\"Container environment is required\");\n    }\n    // Headers don't require form environment - they are independent\n  }\n\n  // Environment validation that doesn't require form environment\n  protected validateContainerOnly(): void {\n    if (!this._container) {\n      throw new Error(\"Container environment is required\");\n    }\n  }\n\n  // Environment validation that doesn't require container environment\n  protected validateFormOnly(): void {\n    if (!this._form) {\n      throw new Error(\"Form environment is required\");\n    }\n  }\n}\n\n// Footer Environment Builder\nexport class FooterEnvironmentBuilder<\n  T extends BaseRecord = any,\n> extends EnvironmentBuilder<T> {\n  build(): FooterEnvironment<T> {\n    this.validate();\n\n    return {\n      container: this._container!,\n      form: this._form!,\n      step: this._step || undefined,\n    };\n  }\n\n  buildContainerOnly(): Pick<FooterEnvironment<T>, \"container\"> {\n    this.validateContainerOnly();\n\n    return {\n      container: this._container!,\n    };\n  }\n\n  buildFormOnly(): Pick<FooterEnvironment<T>, \"form\"> {\n    this.validateFormOnly();\n\n    return {\n      form: this._form!,\n    };\n  }\n}\n\n// Header Environment Builder\nexport class HeaderEnvironmentBuilder<\n  T extends BaseRecord = any,\n> extends EnvironmentBuilder<T> {\n  protected _content: HeaderContent | null = null;\n  protected _navigation: AnyNavigationEnvironment | null = null;\n\n  build(): HeaderEnvironment<T> {\n    this.validateHeader();\n\n    if (!this._content) {\n      throw new Error(\"Header content is required\");\n    }\n\n    if (!this._navigation) {\n      throw new Error(\"Header navigation is required\");\n    }\n\n    return {\n      container: this._container!,\n      content: this._content,\n      navigation: this._navigation,\n    };\n  }\n\n  content(options: {\n    actions?: any[];\n    description?: string;\n    title?: string;\n  }): this {\n    this._content = {\n      actions: options.actions,\n      description: options.description,\n      title: options.title,\n    };\n    return this;\n  }\n\n  noneNavigation(): this {\n    this._navigation = {\n      type: NavigationType.NONE,\n    };\n    return this;\n  }\n\n  stepNavigation(options: { current?: number; total?: number }): this {\n    this._navigation = {\n      current: options.current,\n      total: options.total,\n      type: NavigationType.STEP,\n    };\n    return this;\n  }\n\n  wizardNavigation(options: {\n    allowNavigation?: AllowStepNavigation;\n    current: number;\n    descriptionMaxWidth?: string;\n    disabledSteps?: number[];\n    iconSize?: string;\n    onStepClick?: (stepIndex: number) => void;\n    progressStyle?: ProgressStyleType;\n    showStepDescriptions?: boolean;\n    showStepTitles?: boolean;\n    steps?: WizardStepDefinition[];\n    total: number;\n  }): this {\n    this._navigation = {\n      allowNavigation: options.allowNavigation ?? true,\n      current: options.current,\n      descriptionMaxWidth: options.descriptionMaxWidth ?? \"xs\",\n      disabledSteps: options.disabledSteps,\n      iconSize: options.iconSize ?? \"sm\",\n      onStepClick: options.onStepClick,\n      progressStyle: options.progressStyle ?? ProgressStyleType.TIMELINE,\n      showStepDescriptions: options.showStepDescriptions ?? true,\n      showStepTitles: options.showStepTitles ?? true,\n      steps: options.steps,\n      total: options.total,\n      type: NavigationType.WIZARD,\n    };\n    return this;\n  }\n}\n\n// Factory functions\nexport const Environment = {\n  footer<T extends BaseRecord = any>(): FooterEnvironmentBuilder<T> {\n    return new FooterEnvironmentBuilder<T>();\n  },\n\n  header<T extends BaseRecord = any>(): HeaderEnvironmentBuilder<T> {\n    return new HeaderEnvironmentBuilder<T>();\n  },\n};\n"],"mappings":"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"}

package/dist/esm/components/shared/environment/index.d.ts

@@ -0,0 +1,7 @@
+import { AnyContainerEnvironment, DialogContainerEnvironment, StandaloneContainerEnvironment } from "../types/container.js";
+import { AnyFormEnvironment, SimpleFormEnvironment, StepFormEnvironment, WizardFormEnvironment } from "../types/form.js";
+import { StepEnvironment } from "../types/step.js";
+import { FooterEnvironment } from "../types/footer.js";
+import { AnyNavigationEnvironment, HeaderContent, HeaderEnvironment, NoneNavigationEnvironment, StepNavigationEnvironment, WizardNavigationEnvironment } from "../types/header.js";
+import { Environment, FooterEnvironmentBuilder, HeaderEnvironmentBuilder } from "./builders.js";
+export { type AnyContainerEnvironment, type AnyFormEnvironment, type AnyNavigationEnvironment, type DialogContainerEnvironment, Environment, type FooterEnvironment, type FooterEnvironmentBuilder, type HeaderContent, type HeaderEnvironment, type HeaderEnvironmentBuilder, type NoneNavigationEnvironment, type SimpleFormEnvironment, type StandaloneContainerEnvironment, type StepEnvironment, type StepFormEnvironment, type StepNavigationEnvironment, type WizardFormEnvironment, type WizardNavigationEnvironment };

package/dist/esm/components/shared/environment/index.js

@@ -0,0 +1,3 @@
+import { Environment } from "./builders.js";
+
+export { Environment };

package/dist/esm/components/shared/footers/ActionsFooter.d.ts

@@ -0,0 +1,11 @@
+import { BaseFooterProps } from "../types/footer.js";
+
+//#region src/components/shared/footers/ActionsFooter.d.ts
+declare function ActionsFooter<T = any>({
+  actionButtons,
+  className,
+  environment
+}: BaseFooterProps<T>): any;
+//#endregion
+export { ActionsFooter };
+//# sourceMappingURL=ActionsFooter.d.ts.map

package/dist/esm/components/shared/footers/ActionsFooter.js

@@ -0,0 +1,19 @@
+import { ActionListRenderer } from "../../actions/ActionListRenderer.js";
+import "../../actions/index.js";
+import { cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/shared/footers/ActionsFooter.tsx
+function ActionsFooter({ actionButtons, className, environment }) {
+	if (!actionButtons || actionButtons.length === 0) return null;
+	return /* @__PURE__ */ jsx(ActionListRenderer, {
+		actions: actionButtons,
+		className: cn("flex justify-end gap-2", className),
+		layout: "horizontal"
+	});
+}
+
+//#endregion
+export { ActionsFooter };
+//# sourceMappingURL=ActionsFooter.js.map

package/dist/esm/components/shared/footers/ActionsFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsFooter.js","names":[],"sources":["../../../../../src/components/shared/footers/ActionsFooter.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { ActionListRenderer } from \"../../actions\";\nimport { BaseFooterProps } from \"../types/footer\";\n\nexport function ActionsFooter<T = any>({\n  actionButtons,\n  className,\n  environment,\n}: BaseFooterProps<T>) {\n  if (!actionButtons || actionButtons.length === 0) {\n    return null;\n  }\n\n  return (\n    <ActionListRenderer\n      actions={actionButtons}\n      className={cn(\"flex justify-end gap-2\", className)}\n      layout=\"horizontal\"\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,cAAuB,EACrC,eACA,WACA,eACqB;AACrB,KAAI,CAAC,iBAAiB,cAAc,WAAW,EAC7C,QAAO;AAGT,QACE,oBAAC,oBAAD;EACE,SAAS;EACT,WAAW,GAAG,0BAA0B,UAAU;EAClD,QAAO;EACP"}

package/dist/esm/components/shared/footers/DefaultFooter.d.ts

@@ -0,0 +1,13 @@
+import { BaseFooterProps } from "../types/footer.js";
+
+//#region src/components/shared/footers/DefaultFooter.d.ts
+declare function DefaultFooter<T = any>({
+  actionButtons,
+  className,
+  environment,
+  isSubmitting,
+  onClose
+}: Pick<BaseFooterProps<T>, "actionButtons" | "className" | "environment" | "isSubmitting" | "onClose">): any;
+//#endregion
+export { DefaultFooter };
+//# sourceMappingURL=DefaultFooter.d.ts.map

package/dist/esm/components/shared/footers/DefaultFooter.js

@@ -0,0 +1,20 @@
+import { ActionListRenderer } from "../../actions/ActionListRenderer.js";
+import "../../actions/index.js";
+import { cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/shared/footers/DefaultFooter.tsx
+function DefaultFooter({ actionButtons, className, environment, isSubmitting, onClose }) {
+	return /* @__PURE__ */ jsx(ActionListRenderer, {
+		actions: actionButtons || [],
+		className: cn("flex justify-end gap-2", className),
+		closeDialog: onClose,
+		isSubmitting,
+		layout: "horizontal"
+	});
+}
+
+//#endregion
+export { DefaultFooter };
+//# sourceMappingURL=DefaultFooter.js.map

package/dist/esm/components/shared/footers/DefaultFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultFooter.js","names":[],"sources":["../../../../../src/components/shared/footers/DefaultFooter.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { ActionListRenderer } from \"../../actions\";\nimport type { BaseFooterProps, FooterEnvironment } from \"../types/footer\";\n\nexport function DefaultFooter<T = any>({\n  actionButtons,\n  className,\n  environment,\n  isSubmitting,\n  onClose,\n}: Pick<BaseFooterProps<T>, \"actionButtons\" | \"className\" | \"environment\" | \"isSubmitting\" | \"onClose\">) {\n  return (\n    <ActionListRenderer\n      actions={actionButtons || []}\n      className={cn(\"flex justify-end gap-2\", className)}\n      closeDialog={onClose}\n      isSubmitting={isSubmitting}\n      layout=\"horizontal\"\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,cAAuB,EACrC,eACA,WACA,aACA,cACA,WACuG;AACvG,QACE,oBAAC,oBAAD;EACE,SAAS,iBAAiB,EAAE;EAC5B,WAAW,GAAG,0BAA0B,UAAU;EAClD,aAAa;EACC;EACd,QAAO;EACP"}

package/dist/esm/components/shared/footers/FormFooter.d.ts

@@ -0,0 +1,15 @@
+import { FormFooterProps } from "../types/footer.js";
+
+//#region src/components/shared/footers/FormFooter.d.ts
+declare function FormFooter<T = any>({
+  actionButtons,
+  className,
+  environment,
+  isSubmitting,
+  onClose,
+  onConfirm,
+  submitLabel
+}: FormFooterProps<T>): any;
+//#endregion
+export { FormFooter };
+//# sourceMappingURL=FormFooter.d.ts.map

package/dist/esm/components/shared/footers/FormFooter.js

@@ -0,0 +1,28 @@
+import { createFormActions } from "../../actions/actionHelpers.js";
+import { ActionListRenderer } from "../../actions/ActionListRenderer.js";
+import "../../actions/index.js";
+import { cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/shared/footers/FormFooter.tsx
+function FormFooter({ actionButtons, className, environment, isSubmitting, onClose, onConfirm, submitLabel = "Submit" }) {
+	const formActions = createFormActions({
+		isSubmitting,
+		onCancel: onClose,
+		onSubmit: onConfirm,
+		showCancel: !!onClose,
+		submitLabel
+	});
+	return /* @__PURE__ */ jsx(ActionListRenderer, {
+		actions: actionButtons || formActions,
+		className: cn("flex justify-end gap-2", className),
+		closeDialog: onClose,
+		isSubmitting,
+		layout: "horizontal"
+	});
+}
+
+//#endregion
+export { FormFooter };
+//# sourceMappingURL=FormFooter.js.map

package/dist/esm/components/shared/footers/FormFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFooter.js","names":[],"sources":["../../../../../src/components/shared/footers/FormFooter.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { ActionListRenderer } from \"../../actions\";\nimport { createFormActions } from \"../../actions/actionHelpers\";\nimport { FormFooterProps } from \"../types/footer\";\n\nexport function FormFooter<T = any>({\n  actionButtons,\n  className,\n  environment,\n  isSubmitting,\n  onClose,\n  onConfirm,\n  submitLabel = \"Submit\",\n}: FormFooterProps<T>) {\n  const formActions = createFormActions({\n    isSubmitting,\n    onCancel: onClose,\n    onSubmit: onConfirm,\n    showCancel: !!onClose,\n    submitLabel,\n  });\n\n  const finalActions = actionButtons || formActions;\n\n  return (\n    <ActionListRenderer\n      actions={finalActions}\n      className={cn(\"flex justify-end gap-2\", className)}\n      closeDialog={onClose}\n      isSubmitting={isSubmitting}\n      layout=\"horizontal\"\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,WAAoB,EAClC,eACA,WACA,aACA,cACA,SACA,WACA,cAAc,YACO;CACrB,MAAM,cAAc,kBAAkB;EACpC;EACA,UAAU;EACV,UAAU;EACV,YAAY,CAAC,CAAC;EACd;EACD,CAAC;AAIF,QACE,oBAAC,oBAAD;EACE,SAJiB,iBAAiB;EAKlC,WAAW,GAAG,0BAA0B,UAAU;EAClD,aAAa;EACC;EACd,QAAO;EACP"}

package/dist/esm/components/shared/footers/StepFormFooter.d.ts

@@ -0,0 +1,15 @@
+import { FormFooterProps } from "../types/footer.js";
+
+//#region src/components/shared/footers/StepFormFooter.d.ts
+declare function StepFormFooter<T = any>({
+  actionButtons,
+  className,
+  environment,
+  isSubmitting,
+  onClose,
+  onConfirm,
+  submitLabel
+}: FormFooterProps<T>): any;
+//#endregion
+export { StepFormFooter };
+//# sourceMappingURL=StepFormFooter.d.ts.map

package/dist/esm/components/shared/footers/StepFormFooter.js

@@ -0,0 +1,28 @@
+import { createFormActions } from "../../actions/actionHelpers.js";
+import { ActionListRenderer } from "../../actions/ActionListRenderer.js";
+import "../../actions/index.js";
+import { cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/shared/footers/StepFormFooter.tsx
+function StepFormFooter({ actionButtons, className, environment, isSubmitting, onClose, onConfirm, submitLabel = "Next" }) {
+	const formActions = createFormActions({
+		isSubmitting,
+		onCancel: onClose,
+		onSubmit: onConfirm,
+		showCancel: !!onClose,
+		submitLabel
+	});
+	return /* @__PURE__ */ jsx(ActionListRenderer, {
+		actions: actionButtons || formActions,
+		className: cn("flex justify-between gap-2", className),
+		closeDialog: onClose,
+		isSubmitting,
+		layout: "horizontal"
+	});
+}
+
+//#endregion
+export { StepFormFooter };
+//# sourceMappingURL=StepFormFooter.js.map