@abyss-project/commons-front-core 1.0.136 → 1.0.140

package/dist/components/Inputs/AbyssMarkdownEditor/AbyssMarkdownEditor.component.d.ts

@@ -1,15 +1,14 @@
 import { default as React } from 'react';
 import { CrepeConfig } from '@milkdown/crepe';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-declare const _default: React.JSXElementConstructor<Omit<{
-    placeholder?: string | undefined;
-    defaultValue?: string | undefined;
-    externalValue?: string | undefined;
-    onChange?: ((md: string) => void) | undefined;
-    classes: Record<string, string>;
-    readOnly?: boolean | undefined;
-    onUploadFile?: ((file: File) => Promise<string>) | undefined;
-    enableImageUpload?: boolean | undefined;
-    enableFileUpload?: boolean | undefined;
-} & CrepeConfig, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+type Props = {
+    placeholder?: string;
+    defaultValue?: string;
+    externalValue?: string;
+    onChange?: (md: string) => void;
+    readOnly?: boolean;
+    onUploadFile?: (file: File) => Promise<string>;
+    enableImageUpload?: boolean;
+    enableFileUpload?: boolean;
+} & CrepeConfig;
+declare const AbyssMarkdownEditor: React.FC<Props>;
+export default AbyssMarkdownEditor;

package/dist/components/Inputs/AbyssNumberField/AbyssNumberField.component.d.ts

@@ -0,0 +1,16 @@
+import { TextFieldProps } from '@mui/material';
+export type AbyssNumberFieldProps = Omit<TextFieldProps, 'value' | 'onChange'> & {
+    value: number | null;
+    onChange: (value: number | null) => void;
+    mode?: 'number' | 'currency';
+    currencySymbol?: string;
+    currencyPosition?: 'start' | 'end';
+    locale?: string;
+    decimals?: number;
+    thousandSeparator?: string;
+    min?: number;
+    max?: number;
+    allowNegative?: boolean;
+};
+declare const AbyssNumberField: React.FC<AbyssNumberFieldProps>;
+export default AbyssNumberField;

package/dist/components/Inputs/AbyssNumberField/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AbyssNumberField } from './AbyssNumberField.component';
+export type { AbyssNumberFieldProps } from './AbyssNumberField.component';

package/dist/components/Inputs/AbyssScopeSwitcher/AbyssScopeSwitcher.component.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export type ScopeOption = {
+    id: string | null;
+    name: string;
+    logoId?: string | null;
+};
+type Props = {
+    organizations: ScopeOption[];
+    selectedOrganizationId: string | null;
+    onChange: (organizationId: string | null) => void;
+    getOrganizationLogoUrl: (orgId: string) => string;
+    personalLabel?: string;
+    placeholder?: string;
+    userId?: string;
+    userName?: string;
+    getUserProfilePictureUrl?: (userId: string) => string;
+    hidePersonal?: boolean;
+};
+declare function AbyssScopeSwitcher({ organizations, selectedOrganizationId, onChange, getOrganizationLogoUrl, personalLabel, placeholder, userId, userName, getUserProfilePictureUrl, hidePersonal, }: Props): React.ReactElement;
+export { AbyssScopeSwitcher };

package/dist/components/Inputs/AbyssScopeSwitcher/index.d.ts

@@ -0,0 +1,2 @@
+export { AbyssScopeSwitcher } from './AbyssScopeSwitcher.component';
+export type { ScopeOption } from './AbyssScopeSwitcher.component';

package/dist/components/Inputs/AbyssSelectOrganization/AbyssSelectOrganization.component.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export type SelectableOrganization = {
+    id?: string;
+    name: string;
+    description?: string | null;
+    logoId?: string | null;
+};
+type Props<T extends SelectableOrganization = SelectableOrganization> = {
+    organizations: T[] | null;
+    selectedOrganization: T | null;
+    disabled?: boolean;
+    onChange: (selectedOrganization: T | null) => void;
+    label?: string;
+    placeholder?: string;
+    getOrganizationLogoUrl: (orgId: string) => string;
+};
+declare function AbyssSelectOrganization<T extends SelectableOrganization = SelectableOrganization>({ onChange, organizations, selectedOrganization, disabled, label, placeholder, getOrganizationLogoUrl, }: Props<T>): React.ReactElement;
+export default AbyssSelectOrganization;

package/dist/components/Inputs/AbyssSelectOrganization/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AbyssSelectOrganization } from './AbyssSelectOrganization.component';
+export type { SelectableOrganization } from './AbyssSelectOrganization.component';

package/dist/components/Inputs/AbyssSelectProject/AbyssSelectProject.component.d.ts

@@ -1,15 +1,18 @@
 import { default as React } from 'react';
-import { ProjectWithoutApplication } from '@abyss-project/main';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-type Props = {
-    projects: ProjectWithoutApplication[] | null;
-    selectedProject: ProjectWithoutApplication | null;
+export type SelectableProject = {
+    id?: string;
+    name: string;
+    description?: string | null;
+    pictureId?: string | null;
+};
+type Props<T extends SelectableProject = SelectableProject> = {
+    projects: T[] | null;
+    selectedProject: T | null;
     disabled?: boolean;
-    onChange: (selectedProject: ProjectWithoutApplication | null) => void;
+    onChange: (selectedProject: T | null) => void;
     label?: string;
     placeholder?: string;
     getProjectPictureUrl: (projectId: string) => string;
-    classes: Record<string, string>;
 };
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare function AbyssSelectProject<T extends SelectableProject = SelectableProject>({ onChange, projects, selectedProject, disabled, label, placeholder, getProjectPictureUrl, }: Props<T>): React.ReactElement;
+export default AbyssSelectProject;

package/dist/components/Inputs/AbyssSelectProject/index.d.ts

@@ -1 +1,2 @@
 export { default as AbyssSelectProject } from './AbyssSelectProject.component';
+export type { SelectableProject } from './AbyssSelectProject.component';

package/dist/components/Inputs/CloudImport/CloudImport.component.d.ts

@@ -1,17 +1,29 @@
 import { default as React } from 'react';
-import { ICloud, IFile } from '@abyss-project/cloud';
-import { IUser } from '@abyss-project/main';
-import { StyledComponentProps } from '@mui/styles/withStyles';
+import { ISpace, IFile, IGetRepositoryCloudData } from '@abyss-project/cloud';
+export interface CloudImportSpaceDisplay {
+    label: string;
+    avatar?: React.ReactNode;
+    subtitle?: string;
+    organizationId?: string | null;
+    organizationName?: string | null;
+    scope?: 'personal' | 'perso-in-org' | 'org-common' | 'project';
+}
 type Props = {
-    classes: Record<string, string>;
-    submitFiles: (cloud: ICloud, files: IFile[]) => void;
+    submitFiles: (cloud: ISpace, files: IFile[]) => void;
     maxSize?: number;
     multiple?: boolean;
     accept?: string[];
-    user: IUser;
-    fetchUser: () => Promise<void>;
+    isCloudEnabled?: boolean;
     abyssCloudUrl: string;
     getFileThumbnailUrl: (id: string) => string;
+    clouds: ISpace[] | null;
+    cloudShares: ISpace[] | null;
+    isLoadingClouds?: boolean;
+    onRefreshClouds: () => Promise<void>;
+    fetchCloudRepository: (cloudId: string) => Promise<IGetRepositoryCloudData>;
+    onActivateService: () => Promise<void>;
+    onCreateCloud: (name: string) => Promise<void>;
+    getSpaceDisplay?: (space: ISpace) => CloudImportSpaceDisplay;
 };
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const CloudImport: React.FC<Props>;
+export default CloudImport;

package/dist/components/Inputs/CloudImport/CloudImportFile.component.d.ts

@@ -1,8 +1,6 @@
 import { default as React } from 'react';
 import { IFile } from '@abyss-project/cloud';
-import { StyledComponentProps } from '@mui/styles/withStyles';
 type Props = {
-    classes: Record<string, string>;
     file: IFile;
     maxSize?: number;
     multiple?: boolean;
@@ -12,5 +10,5 @@ type Props = {
     accept?: string[];
     getFileThumbnailUrl: (id: string) => string;
 };
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const CloudImportFile: React.FC<Props>;
+export default CloudImportFile;

package/dist/components/Inputs/CloudImport/CloudImportFolder.component.d.ts

@@ -1,8 +1,6 @@
 import { default as React } from 'react';
 import { IFile, IFolder } from '@abyss-project/cloud';
-import { StyledComponentProps } from '@mui/styles/withStyles';
 type Props = {
-    classes: Record<string, string>;
     folder: IFolder;
     maxSize?: number;
     multiple?: boolean;
@@ -16,5 +14,5 @@ type Props = {
     accept?: string[];
     getFileThumbnailUrl: (id: string) => string;
 };
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const CloudImportFolder: React.FC<Props>;
+export default CloudImportFolder;

package/dist/components/Inputs/CloudSave/CloudSave.component.d.ts

@@ -1,14 +1,17 @@
 import { default as React } from 'react';
-import { ICloud, IFolder } from '@abyss-project/cloud';
-import { IUser } from '@abyss-project/main';
-import { StyledComponentProps } from '@mui/styles/withStyles';
+import { ISpace, IFolder, IGetRepositoryCloudData } from '@abyss-project/cloud';
 type Props = {
-    classes: Record<string, string>;
-    onConfirm: (cloud: ICloud, folder: IFolder | null) => Promise<void>;
-    user: IUser;
-    fetchUser: () => Promise<void>;
+    onConfirm: (cloud: ISpace, folder: IFolder | null) => Promise<void>;
+    isCloudEnabled?: boolean;
     abyssCloudUrl: string;
     getFileThumbnailUrl: (id: string) => string;
+    clouds: ISpace[] | null;
+    cloudShares: ISpace[] | null;
+    isLoadingClouds?: boolean;
+    onRefreshClouds: () => Promise<void>;
+    fetchCloudRepository: (cloudId: string) => Promise<IGetRepositoryCloudData>;
+    onActivateService: () => Promise<void>;
+    onCreateCloud: (name: string) => Promise<void>;
 };
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const CloudSave: React.FC<Props>;
+export default CloudSave;

package/dist/components/Inputs/ColorPalette/ColorPalette.component.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+declare const SIZE_MAP: {
+    readonly sm: 18;
+    readonly md: 22;
+    readonly lg: 28;
+};
+type ColorPaletteSize = keyof typeof SIZE_MAP;
+type ColorPaletteShape = 'circle' | 'square';
+type Props = {
+    colors: string[];
+    value: string;
+    onChange: (color: string) => void;
+    size?: ColorPaletteSize | number;
+    shape?: ColorPaletteShape;
+    showCustomPicker?: boolean;
+    sx?: SxProps;
+};
+declare const ColorPalette: React.FC<Props>;
+export default ColorPalette;

package/dist/components/Inputs/ColorPalette/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorPalette } from './ColorPalette.component';

package/dist/components/Inputs/ColorPicker/ColorPicker.component.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+declare const SIZE_MAP: {
+    readonly sm: 22;
+    readonly md: 28;
+    readonly lg: 36;
+};
+type ColorPickerSize = keyof typeof SIZE_MAP;
+type ColorPickerShape = 'circle' | 'square';
+type Props = {
+    value: string;
+    onChange: (color: string) => void;
+    size?: ColorPickerSize | number;
+    shape?: ColorPickerShape;
+    tooltip?: string;
+    sx?: SxProps;
+};
+declare const ColorPicker: React.FC<Props>;
+export default ColorPicker;

package/dist/components/Inputs/ColorPicker/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorPicker } from './ColorPicker.component';

package/dist/components/Inputs/DatePeriodPicker/DatePeriodPicker.component.d.ts

@@ -1,10 +1,25 @@
-import { JSXElementConstructor } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-/// <reference types="react" />
-type Props = {
-    setStartDate: (date: Date) => void;
-    setEndDate: (date: Date) => void;
-    classes: Record<string, string>;
+import { default as React } from 'react';
+export type DatePeriodPreset = {
+    label: string;
+    getRange: () => [Date, Date];
 };
-declare const _default: JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+export type DatePeriodVariant = 'default' | 'compact' | 'inline' | 'presets-only' | 'presets-bar';
+export type DatePeriodPickerProps = {
+    startDate: Date | null;
+    endDate: Date | null;
+    onStartDateChange: (date: Date | null) => void;
+    onEndDateChange: (date: Date | null) => void;
+    onRangeChange?: (start: Date | null, end: Date | null) => void;
+    variant?: DatePeriodVariant;
+    presets?: DatePeriodPreset[];
+    hidePresets?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    startLabel?: string;
+    endLabel?: string;
+    hideSummary?: boolean;
+    customLabel?: string;
+};
+declare const DatePeriodPicker: React.FC<DatePeriodPickerProps>;
+export default DatePeriodPicker;
+export type { DatePeriodPickerProps as DatePeriodPickerComponentProps };

package/dist/components/Inputs/DatePeriodPicker/index.d.ts

@@ -1 +1,2 @@
 export { default as DatePeriodPicker } from './DatePeriodPicker.component';
+export type { DatePeriodPickerProps, DatePeriodPreset, DatePeriodVariant } from './DatePeriodPicker.component';

package/dist/components/Inputs/DropZone/DropZone.component.d.ts

@@ -1,15 +1,11 @@
 import { default as React } from 'react';
 import { SxProps } from '@mui/material';
-import { IUser } from '@abyss-project/main';
-import { IFile } from '@abyss-project/cloud';
+import { ISpace, IFile, IGetRepositoryCloudData } from '@abyss-project/cloud';
 import { Accept } from 'react-dropzone';
-import { CollectionElement } from '../../ImportButton';
-import { StyledComponentProps } from '@mui/styles/withStyles';
 type Props = {
     circular?: boolean;
-    classes: Record<string, string>;
     title?: React.ReactElement | string;
-    onDrop: (acceptedFiles: File[], cloudFiles: IFile[], collectionElements: CollectionElement[]) => void;
+    onDrop: (acceptedFiles: File[], cloudFiles: IFile[]) => void;
     multiple?: boolean;
     disableMinHeight?: boolean;
     customContentDropZone?: React.ReactElement;
@@ -19,11 +15,16 @@ type Props = {
     enableImportFromExternal?: boolean;
     additionalContentDropZone?: React.ReactElement;
     disableExternalImport?: boolean;
-    user: IUser | null;
-    fetchUser?: () => Promise<void>;
     abyssCloudUrl: string;
     getFileThumbnailUrl: (id: string) => string;
     customHelperContent?: React.ReactElement;
+    clouds?: ISpace[] | null;
+    cloudShares?: ISpace[] | null;
+    isLoadingClouds?: boolean;
+    onRefreshClouds?: () => Promise<void>;
+    fetchCloudRepository?: (cloudId: string) => Promise<IGetRepositoryCloudData>;
+    onActivateService?: () => Promise<void>;
+    onCreateCloud?: (name: string) => Promise<void>;
 };
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const DropZone: React.FC<Props>;
+export default DropZone;

package/dist/components/Inputs/PasswordInput/PasswordInput.component.d.ts

@@ -1,8 +1,5 @@
 import { SxProps } from '@mui/material';
-import { JSXElementConstructor } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
 type Props = {
-    classes: Record<string, string>;
     name: string;
     label?: string;
     placeholder?: string;
@@ -14,5 +11,5 @@ type Props = {
     sx?: SxProps;
     disabled?: boolean;
 };
-declare const _default: JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;
+declare const LoginForm: React.FC<Props>;
+export default LoginForm;

package/dist/components/Inputs/ProjectCategoryBadge/ProjectCategoryBadge.component.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface ProjectCategoryBadgeProps {
+    category: string;
+    size?: 'small' | 'medium' | 'large';
+    formatCategory?: (category: string) => string;
+}
+declare const ProjectCategoryBadge: React.FC<ProjectCategoryBadgeProps>;
+export default ProjectCategoryBadge;

package/dist/components/Inputs/ProjectCategoryBadge/index.d.ts

@@ -0,0 +1 @@
+export { default as ProjectCategoryBadge } from './ProjectCategoryBadge.component';

package/dist/components/Inputs/ProjectLinkSelector/ProjectLinkSelector.component.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+export type OrganizationOption = {
+    id: string;
+    name: string;
+    description?: string;
+    hasLogo?: boolean;
+};
+export type ProjectOption = {
+    id: string;
+    name: string;
+    description?: string;
+    hasThumbnail?: boolean;
+    sharedWith?: boolean;
+};
+export type ApplicationOption = {
+    id: string;
+    name: string;
+    description?: string;
+};
+export type LinkType = 'NONE' | 'PROJECT';
+type Props = {
+    organizationId: string;
+    abyssProjectId: string;
+    abyssProjectApplicationId: string;
+    setOrganizationId: (id: string) => void;
+    setAbyssProjectId: (id: string) => void;
+    setAbyssProjectApplicationId: (id: string) => void;
+    getProjectPictureUrl: (id: string) => string;
+    getOrganizationLogoUrl: (id: string) => string;
+    fetchOrganizations: () => Promise<OrganizationOption[]>;
+    fetchProjects: (organizationId: string) => Promise<{
+        projects: ProjectOption[];
+        sharedProjects: ProjectOption[];
+    }>;
+    fetchApplications: (projectId: string) => Promise<ApplicationOption[]>;
+    hideApplication?: boolean;
+};
+declare const ProjectLinkSelector: React.FC<Props>;
+export default ProjectLinkSelector;

package/dist/components/Inputs/ProjectLinkSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ProjectLinkSelector } from './ProjectLinkSelector.component';
+export type { OrganizationOption, ProjectOption, ApplicationOption, LinkType } from './ProjectLinkSelector.component';

package/dist/components/Inputs/ProjectTagChip/ProjectTagChip.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface ProjectTagChipProps {
+    tag: string;
+    size?: 'small' | 'medium' | 'large';
+    showIcon?: boolean;
+    onClick?: () => void;
+}
+declare const ProjectTagChip: React.FC<ProjectTagChipProps>;
+export default ProjectTagChip;

package/dist/components/Inputs/ProjectTagChip/index.d.ts

@@ -0,0 +1 @@
+export { default as ProjectTagChip } from './ProjectTagChip.component';

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

@@ -1,10 +1,17 @@
-export * from './CloudImport';
-export * from './CloudSave';
+export * from './ColorPicker';
+export * from './ColorPalette';
 export * from './DatePeriodPicker';
-export * from './PasswordInput';
-export * from './DropZone';
-export * from './AbyssDateTimePicker';
 export * from './AbyssDatePicker';
+export * from './AbyssDateTimePicker';
+export * from './PasswordInput';
 export * from './AbyssMarkdownEditor';
-export * from './Toggle';
+export * from './AbyssNumberField';
+export * from './CloudImport';
+export * from './CloudSave';
+export * from './DropZone';
 export * from './AbyssSelectProject';
+export * from './AbyssSelectOrganization';
+export * from './ProjectTagChip';
+export * from './ProjectCategoryBadge';
+export * from './ProjectLinkSelector';
+export * from './AbyssScopeSwitcher';

package/dist/components/Invitations/AbyssPendingInvitations.component.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export type InvitationItem = {
+    id: string;
+    inviterAlias: string;
+    inviterId: string;
+    contentName?: string | null;
+    serviceName: string;
+    serviceLogoUrl?: string;
+    createdAt: string;
+};
+type Props = {
+    invitations: InvitationItem[];
+    onAccept: (invitationId: string) => Promise<void>;
+    onDecline: (invitationId: string) => Promise<void>;
+    getProfilePictureUrl: (userId: string) => string;
+};
+declare const AbyssPendingInvitations: React.FC<Props>;
+export { AbyssPendingInvitations };

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

@@ -0,0 +1,2 @@
+export { AbyssPendingInvitations } from './AbyssPendingInvitations.component';
+export type { InvitationItem } from './AbyssPendingInvitations.component';

package/dist/components/Layouts/AbyssBillingPlan/AbyssBillingPlan.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { IPlanTemplate } from '@abyss-project/main';
+type Props = {
+    planTemplate: IPlanTemplate;
+    label?: string;
+    abyssUrl?: string;
+};
+declare const AbyssBillingPlan: React.FC<Props>;
+export default AbyssBillingPlan;

package/dist/components/Layouts/AbyssBillingPlan/index.d.ts

@@ -0,0 +1 @@
+export { default as AbyssBillingPlan } from './AbyssBillingPlan.component';

package/dist/components/Layouts/AbyssDashboardLayout/AbyssDashboardLayout.component.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+type Props = {
+    sidebar?: React.ReactNode;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    background?: React.ReactNode;
+    sxProps?: SxProps;
+    mainSxProps?: SxProps;
+    children: React.ReactNode;
+};
+declare const AbyssDashboardLayout: React.FC<Props>;
+export default AbyssDashboardLayout;

package/dist/components/Layouts/AbyssDashboardLayout/index.d.ts

@@ -0,0 +1 @@
+export { default as AbyssDashboardLayout } from './AbyssDashboardLayout.component';

package/dist/components/Layouts/AbyssHeader/AbyssHeader.component.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+type Props = {
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    showSidebarToggle?: boolean;
+    showCollapseToggle?: boolean;
+    hasSidebar?: boolean;
+    sxProps?: SxProps;
+    sidebarWidth?: number;
+    sidebarCollapsedWidth?: number;
+};
+declare const AbyssHeader: React.FC<Props>;
+export default AbyssHeader;

package/dist/components/Layouts/AbyssHeader/index.d.ts

@@ -0,0 +1 @@
+export { default as AbyssHeader } from './AbyssHeader.component';

package/dist/components/Layouts/AbyssLayoutProvider/AbyssLayoutProvider.component.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { AbyssLayoutStore, AbyssLayoutState } from './abyss-layout.store';
+import { UseBoundStore } from 'zustand/react';
+import { StoreApi } from 'zustand';
+import { PersistOptions } from 'zustand/middleware';
+type Props = {
+    store: AbyssLayoutStore;
+    children: React.ReactNode;
+};
+export declare const AbyssLayoutProvider: React.FC<Props>;
+export declare const useAbyssLayoutStore: () => UseBoundStore<Omit< StoreApi<AbyssLayoutState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial< PersistOptions<AbyssLayoutState, {
+            sidebarCollapsed: boolean;
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: AbyssLayoutState) => void) => () => void;
+        onFinishHydration: (fn: (state: AbyssLayoutState) => void) => () => void;
+        getOptions: () => Partial< PersistOptions<AbyssLayoutState, {
+            sidebarCollapsed: boolean;
+        }>>;
+    };
+}>;
+export {};

package/dist/components/Layouts/AbyssLayoutProvider/abyss-layout.store.d.ts

@@ -0,0 +1,27 @@
+import { UseBoundStore, StoreApi } from 'zustand';
+import { PersistOptions } from 'zustand/middleware';
+export interface AbyssLayoutState {
+    sidebarCollapsed: boolean;
+    mobileMenuOpen: boolean;
+    hiddenChrome: boolean;
+    toggleSidebar: () => void;
+    setSidebarCollapsed: (collapsed: boolean) => void;
+    setMobileMenu: (open: boolean) => void;
+    setHiddenChrome: (value: boolean) => void;
+}
+export type AbyssLayoutStore = ReturnType<typeof createAbyssLayoutStore>;
+export declare const createAbyssLayoutStore: (persistKey: string) => UseBoundStore<Omit< StoreApi<AbyssLayoutState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial< PersistOptions<AbyssLayoutState, {
+            sidebarCollapsed: boolean;
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: AbyssLayoutState) => void) => () => void;
+        onFinishHydration: (fn: (state: AbyssLayoutState) => void) => () => void;
+        getOptions: () => Partial< PersistOptions<AbyssLayoutState, {
+            sidebarCollapsed: boolean;
+        }>>;
+    };
+}>;

package/dist/components/Layouts/AbyssLayoutProvider/index.d.ts

@@ -0,0 +1,3 @@
+export { AbyssLayoutProvider, useAbyssLayoutStore } from './AbyssLayoutProvider.component';
+export { createAbyssLayoutStore } from './abyss-layout.store';
+export type { AbyssLayoutState, AbyssLayoutStore } from './abyss-layout.store';

package/dist/components/Layouts/AbyssLoadingScreen/AbyssLoadingScreen.component.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AbyssLoadingScreen: React.FC;
+export default AbyssLoadingScreen;

package/dist/components/Layouts/AbyssLoadingScreen/index.d.ts

@@ -0,0 +1 @@
+export { default as AbyssLoadingScreen } from './AbyssLoadingScreen.component';

package/dist/components/Layouts/AbyssSearchBar/AbyssSearchBar.component.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type Props = {
+    onOpen: () => void;
+    placeholder?: string;
+    shortcut?: string;
+};
+declare const AbyssSearchBar: React.FC<Props>;
+export default AbyssSearchBar;

package/dist/components/Layouts/AbyssSearchBar/index.d.ts

@@ -0,0 +1 @@
+export { default as AbyssSearchBar } from './AbyssSearchBar.component';