@aspprev/versi-ds 0.4.9 → 0.5.3

package/dist/core.d.ts

@@ -284,11 +284,11 @@ declare function PageTabsHeader({ title, tabs, activeTab, onTabChange, className
 type OptionalValuePolicy = "hide" | "placeholder";
 
 declare const COLUMN_STYLES: {
-    readonly 1: "grid-cols-1";
-    readonly 2: "grid-cols-1 mobile:grid-cols-2";
-    readonly 3: "grid-cols-1 mobile:grid-cols-2 tablet:grid-cols-3";
-    readonly 4: "grid-cols-1 mobile:grid-cols-2 desktop:grid-cols-4";
-    readonly 6: "grid-cols-1 mobile:grid-cols-2 tablet:grid-cols-3 desktop:grid-cols-6";
+    readonly 1: "versi-info-grid--1";
+    readonly 2: "versi-info-grid--2";
+    readonly 3: "versi-info-grid--3";
+    readonly 4: "versi-info-grid--4";
+    readonly 6: "versi-info-grid--6";
 };
 interface InfoGridProps extends ComponentProps<"dl"> {
     columns?: keyof typeof COLUMN_STYLES;
@@ -314,23 +314,35 @@ interface FilterBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"
 declare function FilterBar({ filters, actions, columns, className, actionClassName, ...rest }: FilterBarProps): React.JSX.Element;
 
 type StatusDomain = "generic" | "beneficiary" | "document" | "loan" | "benefit" | "signature" | "participation" | "claim" | "payment" | "protocol" | "request";
+type StatusBadgeColor = "primary" | "blue" | "green" | "orange" | "yellow" | "red" | "slate" | "black";
+/** @deprecated Use StatusBadgeColor in new status maps. */
 type StatusTone = "info" | "warning" | "success" | "danger" | "neutral";
 type StatusAppearance = "outline" | "soft" | "solid";
-interface ResolvedStatusAppearance {
+interface StatusAppearanceConfig {
+    color: StatusBadgeColor;
+    appearance: StatusAppearance;
+}
+/** Legacy map value accepted so existing consumers can migrate incrementally. */
+interface LegacyStatusAppearanceConfig {
     tone: StatusTone;
     appearance: StatusAppearance;
 }
-/**
- * Map owned by the consuming application. Keys are normalized with
- * `normalizeStatus` before lookup, so accented and differently-cased labels
- * can be used safely by consumers.
- */
-type StatusAppearanceMap = Readonly<Record<string, ResolvedStatusAppearance>>;
+type StatusAppearanceMap = Readonly<Record<string, StatusAppearanceConfig | LegacyStatusAppearanceConfig>>;
 interface StatusResolverOptions {
     map?: StatusAppearanceMap;
-    fallback?: ResolvedStatusAppearance;
+    color?: StatusBadgeColor;
+    tone?: StatusTone;
+    appearance?: StatusAppearance;
+    fallback?: StatusAppearanceConfig;
 }
+type ResolvedStatusAppearance = StatusAppearanceConfig;
 declare const normalizeStatus: (status: unknown) => string;
+/**
+ * Resolves only consumer configuration. Status names intentionally have no
+ * built-in business mapping in the Design System.
+ *
+ * Precedence: statusMap, explicit color, legacy tone, fallback.
+ */
 declare const resolveStatusAppearance: (status: unknown, domain?: StatusDomain, options?: StatusResolverOptions) => ResolvedStatusAppearance;
 
 declare const SIZE_STYLES: {
@@ -339,6 +351,7 @@ declare const SIZE_STYLES: {
 };
 interface StatusBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
     children: ReactNode;
+    color?: StatusBadgeColor;
     tone?: StatusTone;
     appearance?: StatusAppearance;
     size?: keyof typeof SIZE_STYLES;
@@ -346,18 +359,19 @@ interface StatusBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "childr
     /** Adds a non-color status announcement for assistive technology. */
     statusLabel?: string;
 }
-declare function StatusBadge({ children, tone, appearance, size, overflow, statusLabel, className, title, ...rest }: StatusBadgeProps): React.JSX.Element;
-declare const getStatusBadgeClassName: (tone: StatusTone, appearance: StatusAppearance) => string;
+declare function StatusBadge({ children, color, tone, appearance, size, overflow, statusLabel, className, title, ...rest }: StatusBadgeProps): React.JSX.Element;
+declare const getStatusBadgeClassName: (colorOrTone: StatusBadgeColor | StatusTone, appearance: StatusAppearance) => string;
 
-interface DomainStatusBadgeProps extends Omit<ComponentProps<typeof StatusBadge>, "children" | "tone" | "appearance"> {
+interface DomainStatusBadgeProps extends Omit<ComponentProps<typeof StatusBadge>, "children"> {
     status?: string | null;
     domain?: StatusDomain;
     empty?: "hide" | "placeholder";
     placeholder?: string;
     /** Optional consumer-owned map for statuses specific to a product domain. */
     statusMap?: StatusAppearanceMap;
+    fallback?: StatusAppearanceConfig;
 }
-declare function DomainStatusBadge({ status, domain, empty, placeholder, statusMap, ...rest }: DomainStatusBadgeProps): React.JSX.Element | null;
+declare function DomainStatusBadge({ status, domain, empty, placeholder, statusMap, fallback, color, tone, appearance, ...rest }: DomainStatusBadgeProps): React.JSX.Element | null;
 
 interface SkipLinkProps {
     targetId?: string;
@@ -531,4 +545,4 @@ interface UseContainerBreakpointOptions {
 declare function resolveContainerBreakpoint(width: number, breakpoints?: ContainerBreakpointMap): ContainerBreakpoint;
 declare function useContainerBreakpoint<TElement extends HTMLElement = HTMLElement>(ref: RefObject<TElement | null>, options?: UseContainerBreakpointOptions): ContainerBreakpoint;
 
-export { Avatar, type AvatarProps, type BoxProps, type Breakpoint, Button, type ButtonProps, CheckBox, type CheckBoxProps, Checkbox, type CheckboxProps, CircularLoading, type CircularLoadingProps, type ContainerBreakpoint, type ContainerBreakpointMap, Divider, DomainStatusBadge, type DomainStatusBadgeProps, FilterBar, type FilterBarProps, FocusNavigationMode, FormActions, type FormActionsProps, FormErrorNavigation, FormGrid, type FormGridProps, type IFilterControl, type IFilterOption, type IFilterProps, type IHeaderItem, type IMobileCardTableExpandableConfig, type IMobileCardTableHeader, type ITableColumnConfig, type ITableExpandableConfig, type ITablePaginationProps, IconProvider, type IconProviderProps, InfoGrid, type InfoGridProps, InfoItem, type InfoItemProps, InputSlider, type InputSliderProps, LoadingDots, type LoadingDotsProps, MobileCardTable, type MobileCardTableProps, ModalCardView as ModalCard, type ModalCardProps, NoticeView as Notice, type OptionalValuePolicy, PageHeading, type PageHeadingBackAction, type PageHeadingProps, PageState, type PageStateProps, type PageStateVariant, type PageTabItem, PageTabsHeader, type PageTabsHeaderProps, PaginationView as Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, IconProvider as PortalIconProvider, type ResolvedStatusAppearance, SkipLink, type SkipLinkProps, Slider, type SliderProps, type StatusAppearance, type StatusAppearanceMap, StatusBadge, type StatusBadgeProps, type StatusDomain, type StatusResolverOptions, type StatusTone, Surface, type SurfaceProps, Table, type TableDensity, type TableHeaderVariant, type TableOverflowMode, type TableProps, type TableRowVariant, TextGroup, type TextGroupProps, ThemedImage, type ThemedImageProps, Tooltip, type TooltipProps, Typography, Typography as TypographyComponent, type TypographyProps, type TypographySemanticRole, type UseContainerBreakpointOptions, breakpoints, findFirstInvalidField, getBreakpoint, getStatusBadgeClassName, normalizeStatus, resolveContainerBreakpoint, resolveStatusAppearance, useBreakpoint, useContainerBreakpoint };
+export { Avatar, type AvatarProps, type BoxProps, type Breakpoint, Button, type ButtonProps, CheckBox, type CheckBoxProps, Checkbox, type CheckboxProps, CircularLoading, type CircularLoadingProps, type ContainerBreakpoint, type ContainerBreakpointMap, Divider, DomainStatusBadge, type DomainStatusBadgeProps, FilterBar, type FilterBarProps, FocusNavigationMode, FormActions, type FormActionsProps, FormErrorNavigation, FormGrid, type FormGridProps, type IFilterControl, type IFilterOption, type IFilterProps, type IHeaderItem, type IMobileCardTableExpandableConfig, type IMobileCardTableHeader, type ITableColumnConfig, type ITableExpandableConfig, type ITablePaginationProps, IconProvider, type IconProviderProps, InfoGrid, type InfoGridProps, InfoItem, type InfoItemProps, InputSlider, type InputSliderProps, type LegacyStatusAppearanceConfig, LoadingDots, type LoadingDotsProps, MobileCardTable, type MobileCardTableProps, ModalCardView as ModalCard, type ModalCardProps, NoticeView as Notice, type OptionalValuePolicy, PageHeading, type PageHeadingBackAction, type PageHeadingProps, PageState, type PageStateProps, type PageStateVariant, type PageTabItem, PageTabsHeader, type PageTabsHeaderProps, PaginationView as Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, IconProvider as PortalIconProvider, type ResolvedStatusAppearance, SkipLink, type SkipLinkProps, Slider, type SliderProps, type StatusAppearance, type StatusAppearanceConfig, type StatusAppearanceMap, StatusBadge, type StatusBadgeColor, type StatusBadgeProps, type StatusDomain, type StatusResolverOptions, type StatusTone, Surface, type SurfaceProps, Table, type TableDensity, type TableHeaderVariant, type TableOverflowMode, type TableProps, type TableRowVariant, TextGroup, type TextGroupProps, ThemedImage, type ThemedImageProps, Tooltip, type TooltipProps, Typography, Typography as TypographyComponent, type TypographyProps, type TypographySemanticRole, type UseContainerBreakpointOptions, breakpoints, findFirstInvalidField, getBreakpoint, getStatusBadgeClassName, normalizeStatus, resolveContainerBreakpoint, resolveStatusAppearance, useBreakpoint, useContainerBreakpoint };

package/dist/core.js

@@ -39,7 +39,7 @@ import {
   resolveStatusAppearance,
   typography_default,
   useContainerBreakpoint
-} from "./chunk-RMWSF4YF.js";
+} from "./chunk-7GTKG537.js";
 import {
   DocumentItem
 } from "./chunk-2XXVEFFY.js";

package/dist/countries-browser.js

@@ -2,7 +2,7 @@ import {
   COUNTRY_OPTIONS,
   filterCountryOptions,
   getCountryOptions
-} from "./chunk-7IY43S3Y.js";
+} from "./chunk-IS7ACRMB.js";
 
 // src/countries-browser.ts
 var countryFlagUrls = {

package/dist/countries.js

@@ -2,7 +2,7 @@ import {
   COUNTRY_OPTIONS,
   filterCountryOptions,
   getCountryOptions
-} from "./chunk-7IY43S3Y.js";
+} from "./chunk-IS7ACRMB.js";
 
 // src/data/country-flags.json
 var country_flags_default = {

package/dist/forms.d.ts

@@ -116,7 +116,7 @@ type InputPhoneProps = {
     countryList?: CountryListFilter;
     disabled?: boolean;
     className?: string;
-    /** Exibe as bandeiras do país. O padrão é true. */
+    /** Exibe a bandeira no input. A lista de países sempre mantém as bandeiras. Padrão: true. */
     showFlags?: boolean;
 };
 declare function buildPhonePayload(phoneValue: PhoneValue | Partial<PhoneValue> | null | undefined): string;
@@ -210,7 +210,7 @@ type SelectCountryProps = Omit<React__default.ComponentProps<typeof InputSelect>
     options?: SelectCountryOption[];
     /** Use `all` (padrao), `include` ou `exclude` com codigos ISO-2. */
     countryList?: CountryListFilter;
-    /** Exibe as bandeiras dos países. O padrão é true. */
+    /** Exibe a bandeira no campo. A lista de países sempre mantém as bandeiras. Padrão: true. */
     showFlags?: boolean;
 };
 declare function SelectCountry({ options, countryList, searchable, searchPlaceholder, noOptionsText, defaultValue, onChange, className, showFlags, ...props }: SelectCountryProps): React__default.JSX.Element;

package/dist/forms.js

@@ -17,9 +17,9 @@ import {
   buildPhonePayload,
   datePicker_default,
   parsePhonePayload
-} from "./chunk-47GMEVB5.js";
+} from "./chunk-2CPV3WH5.js";
 import "./chunk-MMTKCHRP.js";
-import "./chunk-7IY43S3Y.js";
+import "./chunk-IS7ACRMB.js";
 export {
   CountrySelect,
   datePicker_default as DatePicker,

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { Avatar, AvatarProps, BoxProps, Breakpoint, Button, ButtonProps, CheckBox, CheckBoxProps, Checkbox, CheckboxProps, CircularLoading, CircularLoadingProps, ContainerBreakpoint, ContainerBreakpointMap, Divider, DomainStatusBadge, DomainStatusBadgeProps, FilterBar, FilterBarProps, FocusNavigationMode, FormActions, FormActionsProps, FormErrorNavigation, FormGrid, FormGridProps, IFilterControl, IFilterOption, IFilterProps, IHeaderItem, IMobileCardTableExpandableConfig, IMobileCardTableHeader, ITableColumnConfig, ITableExpandableConfig, ITablePaginationProps, IconProvider, IconProviderProps, InfoGrid, InfoGridProps, InfoItem, InfoItemProps, InputSlider, InputSliderProps, LoadingDots, LoadingDotsProps, MobileCardTable, MobileCardTableProps, ModalCard, ModalCardProps, Notice, OptionalValuePolicy, PageHeading, PageHeadingBackAction, PageHeadingProps, PageState, PageStateProps, PageStateVariant, PageTabItem, PageTabsHeader, PageTabsHeaderProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, IconProvider as PortalIconProvider, ResolvedStatusAppearance, SkipLink, SkipLinkProps, Slider, SliderProps, StatusAppearance, StatusAppearanceMap, StatusBadge, StatusBadgeProps, StatusDomain, StatusResolverOptions, StatusTone, Surface, SurfaceProps, Table, TableDensity, TableHeaderVariant, TableOverflowMode, TableProps, TableRowVariant, TextGroup, TextGroupProps, ThemedImage, ThemedImageProps, Tooltip, TooltipProps, Typography, Typography as TypographyComponent, TypographyProps, TypographySemanticRole, UseContainerBreakpointOptions, breakpoints, findFirstInvalidField, getBreakpoint, getStatusBadgeClassName, normalizeStatus, resolveContainerBreakpoint, resolveStatusAppearance, useBreakpoint, useContainerBreakpoint } from './core.js';
+export { Avatar, AvatarProps, BoxProps, Breakpoint, Button, ButtonProps, CheckBox, CheckBoxProps, Checkbox, CheckboxProps, CircularLoading, CircularLoadingProps, ContainerBreakpoint, ContainerBreakpointMap, Divider, DomainStatusBadge, DomainStatusBadgeProps, FilterBar, FilterBarProps, FocusNavigationMode, FormActions, FormActionsProps, FormErrorNavigation, FormGrid, FormGridProps, IFilterControl, IFilterOption, IFilterProps, IHeaderItem, IMobileCardTableExpandableConfig, IMobileCardTableHeader, ITableColumnConfig, ITableExpandableConfig, ITablePaginationProps, IconProvider, IconProviderProps, InfoGrid, InfoGridProps, InfoItem, InfoItemProps, InputSlider, InputSliderProps, LegacyStatusAppearanceConfig, LoadingDots, LoadingDotsProps, MobileCardTable, MobileCardTableProps, ModalCard, ModalCardProps, Notice, OptionalValuePolicy, PageHeading, PageHeadingBackAction, PageHeadingProps, PageState, PageStateProps, PageStateVariant, PageTabItem, PageTabsHeader, PageTabsHeaderProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, IconProvider as PortalIconProvider, ResolvedStatusAppearance, SkipLink, SkipLinkProps, Slider, SliderProps, StatusAppearance, StatusAppearanceConfig, StatusAppearanceMap, StatusBadge, StatusBadgeColor, StatusBadgeProps, StatusDomain, StatusResolverOptions, StatusTone, Surface, SurfaceProps, Table, TableDensity, TableHeaderVariant, TableOverflowMode, TableProps, TableRowVariant, TextGroup, TextGroupProps, ThemedImage, ThemedImageProps, Tooltip, TooltipProps, Typography, Typography as TypographyComponent, TypographyProps, TypographySemanticRole, UseContainerBreakpointOptions, breakpoints, findFirstInvalidField, getBreakpoint, getStatusBadgeClassName, normalizeStatus, resolveContainerBreakpoint, resolveStatusAppearance, useBreakpoint, useContainerBreakpoint } from './core.js';
 export { AccessibilityColorScheme, AccessibilityFontScale, AccessibilityHighContrastTheme, AccessibilityPreferences, AccessibilityPreferencesPanel, AccessibilityPreferencesPanelProps, ContrastPreference, ContrastPreferenceProps, DEFAULT_ACCESSIBILITY_PREFERENCES, FontSizePreference, FontSizePreferenceProps, HighContrastToggle, HighContrastToggleProps, InputSwitch, InputSwitchProps, Modal, ModalProps, ReadingPreferences, ReadingPreferencesProps, ThemePreference, ThemePreferenceProps } from './overlays.js';
 export { CountrySelect, CountrySelectOption, CountrySelectProps, DatePicker, DatePickerNavigationVariant, DatePickerProps, DatePickerSelectionMode, Datepicker, DatepickerNavigationVariant, DatepickerProps, Input, InputFormatter, InputMask, InputPhone, InputPhoneCountryOption, InputPhoneProps, InputPhoneValue, InputProps, InputSelect, InputSelectOption, InputSelectProps, InputStandalone, InputStandaloneProps, MultiSelect, MultiSelectOption, MultiSelectProps, MultiSelectViewProps, OtpCodeInput, OtpCodeInputHandle, OtpCodeInputMask, OtpCodeInputProps, PhoneCountryOption, PhoneInput, PhoneInputProps, PhoneValue, RadioCardGroup, RadioCardGroupProps, RadioCardOption, RadioGroup, RadioGroupProps, SelectCountry, SelectCountryOption, SelectCountryProps, SelectMulti, SelectMultiOption, SelectMultiProps, SelectMultiViewProps, TextArea, TextAreaProps, buildPhonePayload, parsePhonePayload } from './forms.js';
 export { BoletoBarCode, BoletoBarCodeProps, FileDropzone, FileDropzoneProps, FileList, FileListProps, FileRejection, FileRejectionContext, FileUploadItem, FileUploadItemStatus, FileUploadProgress, FileUploadProgressProps, FileUploadProgressStatus, FileValidationMessage, FileValidationOptions, FileValidationReason, FileValidationResult, FileViewer, FileViewerProps, FileViewerSource, FileViewerSourceInput, QRCode, QRCodeErrorCorrectionLevel, QRCodeProps, validateFiles } from './documents.js';

package/dist/index.js

@@ -53,7 +53,7 @@ import {
   resolveStatusAppearance,
   typography_default,
   useContainerBreakpoint
-} from "./chunk-RMWSF4YF.js";
+} from "./chunk-7GTKG537.js";
 import {
   BoletoBarCode,
   FileDropzone_default,
@@ -84,14 +84,14 @@ import {
   buildPhonePayload,
   datePicker_default,
   parsePhonePayload
-} from "./chunk-47GMEVB5.js";
+} from "./chunk-2CPV3WH5.js";
 import {
   Tooltip_default,
   breakpoints,
   getBreakpoint,
   useBreakpoint
 } from "./chunk-MMTKCHRP.js";
-import "./chunk-7IY43S3Y.js";
+import "./chunk-IS7ACRMB.js";
 import {
   AccessibilityPreferencesPanel,
   ContrastPreference,

package/dist/manifest.json

@@ -1,17 +1,17 @@
 {
   "name": "@aspprev/versi-ds",
-  "version": "0.4.9",
+  "version": "0.5.3",
   "files": [
     "DocumentItem-BU0J2QGP.d.ts",
     "charts.d.ts",
     "charts.js",
+    "chunk-2CPV3WH5.js",
     "chunk-2XXVEFFY.js",
-    "chunk-47GMEVB5.js",
-    "chunk-7IY43S3Y.js",
+    "chunk-7GTKG537.js",
     "chunk-CVTBM4I6.js",
     "chunk-HKCVDOGK.js",
+    "chunk-IS7ACRMB.js",
     "chunk-MMTKCHRP.js",
-    "chunk-RMWSF4YF.js",
     "chunk-ZPY72ILO.js",
     "core.d.ts",
     "core.js",