@abyss-project/commons-front-core 1.0.144 → 1.0.147

package/dist/components/Avatars/OrganizationAvatar/OrganizationAvatar.component.d.ts

@@ -1,10 +1,11 @@
 import { SxProps } from '@mui/material';
+import { FC, ReactNode } from 'react';
 export type OrganizationAvatarProfileInfo = {
     createdAt?: string;
     projectCount?: number;
     memberCount?: number;
     integrations?: string[];
-    extra?: React.ReactNode;
+    extra?: ReactNode;
 };
 type Props = {
     orgId: string;
@@ -19,5 +20,5 @@ type Props = {
     profileInfo?: OrganizationAvatarProfileInfo;
     onClick?: () => void;
 };
-declare const OrganizationAvatar: React.FC<Props>;
+declare const OrganizationAvatar: FC<Props>;
 export default OrganizationAvatar;

package/dist/components/Avatars/ProjectAvatar/ProjectAvatar.component.d.ts

@@ -1,4 +1,5 @@
 import { SxProps } from '@mui/material';
+import { FC, ReactNode } from 'react';
 export type ProjectAvatarProfileInfo = {
     description?: string;
     memberCount?: number;
@@ -8,7 +9,7 @@ export type ProjectAvatarProfileInfo = {
     createdAt?: string;
     onGoToOrg?: () => void;
     onGoToProject?: () => void;
-    extra?: React.ReactNode;
+    extra?: ReactNode;
 };
 type Props = {
     projectId: string;
@@ -21,5 +22,5 @@ type Props = {
     profileInfo?: ProjectAvatarProfileInfo;
     onClick?: () => void;
 };
-declare const ProjectAvatar: React.FC<Props>;
+declare const ProjectAvatar: FC<Props>;
 export default ProjectAvatar;

package/dist/components/Avatars/UserAvatar/UserAvatar.component.d.ts

@@ -1,10 +1,11 @@
 import { SxProps } from '@mui/material';
+import { FC, ReactNode } from 'react';
 export type UserAvatarProfileInfo = {
     email?: string;
     role?: string;
     status?: 'online' | 'offline' | 'away';
     joinedAt?: string;
-    extra?: React.ReactNode;
+    extra?: ReactNode;
 };
 type Props = {
     userId: string;
@@ -17,5 +18,5 @@ type Props = {
     profileInfo?: UserAvatarProfileInfo;
     onClick?: () => void;
 };
-declare const UserAvatar: React.FC<Props>;
+declare const UserAvatar: FC<Props>;
 export default UserAvatar;

package/dist/components/InfoBox/InfoBox.component.d.ts

@@ -1,5 +1,5 @@
-import { BoxProps } from '@mui/material';
 import { FC } from 'react';
+import { BoxProps } from '@mui/material';
 export declare const InfoBox: FC<BoxProps>;
 export declare const ErrorInfoBox: FC<BoxProps>;
 export declare const WarnInfoBox: FC<BoxProps>;

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

@@ -1,4 +1,5 @@
 import { TextFieldProps } from '@mui/material';
+import { FC } from 'react';
 export type AbyssNumberFieldProps = Omit<TextFieldProps, 'value' | 'onChange'> & {
     value: number | null;
     onChange: (value: number | null) => void;
@@ -12,5 +13,5 @@ export type AbyssNumberFieldProps = Omit<TextFieldProps, 'value' | 'onChange'> &
     max?: number;
     allowNegative?: boolean;
 };
-declare const AbyssNumberField: React.FC<AbyssNumberFieldProps>;
+declare const AbyssNumberField: FC<AbyssNumberFieldProps>;
 export default AbyssNumberField;

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

@@ -3,6 +3,7 @@ export type ScopeOption = {
     id: string | null;
     name: string;
     logoId?: string | null;
+    kind?: 'standard' | 'family';
 };
 type Props = {
     organizations: ScopeOption[];

package/dist/components/Inputs/AbyssScopeSwitcher/scope-option.spec.d.ts

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

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

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+export type ContextSelectorProject = {
+    id: string;
+    name: string;
+    avatar?: React.ReactNode;
+};
+export type ContextSelectorOrganization = {
+    id: string;
+    name: string;
+    avatar?: React.ReactNode;
+    projects?: ContextSelectorProject[];
+};
+export type ContextSelectorPersonal = {
+    label?: string;
+    avatar?: React.ReactNode;
+};
+export type ContextSelectorData = {
+    personal: ContextSelectorPersonal;
+    organizations: ContextSelectorOrganization[];
+};
+export type ContextValue = {
+    kind: 'personal';
+} | {
+    kind: 'organization';
+    organizationId: string;
+} | {
+    kind: 'project';
+    organizationId: string;
+    projectId: string;
+};
+export type ContextSelectorVariant = 'grouped' | 'by-org';
+type ContextSelectorProps = {
+    data: ContextSelectorData;
+    value: ContextValue;
+    onChange: (next: ContextValue) => void;
+    variant?: ContextSelectorVariant;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    minWidth?: number | string;
+};
+export declare const ContextSelector: React.FC<ContextSelectorProps>;
+export default ContextSelector;

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

@@ -0,0 +1,2 @@
+export { ContextSelector } from './ContextSelector.component';
+export type { ContextSelectorProject, ContextSelectorOrganization, ContextSelectorPersonal, ContextSelectorData, ContextValue, ContextSelectorVariant, } from './ContextSelector.component';

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

@@ -1,3 +1,4 @@
+import { Locale } from 'date-fns';
 import { default as React } from 'react';
 export type DatePeriodPreset = {
     label: string;
@@ -19,6 +20,7 @@ export type DatePeriodPickerProps = {
     endLabel?: string;
     hideSummary?: boolean;
     customLabel?: string;
+    locale?: Locale;
 };
 declare const DatePeriodPicker: React.FC<DatePeriodPickerProps>;
 export default DatePeriodPicker;

package/dist/components/Inputs/DatePeriodPicker/date-period-picker.logic.d.ts

@@ -0,0 +1,16 @@
+import { Locale } from 'date-fns';
+export type EditingBound = 'start' | 'end';
+export type RangeUpdateInput = {
+    editing: EditingBound;
+    picked: Date;
+    startDate: Date | null;
+    endDate: Date | null;
+};
+export type RangeUpdateResult = {
+    start: Date | null;
+    end: Date | null;
+    startChanged: boolean;
+    endChanged: boolean;
+};
+export declare const computeRangeUpdate: (input: RangeUpdateInput) => RangeUpdateResult;
+export declare const resolveDateFnsLocale: (language?: string | null) => Locale;

package/dist/components/Inputs/DatePeriodPicker/date-period-picker.logic.spec.d.ts

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

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type Props = {
+    code: string;
+    label: string;
+    variant?: 'body1' | 'body2' | 'caption';
+    gap?: number;
+};
+export declare const LanguageFlagLabel: React.FC<Props>;
+export default LanguageFlagLabel;

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

@@ -0,0 +1,2 @@
+export { LanguageFlagLabel } from './LanguageFlagLabel.component';
+export { LANGUAGE_FLAGS, getLanguageFlag } from './language-flags';

package/dist/components/Inputs/LanguageFlagLabel/language-flags.d.ts

@@ -0,0 +1,2 @@
+export declare const LANGUAGE_FLAGS: Record<string, string>;
+export declare const getLanguageFlag: (language: string) => string;

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

@@ -1,15 +1,16 @@
 import { SxProps } from '@mui/material';
+import { FC, ChangeEvent } from 'react';
 type Props = {
     name: string;
     label?: string;
     placeholder?: string;
     value: string;
     error: boolean;
-    onChange: (e: React.ChangeEvent<any>) => void;
+    onChange: (e: ChangeEvent<any>) => void;
     variant?: 'filled' | 'outlined';
     size?: 'small' | 'medium';
     sx?: SxProps;
     disabled?: boolean;
 };
-declare const LoginForm: React.FC<Props>;
+declare const LoginForm: FC<Props>;
 export default LoginForm;

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

@@ -15,3 +15,5 @@ export * from './ProjectTagChip';
 export * from './ProjectCategoryBadge';
 export * from './ProjectLinkSelector';
 export * from './AbyssScopeSwitcher';
+export * from './LanguageFlagLabel';
+export * from './ContextSelector';

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { IPlanTemplate } from '@abyss-project/main';
 type Props = {
-    planTemplate: IPlanTemplate;
+    planTemplate?: IPlanTemplate | null;
     label?: string;
     abyssUrl?: string;
 };

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export type FamilyBannerVariant = 'footer' | 'settings';
+export type FamilyBannerStatus = 'none' | 'pending' | 'active' | 'owner';
+export type CurrentFamilyInfo = {
+    id: string;
+    name: string;
+    role: string;
+    status: FamilyBannerStatus;
+};
+type Props = {
+    currentFamily?: CurrentFamilyInfo | null;
+    abyssUrl?: string;
+    variant: FamilyBannerVariant;
+};
+export declare function resolveBannerState(currentFamily: CurrentFamilyInfo | null | undefined): FamilyBannerStatus;
+export declare function resolveCTAHref(currentFamily: CurrentFamilyInfo | null | undefined, abyssUrl: string | undefined): string;
+export declare function resolveVariantLayout(variant: FamilyBannerVariant): {
+    isCompact: boolean;
+    showDescription: boolean;
+    showCardWrapper: boolean;
+    ctaAs: 'button' | 'link';
+};
+declare const AbyssFamilyBanner: React.FC<Props>;
+export default AbyssFamilyBanner;

package/dist/components/Layouts/AbyssFamilyBanner/AbyssFamilyBanner.logic.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as AbyssFamilyBanner } from './AbyssFamilyBanner.component';
+export type { CurrentFamilyInfo, FamilyBannerStatus, FamilyBannerVariant, } from './AbyssFamilyBanner.component';

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

@@ -8,4 +8,5 @@ export * from './AbyssSidebar';
 export * from './AbyssThemeToggle';
 export * from './AbyssSearchBar';
 export * from './AbyssBillingPlan';
+export * from './AbyssFamilyBanner';
 export * from './AbyssLoadingScreen';

package/dist/components/Modals/AbyssModal/AbyssModal.component.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { DialogProps, SxProps } from '@mui/material';
 type Props = {
+    hideCloseButton?: boolean;
     disableCloseButton?: boolean;
     sxCloseButton?: SxProps;
     onClose?: () => void;

package/dist/components/Modals/UserSettingsModal/UserSettings.compat.d.ts

@@ -1,3 +1,4 @@
+import { FC } from 'react';
 import { UserSettingsUser } from './UserSettingsModal.component';
 type Props = {
     isOpen: boolean;
@@ -9,5 +10,5 @@ type Props = {
     apiKey: string;
     abyssUrl: string;
 };
-declare const UserSettings: React.FC<Props>;
+declare const UserSettings: FC<Props>;
 export default UserSettings;

package/dist/components/Modals/UserSettingsModal/UserSettingsModal.component.d.ts

@@ -4,6 +4,12 @@ export type UserSettingsUser = {
     phone?: string | null;
     name?: string | null;
     familyName?: string | null;
+    currentFamily?: {
+        id: string;
+        name: string;
+        role: string;
+        status: 'none' | 'pending' | 'active' | 'owner';
+    } | null;
 };
 export type UserSettingsValues = {
     alias: string;
@@ -11,6 +17,7 @@ export type UserSettingsValues = {
     name: string;
     familyName: string;
 };
+export declare function shouldRenderFamilyBanner(user: UserSettingsUser, overrideFamily?: UserSettingsUser['currentFamily']): boolean;
 type Props = {
     isOpen: boolean;
     onCancel: () => Promise<void>;
@@ -22,6 +29,7 @@ type Props = {
     abyssUrl: string;
     profileSuffix?: string;
     deleteAccountSuffix?: string;
+    currentFamily?: UserSettingsUser['currentFamily'];
 };
 declare const UserSettingsModal: React.FC<Props>;
 export default UserSettingsModal;

package/dist/components/Modals/UserSettingsModal/user-settings-modal.family.spec.d.ts

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

package/dist/components/PdfEditor/operations/actions.d.ts

@@ -0,0 +1,14 @@
+import { AcroFormField, EditorAction, PdfOperation, ToolKind } from '../types';
+export declare const addOperation: (operation: PdfOperation) => EditorAction;
+export declare const addOperationAllPages: (operation: PdfOperation, pageIndices: number[]) => EditorAction;
+export declare const updateOperation: (opId: string, operation: PdfOperation) => EditorAction;
+export declare const moveOperation: (opId: string, operation: PdfOperation) => EditorAction;
+export declare const deleteOperation: (opId: string) => EditorAction;
+export declare const undo: () => EditorAction;
+export declare const redo: () => EditorAction;
+export declare const setActiveTool: (tool: ToolKind) => EditorAction;
+export declare const setActivePage: (pageIndex: number) => EditorAction;
+export declare const setAcroFormFields: (fields: AcroFormField[]) => EditorAction;
+export declare const setPendingSignature: (dataUrl: string | null) => EditorAction;
+export declare const setPendingText: (text: string | null) => EditorAction;
+export declare const setPendingApplyAllPages: (enabled: boolean) => EditorAction;

package/dist/components/PdfEditor/operations/rotate-coords.d.ts

@@ -0,0 +1,19 @@
+export type Rotation = 0 | 90 | 180 | 270;
+export declare const normalizeRotation: (deg: number) => Rotation;
+export declare const viewSize: (cw: number, ch: number, rotation: Rotation) => {
+    w: number;
+    h: number;
+};
+export declare const contentSize: (vw: number, vh: number, rotation: Rotation) => {
+    w: number;
+    h: number;
+};
+export declare const contentToView: (x: number, y: number, rotation: Rotation, cw: number, ch: number) => {
+    x: number;
+    y: number;
+};
+export declare const viewToContent: (x: number, y: number, rotation: Rotation, cw: number, ch: number) => {
+    x: number;
+    y: number;
+};
+export declare const innerLayerTransform: (rotation: Rotation, contentWidthPx: number, contentHeightPx: number) => string;

package/dist/components/PdfEditor/operations/rotate-coords.spec.d.ts

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

package/dist/components/PdfEditor/signature/SignaturePicker.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { AssetPalette, SaveSignatureFn } from '../types';
+import { ResolveAssetBytes } from './resolve-asset';
 interface SignaturePickerProps {
     open: boolean;
     onClose: () => void;
@@ -7,6 +8,8 @@ interface SignaturePickerProps {
     onCaptureText?: (text: string) => void;
     assetPalette?: AssetPalette;
     onSaveSignature?: SaveSignatureFn;
+    resolveAssetBytes?: ResolveAssetBytes;
+    onAssetError?: (message: string) => void;
     manageAssetsUrl?: string;
 }
 export declare const SignaturePicker: React.FC<SignaturePickerProps>;

package/dist/components/PdfEditor/signature/SignatureSavedList.d.ts

@@ -1,10 +1,13 @@
 import { default as React } from 'react';
 import { AssetPalette } from '../types';
+import { ResolveAssetBytes } from './resolve-asset';
 interface SignatureSavedListProps {
     palette: AssetPalette;
     onPick: (dataUrl: string) => void;
     onPickText?: (text: string) => void;
     onClose: () => void;
+    resolveAssetBytes?: ResolveAssetBytes;
+    onAssetError?: (message: string) => void;
 }
 export declare const SignatureSavedList: React.FC<SignatureSavedListProps>;
 export {};

package/dist/components/PdfEditor/signature/resolve-asset.d.ts

@@ -0,0 +1,3 @@
+import { AssetPaletteItem } from '../types';
+export type ResolveAssetBytes = (item: AssetPaletteItem) => Promise<string>;
+export declare const resolveAssetDataUrl: (item: AssetPaletteItem, resolver?: ResolveAssetBytes) => Promise<string>;

package/dist/components/PdfEditor/signature/resolve-asset.spec.d.ts

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

package/dist/components/PdfEditor/tools/FillFieldsTool.d.ts

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
-import { AcroFormField, EditorAction } from '../types';
+import { AcroFormField, EditorAction, PdfOperation } from '../types';
 interface FillFieldsToolProps {
     fields: AcroFormField[];
+    operations: PdfOperation[];
     dispatch: React.Dispatch<EditorAction>;
 }
 export declare const FillFieldsTool: React.FC<FillFieldsToolProps>;

package/dist/components/PdfEditor/tools/SignatureTool.d.ts

@@ -1,11 +1,14 @@
 import { default as React } from 'react';
 import { AssetPalette, EditorAction, SaveSignatureFn } from '../types';
+import { ResolveAssetBytes } from '../signature/resolve-asset';
 interface SignatureToolProps {
     pendingSignature: string | null;
     pendingApplyAllPages: boolean;
     dispatch: React.Dispatch<EditorAction>;
     assetPalette?: AssetPalette;
     onSaveSignature?: SaveSignatureFn;
+    resolveAssetBytes?: ResolveAssetBytes;
+    onAssetError?: (message: string) => void;
     manageAssetsUrl?: string;
 }
 export declare const SignatureTool: React.FC<SignatureToolProps>;

package/dist/components/PdfEditor/tools/Toolbar.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { AssetPalette, ToolKind, EditorAction, ExportOption } from '../types';
+import { ResolveAssetBytes } from '../signature/resolve-asset';
 interface ToolbarProps {
     activeTool: ToolKind;
     canUndo: boolean;
@@ -12,7 +13,12 @@ interface ToolbarProps {
     exportOptions: ExportOption[];
     fileName?: string;
     assetPalette?: AssetPalette;
+    resolveAssetBytes?: ResolveAssetBytes;
+    onAssetError?: (message: string) => void;
     pendingApplyAllPages?: boolean;
+    compact?: boolean;
+    sidebarOpen?: boolean;
+    onToggleSidebar?: () => void;
 }
 export declare const Toolbar: React.FC<ToolbarProps>;
 export {};

package/dist/components/PdfEditor/types.d.ts

@@ -1,7 +1,7 @@
+import { ReactNode } from 'react';
 import { AssetKind } from '@abyss-project/main';
 import { ISpace, IFile } from '@abyss-project/cloud';
 import { SupportCloudImportProps } from '../Support/types';
-import type * as React from 'react';
 export interface PdfEditorCloudImportProps extends SupportCloudImportProps {
     downloadCloudFile: (cloud: ISpace, file: IFile) => Promise<ArrayBuffer>;
 }
@@ -126,7 +126,7 @@ export type EditorAction = {
     type: 'ADD_OPERATION_ALL_PAGES';
     payload: {
         op: PdfOperation;
-        pageCount: number;
+        pageIndices: number[];
     };
 } | {
     type: 'UPDATE_OPERATION';
@@ -134,6 +134,12 @@ export type EditorAction = {
         opId: string;
         op: PdfOperation;
     };
+} | {
+    type: 'MOVE_OPERATION';
+    payload: {
+        opId: string;
+        op: PdfOperation;
+    };
 } | {
     type: 'DELETE_OPERATION';
     payload: {
@@ -174,18 +180,18 @@ export interface AssetPaletteOrgBucket {
     id: string;
     name: string;
     items: AssetPaletteItem[];
-    avatar?: React.ReactNode;
+    avatar?: ReactNode;
 }
 export interface AssetPaletteProjectBucket {
     id: string;
     name: string;
     organizationId: string;
     items: AssetPaletteItem[];
-    avatar?: React.ReactNode;
+    avatar?: ReactNode;
 }
 export interface AssetPalette {
     personal: AssetPaletteItem[];
-    personalAvatar?: React.ReactNode;
+    personalAvatar?: ReactNode;
     organizations?: AssetPaletteOrgBucket[];
     projects?: AssetPaletteProjectBucket[];
 }
@@ -205,6 +211,8 @@ export interface PdfEditorProps {
     initialOperations?: PdfOperation[];
     operationsAdapter?: OperationsAdapter;
     assetPalette?: AssetPalette;
+    resolveAssetBytes?: (item: AssetPaletteItem) => Promise<string>;
+    onAssetError?: (message: string) => void;
     onSaveSignature?: SaveSignatureFn;
     onExport: (request: ExportRequest) => Promise<void>;
     exportOptions: ExportOption[];

package/dist/components/PdfEditor/viewer/PageOverlay.d.ts

@@ -11,11 +11,13 @@ interface PageOverlayProps {
     pendingSignature: string | null;
     pendingText: string | null;
     pendingApplyAllPages: boolean;
-    numPages: number;
+    pageIndices: number[];
     dispatch: React.Dispatch<EditorAction>;
     textInput?: string;
     drawColor?: string;
     drawStrokeWidth?: number;
+    scale?: number;
+    rotation?: number;
 }
 export declare const PageOverlay: React.FC<PageOverlayProps>;
 export {};

package/dist/components/PdfEditor/viewer/PdfCanvas.d.ts

@@ -11,7 +11,11 @@ interface PdfCanvasProps {
     scale?: number;
     activePageIndex: number;
     pageOrder: number[];
-    onPageDimensions?: (pageIndex: number, width: number, height: number) => void;
+    onPageDimensions?: (pageIndex: number, width: number, height: number, totalRotation: number, pointWidth: number) => void;
+    onVisiblePageChange?: (displayIndex: number) => void;
     children?: (virtualIndex: number, displayIndex: number) => React.ReactNode;
 }
-export declare const PdfCanvas: React.FC<PdfCanvasProps>;
+export interface PdfCanvasHandle {
+    scrollToPage: (displayIndex: number) => void;
+}
+export declare const PdfCanvas: React.ForwardRefExoticComponent<PdfCanvasProps & React.RefAttributes<PdfCanvasHandle>>;

package/dist/components/PdfEditor/viewer/ViewerControls.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+interface ViewerControlsProps {
+    zoom: number;
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+    onFitWidth: () => void;
+    onResetZoom: () => void;
+    canZoomIn: boolean;
+    canZoomOut: boolean;
+    currentPage: number;
+    totalPages: number;
+    onGoToPage: (index: number) => void;
+}
+export declare const ViewerControls: React.FC<ViewerControlsProps>;
+export {};

package/dist/components/QuotaReached/billing-quota-error.spec.d.ts

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

package/dist/components/Support/types.d.ts

@@ -1,6 +1,6 @@
+import { ReactNode } from 'react';
 import { ISupportTicket, ISupportTicketMessage, ISupportTicketActivity, ISupportTicketAttachment, ISupportTicketTag, SupportTicketStatus, SupportTicketCategory, SupportTicketPriority, SupportTicketAction, AbyssService } from '@abyss-project/main';
 import { ISpace, IFile, IGetRepositoryCloudData } from '@abyss-project/cloud';
-import { default as React } from 'react';
 export interface SupportCloudImportProps {
     user?: {
         enabledService?: string[];
@@ -17,7 +17,7 @@ export interface SupportCloudImportProps {
     handleImportFromCloud?: (cloud: ISpace, files: IFile[]) => Promise<void>;
     getSpaceDisplay?: (space: ISpace) => {
         label: string;
-        avatar?: React.ReactNode;
+        avatar?: ReactNode;
         subtitle?: string;
         organizationId?: string | null;
         organizationName?: string | null;
@@ -49,7 +49,7 @@ export interface SupportTicketListProps {
     onCreateClick?: () => void;
     isLoading: boolean;
     isAdmin?: boolean;
-    renderRowActions?: (ticket: ISupportTicket) => React.ReactNode;
+    renderRowActions?: (ticket: ISupportTicket) => ReactNode;
     showRequester?: boolean;
     requesterUsers?: Record<string, {
         alias?: string | null;
@@ -59,7 +59,7 @@ export interface SupportTicketListProps {
         name?: string | null;
         pictureThumbnailId?: string | null;
     }>;
-    renderExtraFilters?: () => React.ReactNode;
+    renderExtraFilters?: () => ReactNode;
     title?: string;
     subtitle?: string;
     hideCreateButton?: boolean;
@@ -91,8 +91,8 @@ export interface SupportTicketCreateStepperProps {
     isAdmin?: boolean;
     onCancel?: () => void;
     initialValues?: Partial<SupportTicketCreateStepperValues>;
-    renderForWhoStep?: (userId: string | null, onUserChange: (userId: string | null) => void, orgId: string | null, onOrgChange: (orgId: string | null) => void) => React.ReactNode;
-    renderProjectSelect?: (value: string | null, onChange: (projectId: string | null) => void) => React.ReactNode;
+    renderForWhoStep?: (userId: string | null, onUserChange: (userId: string | null) => void, orgId: string | null, onOrgChange: (orgId: string | null) => void) => ReactNode;
+    renderProjectSelect?: (value: string | null, onChange: (projectId: string | null) => void) => ReactNode;
 }
 export interface SupportCategoryGroupCardsProps {
     value: SupportTicketCategory | null;

package/dist/components/Utils/AbyssDrawer/AbyssDrawer.component.d.ts

@@ -1,4 +1,5 @@
 import { AbyssService } from '@abyss-project/main';
+import { FC } from 'react';
 export declare const DRAWER_WIDTH_EXPANDED = 275;
 export declare const DRAWER_WIDTH_COLLAPSED = 72;
 export type DrawerElements = {
@@ -34,5 +35,5 @@ type Props = {
     onCollapsedChange?: (collapsed: boolean) => void;
     defaultCollapsed?: boolean;
 };
-declare const AbyssDrawer: React.FC<Props>;
+declare const AbyssDrawer: FC<Props>;
 export default AbyssDrawer;

package/dist/components/Utils/AbyssFamilyMenuSection/AbyssFamilyMenuSection.d.ts

@@ -0,0 +1,6 @@
+import { AbyssLayoutMenuSection } from '../AbyssLayoutMenu/AbyssLayoutMenu.component';
+import { CurrentFamilyInfo } from '../../Layouts/AbyssFamilyBanner/AbyssFamilyBanner.component';
+export declare function buildAbyssFamilyMenuSection(currentFamily: CurrentFamilyInfo | null | undefined, abyssUrl: string | undefined, labels?: {
+    title?: string;
+    createCta?: string;
+}): AbyssLayoutMenuSection;

package/dist/components/Utils/AbyssFamilyMenuSection/AbyssFamilyMenuSection.spec.d.ts

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

package/dist/components/Utils/AbyssFamilyMenuSection/index.d.ts

@@ -0,0 +1 @@
+export { buildAbyssFamilyMenuSection } from './AbyssFamilyMenuSection';