teraprox-ui-kit 0.1.10 → 0.2.1

package/dist/index.css

@@ -187,31 +187,6 @@
   font-style: italic;
 }
 
-/* src/styles/RecursoDisplayer.css */
-.recurso-displayer {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-}
-.recurso-displayer .recurso-badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 10px;
-  border-radius: 16px;
-  font-size: 0.85rem;
-  background-color: #e9ecef;
-  color: #495057;
-}
-.recurso-displayer .recurso-badge .remove-btn {
-  cursor: pointer;
-  font-size: 0.75rem;
-  opacity: 0.6;
-}
-.recurso-displayer .recurso-badge .remove-btn:hover {
-  opacity: 1;
-}
-
 /* src/styles/StatusPills.css */
 .status-pills-container {
   display: flex;
@@ -408,6 +383,204 @@
   border-top: 1px dashed #dee2e6;
 }
 
+/* src/styles/UnifiedPeriodSelector.css */
+.ups-card {
+  border-radius: 10px;
+  border: 1px solid #dee2e6;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
+  transition: box-shadow 0.2s ease;
+}
+.ups-card:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+.ups-card--compact {
+  cursor: pointer;
+}
+.ups-compact-row {
+  display: flex;
+  align-items: center;
+  padding: 8px 14px;
+  gap: 4px;
+}
+.ups-edit-hint {
+  margin-left: auto;
+}
+.ups-body {
+  padding: 12px 16px !important;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.ups-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+.ups-display-label {
+  font-weight: 600;
+  font-size: 0.95rem;
+  color: #212529;
+}
+.ups-tabs {
+  display: flex;
+  gap: 4px;
+  border-bottom: 2px solid #f0f0f0;
+  padding-bottom: 2px;
+}
+.ups-tab {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 5px 12px;
+  border: none;
+  background: none;
+  font-size: 0.82rem;
+  font-weight: 500;
+  color: #6c757d;
+  border-radius: 6px 6px 0 0;
+  cursor: pointer;
+  position: relative;
+  transition: color 0.15s, background 0.15s;
+}
+.ups-tab:hover {
+  color: #0d6efd;
+  background: #f0f4ff;
+}
+.ups-tab--active {
+  color: #0d6efd;
+  font-weight: 600;
+}
+.ups-tab--active::after {
+  content: "";
+  position: absolute;
+  bottom: -2px;
+  left: 0;
+  right: 0;
+  height: 2px;
+  background: #0d6efd;
+  border-radius: 2px 2px 0 0;
+}
+.ups-tab:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.ups-content {
+  min-height: 60px;
+}
+.ups-quick-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.ups-quick-btn {
+  border-radius: 20px;
+  padding: 4px 16px;
+  font-size: 0.82rem;
+  font-weight: 500;
+  transition: all 0.15s ease;
+}
+.ups-quick-month {
+  margin-top: 10px;
+  padding-top: 10px;
+  border-top: 1px dashed #e9ecef;
+}
+.ups-quick-month .form-select-sm {
+  font-size: 0.82rem;
+  border-radius: 8px;
+}
+.ups-month-section {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.ups-year-nav {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 14px;
+}
+.ups-year-btn {
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+}
+.ups-year-label {
+  font-size: 1.1rem;
+  font-weight: 700;
+  color: #343a40;
+  min-width: 50px;
+  text-align: center;
+}
+.ups-month-grid {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  gap: 6px;
+}
+.ups-month-cell {
+  padding: 6px 2px;
+  font-size: 0.82rem;
+  font-weight: 500;
+  text-align: center;
+  border: 1px solid #dee2e6;
+  border-radius: 6px;
+  background: #fff;
+  color: #495057;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+.ups-month-cell:hover {
+  background: #e7f1ff;
+  border-color: #0d6efd;
+  color: #0d6efd;
+}
+.ups-month-cell--selected {
+  background: #0d6efd;
+  border-color: #0d6efd;
+  color: #fff;
+  font-weight: 600;
+}
+.ups-month-cell--selected:hover {
+  background: #0b5ed7;
+  color: #fff;
+}
+.ups-month-cell--current {
+  border-color: #0d6efd;
+  color: #0d6efd;
+  font-weight: 700;
+}
+.ups-month-cell:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.ups-month-hint {
+  font-size: 0.72rem;
+  text-align: center;
+  margin: 0;
+}
+.ups-custom-section {
+}
+@media (max-width: 576px) {
+  .ups-month-grid {
+    grid-template-columns: repeat(4, 1fr);
+  }
+  .ups-tabs {
+    overflow-x: auto;
+  }
+  .ups-quick-grid {
+    gap: 6px;
+  }
+  .ups-quick-btn {
+    padding: 3px 12px;
+    font-size: 0.78rem;
+  }
+}
+
 /* src/styles/UploadArea.css */
 .upload-area {
   border: 3px dashed #ccc;

package/dist/index.d.mts

@@ -1,6 +1,10 @@
 import React from 'react';
 import { ButtonProps, FormCheckProps, ModalProps } from 'react-bootstrap';
+export { BranchDropDisplay, BranchDropDisplayProps, FindRecursoByTagField, FindRecursoByTagFieldProps, RecursoDisplayer, RecursoDisplayerProps } from '@teraprox/ui-kit-sgm';
+import dayjs from 'dayjs';
 import { Accept } from 'react-dropzone';
+export { AnexoLocalItem, AnexoManager, AnexoManagerProps, AnexoPersistedItem } from '@teraprox/ui-kit-core';
+export { CalculadoraCorrecaoModal, CalculoCorrecao, CampoDeVerificacaoV2, FrequenciaFormV2, TarefaUnidadeForm, UnidadeMaterialCard } from '@teraprox/ui-kit-sgp';
 
 interface AddButtonProps {
     callback: () => void;
@@ -396,6 +400,37 @@ interface GenericDisplayProps {
 }
 declare const GenericDisplay: React.FC<GenericDisplayProps>;
 
+interface RateLimitEntry {
+    used: number;
+    limit: number;
+    exceeded: boolean;
+    windowReset: string;
+}
+interface RateLimitBarProps {
+    /** Rate limit entry from CoreService.rateLimits[pathGroup] */
+    entry: RateLimitEntry | undefined;
+    /** Optional label shown above the bar (e.g. "Login") */
+    label?: string;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Displays a colored progress bar with rate limit usage.
+ *
+ * Color thresholds:
+ *   < 70% → green
+ *   70–89% → yellow
+ *   ≥ 90% or exceeded → red
+ *
+ * Hides itself when no entry is provided (tenant has no rate limit configured).
+ *
+ * Usage in remotes:
+ *   import { RateLimitBar } from 'teraprox-ui-kit'
+ *   const { rateLimits } = useCoreService()
+ *   <RateLimitBar entry={rateLimits['user_auth_POST']} label="Login" />
+ */
+declare const RateLimitBar: React.FC<RateLimitBarProps>;
+
 interface StatusIndicatorProps {
     /** Status (pendente, executando, concluido, canceled, naoAtribuida) */
     status: string;
@@ -473,16 +508,6 @@ interface TimerDisplayProps {
  */
 declare const TimerDisplay: React.FC<TimerDisplayProps>;
 
-type RecursoMode = 'manutencao' | 'processo';
-interface RecursoDisplayerProps {
-    mode?: RecursoMode;
-    controller: any;
-    selectedList?: any[];
-    onSaveRecurso: (recursos: any[]) => void;
-    singleReturn?: boolean;
-}
-declare const RecursoDisplayer: React.FC<RecursoDisplayerProps>;
-
 interface StatusMeta {
     label: string;
     color: string;
@@ -550,6 +575,38 @@ interface AdvancedFilterBarProps {
  */
 declare const AdvancedFilterBar: React.FC<AdvancedFilterBarProps>;
 
+type QuickPresetKey = "today" | "week" | "month" | "year";
+interface PeriodRange {
+    dataInicio: string;
+    dataFim: string;
+}
+interface UnifiedPeriodSelectorProps {
+    /** Current start date (ISO string) */
+    dataInicio?: string | null;
+    /** Current end date (ISO string) */
+    dataFim?: string | null;
+    /** Called whenever the period changes */
+    onSelect: (range: PeriodRange) => void;
+    /** Which tab to show by default */
+    defaultTab?: "quick" | "month" | "custom";
+    /** Allow selecting future dates (default: true) */
+    allowFuture?: boolean;
+    /** Custom quick presets (overrides defaults) */
+    quickPresets?: {
+        key: string;
+        label: string;
+        start: () => dayjs.Dayjs;
+        end: () => dayjs.Dayjs;
+    }[];
+    /** Additional CSS class */
+    className?: string;
+    /** Whether the component is disabled */
+    disabled?: boolean;
+    /** Compact mode — shows only the header until clicked */
+    compact?: boolean;
+}
+declare const UnifiedPeriodSelector: React.FC<UnifiedPeriodSelectorProps>;
+
 interface MailSenderProps {
     /** Conteúdo HTML a ser enviado no corpo do e-mail */
     htmlContent: string;
@@ -601,6 +658,7 @@ interface DeleteConfirmProps {
  */
 declare const DeleteConfirm: React.FC<DeleteConfirmProps>;
 
+type LabelPosition = "top" | "floating";
 interface AutoCompleteProps {
     className?: string;
     /** Opções estáticas iniciais */
@@ -654,6 +712,12 @@ interface AutoCompleteProps {
     showListOnFocus?: boolean;
     /** Se deve carregar sob demanda ao digitar */
     lazyLoad?: boolean;
+    /**
+     * Posicao da label:
+     *  - 'top' (default): label acima do input (padrao UX /os/form)
+     *  - 'floating': comportamento Bootstrap FloatingLabel legado
+     */
+    labelPosition?: LabelPosition;
 }
 /**
  * Componente de Input com Auto-complete dinâmico.
@@ -731,8 +795,15 @@ interface FormFieldProps {
     onValueUpdate?: (val: string, event: React.ChangeEvent<any>) => void;
     /** Callback no blur */
     onBlur?: (val: string, event: React.FocusEvent<any>) => void;
-    /** Label exibida no FloatingLabel */
+    /** Label exibida acima do input (top) ou dentro como FloatingLabel */
     label?: string;
+    /**
+     * Posicao da label:
+     *  - 'top'      (default): label como elemento separado acima do control
+     *  - 'floating'          : comportamento Bootstrap FloatingLabel wrapping
+     * Default 'top' alinhado com auditoria browser /os/form (Wave 5A fix).
+     */
+    labelPosition?: 'top' | 'floating';
     /** Tipo do input (text, number, password, etc) */
     ty?: string;
     /** Callback para botão de ação à direita */
@@ -769,7 +840,13 @@ interface FormFieldProps {
     controlId?: string;
 }
 /**
- * Campo de formulário padronizado com suporte a FloatingLabel e botões de ação laterais.
+ * Campo de formulário padronizado com suporte a label-top (default) ou
+ * FloatingLabel, mais botões de ação laterais.
+ *
+ * Wave 5A fix (sprint 2026-04-21-ui-kit-domain-split-wave0): default de
+ * `labelPosition` e 'top' para alinhar com padrao visual auditado no browser.
+ * Callers que dependem explicitamente de FloatingLabel devem passar
+ * `labelPosition="floating"`.
  */
 declare const FormField: React.FC<FormFieldProps>;
 
@@ -807,9 +884,13 @@ declare const ClickToWriteField: React.FC<ClickToWriteFieldProps>;
 
 interface ColorPickerProps {
     /** Cor selecionada atualmente */
-    selectedColor: string;
+    selectedColor?: string;
     /** Callback para quando a cor muda */
-    onColorChange: (color: string) => void;
+    onColorChange?: (color: string) => void;
+    /** Retrocompat legado */
+    defaultColor?: string;
+    /** Retrocompat legado */
+    setCor?: (color: string) => void;
     /** Lista de cores sugeridas para a paleta rápida */
     presetColors?: string[];
     /** Título do componente (padrão: 'Cor de Identificação') */
@@ -852,21 +933,6 @@ interface UploadAreaProps {
  */
 declare const UploadArea: React.FC<UploadAreaProps>;
 
-interface FindRecursoByTagFieldProps {
-    /** Callback chamado quando um recurso é selecionado ou lido via QR. */
-    callback: (recurso: any, confirmed: boolean) => void;
-    /** Controller de recurso injetado (deve implementar read, get e findByTagDescription) */
-    recursoController?: {
-        read: (endpoint: string, data?: any) => Promise<any>;
-        get: (endpoint: string) => Promise<any>;
-    };
-}
-/**
- * Componente para encontrar um recurso por sua tag (descrição ou ID).
- * Suporta busca via AutoComplete e leitura via QR Code.
- */
-declare const FindRecursoByTagField: React.FC<FindRecursoByTagFieldProps>;
-
 interface Sector {
     id: string | number;
     nome: string;
@@ -1186,4 +1252,4 @@ interface TextWithMoreProps {
  */
 declare const TextWithMore: React.FC<TextWithMoreProps>;
 
-export { ActionButtons, type ActionButtonsProps, AddButton, AdvancedFilterBar, type AdvancedFilterBarProps, ApproveAndReproveButtons, type ApproveAndReproveButtonsProps, AsyncButton, type AsyncButtonProps, AutoComplete, type AutoCompleteProps, BonusButton, type BonusButtonProps, ButtonWithDropdown, type ButtonWithDropdownOption, type ButtonWithDropdownProps, CheckBox, type CheckBoxOption, type CheckBoxProps, ClickToWriteField, type ClickToWriteFieldProps, ColorPicker, type ColorPickerProps, ConfigObject, DeleteButton, DeleteConfirm, type DeleteConfirmProps, ExpandableCard, type ExpandableCardItem, type ExpandableCardItemObject, type ExpandableCardProps, FindRecursoByTagField, type FindRecursoByTagFieldProps, FormField, type FormFieldProps, Generic3DotMenu, type Generic3DotMenuProps, GenericChart, type GenericChartProps, GenericDisplay, GenericForm, GenericREchart, type GenericREchartProps, GenericSelect, GenericSelectOps, IconLabelItem, type IconLabelItemProps, IconLabelList, type IconLabelListItem, type IconLabelListProps, type ImageData, ImageViewModal, type ImageViewModalProps, type Justificativa, JustificativaModal, type JustificativaModalProps, LoadingButton, type LoadingButtonProps, LoadingProgress, type LoadingProgressProps, MailSender, type MailSenderProps, MenuEvent, ModalBasicTemplate, type ModalBasicTemplateProps, NavigateButton, type NavigateButtonProps, type Notification, NotificationBell, type NotificationBellProps, NotificationItem, type NotificationItemProps, type PeriodPreset, PeriodSelector, type PeriodSelectorProps, QrCodeScanButton, type QrCodeScanButtonProps, QrReader, type QrReaderProps, RecursoDisplayer, type RecursoDisplayerProps, type RecursoMode, ResponsiveContainer, type ReusableTableColumnConfig, ReusableTableWithModal, type ReusableTableWithModalProps, type Sector, SectorSelector, type SectorSelectorProps, SelectDateModal, type SelectDateModalProps, StatusBadge, type StatusBadgeProps, StatusIndicator, type StatusIndicatorProps, StatusLight, type StatusLightProps, type StatusMeta, StatusPills, type StatusPillsProps, Switch, SwitchOnClick, type SwitchOnClickProps, type SwitchProps, TextWithMore, type TextWithMoreProps, TimerDisplay, type TimerDisplayProps, UnidadeMaterialForm, type UnidadeMaterialFormProps, type UnidadeMaterialValue, UploadArea, type UploadAreaProps, UuidPill, VerticalItemsDisplay, type VerticalItemsDisplayProps };
+export { ActionButtons, type ActionButtonsProps, AddButton, AdvancedFilterBar, type AdvancedFilterBarProps, ApproveAndReproveButtons, type ApproveAndReproveButtonsProps, AsyncButton, type AsyncButtonProps, AutoComplete, type AutoCompleteProps, BonusButton, type BonusButtonProps, ButtonWithDropdown, type ButtonWithDropdownOption, type ButtonWithDropdownProps, CheckBox, type CheckBoxOption, type CheckBoxProps, ClickToWriteField, type ClickToWriteFieldProps, ColorPicker, type ColorPickerProps, ConfigObject, DeleteButton, DeleteConfirm, type DeleteConfirmProps, ExpandableCard, type ExpandableCardItem, type ExpandableCardItemObject, type ExpandableCardProps, FormField, type FormFieldProps, Generic3DotMenu, type Generic3DotMenuProps, GenericChart, type GenericChartProps, GenericDisplay, GenericForm, GenericREchart, type GenericREchartProps, GenericSelect, GenericSelectOps, IconLabelItem, type IconLabelItemProps, IconLabelList, type IconLabelListItem, type IconLabelListProps, type ImageData, ImageViewModal, type ImageViewModalProps, type Justificativa, JustificativaModal, type JustificativaModalProps, LoadingButton, type LoadingButtonProps, LoadingProgress, type LoadingProgressProps, MailSender, type MailSenderProps, MenuEvent, ModalBasicTemplate, type ModalBasicTemplateProps, NavigateButton, type NavigateButtonProps, type Notification, NotificationBell, type NotificationBellProps, NotificationItem, type NotificationItemProps, type PeriodPreset, type PeriodRange, PeriodSelector, type PeriodSelectorProps, QrCodeScanButton, type QrCodeScanButtonProps, QrReader, type QrReaderProps, type QuickPresetKey, RateLimitBar, type RateLimitBarProps, type RateLimitEntry, ResponsiveContainer, type ReusableTableColumnConfig, ReusableTableWithModal, type ReusableTableWithModalProps, type Sector, SectorSelector, type SectorSelectorProps, SelectDateModal, type SelectDateModalProps, StatusBadge, type StatusBadgeProps, StatusIndicator, type StatusIndicatorProps, StatusLight, type StatusLightProps, type StatusMeta, StatusPills, type StatusPillsProps, Switch, SwitchOnClick, type SwitchOnClickProps, type SwitchProps, TextWithMore, type TextWithMoreProps, TimerDisplay, type TimerDisplayProps, UnidadeMaterialForm, type UnidadeMaterialFormProps, type UnidadeMaterialValue, UnifiedPeriodSelector, type UnifiedPeriodSelectorProps, UploadArea, type UploadAreaProps, UuidPill, VerticalItemsDisplay, type VerticalItemsDisplayProps };

package/dist/index.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
 import { ButtonProps, FormCheckProps, ModalProps } from 'react-bootstrap';
+export { BranchDropDisplay, BranchDropDisplayProps, FindRecursoByTagField, FindRecursoByTagFieldProps, RecursoDisplayer, RecursoDisplayerProps } from '@teraprox/ui-kit-sgm';
+import dayjs from 'dayjs';
 import { Accept } from 'react-dropzone';
+export { AnexoLocalItem, AnexoManager, AnexoManagerProps, AnexoPersistedItem } from '@teraprox/ui-kit-core';
+export { CalculadoraCorrecaoModal, CalculoCorrecao, CampoDeVerificacaoV2, FrequenciaFormV2, TarefaUnidadeForm, UnidadeMaterialCard } from '@teraprox/ui-kit-sgp';
 
 interface AddButtonProps {
     callback: () => void;
@@ -396,6 +400,37 @@ interface GenericDisplayProps {
 }
 declare const GenericDisplay: React.FC<GenericDisplayProps>;
 
+interface RateLimitEntry {
+    used: number;
+    limit: number;
+    exceeded: boolean;
+    windowReset: string;
+}
+interface RateLimitBarProps {
+    /** Rate limit entry from CoreService.rateLimits[pathGroup] */
+    entry: RateLimitEntry | undefined;
+    /** Optional label shown above the bar (e.g. "Login") */
+    label?: string;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Displays a colored progress bar with rate limit usage.
+ *
+ * Color thresholds:
+ *   < 70% → green
+ *   70–89% → yellow
+ *   ≥ 90% or exceeded → red
+ *
+ * Hides itself when no entry is provided (tenant has no rate limit configured).
+ *
+ * Usage in remotes:
+ *   import { RateLimitBar } from 'teraprox-ui-kit'
+ *   const { rateLimits } = useCoreService()
+ *   <RateLimitBar entry={rateLimits['user_auth_POST']} label="Login" />
+ */
+declare const RateLimitBar: React.FC<RateLimitBarProps>;
+
 interface StatusIndicatorProps {
     /** Status (pendente, executando, concluido, canceled, naoAtribuida) */
     status: string;
@@ -473,16 +508,6 @@ interface TimerDisplayProps {
  */
 declare const TimerDisplay: React.FC<TimerDisplayProps>;
 
-type RecursoMode = 'manutencao' | 'processo';
-interface RecursoDisplayerProps {
-    mode?: RecursoMode;
-    controller: any;
-    selectedList?: any[];
-    onSaveRecurso: (recursos: any[]) => void;
-    singleReturn?: boolean;
-}
-declare const RecursoDisplayer: React.FC<RecursoDisplayerProps>;
-
 interface StatusMeta {
     label: string;
     color: string;
@@ -550,6 +575,38 @@ interface AdvancedFilterBarProps {
  */
 declare const AdvancedFilterBar: React.FC<AdvancedFilterBarProps>;
 
+type QuickPresetKey = "today" | "week" | "month" | "year";
+interface PeriodRange {
+    dataInicio: string;
+    dataFim: string;
+}
+interface UnifiedPeriodSelectorProps {
+    /** Current start date (ISO string) */
+    dataInicio?: string | null;
+    /** Current end date (ISO string) */
+    dataFim?: string | null;
+    /** Called whenever the period changes */
+    onSelect: (range: PeriodRange) => void;
+    /** Which tab to show by default */
+    defaultTab?: "quick" | "month" | "custom";
+    /** Allow selecting future dates (default: true) */
+    allowFuture?: boolean;
+    /** Custom quick presets (overrides defaults) */
+    quickPresets?: {
+        key: string;
+        label: string;
+        start: () => dayjs.Dayjs;
+        end: () => dayjs.Dayjs;
+    }[];
+    /** Additional CSS class */
+    className?: string;
+    /** Whether the component is disabled */
+    disabled?: boolean;
+    /** Compact mode — shows only the header until clicked */
+    compact?: boolean;
+}
+declare const UnifiedPeriodSelector: React.FC<UnifiedPeriodSelectorProps>;
+
 interface MailSenderProps {
     /** Conteúdo HTML a ser enviado no corpo do e-mail */
     htmlContent: string;
@@ -601,6 +658,7 @@ interface DeleteConfirmProps {
  */
 declare const DeleteConfirm: React.FC<DeleteConfirmProps>;
 
+type LabelPosition = "top" | "floating";
 interface AutoCompleteProps {
     className?: string;
     /** Opções estáticas iniciais */
@@ -654,6 +712,12 @@ interface AutoCompleteProps {
     showListOnFocus?: boolean;
     /** Se deve carregar sob demanda ao digitar */
     lazyLoad?: boolean;
+    /**
+     * Posicao da label:
+     *  - 'top' (default): label acima do input (padrao UX /os/form)
+     *  - 'floating': comportamento Bootstrap FloatingLabel legado
+     */
+    labelPosition?: LabelPosition;
 }
 /**
  * Componente de Input com Auto-complete dinâmico.
@@ -731,8 +795,15 @@ interface FormFieldProps {
     onValueUpdate?: (val: string, event: React.ChangeEvent<any>) => void;
     /** Callback no blur */
     onBlur?: (val: string, event: React.FocusEvent<any>) => void;
-    /** Label exibida no FloatingLabel */
+    /** Label exibida acima do input (top) ou dentro como FloatingLabel */
     label?: string;
+    /**
+     * Posicao da label:
+     *  - 'top'      (default): label como elemento separado acima do control
+     *  - 'floating'          : comportamento Bootstrap FloatingLabel wrapping
+     * Default 'top' alinhado com auditoria browser /os/form (Wave 5A fix).
+     */
+    labelPosition?: 'top' | 'floating';
     /** Tipo do input (text, number, password, etc) */
     ty?: string;
     /** Callback para botão de ação à direita */
@@ -769,7 +840,13 @@ interface FormFieldProps {
     controlId?: string;
 }
 /**
- * Campo de formulário padronizado com suporte a FloatingLabel e botões de ação laterais.
+ * Campo de formulário padronizado com suporte a label-top (default) ou
+ * FloatingLabel, mais botões de ação laterais.
+ *
+ * Wave 5A fix (sprint 2026-04-21-ui-kit-domain-split-wave0): default de
+ * `labelPosition` e 'top' para alinhar com padrao visual auditado no browser.
+ * Callers que dependem explicitamente de FloatingLabel devem passar
+ * `labelPosition="floating"`.
  */
 declare const FormField: React.FC<FormFieldProps>;
 
@@ -807,9 +884,13 @@ declare const ClickToWriteField: React.FC<ClickToWriteFieldProps>;
 
 interface ColorPickerProps {
     /** Cor selecionada atualmente */
-    selectedColor: string;
+    selectedColor?: string;
     /** Callback para quando a cor muda */
-    onColorChange: (color: string) => void;
+    onColorChange?: (color: string) => void;
+    /** Retrocompat legado */
+    defaultColor?: string;
+    /** Retrocompat legado */
+    setCor?: (color: string) => void;
     /** Lista de cores sugeridas para a paleta rápida */
     presetColors?: string[];
     /** Título do componente (padrão: 'Cor de Identificação') */
@@ -852,21 +933,6 @@ interface UploadAreaProps {
  */
 declare const UploadArea: React.FC<UploadAreaProps>;
 
-interface FindRecursoByTagFieldProps {
-    /** Callback chamado quando um recurso é selecionado ou lido via QR. */
-    callback: (recurso: any, confirmed: boolean) => void;
-    /** Controller de recurso injetado (deve implementar read, get e findByTagDescription) */
-    recursoController?: {
-        read: (endpoint: string, data?: any) => Promise<any>;
-        get: (endpoint: string) => Promise<any>;
-    };
-}
-/**
- * Componente para encontrar um recurso por sua tag (descrição ou ID).
- * Suporta busca via AutoComplete e leitura via QR Code.
- */
-declare const FindRecursoByTagField: React.FC<FindRecursoByTagFieldProps>;
-
 interface Sector {
     id: string | number;
     nome: string;
@@ -1186,4 +1252,4 @@ interface TextWithMoreProps {
  */
 declare const TextWithMore: React.FC<TextWithMoreProps>;
 
-export { ActionButtons, type ActionButtonsProps, AddButton, AdvancedFilterBar, type AdvancedFilterBarProps, ApproveAndReproveButtons, type ApproveAndReproveButtonsProps, AsyncButton, type AsyncButtonProps, AutoComplete, type AutoCompleteProps, BonusButton, type BonusButtonProps, ButtonWithDropdown, type ButtonWithDropdownOption, type ButtonWithDropdownProps, CheckBox, type CheckBoxOption, type CheckBoxProps, ClickToWriteField, type ClickToWriteFieldProps, ColorPicker, type ColorPickerProps, ConfigObject, DeleteButton, DeleteConfirm, type DeleteConfirmProps, ExpandableCard, type ExpandableCardItem, type ExpandableCardItemObject, type ExpandableCardProps, FindRecursoByTagField, type FindRecursoByTagFieldProps, FormField, type FormFieldProps, Generic3DotMenu, type Generic3DotMenuProps, GenericChart, type GenericChartProps, GenericDisplay, GenericForm, GenericREchart, type GenericREchartProps, GenericSelect, GenericSelectOps, IconLabelItem, type IconLabelItemProps, IconLabelList, type IconLabelListItem, type IconLabelListProps, type ImageData, ImageViewModal, type ImageViewModalProps, type Justificativa, JustificativaModal, type JustificativaModalProps, LoadingButton, type LoadingButtonProps, LoadingProgress, type LoadingProgressProps, MailSender, type MailSenderProps, MenuEvent, ModalBasicTemplate, type ModalBasicTemplateProps, NavigateButton, type NavigateButtonProps, type Notification, NotificationBell, type NotificationBellProps, NotificationItem, type NotificationItemProps, type PeriodPreset, PeriodSelector, type PeriodSelectorProps, QrCodeScanButton, type QrCodeScanButtonProps, QrReader, type QrReaderProps, RecursoDisplayer, type RecursoDisplayerProps, type RecursoMode, ResponsiveContainer, type ReusableTableColumnConfig, ReusableTableWithModal, type ReusableTableWithModalProps, type Sector, SectorSelector, type SectorSelectorProps, SelectDateModal, type SelectDateModalProps, StatusBadge, type StatusBadgeProps, StatusIndicator, type StatusIndicatorProps, StatusLight, type StatusLightProps, type StatusMeta, StatusPills, type StatusPillsProps, Switch, SwitchOnClick, type SwitchOnClickProps, type SwitchProps, TextWithMore, type TextWithMoreProps, TimerDisplay, type TimerDisplayProps, UnidadeMaterialForm, type UnidadeMaterialFormProps, type UnidadeMaterialValue, UploadArea, type UploadAreaProps, UuidPill, VerticalItemsDisplay, type VerticalItemsDisplayProps };
+export { ActionButtons, type ActionButtonsProps, AddButton, AdvancedFilterBar, type AdvancedFilterBarProps, ApproveAndReproveButtons, type ApproveAndReproveButtonsProps, AsyncButton, type AsyncButtonProps, AutoComplete, type AutoCompleteProps, BonusButton, type BonusButtonProps, ButtonWithDropdown, type ButtonWithDropdownOption, type ButtonWithDropdownProps, CheckBox, type CheckBoxOption, type CheckBoxProps, ClickToWriteField, type ClickToWriteFieldProps, ColorPicker, type ColorPickerProps, ConfigObject, DeleteButton, DeleteConfirm, type DeleteConfirmProps, ExpandableCard, type ExpandableCardItem, type ExpandableCardItemObject, type ExpandableCardProps, FormField, type FormFieldProps, Generic3DotMenu, type Generic3DotMenuProps, GenericChart, type GenericChartProps, GenericDisplay, GenericForm, GenericREchart, type GenericREchartProps, GenericSelect, GenericSelectOps, IconLabelItem, type IconLabelItemProps, IconLabelList, type IconLabelListItem, type IconLabelListProps, type ImageData, ImageViewModal, type ImageViewModalProps, type Justificativa, JustificativaModal, type JustificativaModalProps, LoadingButton, type LoadingButtonProps, LoadingProgress, type LoadingProgressProps, MailSender, type MailSenderProps, MenuEvent, ModalBasicTemplate, type ModalBasicTemplateProps, NavigateButton, type NavigateButtonProps, type Notification, NotificationBell, type NotificationBellProps, NotificationItem, type NotificationItemProps, type PeriodPreset, type PeriodRange, PeriodSelector, type PeriodSelectorProps, QrCodeScanButton, type QrCodeScanButtonProps, QrReader, type QrReaderProps, type QuickPresetKey, RateLimitBar, type RateLimitBarProps, type RateLimitEntry, ResponsiveContainer, type ReusableTableColumnConfig, ReusableTableWithModal, type ReusableTableWithModalProps, type Sector, SectorSelector, type SectorSelectorProps, SelectDateModal, type SelectDateModalProps, StatusBadge, type StatusBadgeProps, StatusIndicator, type StatusIndicatorProps, StatusLight, type StatusLightProps, type StatusMeta, StatusPills, type StatusPillsProps, Switch, SwitchOnClick, type SwitchOnClickProps, type SwitchProps, TextWithMore, type TextWithMoreProps, TimerDisplay, type TimerDisplayProps, UnidadeMaterialForm, type UnidadeMaterialFormProps, type UnidadeMaterialValue, UnifiedPeriodSelector, type UnifiedPeriodSelectorProps, UploadArea, type UploadAreaProps, UuidPill, VerticalItemsDisplay, type VerticalItemsDisplayProps };