@lumeweb/portal-framework-ui 0.0.1 → 0.1.1

package/dist/esm/components/form/utils/animationUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationUtils.js","names":[],"sources":["../../../../../src/components/form/utils/animationUtils.ts"],"sourcesContent":["/**\n * Determines animation classes for wizard step transitions using CSS Grid\n *\n * @param isEntering - Whether the step is currently entering\n * @param isExiting - Whether the step is currently exiting\n * @param isActive - Whether the step is currently active\n * @param direction - The direction of transition (\"forward\", \"backward\", or null)\n * @returns CSS classes for the transition animation\n */\nexport function getStepAnimationClasses(\n  isEntering: boolean,\n  isExiting: boolean,\n  isActive: boolean,\n  direction: \"backward\" | \"forward\" | null,\n): string {\n  // Handle entering state - animate in\n  if (isEntering) {\n    return \"opacity-100 scale-100 pointer-events-auto z-10\";\n  }\n\n  // Handle exiting state - animate out\n  if (isExiting) {\n    return \"opacity-0 scale-95 pointer-events-none z-0\";\n  }\n\n  // Handle active state - fully visible\n  if (isActive) {\n    return \"opacity-100 scale-100 pointer-events-auto z-10\";\n  }\n\n  // Handle inactive state - hidden\n  return \"opacity-0 scale-95 pointer-events-none z-0\";\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,wBACd,YACA,WACA,UACA,WACQ;AAER,KAAI,WACF,QAAO;AAIT,KAAI,UACF,QAAO;AAIT,KAAI,SACF,QAAO;AAIT,QAAO"}

package/dist/esm/components/form/utils/autoSave.d.ts

@@ -0,0 +1,8 @@
+import { FormAutosaveConfig, FormConfig } from "../types.js";
+import { FieldValues } from "react-hook-form";
+
+//#region src/components/form/utils/autoSave.d.ts
+declare function computeAutoSaveConfig<T extends FieldValues>(autoSave: FormConfig<T>["autoSave"]): FormAutosaveConfig<T>;
+//#endregion
+export { computeAutoSaveConfig };
+//# sourceMappingURL=autoSave.d.ts.map

package/dist/esm/components/form/utils/autoSave.js

@@ -0,0 +1,17 @@
+//#region src/components/form/utils/autoSave.ts
+function computeAutoSaveConfig(autoSave) {
+	if (autoSave === true) return {
+		debounce: 1e3,
+		enabled: true
+	};
+	if (typeof autoSave === "object" && autoSave !== null) return {
+		...autoSave,
+		debounce: autoSave.debounce ?? 1e3,
+		enabled: true
+	};
+	return { enabled: false };
+}
+
+//#endregion
+export { computeAutoSaveConfig };
+//# sourceMappingURL=autoSave.js.map

package/dist/esm/components/form/utils/autoSave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoSave.js","names":[],"sources":["../../../../../src/components/form/utils/autoSave.ts"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport type { FormAutosaveConfig, FormConfig } from \"../types\";\n\nexport function computeAutoSaveConfig<T extends FieldValues>(\n  autoSave: FormConfig<T>[\"autoSave\"],\n): FormAutosaveConfig<T> {\n  if (autoSave === true) {\n    return { debounce: 1000, enabled: true };\n  }\n\n  if (typeof autoSave === \"object\" && autoSave !== null) {\n    // Spread first, then apply defaults/overrides so defaults are enforced\n    return {\n      ...autoSave,\n      debounce: autoSave.debounce ?? 1000,\n      enabled: true,\n    };\n  }\n\n  return { enabled: false };\n}\n"],"mappings":";AAIA,SAAgB,sBACd,UACuB;AACvB,KAAI,aAAa,KACf,QAAO;EAAE,UAAU;EAAM,SAAS;EAAM;AAG1C,KAAI,OAAO,aAAa,YAAY,aAAa,KAE/C,QAAO;EACL,GAAG;EACH,UAAU,SAAS,YAAY;EAC/B,SAAS;EACV;AAGH,QAAO,EAAE,SAAS,OAAO"}

package/dist/esm/components/form/utils/index.d.ts

@@ -0,0 +1,4 @@
+import { createStepRetryHandler } from "./stepRetry.js";
+import { computeAutoSaveConfig } from "./autoSave.js";
+import { getStepAnimationClasses } from "./animationUtils.js";
+export { computeAutoSaveConfig, createStepRetryHandler, getStepAnimationClasses };

package/dist/esm/components/form/utils/index.js

@@ -0,0 +1,5 @@
+import { computeAutoSaveConfig } from "./autoSave.js";
+import { createStepRetryHandler } from "./stepRetry.js";
+import { getStepAnimationClasses } from "./animationUtils.js";
+
+export { computeAutoSaveConfig, createStepRetryHandler, getStepAnimationClasses };

package/dist/esm/components/form/utils/stepRetry.d.ts

@@ -0,0 +1,12 @@
+import { StepDefinition } from "../types.js";
+
+//#region src/components/form/utils/stepRetry.d.ts
+/**
+ * Creates an onStepRetry callback that properly connects to the step configuration
+ * @param steps Array of step definitions
+ * @returns A function that handles step retry by calling the appropriate onRetryStep callback
+ */
+declare function createStepRetryHandler<TRequest = any>(steps: StepDefinition<TRequest>[]): (step: number) => void;
+//#endregion
+export { createStepRetryHandler };
+//# sourceMappingURL=stepRetry.d.ts.map

package/dist/esm/components/form/utils/stepRetry.js

@@ -0,0 +1,16 @@
+//#region src/components/form/utils/stepRetry.ts
+/**
+* Creates an onStepRetry callback that properly connects to the step configuration
+* @param steps Array of step definitions
+* @returns A function that handles step retry by calling the appropriate onRetryStep callback
+*/
+function createStepRetryHandler(steps) {
+	return (step) => {
+		const stepConfig = steps[step - 1];
+		if (stepConfig?.onRetryStep) stepConfig.onRetryStep();
+	};
+}
+
+//#endregion
+export { createStepRetryHandler };
+//# sourceMappingURL=stepRetry.js.map

package/dist/esm/components/form/utils/stepRetry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepRetry.js","names":[],"sources":["../../../../../src/components/form/utils/stepRetry.ts"],"sourcesContent":["import type { StepDefinition } from \"../types\";\n\n/**\n * Creates an onStepRetry callback that properly connects to the step configuration\n * @param steps Array of step definitions\n * @returns A function that handles step retry by calling the appropriate onRetryStep callback\n */\nexport function createStepRetryHandler<TRequest = any>(\n  steps: StepDefinition<TRequest>[],\n) {\n  return (step: number) => {\n    const stepConfig = steps[step - 1];\n    if (stepConfig?.onRetryStep) {\n      stepConfig.onRetryStep();\n    }\n  };\n}"],"mappings":";;;;;;AAOA,SAAgB,uBACd,OACA;AACA,SAAQ,SAAiB;EACvB,MAAM,aAAa,MAAM,OAAO;AAChC,MAAI,YAAY,YACd,YAAW,aAAa"}

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

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

@@ -0,0 +1,130 @@
+import { ActionItemType } from "./actions/types.js";
+import { DIALOG_POSITION_CLASSES, DIALOG_SIZE_CLASSES, DialogIconLayout, DialogPosition, DialogStatus, DialogTypes, DialogVariant, FormDialogType, contextProviders, dialogContextRequirements, getDialogType, getFormTypeFromDialog, isAlertDialog, isConfirmDialog, isCustomDialog, isDialogFooterFunction, isDialogHeaderFunction, isFormDialog, isWizardDialogConfig, isWizardFormConfig } from "./dialog/Dialog.types.js";
+import { DialogProvider, useDialog, useDialogActions, useDialogState } from "./dialog/Dialog.context.js";
+import { calculateStepState, createStepClickHandler, createStepKeyHandler, resolveAllowStepNavigation } from "./shared/utils/stepState.js";
+import { getDialogContentClasses } from "./dialog/utils/dialogClasses.js";
+import { DialogComponent, DialogRenderer } from "./dialog/Dialog.renderer.js";
+import { getDialogTypeFromConfig, useDialogType, useIsFormDialog, useIsInDialog, useIsWizardDialog } from "./dialog/utils/dialogDetection.js";
+import "./dialog/index.js";
+import { createActionHelpers, createDialogActions, createFormActions, createStepActions, createWizardActions, evaluateSubmitLabel } from "./actions/actionHelpers.js";
+import { getActionItemComponent, registerActionItemComponent, resetRegistryForTesting } from "./actions/registry.js";
+import { ActionListRenderer } from "./actions/ActionListRenderer.js";
+import { registerAllActionItems } from "./actions/register.js";
+import "./actions/index.js";
+import { adapters } from "./form/adapters.js";
+import { FormProvider, useFormContext } from "./form/context.js";
+import { Checkbox, registerCheckbox } from "./form/fields/Checkbox.js";
+import { DatePicker, registerDatePicker } from "./form/fields/DatePicker.js";
+import { EmailInput, registerEmailInput } from "./form/fields/EmailInput.js";
+import { FileInput, registerFileInput } from "./form/fields/FileInput.js";
+import { Input, registerInput } from "./form/fields/Input.js";
+import { RadioGroup, registerRadioGroup } from "./form/fields/RadioGroup.js";
+import { getFormComponent, registerFormComponent } from "./form/fields/registry.js";
+import { Editor } from "./editor/Editor.js";
+import "./editor/index.js";
+import { RichText, registerRichText } from "./form/fields/RichText.js";
+import { Select, registerSelect } from "./form/fields/Select.js";
+import { Slider, registerSlider } from "./form/fields/Slider.js";
+import { Textarea, registerTextarea } from "./form/fields/Textarea.js";
+import { FormFieldType } from "./form/fields/types.js";
+import { FormGroup } from "./form/FormGroup.js";
+import { StepControlProvider, useCreateStepControl, useOptionalStepControlContext, useStepControl, useStepControlContext } from "./form/StepControlContext.js";
+import { AdapterType, GroupOrder, LayoutType, isActionButtonsFunction, isFooterFunction, isHeaderFunction, isStepFormConfig, isSubmitLabelFunction } from "./form/types.js";
+import { FormRenderer } from "./form/FormRenderer.js";
+import { registerAllFormComponents } from "./form/register.js";
+import { computeAutoSaveConfig } from "./form/utils/autoSave.js";
+import { SchemaForm } from "./form/SchemaForm.js";
+import { createStepRetryHandler } from "./form/utils/stepRetry.js";
+import { getStepAnimationClasses } from "./form/utils/animationUtils.js";
+import { StepSchemaForm } from "./form/StepSchemaForm.js";
+import { WizardForm } from "./form/WizardForm.js";
+import "./form/index.js";
+import { Loading } from "./Loading.js";
+import { AppComponent } from "./app/AppComponent.js";
+import { TableLayoutType, ToolbarItemAlignment, ToolbarItemType } from "./data-table/DataTable.types.js";
+import { clear, getAction, getFilter, hasAction, hasFilter, listActions, listAll, listFilters, registerAction, registerFilter, removeAction, removeFilter } from "./data-table/ToolbarRegistry.js";
+import { COMPONENT_SIZE_CLASSES, ComponentSize, WidthCategory, getComponentSizeClass, getSizeClass, isComponentSize } from "./sizing/index.js";
+import { ActionType, FilterOperator, FilterType } from "./data-table/toolbarItems/filters/types.js";
+import { BooleanFilter } from "./data-table/toolbarItems/filters/components/BooleanFilter.js";
+import { DateFilter } from "./data-table/toolbarItems/filters/components/DateFilter.js";
+import { MultiSelectFilter } from "./data-table/toolbarItems/filters/components/MultiSelectFilter.js";
+import { NumberFilter } from "./data-table/toolbarItems/filters/components/NumberFilter.js";
+import { RangeFilter } from "./data-table/toolbarItems/filters/components/RangeFilter.js";
+import { SearchFilter } from "./data-table/toolbarItems/filters/components/SearchFilter.js";
+import { SelectFilter } from "./data-table/toolbarItems/filters/components/SelectFilter.js";
+import { TextFilter } from "./data-table/toolbarItems/filters/components/TextFilter.js";
+import { createFilterOnChangeHandler, createFiltersFromValue } from "./data-table/toolbarItems/filters/util.js";
+import { FilterGroup } from "./data-table/toolbarItems/FilterGroup.js";
+import { ToolbarRenderer, ToolbarRendererRegistry } from "./data-table/ToolbarRenderer.js";
+import { FilterHelpersProvider, useDefaultFilter, useFilterHelpers } from "./data-table/contexts/FilterHelpers.js";
+import { RefineTableProvider, useRefineTable } from "./data-table/contexts/RefineTable.js";
+import { TableConfigProvider, useTableConfig, useTableConfigOptional } from "./data-table/contexts/TableConfig.js";
+import { TableInstanceProvider, useTableInstance } from "./data-table/contexts/TableInstance.js";
+import { registerRefreshToolbarItem } from "./data-table/toolbarItems/items/refresh.js";
+import { registerSearchToolbarItem } from "./data-table/toolbarItems/items/search.js";
+import { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem } from "./data-table/toolbarItems/items/separator.js";
+import { ToolbarCustomItemComponent, registerCustomToolbarItem } from "./data-table/toolbarItems/items/custom.js";
+import { Toolbar } from "./data-table/Toolbar.js";
+import { DefaultPagination } from "./data-table/DefaultPagination.js";
+import { TableEmptyState } from "./data-table/EmptyState.js";
+import { TableLoadingState } from "./data-table/LoadingState.js";
+import { normalizeTableOptions } from "./data-table/tableOptions.js";
+import { BaseTableContent } from "./data-table/BaseTableContent.js";
+import { BaseTableInner } from "./data-table/BaseTableInner.js";
+import { BaseTable } from "./data-table/BaseTable.js";
+import { TableAction } from "./data-table/TableAction.js";
+import { TableActionMenu } from "./data-table/TableActionMenu.js";
+import { DataTable } from "./data-table/DataTable.js";
+import { DataTableController } from "./data-table/DataTableController.js";
+import "./data-table/index.js";
+import { SidebarProvider, useSidebarContext } from "./layout/SidebarContext.js";
+import { SidebarToggle } from "./layout/SidebarToggle.js";
+import { UserNav } from "./layout/UserNav.js";
+import { MainNavigation } from "./MainNavigation.js";
+import { MobileMenu } from "./layout/MobileMenu.js";
+import { PageHeader } from "./layout/PageHeader.js";
+import { ThemeSwitcher } from "./ThemeSwitcher.js";
+import { GeneralLayout } from "./layout/GeneralLayout.js";
+import "./layout/index.js";
+import { FooterContextProvider, useFooterContext, useOptionalFooterContext } from "./shared/context/FooterContext.js";
+import { HeaderContextProvider, useHeaderContext, useOptionalHeaderContext } from "./shared/context/HeaderContext.js";
+import { ContainerType, isDialogContainer, isStandaloneContainer } from "./shared/types/container.js";
+import { FormType, isSimpleForm, isStepForm, isWizardForm } from "./shared/types/form.js";
+import { NavigationType, ProgressStyleType, getEffectiveAllowNavigation, hasNavigation, isNoneNavigation, isStepHeaderEnvironment, isStepNavigation, isWizardHeaderEnvironment, isWizardNavigation } from "./shared/types/header.js";
+import { Environment, EnvironmentBuilder, FooterEnvironmentBuilder, HeaderEnvironmentBuilder } from "./shared/environment/builders.js";
+import { ActionsFooter } from "./shared/footers/ActionsFooter.js";
+import { DefaultFooter } from "./shared/footers/DefaultFooter.js";
+import { FormFooter } from "./shared/footers/FormFooter.js";
+import { StepFormFooter } from "./shared/footers/StepFormFooter.js";
+import { WizardFooter } from "./shared/footers/WizardFooter.js";
+import { DefaultHeader } from "./shared/headers/DefaultHeader.js";
+import { FormHeader } from "./shared/headers/FormHeader.js";
+import { WizardHeader } from "./shared/headers/WizardHeader.js";
+import { FooterType, HeaderType } from "./shared/registry/types.js";
+import { createFooterRegistry, footerRegistry } from "./shared/registry/FooterRegistry.js";
+import { createHeaderRegistry, headerRegistry } from "./shared/registry/HeaderRegistry.js";
+import { hasStepEnvironment, isDialogFooterEnvironment, isSimpleFooterEnvironment, isStandaloneFooterEnvironment, isStepFooterEnvironment, isWizardFooterEnvironment } from "./shared/types/footer.js";
+import { createStepEnvironment } from "./shared/types/step.js";
+import { useEnvironmentSync } from "./shared/hooks/useEnvironmentSync.js";
+import { UnifiedFooter } from "./shared/UnifiedFooter.js";
+import { UnifiedHeader } from "./shared/UnifiedHeader.js";
+import { createForceRerenderReceiver } from "./shared/utils/createForceRerenderReceiver.js";
+import { createEnvironmentReceiver } from "./shared/utils/createEnvironmentReceiver.js";
+import { renderFooter } from "./shared/utils/renderFooter.js";
+import { renderHeader } from "./shared/utils/renderHeader.js";
+import { useForceRerender } from "./shared/hooks/useForceRerender.js";
+import "./shared/index.js";
+import { Copyable } from "./Copyable.js";
+import { ThemedBadge } from "./ThemedBadge.js";
+import { FilterChip } from "./FilterChip.js";
+import { ErrorList, Field, FieldCheckbox, TextareaField } from "./Forms.js";
+import { InlineAuthLinkBanner } from "./InlineAuthLinkBanner.js";
+import { KeyboardShortcutDialog } from "./KeyboardShortcutDialog.js";
+import { LumeLogo } from "./LumeLogo.js";
+import { SkeletonLoader } from "./SkeletonLoader.js";
+import { TableActionsDropdown } from "./TableActionsDropdown.js";
+import { TableContainer } from "./TableContainer.js";
+import { useScreenReaderAnnouncement } from "./screen-reader/hooks/useScreenReaderAnnouncement.js";
+import { ScreenReaderAnnouncement } from "./screen-reader/ScreenReaderAnnouncement.js";
+
+export { ActionItemType, ActionListRenderer, ActionType, ActionsFooter, AdapterType, AppComponent, BaseTable, BaseTableContent, BaseTableInner, BooleanFilter, COMPONENT_SIZE_CLASSES, Checkbox, ComponentSize, ContainerType, Copyable, DIALOG_POSITION_CLASSES, DIALOG_SIZE_CLASSES, DataTable, DataTableController, DateFilter, DatePicker, DefaultFooter, DefaultHeader, DefaultPagination, DialogComponent, DialogIconLayout, DialogPosition, DialogProvider, DialogRenderer, DialogStatus, DialogTypes, DialogVariant, Editor, EmailInput, Environment, EnvironmentBuilder, ErrorList, Field, FieldCheckbox, FileInput, FilterChip, FilterGroup, FilterHelpersProvider, FilterOperator, FilterType, FooterContextProvider, FooterEnvironmentBuilder, FooterType, FormDialogType, FormFieldType, FormFooter, FormGroup, FormHeader, FormProvider, FormRenderer, FormType, GeneralLayout, GroupOrder, HeaderContextProvider, HeaderEnvironmentBuilder, HeaderType, InlineAuthLinkBanner, Input, KeyboardShortcutDialog, LayoutType, Loading, LumeLogo, MainNavigation, MobileMenu, MultiSelectFilter, NavigationType, NumberFilter, PageHeader, ProgressStyleType, RadioGroup, RangeFilter, RefineTableProvider, RichText, SchemaForm, ScreenReaderAnnouncement, SearchFilter, Select, SelectFilter, SidebarProvider, SidebarToggle, SkeletonLoader, Slider, StepControlProvider, StepFormFooter, StepSchemaForm, TableAction, TableActionMenu, TableActionsDropdown, TableConfigProvider, TableContainer, TableEmptyState, TableInstanceProvider, TableLayoutType, TableLoadingState, TextFilter, Textarea, TextareaField, ThemeSwitcher, ThemedBadge, Toolbar, ToolbarCustomItemComponent, ToolbarItemAlignment, ToolbarItemType, ToolbarRenderer, ToolbarRendererRegistry, ToolbarSeparatorItemComponent, UnifiedFooter, UnifiedHeader, UserNav, WidthCategory, WizardFooter, WizardForm, WizardHeader, 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/esm/components/layout/DesktopSidebar.d.ts

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

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

@@ -0,0 +1,51 @@
+import { useSidebarContext } from "./SidebarContext.js";
+import { SidebarToggle } from "./SidebarToggle.js";
+import { MainNavigation } from "../MainNavigation.js";
+import { LumeLogo } from "../LumeLogo.js";
+import "../index.js";
+import { FlexWidgetArea } from "@lumeweb/portal-framework-core";
+import { Button, cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/layout/DesktopSidebar.tsx
+function DesktopSidebar() {
+	const { isCollapsed, toggleCollapsed } = useSidebarContext();
+	return /* @__PURE__ */ jsxs("aside", {
+		className: 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__ */ jsx(SidebarToggle, {
+			isOpen: !isCollapsed,
+			setIsOpen: toggleCollapsed
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "relative flex h-full flex-col justify-between px-3 py-4",
+			children: [
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Button, {
+					asChild: true,
+					className: cn("mb-1 transition-transform duration-300 ease-in-out", !isCollapsed ? "translate-x-1" : "translate-x-0"),
+					variant: "link",
+					children: /* @__PURE__ */ jsx(LumeLogo, { imageClassName: cn("transition transition-all", { "h-5": isCollapsed }) })
+				}), /* @__PURE__ */ jsx(MainNavigation, { isOpen: !isCollapsed })] }),
+				/* @__PURE__ */ jsx(FlexWidgetArea, { id: "core:desktop-sidebar" }),
+				/* @__PURE__ */ jsxs("span", {
+					className: cn("text-foreground/60 mb-4 space-y-1 transition-opacity duration-300", {
+						"opacity-0": isCollapsed,
+						"opacity-100": !isCollapsed,
+						"text-sm": isCollapsed
+					}),
+					children: [
+						/* @__PURE__ */ jsx("p", { children: "Freedom" }),
+						/* @__PURE__ */ jsx("p", { children: "Privacy" }),
+						/* @__PURE__ */ jsx("p", { children: "Ownership" })
+					]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { DesktopSidebar as default };
+//# sourceMappingURL=DesktopSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopSidebar.js","names":[],"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,oBAAoB,mBAAmB;AAE5D,QACE,qBAAC,SAAD;EACE,WAAW,GACT,kBACA,iIACA;GACE,WAAW;GACX,WAAW,CAAC;GACb,CACF;YARH,CASE,oBAAC,eAAD;GAAe,QAAQ,CAAC;GAAa,WAAW;GAAmB,GACnE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,qBAAC,OAAD,aACE,oBAAC,QAAD;KACE;KACA,WAAW,GACT,sDACA,CAAC,cAAc,kBAAkB,gBAClC;KACD,SAAQ;eACR,oBAAC,UAAD,EACE,gBAAgB,GAAG,6BAA6B,EAC9C,OAAO,aACR,CAAC,EACF;KACK,GACT,oBAAC,gBAAD,EAAgB,QAAQ,CAAC,aAAe,EACpC;IACN,oBAAC,gBAAD,EAAgB,IAAI,wBAA0B;IAC9C,qBAAC,QAAD;KACE,WAAW,GACT,qEACA;MACE,aAAa;MACb,eAAe,CAAC;MAChB,WAAW;MACZ,CACF;eARH;MASE,oBAAC,KAAD,YAAG,WAAW;MACd,oBAAC,KAAD,YAAG,WAAW;MACd,oBAAC,KAAD,YAAG,aAAa;MACX;;IACH;KACA"}

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

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

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

@@ -0,0 +1,34 @@
+import { SidebarProvider } from "./SidebarContext.js";
+import DesktopSidebar from "./DesktopSidebar.js";
+import { UserNav } from "./UserNav.js";
+import { MobileMenu } from "./MobileMenu.js";
+import { withTheme } from "../../hooks/useTheme.js";
+import { ThemeSwitcher } from "../ThemeSwitcher.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/layout/GeneralLayout.tsx
+function GeneralLayoutComponent({ children }) {
+	return /* @__PURE__ */ jsxs(SidebarProvider, { children: [/* @__PURE__ */ jsx(DesktopSidebar, {}), /* @__PURE__ */ jsx("main", {
+		className: "transition-[margin-left] duration-300 ease-in-out lg:ml-72",
+		children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ 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__ */ jsxs("div", {
+				className: "flex items-center justify-end gap-2 p-8 sm:mx-8",
+				children: [
+					/* @__PURE__ */ jsx(ThemeSwitcher, {}),
+					/* @__PURE__ */ jsx(UserNav, {}),
+					/* @__PURE__ */ jsx(MobileMenu, {})
+				]
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "mx-4 my-8 sm:mx-8",
+			children
+		})] })
+	})] });
+}
+const GeneralLayout = withTheme(GeneralLayoutComponent);
+
+//#endregion
+export { GeneralLayout };
+//# sourceMappingURL=GeneralLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralLayout.js","names":[],"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,qBAAC,iBAAD,aACE,oBAAC,gBAAD,EAAkB,GAClB,oBAAC,QAAD;EAAM,WAAU;YACd,qBAAC,OAAD,aACE,oBAAC,UAAD;GAAQ,WAAU;aAChB,qBAAC,OAAD;IAAK,WAAU;cAAf;KACE,oBAAC,eAAD,EAAiB;KACjB,oBAAC,SAAD,EAAW;KACX,oBAAC,YAAD,EAAc;KACV;;GACC,GACT,oBAAC,OAAD;GAAK,WAAU;GAAqB;GAAe,EAC/C;EACD,EACS;;AAItB,MAAa,gBAAgB,UAAU,uBAAuB"}

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

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

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

@@ -0,0 +1,48 @@
+import { MainNavigation } from "../MainNavigation.js";
+import { Button, Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@lumeweb/portal-framework-ui-core";
+import { Link } from "@refinedev/core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MenuIcon } from "lucide-react";
+
+//#region src/components/layout/MobileMenu.tsx
+function MobileMenu() {
+	const [open, setOpen] = React.useState(false);
+	return /* @__PURE__ */ jsxs(Sheet, {
+		onOpenChange: setOpen,
+		open,
+		children: [/* @__PURE__ */ jsx(SheetTrigger, {
+			asChild: true,
+			className: "ml-2 lg:hidden",
+			children: /* @__PURE__ */ jsx(Button, {
+				className: "h-8 w-8",
+				size: "icon",
+				variant: "outline",
+				children: /* @__PURE__ */ jsx(MenuIcon, { size: 18 })
+			})
+		}), /* @__PURE__ */ jsxs(SheetContent, {
+			className: "flex h-full flex-col px-3 sm:w-72",
+			side: "right",
+			children: [/* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(Button, {
+				asChild: true,
+				className: "flex items-center justify-center pb-2 pt-1",
+				variant: "link",
+				children: /* @__PURE__ */ jsx(Link, {
+					className: "flex items-center gap-2",
+					to: "/dashboard",
+					children: /* @__PURE__ */ jsx(SheetTitle, {
+						className: "text-lg font-bold",
+						children: "Portal"
+					})
+				})
+			}) }), /* @__PURE__ */ jsx(MainNavigation, {
+				isOpen: true,
+				onItemClick: () => setOpen(false)
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { MobileMenu };
+//# sourceMappingURL=MobileMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileMenu.js","names":[],"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,WAAW,MAAM,SAAS,MAAM;AAE7C,QACE,qBAAC,OAAD;EAAO,cAAc;EAAe;YAApC,CACE,oBAAC,cAAD;GAAc;GAAQ,WAAU;aAC9B,oBAAC,QAAD;IAAQ,WAAU;IAAU,MAAK;IAAO,SAAQ;cAC9C,oBAAC,UAAD,EAAU,MAAM,IAAM;IACf;GACI,GACf,qBAAC,cAAD;GAAc,WAAU;GAAoC,MAAK;aAAjE,CACE,oBAAC,aAAD,YACE,oBAAC,QAAD;IACE;IACA,WAAU;IACV,SAAQ;cACR,oBAAC,MAAD;KAAM,WAAU;KAA0B,IAAG;eAC3C,oBAAC,YAAD;MAAY,WAAU;gBAAoB;MAAmB;KACxD;IACA,GACG,GACd,oBAAC,gBAAD;IAAgB;IAAO,mBAAmB,QAAQ,MAAM;IAAI,EAC/C;KACT"}

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

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

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/layout/PageHeader.tsx
+function PageHeader({ children, description, title }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center justify-between",
+		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+			className: "text-2xl font-semibold text-white",
+			children: title
+		}), /* @__PURE__ */ jsx("p", {
+			className: "mt-1 text-gray-400",
+			children: description
+		})] }), children]
+	});
+}
+
+//#endregion
+export { PageHeader };
+//# sourceMappingURL=PageHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","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,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,OAAD,aACE,oBAAC,MAAD;GAAI,WAAU;aAAqC;GAAW,GAC9D,oBAAC,KAAD;GAAG,WAAU;aAAsB;GAAgB,EAC/C,KACL,SACG"}