@lumeweb/portal-framework-ui 0.1.0 → 0.1.2

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

@@ -1,60 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-//#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

@@ -1,30 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-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

@@ -1,40 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1,33 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-//#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

@@ -1,122 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-//#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

@@ -1,36 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-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

@@ -1,41 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,23 +0,0 @@
-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

@@ -1,70 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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