@visio-io/design-system 1.8.0 → 1.8.2

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

@@ -20,7 +20,11 @@ export interface CameraCardProps {
     };
     /** Callback ao clicar no botão de fechar (X). Usado apenas quando recordingButton está definido. */
     onClose?: () => void;
-    /** Destaca o card com borda mais grossa (câmera selecionada no mapa) */
-    selected?: boolean;
+    /** Callback ao clicar no card (ex.: navegar para a câmera) */
+    onClick?: () => void;
+    /** Exibe as ações (menu, botões) no estado desativado */
+    actionsDisabled?: boolean;
+    /** Câmera offline - exibe placeholder "Imagem não disponível" no lugar da thumbnail */
+    offline?: boolean;
 }
-export declare const CameraCard: ({ cameraName, streetName, pointName, neighborhoodAndCity, tags, imageUrl, algorithm, menuItems, onMenuClick, className, recordingButton, onClose, selected, }: CameraCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CameraCard: ({ cameraName, streetName, pointName, neighborhoodAndCity, tags, imageUrl, algorithm, menuItems, onMenuClick, className, recordingButton, onClose, onClick, actionsDisabled, offline, }: CameraCardProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -14,3 +14,6 @@ export declare const WithRecordingButtonDark: Story;
 export declare const HoverLight: Story;
 export declare const HoverDark: Story;
 export declare const SingleTag: Story;
+export declare const Offline: Story;
+export declare const OfflineDark: Story;
+export declare const OfflineWithDisabledActions: Story;

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

@@ -1,3 +1,5 @@
 export { MapSpot } from './MapSpot';
 export { CAMERA_ALGORITHM_FACIAL, CAMERA_ALGORITHM_LPR } from './utils';
+export { FacialIcon } from './FacialIcon';
+export { LPRIcon } from './LPRIcon';
 export type { MapSpotProps } from '../GoogleMap/types';

package/dist/types/components/VideoPlayer/components/ControlMenu.d.ts

@@ -1,9 +1,11 @@
+import { ReactNode } from 'react';
 type ControlMenuOption<T> = {
     value: T;
     label: string;
     disabled?: boolean;
 };
 interface ControlMenuProps<T> {
+    icon?: ReactNode;
     label: string;
     valueLabel: string;
     selectedValue: T;
@@ -12,5 +14,6 @@ interface ControlMenuProps<T> {
     disabled?: boolean;
     ariaLabel: string;
 }
-export declare const ControlMenu: <T>({ label, valueLabel, selectedValue, options, onChange, disabled, ariaLabel, }: ControlMenuProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const ControlMenuInner: <T>({ icon, label, valueLabel, selectedValue, options, onChange, disabled, ariaLabel, }: ControlMenuProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlMenu: typeof ControlMenuInner;
 export {};

package/dist/types/components/VideoPlayer/components/Timestamp.d.ts

@@ -0,0 +1,3 @@
+export declare const Timestamp: import("react").MemoExoticComponent<({ show }: {
+    show: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/types/components/VideoPlayer/icons/Seek.d.ts

@@ -0,0 +1,6 @@
+type IconProps = {
+    width?: number;
+    height?: number;
+} & React.SVGProps<SVGSVGElement>;
+declare const SeekIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export { SeekIcon };

package/dist/types/components/VideoPlayer/icons/SeekForward.d.ts

@@ -0,0 +1,6 @@
+type IconProps = {
+    width?: number;
+    height?: number;
+} & React.SVGProps<SVGSVGElement>;
+declare const SeekForwardIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export { SeekForwardIcon };

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

@@ -16,7 +16,7 @@ export { GoogleMap, MapMarkers, MapContent } from "./GoogleMap";
 export type { GoogleMapProps, MapSpotData, MapMarkersProps, MapSpotProps, CameraTypeInfo, RawCameraData, } from "./GoogleMap/types";
 export { useGoogleMapContext } from "./GoogleMap/context/GoogleMapContext";
 export type { GoogleMapContextValue } from "./GoogleMap/context/GoogleMapContext";
-export { MapSpot, CAMERA_ALGORITHM_FACIAL, CAMERA_ALGORITHM_LPR, } from "./MapSpot";
+export { MapSpot, CAMERA_ALGORITHM_FACIAL, CAMERA_ALGORITHM_LPR, FacialIcon, LPRIcon, } from "./MapSpot";
 export { SearchBar } from "./SearchBar";
 export type { SearchBarProps } from "./SearchBar/types";
 export { NotFoundContent } from "./NotFoundContent";

package/dist/types/styles/tokens/typography.d.ts

@@ -1,5 +1,5 @@
 export declare const typographyTokens: {
-    readonly fontFamily: "\"Inter\", \"Helvetica\", \"Arial\", sans-serif";
+    readonly fontFamily: "\"Suisse Intl\", \"Inter\", \"Helvetica\", \"Arial\", sans-serif";
     readonly fontSize: {
         readonly xs: 12;
         readonly sm: 14;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visio-io/design-system",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "description": "Visio Design System",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/src/styles/tokens/typography.ts

@@ -1,5 +1,5 @@
 export const typographyTokens = {
-  fontFamily: '"Inter", "Helvetica", "Arial", sans-serif',
+  fontFamily: '"Suisse Intl", "Inter", "Helvetica", "Arial", sans-serif',
   fontSize: {
     xs: 12,
     sm: 14,