@lumeweb/portal-framework-ui 0.0.1 → 0.1.1

package/dist/esm/components/layout/SidebarContext.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+
+//#region src/components/layout/SidebarContext.d.ts
+declare const SidebarProvider: React.FC<{
+  children: React.ReactNode;
+}>;
+declare const useSidebarContext: () => any;
+//#endregion
+export { SidebarProvider, useSidebarContext };
+//# sourceMappingURL=SidebarContext.d.ts.map

package/dist/esm/components/layout/SidebarContext.js

@@ -0,0 +1,27 @@
+import React, { createContext, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/layout/SidebarContext.tsx
+const SidebarContext = createContext(void 0);
+const SidebarProvider = ({ children }) => {
+	const [isCollapsed, setIsCollapsed] = useState(false);
+	const toggleCollapsed = () => {
+		setIsCollapsed(!isCollapsed);
+	};
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: {
+			isCollapsed,
+			toggleCollapsed
+		},
+		children
+	});
+};
+const useSidebarContext = () => {
+	const context = useContext(SidebarContext);
+	if (!context) throw new Error("useSidebarContext must be used within a SidebarProvider");
+	return context;
+};
+
+//#endregion
+export { SidebarProvider, useSidebarContext };
+//# sourceMappingURL=SidebarContext.js.map

package/dist/esm/components/layout/SidebarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContext.js","names":[],"sources":["../../../../src/components/layout/SidebarContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from \"react\";\n\ninterface SidebarContextType {\n  isCollapsed: boolean;\n  toggleCollapsed: () => void;\n}\n\nconst SidebarContext = createContext<SidebarContextType | undefined>(undefined);\n\nexport const SidebarProvider: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const toggleCollapsed = () => {\n    setIsCollapsed(!isCollapsed);\n  };\n\n  return (\n    <SidebarContext.Provider value={{ isCollapsed, toggleCollapsed }}>\n      {children}\n    </SidebarContext.Provider>\n  );\n};\n\nexport const useSidebarContext = () => {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error(\"useSidebarContext must be used within a SidebarProvider\");\n  }\n  return context;\n};\n"],"mappings":";;;;AAOA,MAAM,iBAAiB,cAA8C,OAAU;AAE/E,MAAa,mBAA4D,EACvE,eACI;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CAErD,MAAM,wBAAwB;AAC5B,iBAAe,CAAC,YAAY;;AAG9B,QACE,oBAAC,eAAe,UAAhB;EAAyB,OAAO;GAAE;GAAa;GAAiB;EAC7D;EACuB;;AAI9B,MAAa,0BAA0B;CACrC,MAAM,UAAU,WAAW,eAAe;AAC1C,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,0DAA0D;AAE5E,QAAO"}

package/dist/esm/components/layout/SidebarToggle.d.ts

@@ -0,0 +1,12 @@
+//#region src/components/layout/SidebarToggle.d.ts
+interface SidebarToggleProps {
+  isOpen: boolean | undefined;
+  setIsOpen?: () => void;
+}
+declare function SidebarToggle({
+  isOpen,
+  setIsOpen
+}: SidebarToggleProps): any;
+//#endregion
+export { SidebarToggle };
+//# sourceMappingURL=SidebarToggle.d.ts.map

package/dist/esm/components/layout/SidebarToggle.js

@@ -0,0 +1,23 @@
+import { Button, cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { ChevronLeft } from "lucide-react";
+
+//#region src/components/layout/SidebarToggle.tsx
+function SidebarToggle({ isOpen, setIsOpen }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "invisible absolute -right-[20px] top-[12px] z-20 lg:visible",
+		children: /* @__PURE__ */ jsx(Button, {
+			"aria-label": isOpen ? "Close sidebar" : "Open sidebar",
+			className: "h-8 w-8 rounded-md",
+			onClick: () => setIsOpen?.(),
+			size: "icon",
+			variant: "outline",
+			children: /* @__PURE__ */ jsx(ChevronLeft, { className: cn("h-4 w-4 transition-transform duration-700 ease-in-out", isOpen === false ? "rotate-180" : "rotate-0") })
+		})
+	});
+}
+
+//#endregion
+export { SidebarToggle };
+//# sourceMappingURL=SidebarToggle.js.map

package/dist/esm/components/layout/SidebarToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarToggle.js","names":[],"sources":["../../../../src/components/layout/SidebarToggle.tsx"],"sourcesContent":["import { Button, cn } from \"@lumeweb/portal-framework-ui-core\";\nimport { ChevronLeft } from \"lucide-react\";\nimport React from \"react\";\n\ninterface SidebarToggleProps {\n  isOpen: boolean | undefined;\n  setIsOpen?: () => void;\n}\n\nexport function SidebarToggle({ isOpen, setIsOpen }: SidebarToggleProps) {\n  return (\n    <div className=\"invisible absolute -right-[20px] top-[12px] z-20 lg:visible\">\n      <Button\n        aria-label={isOpen ? \"Close sidebar\" : \"Open sidebar\"}\n        className=\"h-8 w-8 rounded-md\"\n        onClick={() => setIsOpen?.()}\n        size=\"icon\"\n        variant=\"outline\">\n        <ChevronLeft\n          className={cn(\n            \"h-4 w-4 transition-transform duration-700 ease-in-out\",\n            isOpen === false ? \"rotate-180\" : \"rotate-0\",\n          )}\n        />\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,cAAc,EAAE,QAAQ,aAAiC;AACvE,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,QAAD;GACE,cAAY,SAAS,kBAAkB;GACvC,WAAU;GACV,eAAe,aAAa;GAC5B,MAAK;GACL,SAAQ;aACR,oBAAC,aAAD,EACE,WAAW,GACT,yDACA,WAAW,QAAQ,eAAe,WACnC,EACD;GACK;EACL"}

package/dist/esm/components/layout/UserNav.d.ts

@@ -0,0 +1,5 @@
+//#region src/components/layout/UserNav.d.ts
+declare function UserNav(): any;
+//#endregion
+export { UserNav };
+//# sourceMappingURL=UserNav.d.ts.map

package/dist/esm/components/layout/UserNav.js

@@ -0,0 +1,110 @@
+"use client";
+
+import { useAvatar } from "../../hooks/useAvatar.js";
+import { Avatar, AvatarFallback, AvatarImage, Button, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@lumeweb/portal-framework-ui-core";
+import { Link, useGetIdentity, useLogout } from "@refinedev/core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { LayoutGrid, LogOut, User } from "lucide-react";
+
+//#region src/components/layout/UserNav.tsx
+function UserNav() {
+	const { mutate: logout } = useLogout();
+	const { data: identity } = useGetIdentity();
+	const { avatarUrl, displayName, isLoading } = useAvatar();
+	const firstName = identity?.firstName || "";
+	const lastName = identity?.lastName || "";
+	const email = identity?.email || "";
+	const getAvatarAltText = () => {
+		if (isLoading) return "User avatar";
+		if (displayName) return displayName;
+		return "";
+	};
+	const getAvatarFallback = () => {
+		if (isLoading) return "?";
+		if (firstName || lastName) return (firstName || lastName).charAt(0).toUpperCase();
+		if (email) return email.charAt(0).toUpperCase();
+		return "?";
+	};
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(TooltipProvider, {
+		disableHoverableContent: true,
+		children: /* @__PURE__ */ jsxs(Tooltip, {
+			delayDuration: 100,
+			children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Button, {
+						"aria-label": isLoading ? "User avatar" : displayName || "User profile",
+						className: "relative h-8 w-8 rounded-full",
+						variant: "outline",
+						children: /* @__PURE__ */ jsxs(Avatar, {
+							className: "h-8 w-8",
+							children: [/* @__PURE__ */ jsx(AvatarImage, {
+								alt: getAvatarAltText(),
+								src: avatarUrl
+							}), /* @__PURE__ */ jsx(AvatarFallback, {
+								className: "bg-transparent",
+								children: getAvatarFallback()
+							})]
+						})
+					})
+				})
+			}), /* @__PURE__ */ jsx(TooltipContent, {
+				side: "bottom",
+				children: "Profile"
+			})]
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		align: "end",
+		className: "w-56",
+		forceMount: true,
+		children: [
+			/* @__PURE__ */ jsx(DropdownMenuLabel, {
+				className: "font-normal",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col space-y-1",
+					children: [/* @__PURE__ */ jsxs("p", {
+						className: "text-sm font-medium leading-none",
+						children: [
+							firstName,
+							" ",
+							lastName
+						]
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-xs leading-none",
+						children: email
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			/* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [/* @__PURE__ */ jsx(DropdownMenuItem, {
+				asChild: true,
+				className: "hover:cursor-pointer",
+				children: /* @__PURE__ */ jsxs(Link, {
+					className: "flex items-center",
+					to: "/dashboard",
+					children: [/* @__PURE__ */ jsx(LayoutGrid, { className: "text-muted-foreground mr-3 h-4 w-4" }), "Dashboard"]
+				})
+			}), /* @__PURE__ */ jsx(DropdownMenuItem, {
+				asChild: true,
+				className: "hover:cursor-pointer",
+				children: /* @__PURE__ */ jsxs(Link, {
+					className: "flex items-center",
+					to: "/account",
+					children: [/* @__PURE__ */ jsx(User, { className: "text-muted-foreground mr-3 h-4 w-4" }), "Account"]
+				})
+			})] }),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			/* @__PURE__ */ jsxs(DropdownMenuItem, {
+				className: "hover:cursor-pointer",
+				onClick: () => logout(),
+				children: [/* @__PURE__ */ jsx(LogOut, { className: "text-muted-foreground mr-3 h-4 w-4" }), "Sign out"]
+			})
+		]
+	})] });
+}
+
+//#endregion
+export { UserNav };
+//# sourceMappingURL=UserNav.js.map

package/dist/esm/components/layout/UserNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserNav.js","names":[],"sources":["../../../../src/components/layout/UserNav.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Identity } from \"@lumeweb/portal-framework-core\";\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { Link, useGetIdentity, useLogout } from \"@refinedev/core\";\nimport { LayoutGrid, LogOut, User } from \"lucide-react\";\nimport React from \"react\";\n\nimport { useAvatar } from \"@/hooks/useAvatar\";\n\nexport function UserNav() {\n  const { mutate: logout } = useLogout();\n  const { data: identity } = useGetIdentity<Identity>();\n  const { avatarUrl, displayName, isLoading } = useAvatar();\n\n  const firstName = identity?.firstName || \"\";\n  const lastName = identity?.lastName || \"\";\n  const email = identity?.email || \"\";\n\n  const getAvatarAltText = () => {\n    if (isLoading) {\n      return \"User avatar\";\n    }\n\n    if (displayName) {\n      return displayName;\n    }\n\n    return \"\";\n  };\n\n  const getAvatarFallback = () => {\n    if (isLoading) {\n      return \"?\";\n    }\n\n    if (firstName || lastName) {\n      return (firstName || lastName).charAt(0).toUpperCase();\n    }\n\n    if (email) {\n      return email.charAt(0).toUpperCase();\n    }\n\n    return \"?\";\n  };\n\n  return (\n    <DropdownMenu>\n      <TooltipProvider disableHoverableContent>\n        <Tooltip delayDuration={100}>\n          <TooltipTrigger asChild>\n            <DropdownMenuTrigger asChild>\n              <Button\n                aria-label={\n                  isLoading ? \"User avatar\" : displayName || \"User profile\"\n                }\n                className=\"relative h-8 w-8 rounded-full\"\n                variant=\"outline\">\n                <Avatar className=\"h-8 w-8\">\n                  <AvatarImage alt={getAvatarAltText()} src={avatarUrl} />\n                  <AvatarFallback className=\"bg-transparent\">\n                    {getAvatarFallback()}\n                  </AvatarFallback>\n                </Avatar>\n              </Button>\n            </DropdownMenuTrigger>\n          </TooltipTrigger>\n          <TooltipContent side=\"bottom\">Profile</TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n\n      <DropdownMenuContent align=\"end\" className=\"w-56\" forceMount>\n        <DropdownMenuLabel className=\"font-normal\">\n          <div className=\"flex flex-col space-y-1\">\n            <p className=\"text-sm font-medium leading-none\">\n              {firstName} {lastName}\n            </p>\n            <p className=\"text-muted-foreground text-xs leading-none\">\n              {email}\n            </p>\n          </div>\n        </DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem asChild className=\"hover:cursor-pointer\">\n            <Link className=\"flex items-center\" to=\"/dashboard\">\n              <LayoutGrid className=\"text-muted-foreground mr-3 h-4 w-4\" />\n              Dashboard\n            </Link>\n          </DropdownMenuItem>\n          <DropdownMenuItem asChild className=\"hover:cursor-pointer\">\n            <Link className=\"flex items-center\" to=\"/account\">\n              <User className=\"text-muted-foreground mr-3 h-4 w-4\" />\n              Account\n            </Link>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem\n          className=\"hover:cursor-pointer\"\n          onClick={() => logout()}>\n          <LogOut className=\"text-muted-foreground mr-3 h-4 w-4\" />\n          Sign out\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAgB,UAAU;CACxB,MAAM,EAAE,QAAQ,WAAW,WAAW;CACtC,MAAM,EAAE,MAAM,aAAa,gBAA0B;CACrD,MAAM,EAAE,WAAW,aAAa,cAAc,WAAW;CAEzD,MAAM,YAAY,UAAU,aAAa;CACzC,MAAM,WAAW,UAAU,YAAY;CACvC,MAAM,QAAQ,UAAU,SAAS;CAEjC,MAAM,yBAAyB;AAC7B,MAAI,UACF,QAAO;AAGT,MAAI,YACF,QAAO;AAGT,SAAO;;CAGT,MAAM,0BAA0B;AAC9B,MAAI,UACF,QAAO;AAGT,MAAI,aAAa,SACf,SAAQ,aAAa,UAAU,OAAO,EAAE,CAAC,aAAa;AAGxD,MAAI,MACF,QAAO,MAAM,OAAO,EAAE,CAAC,aAAa;AAGtC,SAAO;;AAGT,QACE,qBAAC,cAAD,aACE,oBAAC,iBAAD;EAAiB;YACf,qBAAC,SAAD;GAAS,eAAe;aAAxB,CACE,oBAAC,gBAAD;IAAgB;cACd,oBAAC,qBAAD;KAAqB;eACnB,oBAAC,QAAD;MACE,cACE,YAAY,gBAAgB,eAAe;MAE7C,WAAU;MACV,SAAQ;gBACR,qBAAC,QAAD;OAAQ,WAAU;iBAAlB,CACE,oBAAC,aAAD;QAAa,KAAK,kBAAkB;QAAE,KAAK;QAAa,GACxD,oBAAC,gBAAD;QAAgB,WAAU;kBACvB,mBAAmB;QACL,EACV;;MACF;KACW;IACP,GACjB,oBAAC,gBAAD;IAAgB,MAAK;cAAS;IAAwB,EAC9C;;EACM,GAElB,qBAAC,qBAAD;EAAqB,OAAM;EAAM,WAAU;EAAO;YAAlD;GACE,oBAAC,mBAAD;IAAmB,WAAU;cAC3B,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,KAAD;MAAG,WAAU;gBAAb;OACG;OAAU;OAAE;OACX;SACJ,oBAAC,KAAD;MAAG,WAAU;gBACV;MACC,EACA;;IACY;GACpB,oBAAC,uBAAD,EAAyB;GACzB,qBAAC,mBAAD,aACE,oBAAC,kBAAD;IAAkB;IAAQ,WAAU;cAClC,qBAAC,MAAD;KAAM,WAAU;KAAoB,IAAG;eAAvC,CACE,oBAAC,YAAD,EAAY,WAAU,sCAAuC,eAExD;;IACU,GACnB,oBAAC,kBAAD;IAAkB;IAAQ,WAAU;cAClC,qBAAC,MAAD;KAAM,WAAU;KAAoB,IAAG;eAAvC,CACE,oBAAC,MAAD,EAAM,WAAU,sCAAuC,aAElD;;IACU,EACD;GACpB,oBAAC,uBAAD,EAAyB;GACzB,qBAAC,kBAAD;IACE,WAAU;IACV,eAAe,QAAQ;cAFzB,CAGE,oBAAC,QAAD,EAAQ,WAAU,sCAAuC,cAExC;;GACC;IACT"}

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

@@ -0,0 +1,7 @@
+import { UserNav } from "./UserNav.js";
+import { MobileMenu } from "./MobileMenu.js";
+import { PageHeader } from "./PageHeader.js";
+import { SidebarProvider, useSidebarContext } from "./SidebarContext.js";
+import { SidebarToggle } from "./SidebarToggle.js";
+import { GeneralLayout } from "./GeneralLayout.js";
+export { GeneralLayout, MobileMenu, PageHeader, SidebarProvider, SidebarToggle, UserNav, useSidebarContext };

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

@@ -0,0 +1,9 @@
+import { SidebarProvider, useSidebarContext } from "./SidebarContext.js";
+import { SidebarToggle } from "./SidebarToggle.js";
+import "./DesktopSidebar.js";
+import { UserNav } from "./UserNav.js";
+import { MobileMenu } from "./MobileMenu.js";
+import { PageHeader } from "./PageHeader.js";
+import { GeneralLayout } from "./GeneralLayout.js";
+
+export { GeneralLayout, MobileMenu, PageHeader, SidebarProvider, SidebarToggle, UserNav, useSidebarContext };

package/dist/esm/components/screen-reader/ScreenReaderAnnouncement.d.ts

@@ -0,0 +1,23 @@
+import { useScreenReaderAnnouncement } from "./hooks/useScreenReaderAnnouncement.js";
+
+//#region src/components/screen-reader/ScreenReaderAnnouncement.d.ts
+interface ScreenReaderAnnouncementProps {
+  /**
+   * Optional ID for the announcement region
+   */
+  id?: string;
+}
+/**
+ * ScreenReaderAnnouncement component
+ *
+ * This component creates a visually hidden live region for screen reader announcements.
+ * It should be included once in your application, typically near the top level.
+ *
+ * Use the useScreenReaderAnnouncement hook to make announcements.
+ */
+declare function ScreenReaderAnnouncement({
+  id
+}: ScreenReaderAnnouncementProps): any;
+//#endregion
+export { ScreenReaderAnnouncement, useScreenReaderAnnouncement };
+//# sourceMappingURL=ScreenReaderAnnouncement.d.ts.map

package/dist/esm/components/screen-reader/ScreenReaderAnnouncement.js

@@ -0,0 +1,28 @@
+import { useScreenReaderAnnouncement } from "./hooks/useScreenReaderAnnouncement.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/screen-reader/ScreenReaderAnnouncement.tsx
+/**
+* ScreenReaderAnnouncement component
+*
+* This component creates a visually hidden live region for screen reader announcements.
+* It should be included once in your application, typically near the top level.
+*
+* Use the useScreenReaderAnnouncement hook to make announcements.
+*/
+function ScreenReaderAnnouncement({ id = "screen-reader-announcement" }) {
+	const { announcement, politeness } = useScreenReaderAnnouncement();
+	return /* @__PURE__ */ jsx("div", {
+		"aria-atomic": "true",
+		"aria-live": politeness,
+		className: "sr-only",
+		id,
+		role: politeness === "assertive" ? "alert" : "status",
+		children: announcement
+	});
+}
+
+//#endregion
+export { ScreenReaderAnnouncement, useScreenReaderAnnouncement };
+//# sourceMappingURL=ScreenReaderAnnouncement.js.map

package/dist/esm/components/screen-reader/ScreenReaderAnnouncement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenReaderAnnouncement.js","names":[],"sources":["../../../../src/components/screen-reader/ScreenReaderAnnouncement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useScreenReaderAnnouncement } from \"@/components/screen-reader/hooks/useScreenReaderAnnouncement\";\n\ninterface ScreenReaderAnnouncementProps {\n  /**\n   * Optional ID for the announcement region\n   */\n  id?: string;\n}\n\n/**\n * ScreenReaderAnnouncement component\n *\n * This component creates a visually hidden live region for screen reader announcements.\n * It should be included once in your application, typically near the top level.\n *\n * Use the useScreenReaderAnnouncement hook to make announcements.\n */\nexport function ScreenReaderAnnouncement({\n  id = \"screen-reader-announcement\",\n}: ScreenReaderAnnouncementProps) {\n  const { announcement, politeness } = useScreenReaderAnnouncement();\n\n  return (\n    <div\n      aria-atomic=\"true\"\n      aria-live={politeness}\n      className=\"sr-only\"\n      id={id}\n      role={politeness === \"assertive\" ? \"alert\" : \"status\"}>\n      {announcement}\n    </div>\n  );\n}\n\n/**\n * Re-export the hook for convenience\n */\nexport { useScreenReaderAnnouncement };\n"],"mappings":";;;;;;;;;;;;;AAmBA,SAAgB,yBAAyB,EACvC,KAAK,gCAC2B;CAChC,MAAM,EAAE,cAAc,eAAe,6BAA6B;AAElE,QACE,oBAAC,OAAD;EACE,eAAY;EACZ,aAAW;EACX,WAAU;EACN;EACJ,MAAM,eAAe,cAAc,UAAU;YAC5C;EACG"}

package/dist/esm/components/screen-reader/hooks/useScreenReaderAnnouncement.d.ts

@@ -0,0 +1,10 @@
+//#region src/components/screen-reader/hooks/useScreenReaderAnnouncement.d.ts
+type PolitenessLevel = "assertive" | "polite";
+declare function useScreenReaderAnnouncement(): {
+  announce: any;
+  announcement: any;
+  politeness: any;
+};
+//#endregion
+export { PolitenessLevel, useScreenReaderAnnouncement };
+//# sourceMappingURL=useScreenReaderAnnouncement.d.ts.map

package/dist/esm/components/screen-reader/hooks/useScreenReaderAnnouncement.js

@@ -0,0 +1,30 @@
+import React from "react";
+
+//#region src/components/screen-reader/hooks/useScreenReaderAnnouncement.ts
+function useScreenReaderAnnouncement() {
+	const [announcement, setAnnouncement] = React.useState("");
+	const [politeness, setPoliteness] = React.useState("polite");
+	const timeoutRef = React.useRef(null);
+	const announce = React.useCallback((message, level = "polite") => {
+		if (timeoutRef.current !== null) window.clearTimeout(timeoutRef.current);
+		setAnnouncement(message);
+		setPoliteness(level);
+		timeoutRef.current = window.setTimeout(() => {
+			setAnnouncement("");
+		}, 3e3);
+	}, []);
+	React.useEffect(() => {
+		return () => {
+			if (timeoutRef.current !== null) window.clearTimeout(timeoutRef.current);
+		};
+	}, []);
+	return {
+		announce,
+		announcement,
+		politeness
+	};
+}
+
+//#endregion
+export { useScreenReaderAnnouncement };
+//# sourceMappingURL=useScreenReaderAnnouncement.js.map

package/dist/esm/components/screen-reader/hooks/useScreenReaderAnnouncement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenReaderAnnouncement.js","names":[],"sources":["../../../../../src/components/screen-reader/hooks/useScreenReaderAnnouncement.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PolitenessLevel = \"assertive\" | \"polite\";\n\nexport function useScreenReaderAnnouncement() {\n  const [announcement, setAnnouncement] = React.useState(\"\");\n  const [politeness, setPoliteness] = React.useState<PolitenessLevel>(\"polite\");\n  // Use number type for browser compatibility\n  const timeoutRef = React.useRef<null | number>(null);\n\n  const announce = React.useCallback(\n    (message: string, level: PolitenessLevel = \"polite\") => {\n      // Clear any existing timeout\n      if (timeoutRef.current !== null) {\n        window.clearTimeout(timeoutRef.current);\n      }\n\n      // Set the announcement and politeness level\n      setAnnouncement(message);\n      setPoliteness(level);\n\n      // Clear the announcement after a delay to prevent duplicate announcements\n      timeoutRef.current = window.setTimeout(() => {\n        setAnnouncement(\"\");\n      }, 3000);\n    },\n    [],\n  );\n\n  // Clean up timeout on unmount\n  React.useEffect(() => {\n    return () => {\n      if (timeoutRef.current !== null) {\n        window.clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  return { announce, announcement, politeness };\n}\n"],"mappings":";;;AAIA,SAAgB,8BAA8B;CAC5C,MAAM,CAAC,cAAc,mBAAmB,MAAM,SAAS,GAAG;CAC1D,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAA0B,SAAS;CAE7E,MAAM,aAAa,MAAM,OAAsB,KAAK;CAEpD,MAAM,WAAW,MAAM,aACpB,SAAiB,QAAyB,aAAa;AAEtD,MAAI,WAAW,YAAY,KACzB,QAAO,aAAa,WAAW,QAAQ;AAIzC,kBAAgB,QAAQ;AACxB,gBAAc,MAAM;AAGpB,aAAW,UAAU,OAAO,iBAAiB;AAC3C,mBAAgB,GAAG;KAClB,IAAK;IAEV,EAAE,CACH;AAGD,OAAM,gBAAgB;AACpB,eAAa;AACX,OAAI,WAAW,YAAY,KACzB,QAAO,aAAa,WAAW,QAAQ;;IAG1C,EAAE,CAAC;AAEN,QAAO;EAAE;EAAU;EAAc;EAAY"}

package/dist/esm/components/shared/UnifiedFooter.d.ts

@@ -0,0 +1,17 @@
+import { FooterEnvironment } from "./types/footer.js";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/shared/UnifiedFooter.d.ts
+interface UnifiedFooterProps<T extends BaseRecord = any> {
+  className?: string;
+  config: any;
+  environment: Partial<FooterEnvironment<T>>;
+}
+declare function UnifiedFooter<T extends BaseRecord = any>({
+  className,
+  config,
+  environment
+}: UnifiedFooterProps<T>): any;
+//#endregion
+export { UnifiedFooter };
+//# sourceMappingURL=UnifiedFooter.d.ts.map

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

@@ -0,0 +1,210 @@
+import { ActionItemType } from "../actions/types.js";
+import { createActionHelpers, createDialogActions, createFormActions, createStepActions, createWizardActions, evaluateSubmitLabel } from "../actions/actionHelpers.js";
+import { isActionButtonsFunction } from "../form/types.js";
+import { FooterContextProvider, useOptionalFooterContext } from "./context/FooterContext.js";
+import { isDialogContainer } from "./types/container.js";
+import { isSimpleForm, isStepForm, isWizardForm } from "./types/form.js";
+import { FooterType } from "./registry/types.js";
+import { footerRegistry } from "./registry/FooterRegistry.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/UnifiedFooter.tsx
+var ActionGeneratorRegistry = class {
+	generators = [];
+	generateActions(environment, submitLabel) {
+		for (const generator of this.generators) if (generator.checker(environment)) return generator.generator(environment, submitLabel);
+		return [];
+	}
+	register(generator) {
+		this.generators.push(generator);
+		this.generators.sort((a, b) => b.priority - a.priority);
+	}
+};
+const actionGeneratorRegistry = new ActionGeneratorRegistry();
+actionGeneratorRegistry.register({
+	checker: (environment) => isDialogContainer(environment?.container) && environment.container?.dialogConfig?.type === "alert",
+	generator: (environment, submitLabel) => {
+		return createDialogActions({
+			cancelLabel: submitLabel || "Continue",
+			onCancel: environment?.container?.onClose,
+			type: "alert"
+		});
+	},
+	priority: 350
+});
+actionGeneratorRegistry.register({
+	checker: (environment) => isDialogContainer(environment?.container) && environment.container?.dialogConfig?.type === "confirm",
+	generator: (environment, submitLabel) => {
+		return createDialogActions({
+			cancelLabel: submitLabel || "Cancel",
+			confirmLabel: submitLabel || "Continue",
+			onCancel: (environment?.container)?.onClose,
+			onConfirm: ((environment?.container)?.dialogConfig)?.onConfirm,
+			type: "confirm"
+		});
+	},
+	priority: 325
+});
+actionGeneratorRegistry.register({
+	checker: (environment) => isWizardForm(environment?.form) && !!environment?.step,
+	generator: (environment, submitLabel) => {
+		const step = environment?.step;
+		return createWizardActions({
+			isFirst: step?.isFirst,
+			isLast: step?.isLast,
+			isSubmitting: environment?.form?.isSubmitting,
+			onClose: environment?.container?.onClose,
+			onNext: environment?.form?.methods?.handleSubmit,
+			onPrevious: step?.onPrevious,
+			onSubmit: environment?.form?.methods?.handleSubmit,
+			submitLabel: submitLabel || "Submit"
+		});
+	},
+	priority: 500
+});
+actionGeneratorRegistry.register({
+	checker: (environment) => isStepForm(environment?.form) && !!environment?.step,
+	generator: (environment, submitLabel) => {
+		const step = environment?.step;
+		return createStepActions({
+			isFirst: step?.isFirst,
+			isLast: step?.isLast,
+			isSubmitting: environment?.form?.isSubmitting,
+			onClose: environment?.container?.onClose,
+			onNext: step?.onNext,
+			onPrevious: step?.onPrevious,
+			submitLabel: submitLabel || "Submit"
+		});
+	},
+	priority: 400
+});
+actionGeneratorRegistry.register({
+	checker: (environment) => isDialogContainer(environment?.container) && !isSimpleForm(environment?.form),
+	generator: (environment, submitLabel) => {
+		return createDialogActions({
+			cancelLabel: submitLabel || "Done",
+			onCancel: environment?.container?.onClose,
+			type: "confirm"
+		});
+	},
+	priority: 300
+});
+actionGeneratorRegistry.register({
+	checker: (environment) => !!environment?.form && !isWizardForm(environment?.form) && !isStepForm(environment?.form),
+	generator: (environment, submitLabel) => {
+		return createFormActions({
+			isSubmitting: environment?.form?.isSubmitting,
+			onCancel: isDialogContainer(environment?.container) ? environment?.container?.onClose : void 0,
+			onSubmit: environment?.form?.methods?.handleSubmit,
+			showCancel: isDialogContainer(environment?.container) && !!environment?.container?.onClose,
+			submitLabel
+		});
+	},
+	priority: 200
+});
+actionGeneratorRegistry.register({
+	checker: (environment) => !!environment?.form,
+	generator: (environment, submitLabel) => {
+		const { submit } = createActionHelpers();
+		return [submit(environment?.form?.methods?.handleSubmit, submitLabel, environment?.form?.isSubmitting)];
+	},
+	priority: 100
+});
+function UnifiedFooter({ className, config, environment }) {
+	config && useEnvironmentSync(environment, config.environmentSync);
+	return /* @__PURE__ */ jsx(FooterContextProvider, {
+		value: environment,
+		children: /* @__PURE__ */ jsx(UnifiedFooterInner, {
+			className,
+			config
+		})
+	});
+}
+function generateDefaultActions(environment, submitLabel) {
+	return actionGeneratorRegistry.generateActions(environment, submitLabel);
+}
+function UnifiedFooterInner({ className, config }) {
+	const environment = useOptionalFooterContext();
+	config && useEnvironmentSync(environment, config.environmentSync);
+	const footerType = footerRegistry.resolveType(config, environment);
+	const FooterComponent = footerRegistry.get(footerType);
+	const submitLabel = useMemo(() => {
+		if (environment.form && isWizardForm(environment?.form) && environment.step) {
+			const currentStepIndex = environment.step.current - 1;
+			const currentStep = config.steps?.[currentStepIndex];
+			if (currentStep?.submitLabel) {
+				const evaluationContext = {
+					formMethods: environment.form?.methods,
+					stepContext: {
+						currentStep: currentStepIndex,
+						isLastStep: environment.step.isLast
+					},
+					wizardConfig: config
+				};
+				const evaluatedLabel = evaluateSubmitLabel(currentStep.submitLabel, evaluationContext);
+				if (evaluatedLabel !== void 0) return String(evaluatedLabel);
+			}
+		}
+		const evaluatedLabel = evaluateSubmitLabel(config && "submitLabel" in config ? config.submitLabel : void 0, {
+			formMethods: environment.form?.methods,
+			stepContext: environment.step ? {
+				currentStep: environment.step.current - 1,
+				isLastStep: environment.step.isLast
+			} : void 0,
+			wizardConfig: environment.form && isWizardForm(environment.form) && environment.step ? config : void 0
+		});
+		if (evaluatedLabel !== void 0) return String(evaluatedLabel);
+	}, [config, environment]);
+	const actions = useMemo(() => {
+		let baseActions = void 0;
+		if (environment.form && isWizardForm(environment.form) && environment.step) {
+			const currentStepIndex = environment.step.current - 1;
+			const currentStep = config.steps?.[currentStepIndex];
+			if (currentStep?.actionButtons !== void 0) baseActions = currentStep.actionButtons;
+		}
+		if (baseActions === void 0) baseActions = config && "actionButtons" in config ? config.actionButtons : void 0;
+		if (config && Array.isArray(config.footer)) baseActions = config.footer;
+		if (isActionButtonsFunction(baseActions)) {
+			const evaluatedActions = baseActions({ environment });
+			if (evaluatedActions === false) return [];
+			if (evaluatedActions === void 0) return generateDefaultActions(environment, submitLabel);
+			return evaluatedActions.map((action) => ({
+				...action,
+				loading: action.type === "submit" && environment.form?.isSubmitting,
+				onClick: action.type === "submit" ? environment.form?.methods?.handleSubmit : action.onClick
+			}));
+		}
+		if (config && Array.isArray(config.footer)) baseActions = config.footer;
+		if (baseActions === false) return [];
+		if (!baseActions) return generateDefaultActions(environment, submitLabel);
+		return baseActions.map((action) => ({
+			...action,
+			loading: action.type === "submit" && environment.form?.isSubmitting,
+			onClick: action.type === "submit" ? environment.form?.methods?.handleSubmit : action.onClick
+		}));
+	}, [
+		config,
+		environment,
+		submitLabel
+	]);
+	const needsFormProps = ["form", "step_form"].includes(footerType);
+	const baseProps = {
+		actionButtons: actions,
+		className,
+		environment,
+		isSubmitting: environment.form?.isSubmitting ?? false,
+		onClose: environment.container && isDialogContainer(environment.container) ? environment.container.onClose : void 0
+	};
+	return /* @__PURE__ */ jsx(FooterComponent, { ...needsFormProps ? {
+		...baseProps,
+		onConfirm: environment.form?.methods?.handleSubmit,
+		submitLabel
+	} : baseProps });
+}
+
+//#endregion
+export { UnifiedFooter };
+//# sourceMappingURL=UnifiedFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnifiedFooter.js","names":[],"sources":["../../../../src/components/shared/UnifiedFooter.tsx"],"sourcesContent":["import type { BaseRecord } from \"@refinedev/core\";\n\nimport React, { useMemo } from \"react\";\n\nimport { FooterType } from \"./registry/types\";\n\nimport {\n  ConfirmDialogConfig,\n  DialogContainerEnvironment,\n  isActionButtonsFunction,\n} from \"@/components\";\nimport {\n  ActionItemConfig,\n  ActionItemType,\n  createActionHelpers,\n  createDialogActions,\n  createFormActions,\n  createStepActions,\n  createWizardActions,\n  evaluateSubmitLabel,\n  type SubmitLabelEvaluationContext,\n} from \"@/components\";\nimport {\n  FooterContextProvider,\n  useOptionalFooterContext,\n} from \"./context/FooterContext\";\nimport { footerRegistry } from \"./registry/FooterRegistry\";\nimport {\n  BaseFooterProps,\n  FooterEnvironment,\n  isDialogContainer,\n  isWizardForm,\n  isStepForm,\n  isSimpleForm,\n} from \"./types\";\nimport { useEnvironmentSync } from \"./hooks/useEnvironmentSync\";\n\n// Action generator registry pattern\ninterface ActionGenerator<T extends BaseRecord = any> {\n  checker: (environment: Partial<FooterEnvironment<T>>) => boolean;\n  generator: (\n    environment: Partial<FooterEnvironment<T>>,\n    submitLabel: string,\n  ) => ActionItemConfig[];\n  priority: number;\n}\n\nclass ActionGeneratorRegistry<T extends BaseRecord = any> {\n  private generators: ActionGenerator<T>[] = [];\n\n  generateActions(\n    environment: Partial<FooterEnvironment<T>>,\n    submitLabel: string,\n  ): ActionItemConfig[] {\n    for (const generator of this.generators) {\n      if (generator.checker(environment)) {\n        // Return actions from first matching generator only\n        return generator.generator(environment, submitLabel);\n      }\n    }\n\n    return [];\n  }\n\n  register(generator: ActionGenerator<T>): void {\n    this.generators.push(generator);\n    // Sort by priority (higher priority first)\n    this.generators.sort((a, b) => b.priority - a.priority);\n  }\n}\n\n// Create registry instance\nconst actionGeneratorRegistry = new ActionGeneratorRegistry();\n\n// Register alert dialog action generator (highest priority)\nactionGeneratorRegistry.register({\n  checker: (environment) =>\n    isDialogContainer(environment?.container) &&\n    environment.container?.dialogConfig?.type === \"alert\",\n  generator: (environment, submitLabel) => {\n    return createDialogActions({\n      cancelLabel: submitLabel || \"Continue\",\n      onCancel: environment?.container?.onClose,\n      type: \"alert\",\n    });\n  },\n  priority: 350,\n});\n\n// Register confirm dialog action generator (high priority)\nactionGeneratorRegistry.register({\n  checker: (environment) =>\n    isDialogContainer(environment?.container) &&\n    environment.container?.dialogConfig?.type === \"confirm\",\n  generator: (environment, submitLabel) => {\n    return createDialogActions({\n      cancelLabel: submitLabel || \"Cancel\",\n      confirmLabel: submitLabel || \"Continue\",\n      onCancel: (environment?.container as DialogContainerEnvironment)?.onClose,\n      onConfirm: (\n        (environment?.container as DialogContainerEnvironment)\n          ?.dialogConfig as ConfirmDialogConfig\n      )?.onConfirm,\n      type: \"confirm\",\n    });\n  },\n  priority: 325,\n});\n\n// Register wizard form navigation action generator (most specific)\nactionGeneratorRegistry.register({\n  checker: (environment) =>\n    isWizardForm(environment?.form) && !!environment?.step,\n  generator: (environment, submitLabel) => {\n    const step = environment?.step;\n\n    return createWizardActions({\n      isFirst: step?.isFirst,\n      isLast: step?.isLast,\n      isSubmitting: environment?.form?.isSubmitting,\n      onClose: environment?.container?.onClose,\n      onNext: environment?.form?.methods?.handleSubmit,\n      onPrevious: step?.onPrevious,\n      onSubmit: environment?.form?.methods?.handleSubmit,\n      submitLabel: submitLabel || \"Submit\",\n    });\n  },\n  priority: 500,\n});\n\n// Register step form navigation action generator\nactionGeneratorRegistry.register({\n  checker: (environment) =>\n    isStepForm(environment?.form) && !!environment?.step,\n  generator: (environment, submitLabel) => {\n    const step = environment?.step;\n\n    return createStepActions({\n      isFirst: step?.isFirst,\n      isLast: step?.isLast,\n      isSubmitting: environment?.form?.isSubmitting,\n      onClose: environment?.container?.onClose,\n      onNext: step?.onNext,\n      onPrevious: step?.onPrevious,\n      submitLabel: submitLabel || \"Submit\",\n    });\n  },\n  priority: 400,\n});\n\n// Register dialog cancel action generator\nactionGeneratorRegistry.register({\n  checker: (environment) =>\n    isDialogContainer(environment?.container) &&\n    !isSimpleForm(environment?.form),\n  generator: (environment, submitLabel) => {\n    return createDialogActions({\n      cancelLabel: submitLabel || \"Done\",\n      onCancel: environment?.container?.onClose,\n      type: \"confirm\",\n    });\n  },\n  priority: 300,\n});\n\n// Register form footer action generator\nactionGeneratorRegistry.register({\n  checker: (environment) =>\n    !!environment?.form &&\n    !isWizardForm(environment?.form) &&\n    !isStepForm(environment?.form),\n  generator: (environment, submitLabel) => {\n    return createFormActions({\n      isSubmitting: environment?.form?.isSubmitting,\n      onCancel: isDialogContainer(environment?.container)\n        ? environment?.container?.onClose\n        : undefined,\n      onSubmit: environment?.form?.methods?.handleSubmit,\n      showCancel:\n        isDialogContainer(environment?.container) &&\n        !!environment?.container?.onClose,\n      submitLabel,\n    });\n  },\n  priority: 200,\n});\n\n// Register simple form submit action generator (most broad)\nactionGeneratorRegistry.register({\n  checker: (environment) => !!environment?.form,\n  generator: (environment, submitLabel) => {\n    const { submit } = createActionHelpers();\n    return [\n      submit(\n        environment?.form?.methods?.handleSubmit,\n        submitLabel,\n        environment?.form?.isSubmitting,\n      ),\n    ];\n  },\n  priority: 100,\n});\n\ninterface UnifiedFooterProps<T extends BaseRecord = any> {\n  className?: string;\n  config: any;\n  environment: Partial<FooterEnvironment<T>>;\n}\n\nexport function UnifiedFooter<T extends BaseRecord = any>({\n  className,\n  config,\n  environment,\n}: UnifiedFooterProps<T>) {\n  // Implement environment sync mechanism\n  config && useEnvironmentSync(environment, config.environmentSync);\n\n  return (\n    <FooterContextProvider value={environment}>\n      <UnifiedFooterInner className={className} config={config} />\n    </FooterContextProvider>\n  );\n}\n\nfunction generateDefaultActions<T extends BaseRecord = any>(\n  environment: Partial<FooterEnvironment<T>>,\n  submitLabel: string,\n): ActionItemConfig[] {\n  return actionGeneratorRegistry.generateActions(environment, submitLabel);\n}\n\nfunction UnifiedFooterInner<T extends BaseRecord = any>({\n  className,\n  config,\n}: Omit<UnifiedFooterProps<T>, \"environment\">) {\n  const environment = useOptionalFooterContext<T>();\n\n  // Implement environment sync mechanism\n  config && useEnvironmentSync(environment, config.environmentSync);\n\n  const footerType = footerRegistry.resolveType(config, environment);\n  const FooterComponent = footerRegistry.get(footerType);\n\n  // Smart submit label evaluation\n  const submitLabel = useMemo(() => {\n    // Check if we're in a step context and if the current step has a submitLabel\n    if (\n      environment.form &&\n      isWizardForm(environment?.form) &&\n      environment.step\n    ) {\n      const currentStepIndex = environment.step.current - 1;\n      const currentStep = config.steps?.[currentStepIndex];\n\n      if (currentStep?.submitLabel) {\n        // Create typed evaluation context for step-specific submit label\n        const evaluationContext: SubmitLabelEvaluationContext = {\n          formMethods: environment.form?.methods,\n          stepContext: {\n            currentStep: currentStepIndex,\n            isLastStep: environment.step.isLast,\n          },\n          wizardConfig: config,\n        };\n\n        // Evaluate step-specific submit label and ensure it's a string\n        const evaluatedLabel = evaluateSubmitLabel(\n          currentStep.submitLabel,\n          evaluationContext,\n        );\n        if (evaluatedLabel !== undefined) {\n          return String(evaluatedLabel);\n        }\n      }\n    }\n\n    // Fallback to form-level submit label\n    const label =\n      config && \"submitLabel\" in config ? config.submitLabel : undefined;\n\n    // Create typed evaluation context\n    const evaluationContext: SubmitLabelEvaluationContext = {\n      formMethods: environment.form?.methods,\n      stepContext: environment.step\n        ? {\n            currentStep: environment.step.current - 1, // Convert to 0-based index for steps array\n            isLastStep: environment.step.isLast,\n          }\n        : undefined,\n      wizardConfig:\n        environment.form && isWizardForm(environment.form) && environment.step\n          ? config\n          : undefined,\n    };\n\n    // Use enhanced evaluateSubmitLabel helper with typed context\n    const evaluatedLabel = evaluateSubmitLabel(label, evaluationContext);\n\n    // Ensure submitLabel is always a string with a safe default\n    if (evaluatedLabel !== undefined) {\n      return String(evaluatedLabel);\n    }\n  }, [config, environment]);\n\n  // Smart action mapping\n  const actions = useMemo(() => {\n    let baseActions: any = undefined;\n\n    // Check if we're in a step context and if the current step has actionButtons\n    if (\n      environment.form &&\n      isWizardForm(environment.form) &&\n      environment.step\n    ) {\n      const currentStepIndex = environment.step.current - 1;\n      const currentStep = config.steps?.[currentStepIndex];\n\n      if (currentStep?.actionButtons !== undefined) {\n        baseActions = currentStep.actionButtons;\n      }\n    }\n\n    // Fallback to form-level actionButtons if step doesn't have them\n    if (baseActions === undefined) {\n      baseActions =\n        config && \"actionButtons\" in config ? config.actionButtons : undefined;\n    }\n\n    // Check if the footer config has an actions array\n    if (config && Array.isArray(config.footer)) {\n      baseActions = config.footer;\n    }\n\n    // Check if baseActions is a function and evaluate it\n    if (isActionButtonsFunction(baseActions)) {\n      const evaluatedActions = baseActions({\n        environment,\n      });\n\n      // If function returns false, disable actions\n      if (evaluatedActions === false) {\n        return [];\n      }\n\n      // If function returns undefined, fallback to default actions\n      if (evaluatedActions === undefined) {\n        return generateDefaultActions(environment, submitLabel);\n      }\n\n      // If function returns action array, use those actions\n      return evaluatedActions.map((action) => ({\n        ...action,\n        loading:\n          action.type === ActionItemType.SUBMIT &&\n          environment.form?.isSubmitting,\n        onClick:\n          action.type === ActionItemType.SUBMIT\n            ? environment.form?.methods?.handleSubmit\n            : action.onClick,\n      }));\n    }\n\n    // Check if the footer config has an actions array\n    if (config && Array.isArray(config.footer)) {\n      baseActions = config.footer;\n    }\n\n    // If baseActions false, disable actions\n    if (baseActions === false) {\n      return [];\n    }\n\n    if (!baseActions) {\n      return generateDefaultActions(environment, submitLabel);\n    }\n\n    return baseActions.map((action) => ({\n      ...action,\n      loading:\n        action.type === ActionItemType.SUBMIT && environment.form?.isSubmitting,\n      onClick:\n        action.type === ActionItemType.SUBMIT\n          ? environment.form?.methods?.handleSubmit\n          : action.onClick,\n    }));\n  }, [config, environment, submitLabel]);\n\n  // Determine if footer type needs form-specific props\n  const needsFormProps = [FooterType.FORM, FooterType.STEP_FORM].includes(\n    footerType,\n  );\n\n  const baseProps: BaseFooterProps<T> = {\n    actionButtons: actions,\n    className,\n    environment,\n    isSubmitting: environment.form?.isSubmitting ?? false,\n    onClose:\n      environment.container && isDialogContainer(environment.container)\n        ? environment.container.onClose\n        : undefined,\n  };\n\n  // Explicitly handle props based on footer type\n  const props = needsFormProps\n    ? {\n        ...baseProps,\n        onConfirm: environment.form?.methods?.handleSubmit,\n        submitLabel,\n      }\n    : baseProps;\n\n  return <FooterComponent {...props} />;\n}\n"],"mappings":"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"}

package/dist/esm/components/shared/UnifiedHeader.d.ts

@@ -0,0 +1,17 @@
+import { DialogConfig } from "../dialog/Dialog.types.js";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/shared/UnifiedHeader.d.ts
+interface UnifiedHeaderProps<T extends BaseRecord = any> {
+  className?: string;
+  config: any | DialogConfig<T>;
+  environment: any;
+}
+declare function UnifiedHeader<T extends BaseRecord = any>({
+  className,
+  config,
+  environment
+}: UnifiedHeaderProps<T>): any;
+//#endregion
+export { UnifiedHeader };
+//# sourceMappingURL=UnifiedHeader.d.ts.map