@viasoftbr/shared-ui 0.0.1 → 0.0.3

package/README.md

@@ -2,149 +2,132 @@
 
 Biblioteca de componentes, hooks e serviços compartilhados para plugins XCOS.
 
+Este repositório empacota um conjunto de componentes React, hooks, serviços e recursos de i18n em `dist/` para consumo por outros pacotes (monorepo) ou via npm.
+
+**Versão do pacote:** `@viasoftbr/shared-ui` (veja `package.json` para a versão atual).
+
 ## 📦 Instalação
 
-Este pacote está disponível localmente no monorepo:
+Instalação via npm (registro público):
+
+```bash
+# npm
+npm install @viasoftbr/shared-ui
+
+# pnpm
+pnpm add @viasoftbr/shared-ui
+
+# yarn
+yarn add @viasoftbr/shared-ui
+```
+
+Instalação no monorepo (workspace pnpm):
 
 ```bash
-# No diretório do seu plugin
+# a partir do diretório do seu pacote consumidor
 pnpm add @viasoftbr/shared-ui --workspace
 ```
 
-Ou adicione diretamente no `package.json`:
+Instalação local (desenvolvimento):
+
+```bash
+# criar pacote .tgz e instalar no projeto consumidor
+npm run build
+npm pack
+# no projeto consumidor
+npm install ../path/to/viasoftbr-shared-ui-0.0.2.tgz
+
+# ou usar link para desenvolvimento iterativo
+# no shared-ui
+npm run build
+npm link
+# no projeto consumidor
+npm link @viasoftbr/shared-ui
+```
+
+Instalação direta do GitHub (não recomendado sem `dist/` commitado):
 
 ```json
 {
   "dependencies": {
-    "@viasoftbr/shared-utils": "workspace:*"
+    "@viasoftbr/shared-ui": "git+https://github.com/viasoftbr/shared-ui.git"
   }
 }
 ```
 
-## 🚀 Uso
+> Observação: se instalar diretamente do Git, prefira ter a pasta `dist/` com os artefatos comitados OU adicionar um script `prepare` que execute o build na instalação.
 
-### Importação Completa
-
-```typescript
-import {
-  // Components
-  InputField,
-  SelectField,
-  SwitchField,
-  Section,
-  Alert,
-  Button,
-  PageHeader,
-  ActionBar,
-  Loading,
-  
-  // Hooks
-  useSettings,
-  useExpandedSections,
-  useDebounce,
-  
-  # @viasoftbr/shared-ui
-
-  Biblioteca compartilhada de componentes React, hooks, utilitários e i18n usada por plugins e micro-frontends Viasoft.
-
-  Este repositório fornece um pacote ESM (TypeScript) empacotado em `dist/` e pensado para consumo por outros pacotes dentro do monorepo ou publicamente.
-
-  ## 📦 Instalação
-
-  Recomendado (monorepo pnpm):
-
-  ```bash
-  # do diretório do seu plugin ou pacote que consome esta lib
-  pnpm add @viasoftbr/shared-ui --workspace
-  ```
-
-  Ou, em um `package.json` local dentro do monorepo:
-
-  ```json
-  {
-    "dependencies": {
-      "@viasoftbr/shared-ui": "workspace:*"
-    }
-  }
-  ```
-
-  > Observação: o pacote é publicado como `@viasoftbr/shared-ui` (veja `package.json`).
-
-  ## 🚀 Uso
-
-  Importação direta de componentes / hooks / utilitários:
-
-  ```ts
-  import { InputField, SelectField, useSettings } from '@viasoftbr/shared-ui';
-  ```
-
-  Exportações adicionais (deep imports) estão disponíveis conforme declarado em `package.json`:
-
-  ```ts
-  import i18n from '@viasoftbr/shared-ui/i18n';
-  import jsmpegBundle from '@viasoftbr/shared-ui/jsmpeg';
-  import locale from '@viasoftbr/shared-ui/locales/pt/translation.json';
-  ```
+## 🚀 Uso
 
-  Exemplos rápidos (React):
+Importação principal:
 
-  ```tsx
-  <InputField label="Nome" value={name} onChange={setName} />
+```ts
+import { InputField, SelectField, useSettings } from '@viasoftbr/shared-ui';
+```
 
-  <SelectField
-    label="Opção"
-    value={selected}
-    onChange={setSelected}
-    options={[{ value: 'a', label: 'A' }, { value: 'b', label: 'B' }]}
-  />
-  ```
+Deep imports (subpaths) disponíveis conforme `exports` no `package.json`:
 
-  Consulte os tipos emitidos (`dist/index.d.ts`) para a lista completa de símbolos exportados.
+```ts
+import i18n from '@viasoftbr/shared-ui/i18n';
+import jsmpegBundle from '@viasoftbr/shared-ui/jsmpeg';
+import localePt from '@viasoftbr/shared-ui/locales/pt/translation.json';
+```
 
-  ## 🛠 Scripts de desenvolvimento
+Exemplo (React):
 
-  Scripts disponíveis (conforme `package.json`):
+```tsx
+import React from 'react';
+import { InputField } from '@viasoftbr/shared-ui';
 
-  - `pnpm run build` — Empacota a lib em `dist/` (usa `scripts/build.js`).
-  - `pnpm run dev` — Mesma build em modo watch.
-  - `pnpm run typecheck` — Roda `tsc --noEmit` para validação de tipos.
+export function Example() {
+  const [value, setValue] = React.useState('');
+  return <InputField label="Nome" value={value} onChange={setValue} />;
+}
+```
 
-  Use `pnpm run dev` enquanto desenvolve para regenerar `dist/` automaticamente.
+## 📦 Publicação no npm
 
-  ## 💡 i18n e assets
+Passos básicos para publicar (usuário com permissão no escopo `@viasoftbr`):
 
-  O pacote expõe suporte a i18n e inclui traduções em `locales/`. Importe via `@viasoftbr/shared-ui/i18n` ou carregue arquivos de `@viasoftbr/shared-ui/locales/*` conforme necessário.
+```bash
+# instalar dependências
+pnpm install
 
-  Há também um bundle mínimo do player `jsmpeg.vu.min.js` exportado em `@viasoftbr/shared-ui/jsmpeg`.
+# gerar build e declarações
+pnpm run build
 
-  ## ⚠️ Peer dependencies
+# atualizar versão (opcional)
+npm version patch
 
-  Este pacote declara `react` como peer dependency (`^19.0.0`). Garanta que o projeto que consome a lib tenha uma versão compatível do React instalada.
+# publicar
+npm publish --access public
+```
 
-  ## 📚 Desenvolvimento
+Recomendações:
+- Garanta que `dist/` e os `.d.ts` foram gerados antes de publicar.
+- Atualize a versão no `package.json` antes do `npm publish`.
 
-  1. Instale dependências: `pnpm install`
-  2. Rode o build em modo watch: `pnpm run dev`
-  3. Edite os arquivos em `src/` e verifique o output em `dist/`.
-  4. Para checar tipos: `pnpm run typecheck`.
+## ⚠️ Peer dependencies
 
-  O empacotador é implementado em `scripts/build.js` e usa `esbuild`.
+Este pacote declara `react` como peer dependency (`^19.0.0`). O projeto consumidor deve fornecer uma versão compatível do React.
 
-  ## Contribuição
+## 🛠 Scripts de desenvolvimento
 
-  - Abra issues para bugs ou melhorias.
-  - Para contribuições, faça um fork, crie uma branch e abra um pull request.
-  - Siga o estilo TypeScript/ESM do projeto e mantenha mudanças pequenas e focadas.
+- `pnpm run build` — Empacota a lib em `dist/` (usa `scripts/build.js`).
+- `pnpm run dev` — Mesma build em modo watch.
+- `pnpm run typecheck` — Roda `tsc --noEmit` para validação de tipos.
 
-  ## Licença
+## 💡 i18n e assets
 
-  Este projeto é licenciado sob a licença MIT — veja o campo `license` em `package.json`.
+O pacote inclui traduções em `locales/` e expõe um helper `i18n` em `@viasoftbr/shared-ui/i18n`. O bundle do player `jsmpeg.vu.min.js` é exposto em `@viasoftbr/shared-ui/jsmpeg`.
 
-  ## Troubleshooting
+## Desenvolvimento
 
-  - Erro de tipos ao consumir a lib: rode `pnpm run typecheck` no pacote consumidor e verifique versões de `@types/react` / `react`.
-  - Problemas com import/exports em bundlers: verifique se o bundler do consumidor suporta ESM ou use o campo `exports` do `package.json` adequadamente.
+1. Instale dependências: `pnpm install`
+2. Rode o build em modo watch: `pnpm run dev`
+3. Edite arquivos em `src/` e verifique o output em `dist/`.
+4. Para checar tipos: `pnpm run typecheck`.
 
-  ---
+---
 
-  Se quiser, adapto este README com exemplos reais retirados dos componentes presentes em `src/components/`.
+Se quiser, adapto este README com exemplos reais retirados dos componentes presentes em `src/components/` ou adiciono um `prepare` script para facilitar instalação direta do Git.

package/dist/components/RemoteModule.d.ts

@@ -0,0 +1,8 @@
+interface RemoteModuleProps {
+    scope: string;
+    url: string;
+    module: string;
+    fallback?: React.ReactNode;
+}
+export declare function RemoteModule({ scope, url, module, fallback }: RemoteModuleProps): import("react/jsx-runtime").JSX.Element;
+export default RemoteModule;

package/dist/components/display/Accordion.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface AccordionProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+}
+declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

package/dist/components/display/Section.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type SectionId = string;
+interface SectionProps {
+    id: SectionId;
+    title: string;
+    icon: React.ReactNode;
+    expanded: boolean;
+    onToggle: (section: SectionId) => void;
+    children: React.ReactNode;
+    readonly?: boolean;
+    loading?: boolean;
+}
+export interface SectionContextType {
+    readonly: boolean;
+}
+export declare const SectionContext: React.Context<SectionContextType | undefined>;
+export declare function useSection(): SectionContextType;
+declare const Section: React.FC<SectionProps>;
+export default Section;

package/dist/components/display/Skeleton.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface SkeletonProps {
+    count?: number;
+    height?: string;
+    className?: string;
+    circle?: boolean;
+    fullWidth?: boolean;
+}
+export declare const SkeletonLine: React.FC<SkeletonProps>;
+interface SkeletonBlockProps {
+    lines?: number;
+    className?: string;
+}
+export declare const SkeletonBlock: React.FC<SkeletonBlockProps>;
+interface SkeletonTableProps {
+    rows?: number;
+    columns?: number;
+    className?: string;
+}
+export declare const SkeletonTable: React.FC<SkeletonTableProps>;
+export default SkeletonBlock;

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

@@ -0,0 +1,4 @@
+import Accordion from "./Accordion";
+import Section from "./Section";
+import SkeletonBlock, { SkeletonLine, SkeletonTable } from "./Skeleton";
+export { Accordion, Section, SkeletonBlock, SkeletonLine, SkeletonTable };

package/dist/components/encoder/DvB.d.ts

@@ -0,0 +1,53 @@
+import { ProtocolSettings } from '../../types/protocol';
+import { AudioSettings } from '../../components/groups/AudioGroup';
+export interface EncoderDvBSettings extends AudioSettings {
+    engine: 'cpu' | 'gpu';
+    low_latency: boolean;
+    video_connection: string;
+    video_format: string;
+    audio_connection: string;
+    video_codec: 'mpeg2' | 'h264' | 'hevc';
+    resize: string;
+    deinterlace: string;
+    clk_src_audio: string;
+    clk_src_video: string;
+    fec_columns?: string;
+    fec_rows?: string;
+    srt_stream_id?: string;
+    srt_latency?: string;
+    ts_bitrate: string;
+    video_bitrate: string;
+    video_buffer_size: string;
+    video_nr: string;
+    video_profile: string;
+    video_level: string;
+    video_preset: string;
+    gop_size: string;
+    bframes: string;
+    refs: string;
+    b_pyramid: boolean;
+    weightp: boolean;
+    cabac: boolean;
+    video_pid: string;
+    audio1_pid: string;
+    audio1_pair: string;
+    audio1_gain: string;
+    cc_pid: string;
+    ts_id: string;
+    program_num: string;
+    pmt_pid: string;
+    pcr_pid: string;
+    pcr_interval: string;
+    service_name: string;
+    provider_name: string;
+    protocol: ProtocolSettings;
+}
+export declare const defaultDvBSettings: EncoderDvBSettings;
+declare const DvB: import("react").ForwardRefExoticComponent<{
+    settings?: EncoderDvBSettings;
+    setSettings?: (s: EncoderDvBSettings) => void;
+    encoderId?: number;
+    isLoading?: boolean;
+    setIsLoading?: (loading: boolean) => void;
+} & import("react").RefAttributes<unknown>>;
+export default DvB;

package/dist/components/encoder/Livecast.d.ts

@@ -0,0 +1,37 @@
+import { AudioSettings } from '../../components/groups/AudioGroup';
+import { ProtocolSettings } from '../../types/protocol';
+export interface EncoderLivecastSettings extends AudioSettings {
+    service_label: string;
+    video_connection: string;
+    video_connection_auto: boolean;
+    no_locked_mode: 'black' | 'colorbar';
+    video_format: string;
+    video_format_auto: boolean;
+    input_video_filter: string;
+    resize_video: string;
+    video_fps: string;
+    enable_preview_web: boolean;
+    enable_preview_lcd: boolean;
+    enable_preview_hdmi: boolean;
+    video_codec: 'mpeg2' | 'h264' | 'hevc' | 'hevc_qsv';
+    video_bitrate: string;
+    enable_abr: boolean;
+    video_keyint: string;
+    input_audio_filter: string;
+    rec_stream: boolean;
+    rec_profile: string;
+    send_stream: boolean;
+    send_protocol: 'mhv2' | 'mhv1' | 'rtmp';
+    send_ip: string;
+    send_port: number;
+    protocol: ProtocolSettings;
+}
+export declare const defaultLivecastSettings: EncoderLivecastSettings;
+declare const Livecast: import("react").ForwardRefExoticComponent<{
+    settings?: EncoderLivecastSettings;
+    setSettings?: (s: EncoderLivecastSettings) => void;
+    encoderId?: number;
+    isLoading?: boolean;
+    setIsLoading?: (loading: boolean) => void;
+} & import("react").RefAttributes<unknown>>;
+export default Livecast;

package/dist/components/encoder/ViewLog.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const ViewLog: React.FC<{
+    encoder: boolean[];
+}>;
+export default ViewLog;

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

@@ -0,0 +1,4 @@
+import DvB from "./DvB";
+import Livecast from "./Livecast";
+import ViewLog from "./ViewLog";
+export { DvB, Livecast, ViewLog, };

package/dist/components/general/Copy2Clipboard.d.ts

@@ -0,0 +1,4 @@
+declare const Copy2Clipboard: React.FC<{
+    content: string;
+}>;
+export default Copy2Clipboard;

package/dist/components/general/GridSelectionModal.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type GridSize = 'full' | '2x2' | '3x3';
+export type CellFull = 'cropped' | 'top';
+export type Cell2x2 = '1' | '2' | '3' | '4';
+export type Cell3x3 = 'main' | '3' | '6' | '7' | '8' | '9';
+export type CellType = CellFull | Cell2x2 | Cell3x3;
+export interface GridSettings {
+    gridSize: GridSize;
+    selectedCell: CellType;
+}
+export type GridMode = 'lcd' | 'hdmi';
+export declare const valueToGridSettings: Record<string, GridSettings>;
+export declare const gridSettingsToValue: (settings: GridSettings) => string;
+export declare const getGridLabel: (value: string) => string;
+interface GridSelectionModalProps {
+    open: boolean;
+    onClose: () => void;
+    value: string;
+    onSave: (value: string) => void;
+    mode?: GridMode;
+    title?: string;
+}
+declare const GridSelectionModal: React.FC<GridSelectionModalProps>;
+export default GridSelectionModal;

package/dist/components/general/Modal.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'react';
+interface ModalProps {
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    title: string;
+    message?: string;
+    icon?: JSX.Element;
+    actionColor?: string;
+    element?: JSX.Element;
+    positiveLabel?: string;
+    negativeLabel?: string;
+    positiveCommand?: () => void;
+    negativeCommand?: () => void;
+    enableToClose?: boolean;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/components/general/Validation.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const ValidationItem: React.FC<{
+    isValid: boolean;
+    text: string;
+}>;
+export default ValidationItem;

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

@@ -0,0 +1,5 @@
+import Copy2Clipboard from "./Copy2Clipboard";
+import GridSelectionModal, { getGridLabel } from "./GridSelectionModal";
+import Modal from "./Modal";
+import ValidationItem from "./Validation";
+export { Copy2Clipboard, getGridLabel, GridSelectionModal, Modal, ValidationItem, };

package/dist/components/groups/AudioGroup.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export interface AudioSettings {
+    audioSource?: string;
+    audioCodec?: string;
+    audioBitrate?: string;
+    audioSampleRate?: string;
+    audioChannels?: string;
+    bitrate?: string;
+    channels?: string;
+    codec?: string;
+    samplerate?: string;
+    volume?: number;
+    pid?: string;
+    enablePreview?: boolean;
+    selectedInput?: string;
+}
+interface AudioGroupProps {
+    expanded: boolean;
+    onToggle: (id: string) => void;
+    settings: any;
+    setSettings: (settings: any) => void;
+    loading?: boolean;
+    children?: React.ReactNode;
+}
+declare const AudioGroup: React.FC<AudioGroupProps>;
+export default AudioGroup;

package/dist/components/groups/FilterGroup.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const FilterGroup: React.FC<GroupProps>;
+export default FilterGroup;

package/dist/components/groups/Middleware/Auth.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface AuthSettings {
+    authEnabled: boolean;
+    operatorLogin: string;
+    operatorPassword: string;
+    journalistLogin: string;
+    journalistPassword: string;
+}
+interface MiddlewareAuthGroupProps extends GroupProps {
+    settings: AuthSettings;
+    onChange: (key: keyof AuthSettings, value: any) => void;
+}
+declare const MiddlewareAuthGroup: React.FC<MiddlewareAuthGroupProps>;
+export default MiddlewareAuthGroup;

package/dist/components/groups/Middleware/Channels.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+interface ChannelMirror {
+    enable: boolean;
+    host: string;
+    port: string;
+    remoteChannel: string;
+}
+interface Channel {
+    key: number;
+    label: string;
+    enabled: boolean;
+    filesPath: string;
+    pgmPath: string;
+    pgmPort: string;
+    host: string;
+    port: string;
+    fsWatcherPort: string;
+    mirror: ChannelMirror;
+}
+interface MiddlewareChannelsGroupProps extends GroupProps {
+    channels: Channel[];
+    onChannelChange: (index: number, field: keyof Channel, value: any) => void;
+    onMirrorChange: (index: number, field: keyof ChannelMirror, value: any) => void;
+}
+declare const MiddlewareChannelsGroup: React.FC<MiddlewareChannelsGroupProps>;
+export default MiddlewareChannelsGroup;

package/dist/components/groups/Middleware/MOS.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+interface FolderMapping {
+    key: number;
+    folderId: string;
+    channelToPlace: string;
+}
+interface MOSSettings {
+    mosEnabled: boolean;
+    mosDebug: boolean;
+    mosID: string;
+    mosHost: string;
+    ncsID: string;
+    defaultClipName: string;
+    defaultClipExtension: string;
+    defaultImageDuration: string;
+    folderMappings: FolderMapping[];
+}
+interface MiddlewareMOSGroupProps extends GroupProps {
+    settings: MOSSettings;
+    onChange: (key: keyof MOSSettings, value: any) => void;
+    onFolderMappingChange: (index: number, field: 'folderId' | 'channelToPlace', value: string) => void;
+}
+declare const MiddlewareMOSGroup: React.FC<MiddlewareMOSGroupProps>;
+export default MiddlewareMOSGroup;

package/dist/components/groups/Middleware/Service.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface ServiceSettings {
+    serviceLabelText: string;
+    serviceLabelColor: string;
+    wsPort: string;
+    autoRollEnabled: boolean;
+    autoRollInterval: number;
+    autoReinsertModified: boolean;
+    maxClipsPerCommand: string;
+}
+interface MiddlewareServiceGroupProps extends GroupProps {
+    settings: ServiceSettings;
+    onChange: (key: keyof ServiceSettings, value: any) => void;
+}
+declare const MiddlewareServiceGroup: React.FC<MiddlewareServiceGroupProps>;
+export default MiddlewareServiceGroup;

package/dist/components/groups/Middleware/index.d.ts

@@ -0,0 +1,5 @@
+import MiddlewareAuthGroup from "./Auth";
+import MiddlewareChannelsGroup from "./Channels";
+import MiddlewareMOSGroup from "./MOS";
+import MiddlewareServiceGroup from "./Service";
+export { MiddlewareAuthGroup, MiddlewareChannelsGroup, MiddlewareMOSGroup, MiddlewareServiceGroup, };

package/dist/components/groups/PreviewGroup.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const PreviewGroup: React.FC<GroupProps>;
+export default PreviewGroup;

package/dist/components/groups/ProtocolGroup.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ProtocolSettings } from "../../types/protocol";
+interface ProtocolGroupProps extends GroupProps {
+    ffurl?: string;
+    settings?: ProtocolSettings;
+    setSettings?: (s: ProtocolSettings) => void;
+}
+export declare const defaultProtocolSettings: ProtocolSettings;
+declare const ProtocolGroup: React.FC<ProtocolGroupProps>;
+export default ProtocolGroup;

package/dist/components/groups/VideoGroup.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const VideoGroup: React.FC<GroupProps>;
+export default VideoGroup;

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

@@ -0,0 +1,7 @@
+import AudioGroup from "./AudioGroup";
+import FilterGroup from "./FilterGroup";
+import PreviewGroup from "./PreviewGroup";
+import ProtocolGroup from "./ProtocolGroup";
+import VideoGroup from "./VideoGroup";
+import { MiddlewareAuthGroup, MiddlewareChannelsGroup, MiddlewareMOSGroup, MiddlewareServiceGroup } from './Middleware';
+export { AudioGroup, FilterGroup, MiddlewareAuthGroup, MiddlewareChannelsGroup, MiddlewareMOSGroup, MiddlewareServiceGroup, PreviewGroup, ProtocolGroup, VideoGroup, };

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+import { Accordion, Section } from './display';
+import { Copy2Clipboard, getGridLabel, GridSelectionModal, Modal, ValidationItem } from './general';
+import { AudioGroup, FilterGroup, MiddlewareAuthGroup, MiddlewareChannelsGroup, MiddlewareMOSGroup, MiddlewareServiceGroup, PreviewGroup, ProtocolGroup, VideoGroup } from './groups';
+import { DvB, Livecast, ViewLog } from './encoder';
+import { CheckboxField, ColorField, DatePicker, EditInPlaceField, InputField, Protocol, RangeField, SelectField, SliderField, SwitchField } from './input';
+import { Footer, Header, PageHeader, SaveDiscard, Sidebar } from './main';
+import { AddNetwork, InterfacesTable, InterfacesTimeseries } from './network';
+import { ConfigWizard, RequireAuth } from './system';
+import { RemoteModule } from './RemoteModule';
+import { Fflog, MetricBar, Panel, Preview, StreamControl, VideoPlayer, VUBar } from './xcoder';
+export { Accordion, AddNetwork, AudioGroup, CheckboxField, ConfigWizard, Copy2Clipboard, ColorField, getGridLabel, GridSelectionModal, DatePicker, DvB, EditInPlaceField, Fflog, FilterGroup, Footer, Header, InputField, InterfacesTable, InterfacesTimeseries, SwitchField, Livecast, MetricBar, MiddlewareAuthGroup, MiddlewareChannelsGroup, MiddlewareMOSGroup, MiddlewareServiceGroup, Modal, PageHeader, Panel, Preview, PreviewGroup, ProtocolGroup, Protocol, RangeField, RemoteModule, RequireAuth, SaveDiscard, Section, SelectField, Sidebar, SliderField, StreamControl, ValidationItem, VideoGroup, VideoPlayer, ViewLog, VUBar };

package/dist/components/input/CheckboxField.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface CheckboxFieldProps {
+    label: string;
+    checked: boolean;
+    onChange: () => void;
+    disabled?: boolean;
+}
+declare const CheckboxField: React.FC<CheckboxFieldProps>;
+export default CheckboxField;