@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/layout/MobileMenu.cjs

@@ -0,0 +1,60 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_MainNavigation = require('../MainNavigation.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let _refinedev_core = require("@refinedev/core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+
+//#region src/components/layout/MobileMenu.tsx
+function MobileMenu() {
+	const [open, setOpen] = react.default.useState(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.Sheet, {
+		onOpenChange: setOpen,
+		open,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.SheetTrigger, {
+			asChild: true,
+			className: "ml-2 lg:hidden",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+				className: "h-8 w-8",
+				size: "icon",
+				variant: "outline",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MenuIcon, { size: 18 })
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.SheetContent, {
+			className: "flex h-full flex-col px-3 sm:w-72",
+			side: "right",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.SheetHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+				asChild: true,
+				className: "flex items-center justify-center pb-2 pt-1",
+				variant: "link",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_refinedev_core.Link, {
+					className: "flex items-center gap-2",
+					to: "/dashboard",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.SheetTitle, {
+						className: "text-lg font-bold",
+						children: "Portal"
+					})
+				})
+			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_MainNavigation.MainNavigation, {
+				isOpen: true,
+				onItemClick: () => setOpen(false)
+			})]
+		})]
+	});
+}
+var init_MobileMenu = require_rolldown_runtime.__esmMin((() => {
+	require_components_MainNavigation.init_MainNavigation();
+}));
+
+//#endregion
+init_MobileMenu();
+exports.MobileMenu = MobileMenu;
+Object.defineProperty(exports, 'init_MobileMenu', {
+  enumerable: true,
+  get: function () {
+    return init_MobileMenu;
+  }
+});
+//# sourceMappingURL=MobileMenu.cjs.map

package/dist/cjs/components/layout/MobileMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileMenu.cjs","names":["React","Sheet","SheetTrigger","Button","MenuIcon","SheetContent","SheetHeader","Link","SheetTitle","MainNavigation"],"sources":["../../../../src/components/layout/MobileMenu.tsx"],"sourcesContent":["import {\n  Button,\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { Link } from \"@refinedev/core\";\nimport { MenuIcon } from \"lucide-react\";\nimport React from \"react\";\n\nimport { MainNavigation } from \"@/components/MainNavigation\";\n\nexport function MobileMenu() {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <Sheet onOpenChange={setOpen} open={open}>\n      <SheetTrigger asChild className=\"ml-2 lg:hidden\">\n        <Button className=\"h-8 w-8\" size=\"icon\" variant=\"outline\">\n          <MenuIcon size={18} />\n        </Button>\n      </SheetTrigger>\n      <SheetContent className=\"flex h-full flex-col px-3 sm:w-72\" side=\"right\">\n        <SheetHeader>\n          <Button\n            asChild\n            className=\"flex items-center justify-center pb-2 pt-1\"\n            variant=\"link\">\n            <Link className=\"flex items-center gap-2\" to=\"/dashboard\">\n              <SheetTitle className=\"text-lg font-bold\">Portal</SheetTitle>\n            </Link>\n          </Button>\n        </SheetHeader>\n        <MainNavigation isOpen onItemClick={() => setOpen(false)} />\n      </SheetContent>\n    </Sheet>\n  );\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,aAAa;CAC3B,MAAM,CAAC,MAAM,WAAWA,cAAM,SAAS,MAAM;AAE7C,QACE,4CAACC;EAAM,cAAc;EAAe;aAClC,2CAACC;GAAa;GAAQ,WAAU;aAC9B,2CAACC;IAAO,WAAU;IAAU,MAAK;IAAO,SAAQ;cAC9C,2CAACC,yBAAS,MAAM,KAAM;KACf;IACI,EACf,4CAACC;GAAa,WAAU;GAAoC,MAAK;cAC/D,2CAACC,2DACC,2CAACH;IACC;IACA,WAAU;IACV,SAAQ;cACR,2CAACI;KAAK,WAAU;KAA0B,IAAG;eAC3C,2CAACC;MAAW,WAAU;gBAAoB;OAAmB;MACxD;KACA,GACG,EACd,2CAACC;IAAe;IAAO,mBAAmB,QAAQ,MAAM;KAAI;IAC/C;GACT;;;wDAzBiD"}

package/dist/cjs/components/layout/MobileMenu.d.cts

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

package/dist/cjs/components/layout/PageHeader.cjs

@@ -0,0 +1,30 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/layout/PageHeader.tsx
+function PageHeader({ children, description, title }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center justify-between",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+			className: "text-2xl font-semibold text-white",
+			children: title
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "mt-1 text-gray-400",
+			children: description
+		})] }), children]
+	});
+}
+var init_PageHeader = require_rolldown_runtime.__esmMin((() => {}));
+
+//#endregion
+init_PageHeader();
+exports.PageHeader = PageHeader;
+Object.defineProperty(exports, 'init_PageHeader', {
+  enumerable: true,
+  get: function () {
+    return init_PageHeader;
+  }
+});
+//# sourceMappingURL=PageHeader.cjs.map

package/dist/cjs/components/layout/PageHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.cjs","names":[],"sources":["../../../../src/components/layout/PageHeader.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface PageHeaderProps {\n  children?: React.ReactNode;\n  description: string;\n  title: string;\n}\n\nexport function PageHeader({ children, description, title }: PageHeaderProps) {\n  return (\n    <div className=\"flex items-center justify-between\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-white\">{title}</h1>\n        <p className=\"mt-1 text-gray-400\">{description}</p>\n      </div>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAQA,SAAgB,WAAW,EAAE,UAAU,aAAa,SAA0B;AAC5E,QACE,4CAAC;EAAI,WAAU;aACb,4CAAC,oBACC,2CAAC;GAAG,WAAU;aAAqC;IAAW,EAC9D,2CAAC;GAAE,WAAU;aAAsB;IAAgB,IAC/C,EACL;GACG"}

package/dist/cjs/components/layout/PageHeader.d.cts

@@ -0,0 +1,16 @@
+import React from "react";
+
+//#region src/components/layout/PageHeader.d.ts
+interface PageHeaderProps {
+  children?: React.ReactNode;
+  description: string;
+  title: string;
+}
+declare function PageHeader({
+  children,
+  description,
+  title
+}: PageHeaderProps): any;
+//#endregion
+export { PageHeader };
+//# sourceMappingURL=PageHeader.d.cts.map

package/dist/cjs/components/layout/SidebarContext.cjs

@@ -0,0 +1,40 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/layout/SidebarContext.tsx
+var SidebarContext, SidebarProvider, useSidebarContext;
+var init_SidebarContext = require_rolldown_runtime.__esmMin((() => {
+	SidebarContext = (0, react.createContext)(void 0);
+	SidebarProvider = ({ children }) => {
+		const [isCollapsed, setIsCollapsed] = (0, react.useState)(false);
+		const toggleCollapsed = () => {
+			setIsCollapsed(!isCollapsed);
+		};
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarContext.Provider, {
+			value: {
+				isCollapsed,
+				toggleCollapsed
+			},
+			children
+		});
+	};
+	useSidebarContext = () => {
+		const context = (0, react.useContext)(SidebarContext);
+		if (!context) throw new Error("useSidebarContext must be used within a SidebarProvider");
+		return context;
+	};
+}));
+
+//#endregion
+init_SidebarContext();
+exports.SidebarProvider = SidebarProvider;
+Object.defineProperty(exports, 'init_SidebarContext', {
+  enumerable: true,
+  get: function () {
+    return init_SidebarContext;
+  }
+});
+exports.useSidebarContext = useSidebarContext;
+//# sourceMappingURL=SidebarContext.cjs.map

package/dist/cjs/components/layout/SidebarContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContext.cjs","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":";;;;;;;;CAOM,0CAA+D,OAAU;CAElE,mBAA4D,EACvE,eACI;EACJ,MAAM,CAAC,aAAa,sCAA2B,MAAM;EAErD,MAAM,wBAAwB;AAC5B,kBAAe,CAAC,YAAY;;AAG9B,SACE,2CAAC,eAAe;GAAS,OAAO;IAAE;IAAa;IAAiB;GAC7D;IACuB;;CAIjB,0BAA0B;EACrC,MAAM,gCAAqB,eAAe;AAC1C,MAAI,CAAC,QACH,OAAM,IAAI,MAAM,0DAA0D;AAE5E,SAAO"}

package/dist/cjs/components/layout/SidebarContext.d.cts

@@ -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.cts.map

package/dist/cjs/components/layout/SidebarToggle.cjs

@@ -0,0 +1,33 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+
+//#region src/components/layout/SidebarToggle.tsx
+function SidebarToggle({ isOpen, setIsOpen }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "invisible absolute -right-[20px] top-[12px] z-20 lg:visible",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+			"aria-label": isOpen ? "Close sidebar" : "Open sidebar",
+			className: "h-8 w-8 rounded-md",
+			onClick: () => setIsOpen?.(),
+			size: "icon",
+			variant: "outline",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, { className: (0, _lumeweb_portal_framework_ui_core.cn)("h-4 w-4 transition-transform duration-700 ease-in-out", isOpen === false ? "rotate-180" : "rotate-0") })
+		})
+	});
+}
+var init_SidebarToggle = require_rolldown_runtime.__esmMin((() => {}));
+
+//#endregion
+init_SidebarToggle();
+exports.SidebarToggle = SidebarToggle;
+Object.defineProperty(exports, 'init_SidebarToggle', {
+  enumerable: true,
+  get: function () {
+    return init_SidebarToggle;
+  }
+});
+//# sourceMappingURL=SidebarToggle.cjs.map

package/dist/cjs/components/layout/SidebarToggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarToggle.cjs","names":["Button","ChevronLeft"],"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,2CAAC;EAAI,WAAU;YACb,2CAACA;GACC,cAAY,SAAS,kBAAkB;GACvC,WAAU;GACV,eAAe,aAAa;GAC5B,MAAK;GACL,SAAQ;aACR,2CAACC,4BACC,qDACE,yDACA,WAAW,QAAQ,eAAe,WACnC,GACD;IACK;GACL"}

package/dist/cjs/components/layout/SidebarToggle.d.cts

@@ -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.cts.map

package/dist/cjs/components/layout/UserNav.cjs

@@ -0,0 +1,122 @@
+"use client";
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_hooks_useAvatar = require('../../hooks/useAvatar.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let _refinedev_core = require("@refinedev/core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+
+//#region src/components/layout/UserNav.tsx
+function UserNav() {
+	const { mutate: logout } = (0, _refinedev_core.useLogout)();
+	const { data: identity } = (0, _refinedev_core.useGetIdentity)();
+	const { avatarUrl, displayName, isLoading } = require_hooks_useAvatar.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__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TooltipProvider, {
+		disableHoverableContent: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.Tooltip, {
+			delayDuration: 100,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TooltipTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DropdownMenuTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+						"aria-label": isLoading ? "User avatar" : displayName || "User profile",
+						className: "relative h-8 w-8 rounded-full",
+						variant: "outline",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.Avatar, {
+							className: "h-8 w-8",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.AvatarImage, {
+								alt: getAvatarAltText(),
+								src: avatarUrl
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.AvatarFallback, {
+								className: "bg-transparent",
+								children: getAvatarFallback()
+							})]
+						})
+					})
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TooltipContent, {
+				side: "bottom",
+				children: "Profile"
+			})]
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.DropdownMenuContent, {
+		align: "end",
+		className: "w-56",
+		forceMount: true,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DropdownMenuLabel, {
+				className: "font-normal",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col space-y-1",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: "text-sm font-medium leading-none",
+						children: [
+							firstName,
+							" ",
+							lastName
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-muted-foreground text-xs leading-none",
+						children: email
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DropdownMenuSeparator, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.DropdownMenuGroup, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DropdownMenuItem, {
+				asChild: true,
+				className: "hover:cursor-pointer",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_refinedev_core.Link, {
+					className: "flex items-center",
+					to: "/dashboard",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LayoutGrid, { className: "text-muted-foreground mr-3 h-4 w-4" }), "Dashboard"]
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DropdownMenuItem, {
+				asChild: true,
+				className: "hover:cursor-pointer",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_refinedev_core.Link, {
+					className: "flex items-center",
+					to: "/account",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.User, { className: "text-muted-foreground mr-3 h-4 w-4" }), "Account"]
+				})
+			})] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DropdownMenuSeparator, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.DropdownMenuItem, {
+				className: "hover:cursor-pointer",
+				onClick: () => logout(),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LogOut, { className: "text-muted-foreground mr-3 h-4 w-4" }), "Sign out"]
+			})
+		]
+	})] });
+}
+var init_UserNav = require_rolldown_runtime.__esmMin((() => {
+	require_hooks_useAvatar.init_useAvatar();
+}));
+
+//#endregion
+init_UserNav();
+exports.UserNav = UserNav;
+Object.defineProperty(exports, 'init_UserNav', {
+  enumerable: true,
+  get: function () {
+    return init_UserNav;
+  }
+});
+//# sourceMappingURL=UserNav.cjs.map

package/dist/cjs/components/layout/UserNav.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserNav.cjs","names":["useAvatar","DropdownMenu","TooltipProvider","Tooltip","TooltipTrigger","DropdownMenuTrigger","Button","Avatar","AvatarImage","AvatarFallback","TooltipContent","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuItem","Link","LayoutGrid","User","LogOut"],"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,2CAAsB;CACtC,MAAM,EAAE,MAAM,kDAAuC;CACrD,MAAM,EAAE,WAAW,aAAa,cAAcA,mCAAW;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,4CAACC,6DACC,2CAACC;EAAgB;YACf,4CAACC;GAAQ,eAAe;cACtB,2CAACC;IAAe;cACd,2CAACC;KAAoB;eACnB,2CAACC;MACC,cACE,YAAY,gBAAgB,eAAe;MAE7C,WAAU;MACV,SAAQ;gBACR,4CAACC;OAAO,WAAU;kBAChB,2CAACC;QAAY,KAAK,kBAAkB;QAAE,KAAK;SAAa,EACxD,2CAACC;QAAe,WAAU;kBACvB,mBAAmB;SACL;QACV;OACF;MACW;KACP,EACjB,2CAACC;IAAe,MAAK;cAAS;KAAwB;IAC9C;GACM,EAElB,4CAACC;EAAoB,OAAM;EAAM,WAAU;EAAO;;GAChD,2CAACC;IAAkB,WAAU;cAC3B,4CAAC;KAAI,WAAU;gBACb,4CAAC;MAAE,WAAU;;OACV;OAAU;OAAE;;OACX,EACJ,2CAAC;MAAE,WAAU;gBACV;OACC;MACA;KACY;GACpB,2CAACC,4DAAwB;GACzB,4CAACC,kEACC,2CAACC;IAAiB;IAAQ,WAAU;cAClC,4CAACC;KAAK,WAAU;KAAoB,IAAG;gBACrC,2CAACC,2BAAW,WAAU,uCAAuC;MAExD;KACU,EACnB,2CAACF;IAAiB;IAAQ,WAAU;cAClC,4CAACC;KAAK,WAAU;KAAoB,IAAG;gBACrC,2CAACE,qBAAK,WAAU,uCAAuC;MAElD;KACU,IACD;GACpB,2CAACL,4DAAwB;GACzB,4CAACE;IACC,WAAU;IACV,eAAe,QAAQ;eACvB,2CAACI,uBAAO,WAAU,uCAAuC;KAExC;;GACC,IACT;;;yCAlG2B"}

package/dist/cjs/components/layout/UserNav.d.cts

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

package/dist/cjs/components/layout/index.cjs

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_layout_SidebarContext = require('./SidebarContext.cjs');
+const require_components_layout_SidebarToggle = require('./SidebarToggle.cjs');
+const require_components_layout_DesktopSidebar = require('./DesktopSidebar.cjs');
+const require_components_layout_UserNav = require('./UserNav.cjs');
+const require_components_layout_MobileMenu = require('./MobileMenu.cjs');
+const require_components_layout_PageHeader = require('./PageHeader.cjs');
+const require_components_layout_GeneralLayout = require('./GeneralLayout.cjs');
+
+//#region src/components/layout/index.ts
+var init_layout = require_rolldown_runtime.__esmMin((() => {
+	init_DesktopSidebar();
+	init_UserNav();
+	init_MobileMenu();
+	init_PageHeader();
+	init_SidebarContext();
+	init_SidebarToggle();
+	init_GeneralLayout();
+}));
+
+//#endregion
+init_layout();
+exports.GeneralLayout = require_components_layout_GeneralLayout.GeneralLayout;
+exports.MobileMenu = require_components_layout_MobileMenu.MobileMenu;
+exports.PageHeader = require_components_layout_PageHeader.PageHeader;
+exports.SidebarProvider = require_components_layout_SidebarContext.SidebarProvider;
+exports.SidebarToggle = require_components_layout_SidebarToggle.SidebarToggle;
+exports.UserNav = require_components_layout_UserNav.UserNav;
+Object.defineProperty(exports, 'init_layout', {
+  enumerable: true,
+  get: function () {
+    return init_layout;
+  }
+});
+exports.useSidebarContext = require_components_layout_SidebarContext.useSidebarContext;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/layout/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/layout/index.ts"],"sourcesContent":["export * from \"./DesktopSidebar\";\nexport * from \"./UserNav\";\nexport * from \"./MobileMenu\";\nexport * from \"./PageHeader\";\nexport * from \"./SidebarContext\";\nexport * from \"./SidebarToggle\";\nexport * from \"./GeneralLayout\";\n"],"mappings":""}

package/dist/cjs/components/layout/index.d.cts

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

package/dist/cjs/components/screen-reader/ScreenReaderAnnouncement.cjs

@@ -0,0 +1,41 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_screen_reader_hooks_useScreenReaderAnnouncement = require('./hooks/useScreenReaderAnnouncement.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("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 } = require_components_screen_reader_hooks_useScreenReaderAnnouncement.useScreenReaderAnnouncement();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"aria-atomic": "true",
+		"aria-live": politeness,
+		className: "sr-only",
+		id,
+		role: politeness === "assertive" ? "alert" : "status",
+		children: announcement
+	});
+}
+var init_ScreenReaderAnnouncement = require_rolldown_runtime.__esmMin((() => {
+	require_components_screen_reader_hooks_useScreenReaderAnnouncement.init_useScreenReaderAnnouncement();
+}));
+
+//#endregion
+init_ScreenReaderAnnouncement();
+exports.ScreenReaderAnnouncement = ScreenReaderAnnouncement;
+Object.defineProperty(exports, 'init_ScreenReaderAnnouncement', {
+  enumerable: true,
+  get: function () {
+    return init_ScreenReaderAnnouncement;
+  }
+});
+exports.useScreenReaderAnnouncement = require_components_screen_reader_hooks_useScreenReaderAnnouncement.useScreenReaderAnnouncement;
+//# sourceMappingURL=ScreenReaderAnnouncement.cjs.map

package/dist/cjs/components/screen-reader/ScreenReaderAnnouncement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenReaderAnnouncement.cjs","names":["useScreenReaderAnnouncement"],"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,eAAeA,gGAA6B;AAElE,QACE,2CAAC;EACC,eAAY;EACZ,aAAW;EACX,WAAU;EACN;EACJ,MAAM,eAAe,cAAc,UAAU;YAC5C;GACG;;;sGA9BiG"}

package/dist/cjs/components/screen-reader/ScreenReaderAnnouncement.d.cts

@@ -0,0 +1,23 @@
+import { useScreenReaderAnnouncement } from "./hooks/useScreenReaderAnnouncement.cjs";
+
+//#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.cts.map

package/dist/cjs/components/screen-reader/ScreenReaderAnnouncement.spec.cjs

@@ -0,0 +1,70 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_screen_reader_hooks_useScreenReaderAnnouncement = require('./hooks/useScreenReaderAnnouncement.cjs');
+const require_components_screen_reader_ScreenReaderAnnouncement = require('./ScreenReaderAnnouncement.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/@testing-library+react@16.3.1_@testing-library+dom@10.4.0_@types+react-dom@19.2.3_@type_dda5dedfc9a50d1db6bb0a214573fe51/node_modules/@testing-library/react/dist/index.js");
+let _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js");
+
+//#region src/components/screen-reader/ScreenReaderAnnouncement.spec.tsx
+require_components_screen_reader_hooks_useScreenReaderAnnouncement.init_useScreenReaderAnnouncement();
+require_components_screen_reader_ScreenReaderAnnouncement.init_ScreenReaderAnnouncement();
+_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.mock("./hooks/useScreenReaderAnnouncement");
+const mockUseScreenReaderAnnouncement = require_components_screen_reader_hooks_useScreenReaderAnnouncement.useScreenReaderAnnouncement;
+(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.describe)("ScreenReaderAnnouncement", () => {
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.afterEach)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.cleanup);
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("should render a visually hidden div with default attributes", () => {
+		mockUseScreenReaderAnnouncement.mockReturnValue({
+			announce: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+			announcement: "",
+			politeness: "polite"
+		});
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_screen_reader_ScreenReaderAnnouncement.ScreenReaderAnnouncement, {}));
+		const announcementDiv = _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("status", { hidden: true });
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(announcementDiv).toBeInTheDocument();
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(announcementDiv).toHaveAttribute("aria-atomic", "true");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(announcementDiv).toHaveAttribute("aria-live", "polite");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(announcementDiv).toHaveAttribute("role", "status");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(announcementDiv).toHaveClass("sr-only");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(announcementDiv).toHaveAttribute("id", "screen-reader-announcement");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(announcementDiv).toHaveTextContent("");
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("should display the announcement text", () => {
+		const testMessage = "This is an announcement";
+		mockUseScreenReaderAnnouncement.mockReturnValue({
+			announce: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+			announcement: testMessage,
+			politeness: "polite"
+		});
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_screen_reader_ScreenReaderAnnouncement.ScreenReaderAnnouncement, {}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("status", { hidden: true })).toHaveTextContent(testMessage);
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("should update aria-live and role for assertive politeness", () => {
+		mockUseScreenReaderAnnouncement.mockReturnValue({
+			announce: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+			announcement: "Urgent alert!",
+			politeness: "assertive"
+		});
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_screen_reader_ScreenReaderAnnouncement.ScreenReaderAnnouncement, {}));
+		const announcementDiv = _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("alert", { hidden: true });
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(announcementDiv).toBeInTheDocument();
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(announcementDiv).toHaveAttribute("aria-live", "assertive");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(announcementDiv).toHaveAttribute("role", "alert");
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("should use a custom id if provided", () => {
+		const customId = "my-custom-announcement-region";
+		mockUseScreenReaderAnnouncement.mockReturnValue({
+			announce: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+			announcement: "",
+			politeness: "polite"
+		});
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_screen_reader_ScreenReaderAnnouncement.ScreenReaderAnnouncement, { id: customId }));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("status", { hidden: true })).toHaveAttribute("id", customId);
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("should re-export the useScreenReaderAnnouncement hook", async () => {
+		const { ScreenReaderAnnouncement: ScreenReaderAnnouncement$1, useScreenReaderAnnouncement: reExportedHook } = await Promise.resolve().then(() => require("./ScreenReaderAnnouncement.cjs"));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(reExportedHook).toBe(require_components_screen_reader_hooks_useScreenReaderAnnouncement.useScreenReaderAnnouncement);
+	});
+});
+
+//#endregion
+//# sourceMappingURL=ScreenReaderAnnouncement.spec.cjs.map

package/dist/cjs/components/screen-reader/ScreenReaderAnnouncement.spec.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenReaderAnnouncement.spec.cjs","names":["vi","useScreenReaderAnnouncement","cleanup","ScreenReaderAnnouncement","screen"],"sources":["../../../../src/components/screen-reader/ScreenReaderAnnouncement.spec.tsx"],"sourcesContent":["import { cleanup, render, screen } from \"@testing-library/react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { useScreenReaderAnnouncement } from \"./hooks/useScreenReaderAnnouncement\";\nimport { ScreenReaderAnnouncement } from \"./ScreenReaderAnnouncement\";\n\n// Mock the hook to control its return values\nvi.mock(\"./hooks/useScreenReaderAnnouncement\");\n\nconst mockUseScreenReaderAnnouncement = useScreenReaderAnnouncement as vi.Mock;\n\ndescribe(\"ScreenReaderAnnouncement\", () => {\n  afterEach(cleanup); // Clean up DOM after each test\n\n  it(\"should render a visually hidden div with default attributes\", () => {\n    // Mock the hook to return default state\n    mockUseScreenReaderAnnouncement.mockReturnValue({\n      announce: vi.fn(),\n      announcement: \"\",\n      politeness: \"polite\",\n    });\n\n    render(<ScreenReaderAnnouncement />);\n\n    const announcementDiv = screen.getByRole(\"status\", { hidden: true }); // Use role and hidden: true to find sr-only element\n\n    expect(announcementDiv).toBeInTheDocument();\n    expect(announcementDiv).toHaveAttribute(\"aria-atomic\", \"true\");\n    expect(announcementDiv).toHaveAttribute(\"aria-live\", \"polite\");\n    expect(announcementDiv).toHaveAttribute(\"role\", \"status\");\n    expect(announcementDiv).toHaveClass(\"sr-only\"); // Assuming 'sr-only' class exists for visual hiding\n    expect(announcementDiv).toHaveAttribute(\"id\", \"screen-reader-announcement\");\n    expect(announcementDiv).toHaveTextContent(\"\");\n  });\n\n  it(\"should display the announcement text\", () => {\n    const testMessage = \"This is an announcement\";\n    mockUseScreenReaderAnnouncement.mockReturnValue({\n      announce: vi.fn(),\n      announcement: testMessage,\n      politeness: \"polite\",\n    });\n\n    render(<ScreenReaderAnnouncement />);\n\n    const announcementDiv = screen.getByRole(\"status\", { hidden: true });\n    expect(announcementDiv).toHaveTextContent(testMessage);\n  });\n\n  it(\"should update aria-live and role for assertive politeness\", () => {\n    mockUseScreenReaderAnnouncement.mockReturnValue({\n      announce: vi.fn(),\n      announcement: \"Urgent alert!\",\n      politeness: \"assertive\",\n    });\n\n    render(<ScreenReaderAnnouncement />);\n\n    const announcementDiv = screen.getByRole(\"alert\", { hidden: true }); // Role changes to alert\n\n    expect(announcementDiv).toBeInTheDocument();\n    expect(announcementDiv).toHaveAttribute(\"aria-live\", \"assertive\");\n    expect(announcementDiv).toHaveAttribute(\"role\", \"alert\");\n  });\n\n  it(\"should use a custom id if provided\", () => {\n    const customId = \"my-custom-announcement-region\";\n    mockUseScreenReaderAnnouncement.mockReturnValue({\n      announce: vi.fn(),\n      announcement: \"\",\n      politeness: \"polite\",\n    });\n\n    render(<ScreenReaderAnnouncement id={customId} />);\n\n    const announcementDiv = screen.getByRole(\"status\", { hidden: true });\n    expect(announcementDiv).toHaveAttribute(\"id\", customId);\n  });\n\n  it(\"should re-export the useScreenReaderAnnouncement hook\", async () => {\n    // Import the component and the re-exported hook directly from the file\n    const {\n      ScreenReaderAnnouncement,\n      useScreenReaderAnnouncement: reExportedHook,\n    } = await import(\"./ScreenReaderAnnouncement\");\n\n    // This is a simple check that the export exists and is the same function.\n    // The hook's functionality is tested in its own spec file.\n    expect(reExportedHook).toBe(useScreenReaderAnnouncement);\n  });\n});\n"],"mappings":";;;;;;;;qGAGkF;yFACZ;AAGtEA,2MAAG,KAAK,sCAAsC;AAE9C,MAAM,kCAAkCC;sNAE/B,kCAAkC;AACzC,wNAAUC,gOAAQ;AAElB,iNAAG,qEAAqE;AAEtE,kCAAgC,gBAAgB;GAC9C,UAAUF,2MAAG,IAAI;GACjB,cAAc;GACd,YAAY;GACb,CAAC;AAEF,sOAAO,2CAACG,uFAA2B,CAAC;EAEpC,MAAM,kBAAkBC,+NAAO,UAAU,UAAU,EAAE,QAAQ,MAAM,CAAC;AAEpE,sNAAO,gBAAgB,CAAC,mBAAmB;AAC3C,sNAAO,gBAAgB,CAAC,gBAAgB,eAAe,OAAO;AAC9D,sNAAO,gBAAgB,CAAC,gBAAgB,aAAa,SAAS;AAC9D,sNAAO,gBAAgB,CAAC,gBAAgB,QAAQ,SAAS;AACzD,sNAAO,gBAAgB,CAAC,YAAY,UAAU;AAC9C,sNAAO,gBAAgB,CAAC,gBAAgB,MAAM,6BAA6B;AAC3E,sNAAO,gBAAgB,CAAC,kBAAkB,GAAG;GAC7C;AAEF,iNAAG,8CAA8C;EAC/C,MAAM,cAAc;AACpB,kCAAgC,gBAAgB;GAC9C,UAAUJ,2MAAG,IAAI;GACjB,cAAc;GACd,YAAY;GACb,CAAC;AAEF,sOAAO,2CAACG,uFAA2B,CAAC;AAGpC,sNADwBC,+NAAO,UAAU,UAAU,EAAE,QAAQ,MAAM,CAAC,CAC7C,CAAC,kBAAkB,YAAY;GACtD;AAEF,iNAAG,mEAAmE;AACpE,kCAAgC,gBAAgB;GAC9C,UAAUJ,2MAAG,IAAI;GACjB,cAAc;GACd,YAAY;GACb,CAAC;AAEF,sOAAO,2CAACG,uFAA2B,CAAC;EAEpC,MAAM,kBAAkBC,+NAAO,UAAU,SAAS,EAAE,QAAQ,MAAM,CAAC;AAEnE,sNAAO,gBAAgB,CAAC,mBAAmB;AAC3C,sNAAO,gBAAgB,CAAC,gBAAgB,aAAa,YAAY;AACjE,sNAAO,gBAAgB,CAAC,gBAAgB,QAAQ,QAAQ;GACxD;AAEF,iNAAG,4CAA4C;EAC7C,MAAM,WAAW;AACjB,kCAAgC,gBAAgB;GAC9C,UAAUJ,2MAAG,IAAI;GACjB,cAAc;GACd,YAAY;GACb,CAAC;AAEF,sOAAO,2CAACG,sFAAyB,IAAI,WAAY,CAAC;AAGlD,sNADwBC,+NAAO,UAAU,UAAU,EAAE,QAAQ,MAAM,CAAC,CAC7C,CAAC,gBAAgB,MAAM,SAAS;GACvD;AAEF,iNAAG,yDAAyD,YAAY;EAEtE,MAAM,EACJ,sDACA,6BAA6B,mBAC3B,2CAAM;AAIV,sNAAO,eAAe,CAAC,KAAKH,+FAA4B;GACxD;EACF"}

package/dist/cjs/components/screen-reader/ScreenReaderAnnouncement.spec.d.cts

@@ -0,0 +1 @@
+export { };