@visio-io/design-system 1.8.26 → 1.8.28

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

@@ -0,0 +1,2 @@
+import { ActionButtonProps } from './types';
+export declare const ActionButton: import("react").ForwardRefExoticComponent<Omit<ActionButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/ActionButton/ActionButton.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ActionButton } from './ActionButton';
+import '../../styles/index.scss';
+declare const meta: Meta<typeof ActionButton>;
+export default meta;
+type Story = StoryObj<typeof ActionButton>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const VariantsWithIcon: Story;
+export declare const Shapes: Story;
+export declare const SizesRound: Story;
+export declare const SizesSquare: Story;
+export declare const States: Story;
+export declare const FilledStates: Story;
+export declare const UseCaseFormActions: Story;

package/dist/types/components/ActionButton/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionButton } from './ActionButton';
+export type { ActionButtonProps, ActionButtonVariant, ActionButtonSize, ActionButtonShape } from './types';

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

@@ -0,0 +1,16 @@
+import { ReactNode, MouseEvent } from 'react';
+import { ButtonProps as MuiButtonProps } from '@mui/material';
+export type ActionButtonVariant = 'filled' | 'tonal' | 'outline' | 'elevated' | 'text';
+export type ActionButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export type ActionButtonShape = 'round' | 'square';
+export interface ActionButtonProps extends Omit<MuiButtonProps, 'variant' | 'size' | 'color' | 'type' | 'startIcon' | 'endIcon' | 'onClick'> {
+    variant?: ActionButtonVariant;
+    size?: ActionButtonSize;
+    shape?: ActionButtonShape;
+    type?: 'button' | 'submit' | 'reset';
+    loading?: boolean;
+    loadingText?: string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}

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

@@ -0,0 +1,2 @@
+import { EventCompatibilityProps } from "./types";
+export declare const EventCompatibility: import("react").ForwardRefExoticComponent<Omit<EventCompatibilityProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/EventCompatibility/EventCompatibility.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { EventCompatibility } from './EventCompatibility';
+declare const meta: Meta<typeof EventCompatibility>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const HighScore: Story;
+export declare const MediumScore: Story;
+export declare const LowScore: Story;

package/dist/types/components/EventCompatibility/index.d.ts

@@ -0,0 +1,2 @@
+export { EventCompatibility } from './EventCompatibility';
+export type { EventCompatibilityProps } from './types';

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

@@ -0,0 +1,5 @@
+import { BoxProps } from '@mui/material';
+export interface EventCompatibilityProps extends BoxProps {
+    matchScore: number;
+    labels?: string[];
+}

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

@@ -0,0 +1,2 @@
+import { EventDetailsLayoutProps } from './types';
+export declare const EventDetailsLayout: import("react").ForwardRefExoticComponent<Omit<EventDetailsLayoutProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/EventDetailsLayout/EventDetailsLayout.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { EventDetailsLayout } from './EventDetailsLayout';
+declare const meta: Meta<typeof EventDetailsLayout>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const Error: Story;

package/dist/types/components/EventDetailsLayout/index.d.ts

@@ -0,0 +1,2 @@
+export { EventDetailsLayout } from './EventDetailsLayout';
+export type { EventDetailsLayoutProps } from './types';

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

@@ -0,0 +1,11 @@
+import { BoxProps } from '@mui/material';
+import { ReactNode } from 'react';
+export interface EventDetailsLayoutProps extends Omit<BoxProps, 'children'> {
+    children: ReactNode;
+    headerTitle: string;
+    dateLabel?: string;
+    time?: string;
+    isLoading?: boolean;
+    isError?: boolean;
+    errorMessage?: string;
+}

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

@@ -0,0 +1,2 @@
+import { EventLocationProps } from './types';
+export declare const EventLocation: import("react").ForwardRefExoticComponent<Omit<EventLocationProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/EventLocation/EventLocation.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { EventLocation } from './EventLocation';
+declare const meta: Meta<typeof EventLocation>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCustomMap: Story;
+export declare const NoNearbyEvents: Story;

package/dist/types/components/EventLocation/index.d.ts

@@ -0,0 +1,2 @@
+export { EventLocation } from './EventLocation';
+export type { EventLocationProps, NearbyEvent } from './types';

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

@@ -0,0 +1,26 @@
+import { BoxProps } from '@mui/material';
+import { ReactNode } from 'react';
+export interface NearbyEvent {
+    id: string;
+    spotId?: string;
+    spotName: string;
+    cameraName: string;
+    timestamp: string;
+    address: string;
+    type: 'before' | 'after';
+}
+export interface EventLocationProps extends BoxProps {
+    address?: string | null;
+    mapContent?: ReactNode;
+    cameraCount?: number;
+    spotCount?: number;
+    nearbyAfterEvents?: NearbyEvent[];
+    nearbyBeforeEvents?: NearbyEvent[];
+    sentinelAfterRef?: (node: HTMLElement | null) => void;
+    sentinelBeforeRef?: (node: HTMLElement | null) => void;
+    isFetchingMoreAfter?: boolean;
+    isFetchingMoreBefore?: boolean;
+    onHoverSpot?: (spotId: string | null) => void;
+    onSelectEvent?: (eventId: string | null, spotId: string | null) => void;
+    selectedEventId?: string | null;
+}

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

@@ -0,0 +1,2 @@
+import { EventPersonInfoProps } from './types';
+export declare const EventPersonInfo: import("react").ForwardRefExoticComponent<Omit<EventPersonInfoProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/EventPersonInfo/EventPersonInfo.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { EventPersonInfo } from './EventPersonInfo';
+declare const meta: Meta<typeof EventPersonInfo>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const MinimalData: Story;

package/dist/types/components/EventPersonInfo/index.d.ts

@@ -0,0 +1,2 @@
+export { EventPersonInfo } from './EventPersonInfo';
+export type { EventPersonInfoProps } from './types';

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

@@ -0,0 +1,11 @@
+import { BoxProps } from '@mui/material';
+export interface EventPersonInfoProps extends BoxProps {
+    name: string;
+    interestLabel?: string | null;
+    document?: string | null;
+    documentLabel?: string;
+    birthDate?: string | null;
+    age?: number | null;
+    typeLabel?: string | null;
+    onViewProfile?: () => void;
+}

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

@@ -0,0 +1,2 @@
+import { EventPhotoComparisonProps } from "./types";
+export declare const EventPhotoComparison: import("react").ForwardRefExoticComponent<Omit<EventPhotoComparisonProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/EventPhotoComparison/EventPhotoComparison.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { EventPhotoComparison } from './EventPhotoComparison';
+declare const meta: Meta<typeof EventPhotoComparison>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithPhotos: Story;
+export declare const NoPhotos: Story;
+export declare const PartialPhotos: Story;

package/dist/types/components/EventPhotoComparison/index.d.ts

@@ -0,0 +1,2 @@
+export { EventPhotoComparison } from './EventPhotoComparison';
+export type { EventPhotoComparisonProps } from './types';

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

@@ -0,0 +1,7 @@
+import { BoxProps } from '@mui/material';
+export interface EventPhotoComparisonProps extends BoxProps {
+    registeredPhotoUrl?: string | null;
+    detectedPhotoUrl?: string | null;
+    title?: string;
+    subtitle?: string;
+}

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

@@ -0,0 +1,2 @@
+import { EventVideoPreviewProps } from "./types";
+export declare const EventVideoPreview: import("react").ForwardRefExoticComponent<Omit<EventVideoPreviewProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/EventVideoPreview/EventVideoPreview.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { EventVideoPreview } from './EventVideoPreview';
+declare const meta: Meta<typeof EventVideoPreview>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithVideoPlayer: Story;
+export declare const Unavailable: Story;

package/dist/types/components/EventVideoPreview/index.d.ts

@@ -0,0 +1,2 @@
+export { EventVideoPreview } from './EventVideoPreview';
+export type { EventVideoPreviewProps } from './types';

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

@@ -0,0 +1,10 @@
+import { BoxProps } from '@mui/material';
+import { ReactNode } from 'react';
+export interface EventVideoPreviewProps extends BoxProps {
+    cameraLabel?: string;
+    videoPlayer?: ReactNode;
+    onViewVideo?: () => void;
+    icon?: ReactNode;
+    cropUrl?: string | null;
+    cameraId?: string;
+}

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

@@ -0,0 +1,7 @@
+import 'dayjs/locale/pt-br';
+import { FieldValues } from 'react-hook-form';
+import { FormDatePickerProps } from './types';
+export declare const FormDatePicker: {
+    <TFieldValues extends FieldValues = FieldValues>({ control, name, label, helperText, required, fullWidth, disabled, className, format, minDate, maxDate, disableFuture, disablePast, }: FormDatePickerProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/FormDatePicker/FormDatePicker.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FormDatePicker } from './FormDatePicker';
+import '../../styles/index.scss';
+declare const meta: Meta<typeof FormDatePicker>;
+export default meta;
+type Story = StoryObj<typeof FormDatePicker>;
+export declare const Default: Story;
+export declare const Required: Story;
+export declare const DisableFuture: Story;
+export declare const WithPrefilledValue: Story;
+export declare const Disabled: Story;
+export declare const WithMinMaxDate: Story;
+export declare const DateRange: Story;
+export declare const AllVariations: Story;

package/dist/types/components/FormDatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { FormDatePicker } from './FormDatePicker';
+export type { FormDatePickerProps } from './types';

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

@@ -0,0 +1,63 @@
+import { Control, FieldValues, Path } from 'react-hook-form';
+import { Dayjs } from 'dayjs';
+/**
+ * Props do componente FormDatePicker
+ *
+ * @template TFieldValues - Tipo do formulário (inferido do schema Zod)
+ */
+export interface FormDatePickerProps<TFieldValues extends FieldValues> {
+    /**
+     * Instância do control do React Hook Form
+     */
+    control: Control<TFieldValues>;
+    /**
+     * Nome do campo no formulário (tipado com Path para autocomplete)
+     */
+    name: Path<TFieldValues>;
+    /**
+     * Label do campo
+     */
+    label: string;
+    /**
+     * Texto de ajuda exibido abaixo do input (não sobrescreve erros)
+     */
+    helperText?: string;
+    /**
+     * Marca o campo como obrigatório visualmente (asterisco no label)
+     */
+    required?: boolean;
+    /**
+     * Ocupar largura total do container
+     * @default true
+     */
+    fullWidth?: boolean;
+    /**
+     * Desabilita o campo
+     */
+    disabled?: boolean;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+    /**
+     * Formato de exibição da data
+     * @default "DD/MM/YYYY"
+     */
+    format?: string;
+    /**
+     * Data mínima selecionável
+     */
+    minDate?: Dayjs;
+    /**
+     * Data máxima selecionável
+     */
+    maxDate?: Dayjs;
+    /**
+     * Desabilita datas futuras (útil para data de nascimento)
+     */
+    disableFuture?: boolean;
+    /**
+     * Desabilita datas passadas
+     */
+    disablePast?: boolean;
+}

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

@@ -0,0 +1,5 @@
+import { FormSectionProps } from './types';
+export declare const FormSection: {
+    ({ title, subtitle, children, className, sx, }: FormSectionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/FormSection/FormSection.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FormSection } from './FormSection';
+import '../../styles/index.scss';
+declare const meta: Meta<typeof FormSection>;
+export default meta;
+type Story = StoryObj<typeof FormSection>;
+export declare const Default: Story;
+export declare const MultipleSections: Story;
+export declare const Empty: Story;

package/dist/types/components/FormSection/index.d.ts

@@ -0,0 +1,2 @@
+export { FormSection } from './FormSection';
+export type { FormSectionProps } from './types';

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material';
+/**
+ * Props do componente FormSection
+ *
+ * Card container com título para agrupar campos de formulário.
+ */
+export interface FormSectionProps {
+    /**
+     * Título exibido no topo da seção
+     */
+    title: string;
+    /**
+     * Subtítulo exibido abaixo do título
+     */
+    subtitle?: string;
+    /**
+     * Conteúdo da seção (geralmente campos de formulário)
+     */
+    children: ReactNode;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+    /**
+     * Estilos MUI adicionais
+     */
+    sx?: SxProps<Theme>;
+}

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

@@ -0,0 +1,6 @@
+import { FieldValues } from "react-hook-form";
+import { FormTagSelectProps } from "./types";
+export declare const FormTagSelect: {
+    <TFieldValues extends FieldValues = FieldValues>({ control, name, label, options, placeholder, helperText, required, fullWidth, disabled, onCreate, onManage, className, }: FormTagSelectProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/FormTagSelect/FormTagSelect.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FormTagSelect } from './FormTagSelect';
+declare const meta: Meta<typeof FormTagSelect>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Empty: Story;
+export declare const WithPreselected: Story;
+export declare const WithCreateAndManage: Story;
+export declare const WithManageOnly: Story;
+export declare const Disabled: Story;

package/dist/types/components/FormTagSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { FormTagSelect } from './FormTagSelect';
+export type { FormTagSelectProps, TagOption } from './types';

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

@@ -0,0 +1,21 @@
+import { Control, FieldValues, Path } from 'react-hook-form';
+export interface TagOption {
+    id: string | number;
+    label: string;
+    colorLight: string;
+    colorDark: string;
+}
+export interface FormTagSelectProps<TFieldValues extends FieldValues = FieldValues> {
+    control: Control<TFieldValues>;
+    name: Path<TFieldValues>;
+    label?: string;
+    options: TagOption[];
+    placeholder?: string;
+    helperText?: string;
+    required?: boolean;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    onCreate?: (label: string) => Promise<void> | void;
+    onManage?: () => void;
+    className?: string;
+}

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

@@ -1,5 +1,5 @@
 import { GoogleMapProps } from '../types';
 export declare const GoogleMap: {
-    ({ center, zoom, className, children, apiKey, mapId, themeMode, options, onLoad, onError, }: GoogleMapProps): import("react/jsx-runtime").JSX.Element;
+    ({ center, zoom, className, containerStyle, children, apiKey, mapId, themeMode, options, onLoad, onError, }: GoogleMapProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/types/components/GoogleMap/components/MapMarkers.d.ts

@@ -1,5 +1,5 @@
 import { MapMarkersProps } from '../types';
 export declare const MapMarkers: {
-    ({ spots, onSpotClick, onCameraClick, zoomLevel, selectedZoomLevel, selectedSpotId, selectedSpot, selectedCameraId, hoveredSpotId, hoveredCameraId, animateOnClick, disableClick, expandAll }: MapMarkersProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ spots, onSpotClick, onCameraClick, zoomLevel, selectedZoomLevel, selectedSpotId, selectedSpot, selectedCameraId, hoveredSpotId, hoveredCameraId, animateOnClick, disableClick, expandAll, markedSpotId }: MapMarkersProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type CSSProperties, type ReactNode } from 'react';
 import { type SxProps, type Theme } from '@mui/material';
 export interface GoogleMapProps {
     center?: {
@@ -8,6 +8,7 @@ export interface GoogleMapProps {
     zoom?: number;
     options?: google.maps.MapOptions;
     className?: string;
+    containerStyle?: CSSProperties;
     children?: ReactNode;
     onLoad?: (map: google.maps.Map) => void;
     onError?: (error: Error) => void;
@@ -63,6 +64,8 @@ export interface MapMarkersProps {
     selectedZoomLevel?: number;
     /** Id do spot selecionado (legado). Preferir selectedSpot quando disponível. */
     selectedSpotId?: string | number;
+    /** Id do spot marcado permanentemente com a cor terciária (sem expandir) */
+    markedSpotId?: string | number;
     /** Spot selecionado (novo formato). Se definido, prevalece sobre selectedSpotId para isSelected. */
     selectedSpot?: MapSpotData | null;
     /** Id da câmera selecionada para destacar visualmente no MapSpot */
@@ -82,6 +85,8 @@ export interface MapSpotProps {
     currentZoom?: number;
     isSelected?: boolean;
     selectedCameraId?: string;
+    /** Marca o spot com a cor terciária permanentemente, sem expandir nem remover ícones */
+    isMarked?: boolean;
     /** Destaca o background do spot com cor de seleção sem mostrar linhas de rotação */
     isHighlighted?: boolean;
     /** Destaca uma câmera específica quando o spot está selecionado (hover da lista) */

package/dist/types/components/Icons/index.d.ts

@@ -16,3 +16,14 @@ export { default as LightModeIcon } from "../../assets/icons/light_mode.svg?reac
 export { default as DarkModeIcon } from "../../assets/icons/dark_mode.svg?react";
 export { default as NotificationsIcon } from "../../assets/icons/notifications.svg?react";
 export { default as PersonIcon } from "../../assets/icons/person.svg?react";
+export { default as UploadIcon } from "../../assets/icons/upload.svg?react";
+export { default as EditIcon } from "../../assets/icons/edit.svg?react";
+export { default as DeleteIcon } from "../../assets/icons/delete.svg?react";
+export { default as LoadingFrame1 } from "../../assets/icons/loading-1.svg?react";
+export { default as LoadingFrame2 } from "../../assets/icons/loading-2.svg?react";
+export { default as LoadingFrame3 } from "../../assets/icons/loading-3.svg?react";
+export { default as LoadingFrame4 } from "../../assets/icons/loading-4.svg?react";
+export { default as LoadingFrame5 } from "../../assets/icons/loading-5.svg?react";
+export { default as LoadingFrame6 } from "../../assets/icons/loading-6.svg?react";
+export { default as LoadingFrame7 } from "../../assets/icons/loading-7.svg?react";
+export { default as VisioLogoIcon } from "../../assets/icons/visio-logo.svg?react";

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

@@ -0,0 +1,2 @@
+import { ImageWithFallbackProps } from './types';
+export declare const ImageWithFallback: import("react").ForwardRefExoticComponent<ImageWithFallbackProps & import("react").RefAttributes<HTMLImageElement>>;

package/dist/types/components/ImageWithFallback/index.d.ts

@@ -0,0 +1,2 @@
+export { ImageWithFallback } from './ImageWithFallback';
+export type { ImageWithFallbackProps } from './types';

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

@@ -0,0 +1,9 @@
+import { ImgHTMLAttributes } from 'react';
+export interface ImageWithFallbackProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'src'> {
+    src?: string | null;
+    alt?: string;
+    /** Shorthand to set both width and height to the same value */
+    size?: number | string;
+    /** Custom fallback image URL. Defaults to the built-in broken image asset */
+    fallbackSrc?: string;
+}

package/dist/types/components/LoadingScreen/LoadingOrb.d.ts

@@ -0,0 +1,6 @@
+interface LoadingOrbProps {
+    size?: number;
+    interval?: number;
+}
+export declare const LoadingOrb: ({ size, interval }: LoadingOrbProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import { LoadingScreenProps } from './types';
+export declare const LoadingScreen: {
+    ({ title, subtitle, warningMessage, orbSize, orbInterval, className, }: LoadingScreenProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/LoadingScreen/LoadingScreen.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { LoadingScreen } from './LoadingScreen';
+import '../../styles/index.scss';
+declare const meta: Meta<typeof LoadingScreen>;
+export default meta;
+type Story = StoryObj<typeof LoadingScreen>;
+export declare const Default: Story;
+export declare const WithoutWarning: Story;
+export declare const TitleOnly: Story;
+export declare const OrbOnly: Story;

package/dist/types/components/LoadingScreen/index.d.ts

@@ -0,0 +1,2 @@
+export { LoadingScreen } from './LoadingScreen';
+export type { LoadingScreenProps } from './types';

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

@@ -0,0 +1,8 @@
+export interface LoadingScreenProps {
+    title?: string;
+    subtitle?: string;
+    warningMessage?: string;
+    orbSize?: number;
+    orbInterval?: number;
+    className?: string;
+}

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

@@ -1,5 +1,5 @@
 import { MapSpotProps } from '../GoogleMap/types';
 export declare const MapSpot: {
-    ({ count, addressText, cameras, currentZoom, isSelected, selectedCameraId, isHighlighted, highlightedCameraId, disableClick, className, onClick, onCameraClick, sx }: MapSpotProps): import("react/jsx-runtime").JSX.Element;
+    ({ count, addressText, cameras, currentZoom, isSelected, selectedCameraId, isMarked, isHighlighted, highlightedCameraId, disableClick, className, onClick, onCameraClick, sx }: MapSpotProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -0,0 +1,6 @@
+import { FieldValues } from 'react-hook-form';
+import { PhotoUploadProps } from './types';
+export declare const PhotoUpload: {
+    <TFieldValues extends FieldValues = FieldValues>({ control, name, label, accept, maxSizeInMB, helperText, required, disabled, className, }: PhotoUploadProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/PhotoUpload/PhotoUpload.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PhotoUpload } from './PhotoUpload';
+import '../../styles/index.scss';
+declare const meta: Meta<typeof PhotoUpload>;
+export default meta;
+type Story = StoryObj<typeof PhotoUpload>;
+export declare const Default: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;

package/dist/types/components/PhotoUpload/index.d.ts

@@ -0,0 +1,2 @@
+export { PhotoUpload } from './PhotoUpload';
+export type { PhotoUploadProps } from './types';

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

@@ -0,0 +1,46 @@
+import { Control, FieldValues, Path } from 'react-hook-form';
+/**
+ * Props do componente PhotoUpload
+ *
+ * Input de upload de foto com preview, integrado ao React Hook Form.
+ */
+export interface PhotoUploadProps<TFieldValues extends FieldValues = FieldValues> {
+    /**
+     * Instância do control do React Hook Form
+     */
+    control: Control<TFieldValues>;
+    /**
+     * Nome do campo no formulário (tipado com Path para autocomplete)
+     */
+    name: Path<TFieldValues>;
+    /**
+     * Label exibido acima da área de upload
+     */
+    label?: string;
+    /**
+     * Tipos de arquivo aceitos
+     * @default 'image/jpeg,image/png'
+     */
+    accept?: string;
+    /**
+     * Tamanho máximo do arquivo em MB
+     * @default 5
+     */
+    maxSizeInMB?: number;
+    /**
+     * Texto de ajuda exibido abaixo do upload
+     */
+    helperText?: string;
+    /**
+     * Marca o campo como obrigatório visualmente
+     */
+    required?: boolean;
+    /**
+     * Desabilitar o upload
+     */
+    disabled?: boolean;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}