@visio-io/design-system 1.8.21 → 1.8.23

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

@@ -12,6 +12,8 @@ export interface NearbyEvent {
 export interface EventLocationProps extends BoxProps {
     address?: string | null;
     mapContent?: ReactNode;
+    cameraCount?: number;
+    spotCount?: number;
     nearbyAfterEvents?: NearbyEvent[];
     nearbyBeforeEvents?: NearbyEvent[];
     sentinelAfterRef?: (node: HTMLElement | null) => void;

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

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

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

@@ -6,4 +6,5 @@ export interface EventVideoPreviewProps extends BoxProps {
     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/VideoPlayer/VideoPlayer.d.ts

@@ -1,5 +1,5 @@
 import { VideoPlayerProps } from "./types";
 export declare const VideoPlayer: {
-    ({ stream, availableQualities, initialQuality, onQualityChange, autoPlay, playsInline, muted, poster, className, sx, liveThresholdSeconds, allowPlaybackRateForStream, playbackRates, zoomLevels, width, height, aspectRatio, showTimestamp, showTimeline, isRecording, recordingLabel, borderRadius, loading, unavailable, unavailableIcon, unavailableMessage, }: VideoPlayerProps): import("react/jsx-runtime").JSX.Element;
+    ({ stream, availableQualities, initialQuality, onQualityChange, autoPlay, playsInline, muted, poster, className, sx, liveThresholdSeconds, allowPlaybackRateForStream, playbackRates, zoomLevels, width, height, aspectRatio, showTimestamp, showTimeline, isRecording, recordingLabel, borderRadius, loading, unavailable, unavailableIcon, unavailableMessage, showSeekButtons, showPlaybackRate, }: VideoPlayerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -44,6 +44,8 @@ export { FormMultiSelect } from "./FormMultiSelect";
 export type { FormMultiSelectProps } from "./FormMultiSelect/types";
 export { FormInput } from "./FormInput";
 export type { FormInputProps } from "./FormInput/types";
+export { FormDatePicker } from "./FormDatePicker";
+export type { FormDatePickerProps } from "./FormDatePicker/types";
 export { FormSection } from "./FormSection";
 export type { FormSectionProps } from "./FormSection/types";
 export { PhotoUpload } from "./PhotoUpload";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visio-io/design-system",
-  "version": "1.8.21",
+  "version": "1.8.23",
   "description": "Visio Design System",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -24,6 +24,17 @@
     "**/*.scss",
     "**/*.css"
   ],
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "start": "storybook dev -p 6066 --host 0.0.0.0 --no-open",
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "build-storybook": "storybook build",
+    "storybook": "storybook dev -p 6006",
+    "prepare": "npm run build",
+    "type-check": "tsc --noEmit",
+    "release": "pnpm build && changeset publish",
+    "dev:yalc": "YALC=1 vite build --watch"
+  },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
@@ -72,15 +83,5 @@
     "framer-motion": "^12.29.2",
     "hls.js": "^1.6.15",
     "supercluster": "^8.0.1"
-  },
-  "scripts": {
-    "dev": "storybook dev -p 6006",
-    "start": "storybook dev -p 6066 --host 0.0.0.0 --no-open",
-    "build": "vite build && tsc -p tsconfig.build.json",
-    "build-storybook": "storybook build",
-    "storybook": "storybook dev -p 6006",
-    "type-check": "tsc --noEmit",
-    "release": "pnpm build && changeset publish",
-    "dev:yalc": "YALC=1 vite build --watch"
   }
-}
+}