@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

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

@@ -0,0 +1,129 @@
+import { Copyable } from "./Copyable.cjs";
+import { FilterChip } from "./FilterChip.cjs";
+import { ErrorList, Field, FieldCheckbox, ListOfErrors, TextareaField } from "./Forms.cjs";
+import { InlineAuthLinkBanner } from "./InlineAuthLinkBanner.cjs";
+import { KeyboardShortcutDialog } from "./KeyboardShortcutDialog.cjs";
+import { Loading } from "./Loading.cjs";
+import { LumeLogo } from "./LumeLogo.cjs";
+import { MainNavigation } from "./MainNavigation.cjs";
+import { SkeletonLoader } from "./SkeletonLoader.cjs";
+import { TableActionsDropdown } from "./TableActionsDropdown.cjs";
+import { TableContainer } from "./TableContainer.cjs";
+import { ThemeSwitcher } from "./ThemeSwitcher.cjs";
+import { ThemedBadge } from "./ThemedBadge.cjs";
+import { ActionItemConfig, ActionItemProps, ActionItemType, ActionListLayout, ButtonActionItemConfig, CancelActionItemConfig, CustomActionItemConfig, CustomComponentActionItemConfig, LinkActionItemConfig, RetryActionItemConfig, SubmitActionItemConfig } from "./actions/types.cjs";
+import { ActionListRenderer } from "./actions/ActionListRenderer.cjs";
+import { DialogProvider, useDialog, useDialogActions, useDialogState } from "./dialog/Dialog.context.cjs";
+import { AppComponent, AppComponentProps } from "./app/AppComponent.cjs";
+import { registerAllActionItems } from "./actions/register.cjs";
+import { getActionItemComponent, registerActionItemComponent, resetRegistryForTesting } from "./actions/registry.cjs";
+import "./actions/index.cjs";
+import { TableAction, TableActionItem } from "./data-table/TableAction.cjs";
+import { TableActionMenu, TableActionMenuItem } from "./data-table/TableActionMenu.cjs";
+import { ActionType, BaseFilterComponentProps, FilterComponentProps, FilterConfig, FilterOperator, FilterType, LogicalFilterOperator, SelectOption } from "./data-table/toolbarItems/filters/types.cjs";
+import { BaseToolbarItem, DataTableActionMenuProps, DataTableProps, ExtendedToolbarItem, TableContext, TableLayoutType, ToolbarActionItem, ToolbarConfig, ToolbarCustomItem, ToolbarFilterComponentProps, ToolbarFilterGroupItem, ToolbarFilterItem, ToolbarItem, ToolbarItemAlignment, ToolbarItemComponentProps, ToolbarItemType, ToolbarRefineContext, ToolbarSeparatorItem } from "./data-table/DataTable.types.cjs";
+import { ActionColumnCellProps, ActionColumnDef, BaseTable, BaseTableCommonProps, BaseTableCommonPropsType, BaseTableLayoutPropsBase, BaseTablePaginationConfig, BaseTableProps, BaseTableRefineProps, BaseTableWithDataProps, BaseTableWithTableProps, TableDataProps, TableHeaderFooterProps, TableInstanceProps, TableInteractionProps, TablePaginationConfigProps, TablePaginationProps, TableResponsiveProps, TableStateProps, TableStylingProps } from "./data-table/BaseTable.cjs";
+import { BaseTableContent, BaseTableContentProps } from "./data-table/BaseTableContent.cjs";
+import { BaseTableInner } from "./data-table/BaseTableInner.cjs";
+import { DataTable } from "./data-table/DataTable.cjs";
+import { DataTableController, DataTableControllerProps, TableControls } from "./data-table/DataTableController.cjs";
+import { DefaultPagination } from "./data-table/DefaultPagination.cjs";
+import { TableEmptyState, TableEmptyStateProps } from "./data-table/EmptyState.cjs";
+import { TableLoadingState, TableLoadingStateProps } from "./data-table/LoadingState.cjs";
+import { FilterHelpersContextValue, FilterHelpersProvider, FilterHelpersProviderProps, GetDefaultFilterFn, useDefaultFilter, useFilterHelpers } from "./data-table/contexts/FilterHelpers.cjs";
+import { RefineTableContextValue, RefineTableProvider, RefineTableProviderProps, useRefineTable } from "./data-table/contexts/RefineTable.cjs";
+import { TableConfigContextValue, TableConfigProvider, TableConfigProviderProps, useTableConfig, useTableConfigOptional } from "./data-table/contexts/TableConfig.cjs";
+import { TableInstanceContextValue, TableInstanceProvider, TableInstanceProviderProps, useTableInstance } from "./data-table/contexts/TableInstance.cjs";
+import { NormalizedTableOptions, normalizeTableOptions } from "./data-table/tableOptions.cjs";
+import { RegisteredActionItem, RegisteredFilterItem, clear, getAction, getFilter, hasAction, hasFilter, listActions, listAll, listFilters, registerAction, registerFilter, removeAction, removeFilter } from "./data-table/ToolbarRegistry.cjs";
+import { Toolbar } from "./data-table/Toolbar.cjs";
+import { ToolbarRenderer, ToolbarRendererRegistry } from "./data-table/ToolbarRenderer.cjs";
+import { BooleanFilter } from "./data-table/toolbarItems/filters/components/BooleanFilter.cjs";
+import { DateFilter } from "./data-table/toolbarItems/filters/components/DateFilter.cjs";
+import { MultiSelectFilter, MultiSelectFilterProps } from "./data-table/toolbarItems/filters/components/MultiSelectFilter.cjs";
+import { NumberFilter } from "./data-table/toolbarItems/filters/components/NumberFilter.cjs";
+import { RangeFilter, RangeValue } from "./data-table/toolbarItems/filters/components/RangeFilter.cjs";
+import { SearchFilter } from "./data-table/toolbarItems/filters/components/SearchFilter.cjs";
+import { SelectFilter } from "./data-table/toolbarItems/filters/components/SelectFilter.cjs";
+import { TextFilter } from "./data-table/toolbarItems/filters/components/TextFilter.cjs";
+import { createFilterOnChangeHandler, createFiltersFromValue } from "./data-table/toolbarItems/filters/util.cjs";
+import { registerRefreshToolbarItem } from "./data-table/toolbarItems/items/refresh.cjs";
+import { registerSearchToolbarItem } from "./data-table/toolbarItems/items/search.cjs";
+import { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem } from "./data-table/toolbarItems/items/separator.cjs";
+import { ToolbarCustomItemComponent, registerCustomToolbarItem } from "./data-table/toolbarItems/items/custom.cjs";
+import { COMPONENT_SIZE_CLASSES, ComponentSize, SizeConfig, WidthCategory, getComponentSizeClass, getSizeClass, isComponentSize } from "./sizing/index.cjs";
+import { FilterGroup } from "./data-table/toolbarItems/FilterGroup.cjs";
+import { Cell, ColumnDef, Row } from "./data-table/index.cjs";
+import { Editor, EditorProps, ToolbarOption } from "./editor/Editor.cjs";
+import { FormComponentEntry, FormComponentProps, FormFieldType } from "./form/fields/types.cjs";
+import { AnyContainerEnvironment, ContainerEnvironment, ContainerType, DialogContainerEnvironment, StandaloneContainerEnvironment, isDialogContainer, isStandaloneContainer } from "./shared/types/container.cjs";
+import { AnyFormEnvironment, EnvironmentSyncCallback, ForceRerenderCallback, ForceRerenderMethod, FormEnvironment, FormType, SimpleFormEnvironment, StepFormEnvironment, WizardFormEnvironment, isSimpleForm, isStepForm, isWizardForm } from "./shared/types/form.cjs";
+import { StepEnvironment, createStepEnvironment } from "./shared/types/step.cjs";
+import { UnifiedEnvironment } from "./shared/types/environment.cjs";
+import { AllowStepNavigation } from "./shared/types/navigation.cjs";
+import { ActionButtonsCallback, AdapterType, AutocompleteToken, FormAutosaveConfig, FormConfig, FormFieldConfig, FormFieldOption, FormGroupType, GroupOrder, LayoutType, StepDefinition, StepFormConfig, StepFormFooterRenderer, StepFormMethods, WizardFormConfig, WizardStepDefinition, isActionButtonsFunction, isFooterFunction, isHeaderFunction, isStepFormConfig, isSubmitLabelFunction } from "./form/types.cjs";
+import { FormAdapter, UnifiedFormReturnType, adapters } from "./form/adapters.cjs";
+import { FormProvider, useFormContext } from "./form/context.cjs";
+import { Checkbox, registerCheckbox } from "./form/fields/Checkbox.cjs";
+import { DatePicker, registerDatePicker } from "./form/fields/DatePicker.cjs";
+import { EmailInput, registerEmailInput } from "./form/fields/EmailInput.cjs";
+import { FileInput, registerFileInput } from "./form/fields/FileInput.cjs";
+import { Input, registerInput } from "./form/fields/Input.cjs";
+import { RadioGroup, registerRadioGroup } from "./form/fields/RadioGroup.cjs";
+import { getFormComponent, registerFormComponent } from "./form/fields/registry.cjs";
+import { RichText, registerRichText } from "./form/fields/RichText.cjs";
+import { Select, registerSelect } from "./form/fields/Select.cjs";
+import { Slider, registerSlider } from "./form/fields/Slider.cjs";
+import { Textarea, registerTextarea } from "./form/fields/Textarea.cjs";
+import { FormGroup } from "./form/FormGroup.cjs";
+import { FormRenderer } from "./form/FormRenderer.cjs";
+import { registerAllFormComponents } from "./form/register.cjs";
+import { SchemaForm, SchemaFormProps } from "./form/SchemaForm.cjs";
+import { StepControlContextType, StepControlProvider, StepControlProviderProps, UseCreateStepControlOptions, useCreateStepControl, useOptionalStepControlContext, useStepControl, useStepControlContext } from "./form/StepControlContext.cjs";
+import { StepSchemaForm } from "./form/StepSchemaForm.cjs";
+import { createStepRetryHandler } from "./form/utils/stepRetry.cjs";
+import { computeAutoSaveConfig } from "./form/utils/autoSave.cjs";
+import { getStepAnimationClasses } from "./form/utils/animationUtils.cjs";
+import { WizardForm } from "./form/WizardForm.cjs";
+import "./form/index.cjs";
+import { UserNav } from "./layout/UserNav.cjs";
+import { MobileMenu } from "./layout/MobileMenu.cjs";
+import { PageHeader } from "./layout/PageHeader.cjs";
+import { SidebarProvider, useSidebarContext } from "./layout/SidebarContext.cjs";
+import { SidebarToggle } from "./layout/SidebarToggle.cjs";
+import { GeneralLayout } from "./layout/GeneralLayout.cjs";
+import { BaseFooterProps, FooterEnvironment, FormFooterProps, hasStepEnvironment, isDialogFooterEnvironment, isSimpleFooterEnvironment, isStandaloneFooterEnvironment, isStepFooterEnvironment, isWizardFooterEnvironment } from "./shared/types/footer.cjs";
+import { FooterContextProvider, useFooterContext, useOptionalFooterContext } from "./shared/context/FooterContext.cjs";
+import { AnyNavigationEnvironment, BaseHeaderProps, HeaderContent, HeaderEnvironment, NavigationEnvironment, NavigationType, NoneNavigationEnvironment, ProgressStyleType, StepNavigationEnvironment, WizardNavigationEnvironment, getEffectiveAllowNavigation, hasNavigation, isNoneNavigation, isStepHeaderEnvironment, isStepNavigation, isWizardHeaderEnvironment, isWizardNavigation } from "./shared/types/header.cjs";
+import { HeaderContextProvider, useHeaderContext, useOptionalHeaderContext } from "./shared/context/HeaderContext.cjs";
+import { Environment, EnvironmentBuilder, FooterEnvironmentBuilder, HeaderEnvironmentBuilder } from "./shared/environment/builders.cjs";
+import { ActionsFooter } from "./shared/footers/ActionsFooter.cjs";
+import { DefaultFooter } from "./shared/footers/DefaultFooter.cjs";
+import { FormFooter } from "./shared/footers/FormFooter.cjs";
+import { StepFormFooter } from "./shared/footers/StepFormFooter.cjs";
+import { WizardFooter } from "./shared/footers/WizardFooter.cjs";
+import { DefaultHeader } from "./shared/headers/DefaultHeader.cjs";
+import { FormHeader } from "./shared/headers/FormHeader.cjs";
+import { WizardHeader } from "./shared/headers/WizardHeader.cjs";
+import { FooterComponent, FooterType, HeaderComponent, HeaderType } from "./shared/registry/types.cjs";
+import { FooterRegistry, createFooterRegistry, footerRegistry } from "./shared/registry/FooterRegistry.cjs";
+import { HeaderRegistry, createHeaderRegistry, headerRegistry } from "./shared/registry/HeaderRegistry.cjs";
+import { UnifiedFooter } from "./shared/UnifiedFooter.cjs";
+import { UnifiedHeader } from "./shared/UnifiedHeader.cjs";
+import { createForceRerenderReceiver } from "./shared/utils/createForceRerenderReceiver.cjs";
+import { createEnvironmentReceiver } from "./shared/utils/createEnvironmentReceiver.cjs";
+import { FooterRenderConfig, renderFooter } from "./shared/utils/renderFooter.cjs";
+import { HeaderRenderConfig, renderHeader } from "./shared/utils/renderHeader.cjs";
+import { StepState, calculateStepState, createStepClickHandler, createStepKeyHandler, resolveAllowStepNavigation } from "./shared/utils/stepState.cjs";
+import { useForceRerender } from "./shared/hooks/useForceRerender.cjs";
+import { useEnvironmentSync } from "./shared/hooks/useEnvironmentSync.cjs";
+import "./shared/index.cjs";
+import { PolitenessLevel, useScreenReaderAnnouncement } from "./screen-reader/hooks/useScreenReaderAnnouncement.cjs";
+import { ScreenReaderAnnouncement } from "./screen-reader/ScreenReaderAnnouncement.cjs";
+import { AlertDialogConfig, ConfirmDialogConfig, CustomDialogConfig, DIALOG_POSITION_CLASSES, DIALOG_SIZE_CLASSES, DialogActionsConfig, DialogBaseConfig, DialogClassNames, DialogConfig, DialogIconLayout, DialogPosition, DialogSize, DialogStatus, DialogType, DialogTypes, DialogVariant, FormDialogConfig, FormDialogType, WizardDialogConfig, contextProviders, dialogContextRequirements, getDialogType, getFormTypeFromDialog, isAlertDialog, isConfirmDialog, isCustomDialog, isDialogFooterFunction, isDialogHeaderFunction, isFormDialog, isWizardDialogConfig, isWizardFormConfig } from "./dialog/Dialog.types.cjs";
+import { DialogComponent, DialogRenderer } from "./dialog/Dialog.renderer.cjs";
+import { getDialogContentClasses } from "./dialog/utils/dialogClasses.cjs";
+import { getDialogTypeFromConfig, useDialogType, useIsFormDialog, useIsInDialog, useIsWizardDialog } from "./dialog/utils/dialogDetection.cjs";
+import "./dialog/index.cjs";
+import { StepActionsConfig, SubmitLabelEvaluationContext, WizardActionsConfig, createActionHelpers, createDialogActions, createFormActions, createStepActions, createWizardActions, evaluateSubmitLabel } from "./actions/actionHelpers.cjs";
+export { ActionButtonsCallback, ActionColumnCellProps, ActionColumnDef, ActionItemConfig, ActionItemProps, ActionItemType, ActionListLayout, ActionListRenderer, ActionType, ActionsFooter, AdapterType, AlertDialogConfig, AllowStepNavigation, AnyContainerEnvironment, AnyFormEnvironment, AnyNavigationEnvironment, AppComponent, AppComponentProps, AutocompleteToken, BaseFilterComponentProps, BaseFooterProps, BaseHeaderProps, BaseTable, BaseTableCommonProps, BaseTableCommonPropsType, BaseTableContent, BaseTableContentProps, BaseTableInner, BaseTableLayoutPropsBase, BaseTablePaginationConfig, BaseTableProps, BaseTableRefineProps, BaseTableWithDataProps, BaseTableWithTableProps, BaseToolbarItem, BooleanFilter, ButtonActionItemConfig, COMPONENT_SIZE_CLASSES, CancelActionItemConfig, Cell, Checkbox, ColumnDef, ComponentSize, ConfirmDialogConfig, ContainerEnvironment, ContainerType, Copyable, CustomActionItemConfig, CustomComponentActionItemConfig, CustomDialogConfig, DIALOG_POSITION_CLASSES, DIALOG_SIZE_CLASSES, DataTable, DataTableActionMenuProps, DataTableController, DataTableControllerProps, DataTableProps, DateFilter, DatePicker, DefaultFooter, DefaultHeader, DefaultPagination, DialogActionsConfig, DialogBaseConfig, DialogClassNames, DialogComponent, DialogConfig, DialogContainerEnvironment, DialogIconLayout, DialogPosition, DialogProvider, DialogRenderer, DialogSize, DialogStatus, DialogType, DialogTypes, DialogVariant, Editor, EditorProps, EmailInput, Environment, EnvironmentBuilder, EnvironmentSyncCallback, ErrorList, ExtendedToolbarItem, Field, FieldCheckbox, FileInput, FilterChip, FilterComponentProps, FilterConfig, FilterGroup, FilterHelpersContextValue, FilterHelpersProvider, FilterHelpersProviderProps, FilterOperator, FilterType, FooterComponent, FooterContextProvider, FooterEnvironment, FooterEnvironmentBuilder, FooterRegistry, FooterRenderConfig, FooterType, ForceRerenderCallback, ForceRerenderMethod, FormAdapter, FormAutosaveConfig, FormComponentEntry, FormComponentProps, FormConfig, FormDialogConfig, FormDialogType, FormEnvironment, FormFieldConfig, FormFieldOption, FormFieldType, FormFooter, FormFooterProps, FormGroup, FormGroupType, FormHeader, FormProvider, FormRenderer, FormType, GeneralLayout, GetDefaultFilterFn, GroupOrder, HeaderComponent, HeaderContent, HeaderContextProvider, HeaderEnvironment, HeaderEnvironmentBuilder, HeaderRegistry, HeaderRenderConfig, HeaderType, InlineAuthLinkBanner, Input, KeyboardShortcutDialog, LayoutType, LinkActionItemConfig, ListOfErrors, Loading, LogicalFilterOperator, LumeLogo, MainNavigation, MobileMenu, MultiSelectFilter, MultiSelectFilterProps, NavigationEnvironment, NavigationType, NoneNavigationEnvironment, NormalizedTableOptions, NumberFilter, PageHeader, PolitenessLevel, ProgressStyleType, RadioGroup, RangeFilter, RangeValue, RefineTableContextValue, RefineTableProvider, RefineTableProviderProps, RegisteredActionItem, RegisteredFilterItem, RetryActionItemConfig, RichText, Row, SchemaForm, SchemaFormProps, ScreenReaderAnnouncement, SearchFilter, ToolbarFilterComponentProps as SearchToolbarItemProps, Select, SelectFilter, SelectOption, SidebarProvider, SidebarToggle, SimpleFormEnvironment, SizeConfig, SkeletonLoader, Slider, StandaloneContainerEnvironment, StepActionsConfig, StepControlContextType, StepControlProvider, StepControlProviderProps, StepDefinition, StepEnvironment, StepFormConfig, StepFormEnvironment, StepFormFooter, StepFormFooterRenderer, StepFormMethods, StepNavigationEnvironment, StepSchemaForm, StepState, SubmitActionItemConfig, SubmitLabelEvaluationContext, TableAction, TableActionItem, TableActionMenu, TableActionMenuItem, TableActionsDropdown, TableConfigContextValue, TableConfigProvider, TableConfigProviderProps, TableContainer, TableContext, TableControls, TableDataProps, TableEmptyState, TableEmptyStateProps, TableHeaderFooterProps, TableInstanceContextValue, TableInstanceProps, TableInstanceProvider, TableInstanceProviderProps, TableInteractionProps, TableLayoutType, TableLoadingState, TableLoadingStateProps, TablePaginationConfigProps, TablePaginationProps, TableResponsiveProps, TableStateProps, TableStylingProps, TextFilter, Textarea, TextareaField, ThemeSwitcher, ThemedBadge, Toolbar, ToolbarActionItem, ToolbarConfig, ToolbarCustomItem, ToolbarCustomItemComponent, ToolbarFilterComponentProps, ToolbarFilterGroupItem, ToolbarFilterItem, ToolbarItem, ToolbarItemAlignment, ToolbarItemComponentProps, ToolbarItemType, ToolbarOption, ToolbarRefineContext, ToolbarRenderer, ToolbarRendererRegistry, ToolbarSeparatorItem, ToolbarSeparatorItemComponent, UnifiedEnvironment, UnifiedFooter, UnifiedFormReturnType, UnifiedHeader, UseCreateStepControlOptions, UserNav, WidthCategory, WizardActionsConfig, WizardDialogConfig, WizardFooter, WizardForm, WizardFormConfig, WizardFormEnvironment, WizardHeader, WizardNavigationEnvironment, WizardStepDefinition, adapters, calculateStepState, clear, computeAutoSaveConfig, contextProviders, createActionHelpers, createDialogActions, createEnvironmentReceiver, createFilterOnChangeHandler, createFiltersFromValue, createFooterRegistry, createForceRerenderReceiver, createFormActions, createHeaderRegistry, createStepActions, createStepClickHandler, createStepEnvironment, createStepKeyHandler, createStepRetryHandler, createWizardActions, dialogContextRequirements, evaluateSubmitLabel, footerRegistry, getAction, getActionItemComponent, getComponentSizeClass, getDialogContentClasses, getDialogType, getDialogTypeFromConfig, getEffectiveAllowNavigation, getFilter, getFormComponent, getFormTypeFromDialog, getSizeClass, getStepAnimationClasses, hasAction, hasFilter, hasNavigation, hasStepEnvironment, headerRegistry, isActionButtonsFunction, isAlertDialog, isComponentSize, isConfirmDialog, isCustomDialog, isDialogContainer, isDialogFooterEnvironment, isDialogFooterFunction, isDialogHeaderFunction, isFooterFunction, isFormDialog, isHeaderFunction, isNoneNavigation, isSimpleFooterEnvironment, isSimpleForm, isStandaloneContainer, isStandaloneFooterEnvironment, isStepFooterEnvironment, isStepForm, isStepFormConfig, isStepHeaderEnvironment, isStepNavigation, isSubmitLabelFunction, isWizardDialogConfig, isWizardFooterEnvironment, isWizardForm, isWizardFormConfig, isWizardHeaderEnvironment, isWizardNavigation, listActions, listAll, listFilters, normalizeTableOptions, registerAction, registerActionItemComponent, registerAllActionItems, registerAllFormComponents, registerCheckbox, registerCustomToolbarItem, registerDatePicker, registerEmailInput, registerFileInput, registerFilter, registerFormComponent, registerInput, registerRadioGroup, registerRefreshToolbarItem, registerRichText, registerSearchToolbarItem, registerSelect, registerSeparatorToolbarItem, registerSlider, registerTextarea, removeAction, removeFilter, renderFooter, renderHeader, resetRegistryForTesting, resolveAllowStepNavigation, useCreateStepControl, useDefaultFilter, useDialog, useDialogActions, useDialogState, useDialogType, useEnvironmentSync, useFilterHelpers, useFooterContext, useForceRerender, useFormContext, useHeaderContext, useIsFormDialog, useIsInDialog, useIsWizardDialog, useOptionalFooterContext, useOptionalHeaderContext, useOptionalStepControlContext, useRefineTable, useScreenReaderAnnouncement, useSidebarContext, useStepControl, useStepControlContext, useTableConfig, useTableConfigOptional, useTableInstance };

package/dist/cjs/components/layout/DesktopSidebar.cjs

@@ -0,0 +1,68 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+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_MainNavigation = require('../MainNavigation.cjs');
+const require_components_LumeLogo = require('../LumeLogo.cjs');
+const require_components_index = require('../index.cjs');
+let _lumeweb_portal_framework_core = require("@lumeweb/portal-framework-core");
+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");
+
+//#region src/components/layout/DesktopSidebar.tsx
+function DesktopSidebar() {
+	const { isCollapsed, toggleCollapsed } = require_components_layout_SidebarContext.useSidebarContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+		className: (0, _lumeweb_portal_framework_ui_core.cn)("hidden md:flex", "fixed left-0 top-0 z-20 flex h-screen -translate-x-full flex-col transition-[width] duration-300 ease-in-out lg:translate-x-0", {
+			"md:w-32": isCollapsed,
+			"md:w-72": !isCollapsed
+		}),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_layout_SidebarToggle.SidebarToggle, {
+			isOpen: !isCollapsed,
+			setIsOpen: toggleCollapsed
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "relative flex h-full flex-col justify-between px-3 py-4",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+					asChild: true,
+					className: (0, _lumeweb_portal_framework_ui_core.cn)("mb-1 transition-transform duration-300 ease-in-out", !isCollapsed ? "translate-x-1" : "translate-x-0"),
+					variant: "link",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_LumeLogo.LumeLogo, { imageClassName: (0, _lumeweb_portal_framework_ui_core.cn)("transition transition-all", { "h-5": isCollapsed }) })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_MainNavigation.MainNavigation, { isOpen: !isCollapsed })] }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_core.FlexWidgetArea, { id: "core:desktop-sidebar" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: (0, _lumeweb_portal_framework_ui_core.cn)("text-foreground/60 mb-4 space-y-1 transition-opacity duration-300", {
+						"opacity-0": isCollapsed,
+						"opacity-100": !isCollapsed,
+						"text-sm": isCollapsed
+					}),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: "Freedom" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: "Privacy" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: "Ownership" })
+					]
+				})
+			]
+		})]
+	});
+}
+var DesktopSidebar_default;
+var init_DesktopSidebar = require_rolldown_runtime.__esmMin((() => {
+	require_components_index.init_components();
+	require_components_layout_SidebarContext.init_SidebarContext();
+	require_components_layout_SidebarToggle.init_SidebarToggle();
+	DesktopSidebar_default = DesktopSidebar;
+}));
+
+//#endregion
+init_DesktopSidebar();
+exports.default = DesktopSidebar_default;
+Object.defineProperty(exports, 'init_DesktopSidebar', {
+  enumerable: true,
+  get: function () {
+    return init_DesktopSidebar;
+  }
+});
+//# sourceMappingURL=DesktopSidebar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopSidebar.cjs","names":["useSidebarContext","SidebarToggle","Button","LumeLogo","MainNavigation","FlexWidgetArea"],"sources":["../../../../src/components/layout/DesktopSidebar.tsx"],"sourcesContent":["import { FlexWidgetArea } from \"@lumeweb/portal-framework-core\";\nimport { Button, cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { LumeLogo } from \"@/components\";\nimport { MainNavigation } from \"@/components\";\nimport { useSidebarContext } from \"./SidebarContext\";\nimport { SidebarToggle } from \"./SidebarToggle\";\n\nfunction DesktopSidebar() {\n  const { isCollapsed, toggleCollapsed } = useSidebarContext();\n\n  return (\n    <aside\n      className={cn(\n        \"hidden md:flex\",\n        \"fixed left-0 top-0 z-20 flex h-screen -translate-x-full flex-col transition-[width] duration-300 ease-in-out lg:translate-x-0\",\n        {\n          \"md:w-32\": isCollapsed,\n          \"md:w-72\": !isCollapsed,\n        },\n      )}>\n      <SidebarToggle isOpen={!isCollapsed} setIsOpen={toggleCollapsed} />\n      <div className=\"relative flex h-full flex-col justify-between px-3 py-4\">\n        <div>\n          <Button\n            asChild\n            className={cn(\n              \"mb-1 transition-transform duration-300 ease-in-out\",\n              !isCollapsed ? \"translate-x-1\" : \"translate-x-0\",\n            )}\n            variant=\"link\">\n            <LumeLogo\n              imageClassName={cn(\"transition transition-all\", {\n                \"h-5\": isCollapsed,\n              })}\n            />\n          </Button>\n          <MainNavigation isOpen={!isCollapsed} />\n        </div>\n        <FlexWidgetArea id={\"core:desktop-sidebar\"} />\n        <span\n          className={cn(\n            \"text-foreground/60 mb-4 space-y-1 transition-opacity duration-300\",\n            {\n              \"opacity-0\": isCollapsed,\n              \"opacity-100\": !isCollapsed,\n              \"text-sm\": isCollapsed,\n            },\n          )}>\n          <p>Freedom</p>\n          <p>Privacy</p>\n          <p>Ownership</p>\n        </span>\n      </div>\n    </aside>\n  );\n}\n\nexport default DesktopSidebar;\n\nconst Spacer: React.FC = () => {\n  return <div className=\"flex-grow\" />;\n};\n"],"mappings":";;;;;;;;;;;;;;AASA,SAAS,iBAAiB;CACxB,MAAM,EAAE,aAAa,oBAAoBA,4DAAmB;AAE5D,QACE,4CAAC;EACC,qDACE,kBACA,iIACA;GACE,WAAW;GACX,WAAW,CAAC;GACb,CACF;aACD,2CAACC;GAAc,QAAQ,CAAC;GAAa,WAAW;IAAmB,EACnE,4CAAC;GAAI,WAAU;;IACb,4CAAC,oBACC,2CAACC;KACC;KACA,qDACE,sDACA,CAAC,cAAc,kBAAkB,gBAClC;KACD,SAAQ;eACR,2CAACC,wCACC,0DAAmB,6BAA6B,EAC9C,OAAO,aACR,CAAC,GACF;MACK,EACT,2CAACC,oDAAe,QAAQ,CAAC,cAAe,IACpC;IACN,2CAACC,iDAAe,IAAI,yBAA0B;IAC9C,4CAAC;KACC,qDACE,qEACA;MACE,aAAa;MACb,eAAe,CAAC;MAChB,WAAW;MACZ,CACF;;MACD,2CAAC,iBAAE,YAAW;MACd,2CAAC,iBAAE,YAAW;MACd,2CAAC,iBAAE,cAAa;;MACX;;IACH;GACA;;;;2CAnD4B;+DAEa;6DACL;0BAoDjC"}

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

@@ -0,0 +1,4 @@
+//#region src/components/layout/DesktopSidebar.d.ts
+declare function DesktopSidebar(): any;
+export = DesktopSidebar;
+//# sourceMappingURL=DesktopSidebar.d.cts.map

package/dist/cjs/components/layout/DesktopSidebar.spec.cjs

@@ -0,0 +1,26 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_layout_DesktopSidebar = require('./DesktopSidebar.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+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/layout/DesktopSidebar.spec.tsx
+require_components_layout_DesktopSidebar.init_DesktopSidebar();
+_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("../LumeLogo", () => ({ LumeLogo: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { "data-testid": "mock-lume-logo" }) }));
+_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("../MainNavigation", () => ({ MainNavigation: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { "data-testid": "mock-main-navigation" }) }));
+(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)("DesktopSidebar", () => {
+	(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)("renders correctly with mocked components and text", () => {
+		(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_layout_DesktopSidebar.default, {}));
+		(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.getByTestId("mock-lume-logo")).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)(_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.getByTestId("mock-main-navigation")).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)(_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.getByText("Freedom")).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)(_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.getByText("Privacy")).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)(_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.getByText("Ownership")).toBeInTheDocument();
+	});
+});
+
+//#endregion
+//# sourceMappingURL=DesktopSidebar.spec.cjs.map

package/dist/cjs/components/layout/DesktopSidebar.spec.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopSidebar.spec.cjs","names":["vi","cleanup","DesktopSidebar","screen"],"sources":["../../../../src/components/layout/DesktopSidebar.spec.tsx"],"sourcesContent":["import { cleanup, render, screen } from \"@testing-library/react\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\n// Import the component to test\nimport DesktopSidebar from \"./DesktopSidebar\";\n\n// Mocking child components\nvi.mock(\"../LumeLogo\", () => ({\n  LumeLogo: () => <div data-testid=\"mock-lume-logo\" />,\n}));\n\nvi.mock(\"../MainNavigation\", () => ({\n  MainNavigation: () => <div data-testid=\"mock-main-navigation\" />,\n}));\n\ndescribe(\"DesktopSidebar\", () => {\n  afterEach(cleanup);\n\n  it(\"renders correctly with mocked components and text\", () => {\n    render(<DesktopSidebar />);\n\n    // Check if mocked components are rendered\n    expect(screen.getByTestId(\"mock-lume-logo\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"mock-main-navigation\")).toBeInTheDocument();\n\n    // Check if the specific text elements are present\n    expect(screen.getByText(\"Freedom\")).toBeInTheDocument();\n    expect(screen.getByText(\"Privacy\")).toBeInTheDocument();\n    expect(screen.getByText(\"Ownership\")).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;;;;;8DAK8C;AAG9CA,2MAAG,KAAK,sBAAsB,EAC5B,gBAAgB,2CAAC,SAAI,eAAY,mBAAmB,EACrD,EAAE;AAEHA,2MAAG,KAAK,4BAA4B,EAClC,sBAAsB,2CAAC,SAAI,eAAY,yBAAyB,EACjE,EAAE;sNAEM,wBAAwB;AAC/B,wNAAUC,gOAAQ;AAElB,iNAAG,2DAA2D;AAC5D,sOAAO,2CAACC,qDAAiB,CAAC;AAG1B,sNAAOC,+NAAO,YAAY,iBAAiB,CAAC,CAAC,mBAAmB;AAChE,sNAAOA,+NAAO,YAAY,uBAAuB,CAAC,CAAC,mBAAmB;AAGtE,sNAAOA,+NAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;AACvD,sNAAOA,+NAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;AACvD,sNAAOA,+NAAO,UAAU,YAAY,CAAC,CAAC,mBAAmB;GACzD;EACF"}

package/dist/cjs/components/layout/DesktopSidebar.spec.d.cts

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

package/dist/cjs/components/layout/GeneralLayout.cjs

@@ -0,0 +1,52 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_layout_SidebarContext = require('./SidebarContext.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_hooks_useTheme = require('../../hooks/useTheme.cjs');
+const require_components_ThemeSwitcher = require('../ThemeSwitcher.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/layout/GeneralLayout.tsx
+function GeneralLayoutComponent({ children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_layout_SidebarContext.SidebarProvider, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_layout_DesktopSidebar.default, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("main", {
+		className: "transition-[margin-left] duration-300 ease-in-out lg:ml-72",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+			className: "bg-background/95 supports-[backdrop-filter]:bg-background/60 dark:shadow-secondary sticky top-0 z-10 w-full shadow-md backdrop-blur",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-end gap-2 p-8 sm:mx-8",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_ThemeSwitcher.ThemeSwitcher, {}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_layout_UserNav.UserNav, {}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_layout_MobileMenu.MobileMenu, {})
+				]
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "mx-4 my-8 sm:mx-8",
+			children
+		})] })
+	})] });
+}
+var GeneralLayout;
+var init_GeneralLayout = require_rolldown_runtime.__esmMin((() => {
+	require_components_ThemeSwitcher.init_ThemeSwitcher();
+	require_hooks_useTheme.init_useTheme();
+	require_components_layout_DesktopSidebar.init_DesktopSidebar();
+	require_components_layout_MobileMenu.init_MobileMenu();
+	require_components_layout_SidebarContext.init_SidebarContext();
+	require_components_layout_UserNav.init_UserNav();
+	GeneralLayout = require_hooks_useTheme.withTheme(GeneralLayoutComponent);
+}));
+
+//#endregion
+init_GeneralLayout();
+exports.GeneralLayout = GeneralLayout;
+Object.defineProperty(exports, 'init_GeneralLayout', {
+  enumerable: true,
+  get: function () {
+    return init_GeneralLayout;
+  }
+});
+//# sourceMappingURL=GeneralLayout.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralLayout.cjs","names":["SidebarProvider","DesktopSidebar","ThemeSwitcher","UserNav","MobileMenu","withTheme"],"sources":["../../../../src/components/layout/GeneralLayout.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ThemeSwitcher } from \"@/components/ThemeSwitcher\";\nimport { withTheme } from \"@/hooks/useTheme\";\n\nimport DesktopSidebar from \"./DesktopSidebar\";\nimport { MobileMenu } from \"./MobileMenu\";\nimport { SidebarProvider } from \"./SidebarContext\";\nimport { UserNav } from \"./UserNav\";\n\ninterface GeneralLayoutProps {\n  children?: React.ReactNode;\n}\n\nfunction GeneralLayoutComponent({ children }: GeneralLayoutProps) {\n  return (\n    <SidebarProvider>\n      <DesktopSidebar />\n      <main className=\"transition-[margin-left] duration-300 ease-in-out lg:ml-72\">\n        <div>\n          <header className=\"bg-background/95 supports-[backdrop-filter]:bg-background/60 dark:shadow-secondary sticky top-0 z-10 w-full shadow-md backdrop-blur\">\n            <div className=\"flex items-center justify-end gap-2 p-8 sm:mx-8\">\n              <ThemeSwitcher />\n              <UserNav />\n              <MobileMenu />\n            </div>\n          </header>\n          <div className=\"mx-4 my-8 sm:mx-8\">{children}</div>\n        </div>\n      </main>\n    </SidebarProvider>\n  );\n}\n\nexport const GeneralLayout = withTheme(GeneralLayoutComponent);\n"],"mappings":";;;;;;;;;;;;AAcA,SAAS,uBAAuB,EAAE,YAAgC;AAChE,QACE,4CAACA,uEACC,2CAACC,qDAAiB,EAClB,2CAAC;EAAK,WAAU;YACd,4CAAC,oBACC,2CAAC;GAAO,WAAU;aAChB,4CAAC;IAAI,WAAU;;KACb,2CAACC,mDAAgB;KACjB,2CAACC,8CAAU;KACX,2CAACC,oDAAa;;KACV;IACC,EACT,2CAAC;GAAI,WAAU;GAAqB;IAAe,IAC/C;GACD,IACS;;;;sDA5BqC;uCACd;+DAEC;uDACJ;+DACS;iDACf;CA0BvB,gBAAgBC,iCAAU,uBAAuB"}

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

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

package/dist/cjs/components/layout/GeneralLayout.spec.cjs

@@ -0,0 +1,145 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_layout_GeneralLayout = require('./GeneralLayout.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 _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/layout/GeneralLayout.spec.tsx
+require_components_layout_GeneralLayout.init_GeneralLayout();
+_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("@/components/dialog", () => ({
+	DialogProvider: ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": "mock-dialog-provider",
+		children
+	}),
+	DialogRenderer: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { "data-testid": "mock-dialog-renderer" })
+}));
+_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("@/components/ThemeSwitcher", () => ({ ThemeSwitcher: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { "data-testid": "mock-theme-switcher" }) }));
+_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/useTheme", () => ({ withTheme: (Component) => (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	"data-testid": "mock-with-theme",
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { ...props })
+}) }));
+_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("@/images", () => ({
+	discordLogoPng: "discord-logo.png",
+	lumeColorLogoPng: "lume-color-logo.png"
+}));
+_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("@lumeweb/portal-framework-ui-core", () => ({
+	Avatar: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": "mock-avatar",
+		...props
+	}),
+	Button: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		"data-testid": "mock-button",
+		...props,
+		children: props.children
+	}),
+	ChevronDownIcon: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { "data-testid": "mock-chevron-down-icon" }),
+	DropdownMenu: ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": "mock-dropdown-menu",
+		children
+	}),
+	DropdownMenuContent: ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": "mock-dropdown-menu-content",
+		children
+	}),
+	DropdownMenuGroup: ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": "mock-dropdown-menu-group",
+		children
+	}),
+	DropdownMenuItem: ({ children, onClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": "mock-dropdown-menu-item",
+		onClick,
+		children
+	}),
+	DropdownMenuTrigger: ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": "mock-dropdown-menu-trigger",
+		children
+	}),
+	useMobile: _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()
+}));
+_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("@radix-ui/react-icons", () => ({
+	ChevronDownIcon: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { "data-testid": "mock-radix-chevron-down-icon" }),
+	ExitIcon: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { "data-testid": "mock-exit-icon" })
+}));
+const mockLogoutMutate = _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();
+const mockIdentity = {
+	firstName: "John",
+	lastName: "Doe"
+};
+_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("@refinedev/core", () => ({
+	useGetIdentity: () => ({ data: mockIdentity }),
+	useLogout: () => ({ mutate: mockLogoutMutate })
+}));
+_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("react-router", () => ({ Link: ({ children, to, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+	href: to,
+	...props,
+	children
+}) }));
+_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("./DesktopSidebar", () => ({ default: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { "data-testid": "mock-desktop-sidebar" }) }));
+_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("./MobileSidebar", () => ({ default: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { "data-testid": "mock-mobile-sidebar" }) }));
+(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)("GeneralLayout", () => {
+	const mockChildren = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": "mock-children",
+		children: "Layout Children"
+	});
+	(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.beforeEach)(() => {
+		_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.clearAllMocks();
+		_lumeweb_portal_framework_ui_core.useMobile.mockReturnValue(false);
+	});
+	(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)("renders DesktopSidebar and desktop elements when not mobile", () => {
+		(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_layout_GeneralLayout.GeneralLayout, { children: mockChildren }));
+		(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.getByTestId("mock-desktop-sidebar")).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)(_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.queryByTestId("mock-mobile-sidebar")).not.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)(_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.getByTestId("mock-theme-switcher")).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)(_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.getByTestId("mock-dropdown-menu-trigger")).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)(_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.getByText(`${mockIdentity.firstName} ${mockIdentity.lastName}`)).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)(_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.getByTestId("mock-avatar")).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)(_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.getByTestId("mock-radix-chevron-down-icon")).toBeInTheDocument();
+		const connectLinks = _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.getAllByRole("link", { name: /Connect with us/i });
+		(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)(connectLinks).toHaveLength(2);
+		const discordLink = connectLinks.find((link) => link.getAttribute("href") === "https://discord.lumeweb.com");
+		const lumeLink = connectLinks.find((link) => link.getAttribute("href") === "https://lumeweb.com");
+		(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)(discordLink).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)(lumeLink).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)(discordLink).toHaveAttribute("href", "https://discord.lumeweb.com");
+		(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)(lumeLink).toHaveAttribute("href", "https://lumeweb.com");
+		(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.getByTestId("mock-children")).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.it)("renders MobileSidebar and hides desktop elements when mobile", () => {
+		_lumeweb_portal_framework_ui_core.useMobile.mockReturnValue(true);
+		(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_layout_GeneralLayout.GeneralLayout, { children: mockChildren }));
+		(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.queryByTestId("mock-desktop-sidebar")).not.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)(_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.getByTestId("mock-mobile-sidebar")).toBeInTheDocument();
+		const connectLinks = _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.getAllByRole("link", { name: /Connect with us/i });
+		(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)(connectLinks).toHaveLength(2);
+		const discordLink = connectLinks.find((link) => link.getAttribute("href") === "https://discord.lumeweb.com");
+		const lumeLink = connectLinks.find((link) => link.getAttribute("href") === "https://lumeweb.com");
+		(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)(discordLink).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)(lumeLink).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)(discordLink).toHaveAttribute("href", "https://discord.lumeweb.com");
+		(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)(lumeLink).toHaveAttribute("href", "https://lumeweb.com");
+		(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.getByTestId("mock-children")).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.it)("calls logout when the desktop logout menu item is clicked", () => {
+		_lumeweb_portal_framework_ui_core.useMobile.mockReturnValue(false);
+		(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_layout_GeneralLayout.GeneralLayout, { children: mockChildren }));
+		const logoutMenuItem = _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.getByTestId("mock-dropdown-menu-item");
+		_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.fireEvent.click(logoutMenuItem);
+		(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)(mockLogoutMutate).toHaveBeenCalledTimes(1);
+	});
+	(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)("renders DialogProvider and DialogRenderer", () => {
+		(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_layout_GeneralLayout.GeneralLayout, { children: mockChildren }));
+		(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.getByTestId("mock-dialog-provider")).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)(_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.getByTestId("mock-dialog-renderer")).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.it)("wraps the component with withTheme", () => {
+		(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_layout_GeneralLayout.GeneralLayout, { children: mockChildren }));
+		(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.getByTestId("mock-with-theme")).toBeInTheDocument();
+	});
+});
+
+//#endregion
+//# sourceMappingURL=GeneralLayout.spec.cjs.map

package/dist/cjs/components/layout/GeneralLayout.spec.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralLayout.spec.cjs","names":["vi","useMobile","cleanup","GeneralLayout","screen"],"sources":["../../../../src/components/layout/GeneralLayout.spec.tsx"],"sourcesContent":["import { useMobile } from \"@lumeweb/portal-framework-ui-core\";\nimport { cleanup, fireEvent, render, screen } from \"@testing-library/react\";\nimport React from \"react\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\n\n// Import the component to test\nimport { GeneralLayout } from \"./GeneralLayout\";\n\n// Mocking external dependencies and child components/hooks\nvi.mock(\"@/components/dialog\", () => ({\n  DialogProvider: ({ children }: { children: React.ReactNode }) => (\n    <div data-testid=\"mock-dialog-provider\">{children}</div>\n  ),\n  DialogRenderer: () => <div data-testid=\"mock-dialog-renderer\" />,\n}));\n\nvi.mock(\"@/components/ThemeSwitcher\", () => ({\n  ThemeSwitcher: () => <div data-testid=\"mock-theme-switcher\" />,\n}));\n\nvi.mock(\"@/hooks/useTheme\", () => ({\n  withTheme: (Component: React.ComponentType) => (props: any) => (\n    <div data-testid=\"mock-with-theme\">\n      <Component {...props} />\n    </div>\n  ),\n}));\n\nvi.mock(\"@/images\", () => ({\n  discordLogoPng: \"discord-logo.png\",\n  lumeColorLogoPng: \"lume-color-logo.png\",\n}));\n\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => ({\n  Avatar: (props: any) => <div data-testid=\"mock-avatar\" {...props} />,\n  Button: (props: any) => (\n    <button data-testid=\"mock-button\" {...props}>\n      {props.children}\n    </button>\n  ),\n  ChevronDownIcon: () => <div data-testid=\"mock-chevron-down-icon\" />,\n  DropdownMenu: ({ children }: { children: React.ReactNode }) => (\n    <div data-testid=\"mock-dropdown-menu\">{children}</div>\n  ),\n  DropdownMenuContent: ({ children }: { children: React.ReactNode }) => (\n    <div data-testid=\"mock-dropdown-menu-content\">{children}</div>\n  ),\n  DropdownMenuGroup: ({ children }: { children: React.ReactNode }) => (\n    <div data-testid=\"mock-dropdown-menu-group\">{children}</div>\n  ),\n  DropdownMenuItem: ({ children, onClick }: any) => (\n    <div data-testid=\"mock-dropdown-menu-item\" onClick={onClick}>\n      {children}\n    </div>\n  ),\n  DropdownMenuTrigger: ({ children }: { children: React.ReactNode }) => (\n    <div data-testid=\"mock-dropdown-menu-trigger\">{children}</div>\n  ),\n  useMobile: vi.fn(), // Will be set per test case\n}));\n\nvi.mock(\"@radix-ui/react-icons\", () => ({\n  ChevronDownIcon: () => <div data-testid=\"mock-radix-chevron-down-icon\" />,\n  ExitIcon: () => <div data-testid=\"mock-exit-icon\" />,\n}));\n\nconst mockLogoutMutate = vi.fn();\nconst mockIdentity = { firstName: \"John\", lastName: \"Doe\" };\nvi.mock(\"@refinedev/core\", () => ({\n  useGetIdentity: () => ({ data: mockIdentity }),\n  useLogout: () => ({ mutate: mockLogoutMutate }),\n}));\n\nvi.mock(\"react-router\", () => ({\n  Link: ({ children, to, ...props }: any) => (\n    <a href={to} {...props}>\n      {children}\n    </a>\n  ),\n}));\n\n// Mock the sidebar components\nvi.mock(\"./DesktopSidebar\", () => ({\n  default: () => <div data-testid=\"mock-desktop-sidebar\" />,\n}));\n\nvi.mock(\"./MobileSidebar\", () => ({\n  default: () => <div data-testid=\"mock-mobile-sidebar\" />,\n}));\n\ndescribe(\"GeneralLayout\", () => {\n  const mockChildren = <div data-testid=\"mock-children\">Layout Children</div>;\n\n  beforeEach(() => {\n    // Reset mocks before each test\n    vi.clearAllMocks();\n    // Default to desktop view unless specified otherwise\n    (useMobile as vi.Mock).mockReturnValue(false);\n  });\n\n  afterEach(cleanup);\n\n  it(\"renders DesktopSidebar and desktop elements when not mobile\", () => {\n    render(<GeneralLayout>{mockChildren}</GeneralLayout>);\n\n    expect(screen.getByTestId(\"mock-desktop-sidebar\")).toBeInTheDocument();\n    expect(screen.queryByTestId(\"mock-mobile-sidebar\")).not.toBeInTheDocument();\n\n    // Check for desktop-specific elements\n    expect(screen.getByTestId(\"mock-theme-switcher\")).toBeInTheDocument();\n    expect(\n      screen.getByTestId(\"mock-dropdown-menu-trigger\"),\n    ).toBeInTheDocument();\n    expect(\n      screen.getByText(`${mockIdentity.firstName} ${mockIdentity.lastName}`),\n    ).toBeInTheDocument();\n    expect(screen.getByTestId(\"mock-avatar\")).toBeInTheDocument();\n    expect(\n      screen.getByTestId(\"mock-radix-chevron-down-icon\"),\n    ).toBeInTheDocument();\n\n    // Check for footer links\n    const connectLinks = screen.getAllByRole(\"link\", {\n      name: /Connect with us/i,\n    });\n    expect(connectLinks).toHaveLength(2); // Ensure we found both links\n\n    const discordLink = connectLinks.find(\n      (link) => link.getAttribute(\"href\") === \"https://discord.lumeweb.com\",\n    );\n    const lumeLink = connectLinks.find(\n      (link) => link.getAttribute(\"href\") === \"https://lumeweb.com\",\n    );\n\n    expect(discordLink).toBeInTheDocument();\n    expect(lumeLink).toBeInTheDocument();\n    expect(discordLink).toHaveAttribute(\"href\", \"https://discord.lumeweb.com\");\n    expect(lumeLink).toHaveAttribute(\"href\", \"https://lumeweb.com\");\n\n    // Check if children are rendered\n    expect(screen.getByTestId(\"mock-children\")).toBeInTheDocument();\n  });\n\n  it(\"renders MobileSidebar and hides desktop elements when mobile\", () => {\n    (useMobile as vi.Mock).mockReturnValue(true); // Set to mobile view\n    render(<GeneralLayout>{mockChildren}</GeneralLayout>);\n\n    expect(\n      screen.queryByTestId(\"mock-desktop-sidebar\"),\n    ).not.toBeInTheDocument();\n    expect(screen.getByTestId(\"mock-mobile-sidebar\")).toBeInTheDocument();\n\n    // Check for absence of desktop-specific elements in the main content area\n    // The ThemeSwitcher and the desktop header dropdown are rendered but hidden by CSS on mobile,\n    // so we don't check for their absence in the DOM.\n    // The mobile sidebar handles its own user/logout.\n\n    // Check for footer links (should still be present in mobile view)\n    const connectLinks = screen.getAllByRole(\"link\", {\n      name: /Connect with us/i,\n    });\n    expect(connectLinks).toHaveLength(2); // Ensure we found both links\n\n    const discordLink = connectLinks.find(\n      (link) => link.getAttribute(\"href\") === \"https://discord.lumeweb.com\",\n    );\n    const lumeLink = connectLinks.find(\n      (link) => link.getAttribute(\"href\") === \"https://lumeweb.com\",\n    );\n\n    expect(discordLink).toBeInTheDocument();\n    expect(lumeLink).toBeInTheDocument();\n    expect(discordLink).toHaveAttribute(\"href\", \"https://discord.lumeweb.com\");\n    expect(lumeLink).toHaveAttribute(\"href\", \"https://lumeweb.com\");\n\n    // Check if children are rendered\n    expect(screen.getByTestId(\"mock-children\")).toBeInTheDocument();\n  });\n\n  it(\"calls logout when the desktop logout menu item is clicked\", () => {\n    (useMobile as vi.Mock).mockReturnValue(false); // Ensure desktop view\n    render(<GeneralLayout>{mockChildren}</GeneralLayout>);\n\n    // Simulate clicking the dropdown trigger to make the menu item available\n    // With simple mocks, the dropdown content might be always visible.\n    // For this simple mock, we assume the item is accessible.\n    const logoutMenuItem = screen.getByTestId(\"mock-dropdown-menu-item\");\n\n    fireEvent.click(logoutMenuItem);\n\n    expect(mockLogoutMutate).toHaveBeenCalledTimes(1);\n  });\n\n  it(\"renders DialogProvider and DialogRenderer\", () => {\n    render(<GeneralLayout>{mockChildren}</GeneralLayout>);\n\n    expect(screen.getByTestId(\"mock-dialog-provider\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"mock-dialog-renderer\")).toBeInTheDocument();\n  });\n\n  it(\"wraps the component with withTheme\", () => {\n    render(<GeneralLayout>{mockChildren}</GeneralLayout>);\n    expect(screen.getByTestId(\"mock-with-theme\")).toBeInTheDocument();\n  });\n});\n"],"mappings":"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"}

package/dist/cjs/components/layout/GeneralLayout.spec.d.cts

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