@aspprev/versi-ds 0.1.1 → 0.3.0

package/dist/core.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { ReactNode, ImgHTMLAttributes, HTMLAttributes, ComponentType, ComponentProps } from 'react';
+import React__default, { ReactNode, ImgHTMLAttributes, HTMLAttributes, ComponentType, ComponentProps, RefObject } from 'react';
 import { IconBaseProps } from 'react-icons';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -21,7 +21,7 @@ declare const Button: React__default.FC<ButtonProps>;
 
 declare const textVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | "link" | "disabled" | null | undefined;
-    size?: "md" | "sm" | "xs" | "lg" | "xl" | "2xl" | "title1" | "title2" | "title3" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "title1" | "title2" | "title3" | null | undefined;
     weight?: "bold" | "medium" | "thin" | "extralight" | "light" | "normal" | "semibold" | "extrabold" | "black" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TypographySemanticRole = "page-title" | "section-title" | "body" | "label" | "caption" | "helper";
@@ -298,13 +298,25 @@ 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";
+type StatusDomain = "generic" | "beneficiary" | "document" | "loan" | "benefit" | "signature" | "participation" | "claim" | "payment" | "protocol" | "request";
 type StatusTone = "info" | "warning" | "success" | "danger" | "neutral";
 type StatusAppearance = "outline" | "soft" | "solid";
 interface ResolvedStatusAppearance {
     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>>;
+interface StatusResolverOptions {
+    map?: StatusAppearanceMap;
+    fallback?: ResolvedStatusAppearance;
+}
+declare const normalizeStatus: (status: unknown) => string;
+declare const resolveStatusAppearance: (status: unknown, domain?: StatusDomain, options?: StatusResolverOptions) => ResolvedStatusAppearance;
 
 declare const SIZE_STYLES: {
     readonly sm: "min-h-5 px-1 py-0.5 text-xs";
@@ -316,8 +328,10 @@ interface StatusBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "childr
     appearance?: StatusAppearance;
     size?: keyof typeof SIZE_STYLES;
     overflow?: "wrap" | "truncate";
+    /** Adds a non-color status announcement for assistive technology. */
+    statusLabel?: string;
 }
-declare function StatusBadge({ children, tone, appearance, size, overflow, className, title, ...rest }: StatusBadgeProps): React.JSX.Element;
+declare function StatusBadge({ children, tone, appearance, size, overflow, statusLabel, className, title, ...rest }: StatusBadgeProps): React.JSX.Element;
 declare const getStatusBadgeClassName: (tone: StatusTone, appearance: StatusAppearance) => string;
 
 interface DomainStatusBadgeProps extends Omit<ComponentProps<typeof StatusBadge>, "children" | "tone" | "appearance"> {
@@ -325,8 +339,10 @@ interface DomainStatusBadgeProps extends Omit<ComponentProps<typeof StatusBadge>
     domain?: StatusDomain;
     empty?: "hide" | "placeholder";
     placeholder?: string;
+    /** Optional consumer-owned map for statuses specific to a product domain. */
+    statusMap?: StatusAppearanceMap;
 }
-declare function DomainStatusBadge({ status, domain, empty, placeholder, ...rest }: DomainStatusBadgeProps): React.JSX.Element | null;
+declare function DomainStatusBadge({ status, domain, empty, placeholder, statusMap, ...rest }: DomainStatusBadgeProps): React.JSX.Element | null;
 
 interface SkipLinkProps {
     targetId?: string;
@@ -353,6 +369,12 @@ interface IFilterControl {
     placeholder?: string;
 }
 interface IFilterProps {
+    /** Stable id used to associate the popup with its trigger. */
+    id?: string;
+    /** Accessible name for the filter popup. */
+    accessibleName?: string;
+    /** Unique radio group prefix when multiple filters are rendered together. */
+    groupName?: string;
     optionList?: IFilterOption[];
     optionChecked?: string;
     onChange?: (value: string) => void;
@@ -425,6 +447,7 @@ interface TableProps<TData = unknown> extends React__default.HTMLAttributes<HTML
     data?: TData[];
     itemsPerPage?: number;
     emptyMessage?: string;
+    errorMessage?: ReactNode;
     totalWidthUnits?: number;
     showRowDivider?: boolean;
     enableRowHover?: boolean;
@@ -468,4 +491,22 @@ interface MobileCardTableProps<TData> {
 }
 declare function MobileCardTable<TData>({ headers, accessibleName, data, renderCard, keyExtractor, itemsPerPage, emptyMessage, wrapperClassName, headerClassName, emptyClassName, showPagination, expandable, }: MobileCardTableProps<TData>): React.JSX.Element;
 
-export { Avatar, type AvatarProps, type BoxProps, Button, type ButtonProps, CheckBox, type CheckBoxProps, Checkbox, type CheckboxProps, CircularLoading, type CircularLoadingProps, 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, MobileCardTable, type MobileCardTableProps, ModalCardView as ModalCard, type ModalCardProps, NoticeView as Notice, type OptionalValuePolicy, PageHeading, type PageHeadingBackAction, type PageHeadingProps, PageState, type PageTabItem, PageTabsHeader, PaginationView as Pagination, type PaginationProps, IconProvider as PortalIconProvider, type ResolvedStatusAppearance, SkipLink, type SkipLinkProps, Slider, type SliderProps, type StatusAppearance, StatusBadge, type StatusBadgeProps, type StatusDomain, 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, findFirstInvalidField, getStatusBadgeClassName };
+declare const breakpoints: {
+    mobile: number;
+    tablet: number;
+    desktop: number;
+    tv: number;
+};
+type Breakpoint = keyof typeof breakpoints;
+declare function getBreakpoint(width: number): Breakpoint;
+declare const useBreakpoint: () => Breakpoint;
+
+type ContainerBreakpointMap = Record<string, number>;
+type ContainerBreakpoint = string | undefined;
+interface UseContainerBreakpointOptions {
+    breakpoints?: ContainerBreakpointMap;
+}
+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, MobileCardTable, type MobileCardTableProps, ModalCardView as ModalCard, type ModalCardProps, NoticeView as Notice, type OptionalValuePolicy, PageHeading, type PageHeadingBackAction, type PageHeadingProps, PageState, type PageTabItem, PageTabsHeader, PaginationView as Pagination, type PaginationProps, 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 };

package/dist/core.js

@@ -34,14 +34,21 @@ import {
   Typography,
   findFirstInvalidField,
   getStatusBadgeClassName,
-  typography_default
-} from "./chunk-L5UMGEXV.js";
+  normalizeStatus,
+  resolveContainerBreakpoint,
+  resolveStatusAppearance,
+  typography_default,
+  useContainerBreakpoint
+} from "./chunk-EPV6UNUQ.js";
 import {
   DocumentItem
 } from "./chunk-ATWH3MA6.js";
 import {
-  Tooltip_default
-} from "./chunk-CSQXTG32.js";
+  Tooltip_default,
+  breakpoints,
+  getBreakpoint,
+  useBreakpoint
+} from "./chunk-FTRF27XF.js";
 import "./chunk-2NMEKWO5.js";
 export {
   Avatar_default as Avatar,
@@ -80,7 +87,14 @@ export {
   Tooltip_default as Tooltip,
   typography_default as Typography,
   Typography as TypographyComponent,
+  breakpoints,
   findFirstInvalidField,
-  getStatusBadgeClassName
+  getBreakpoint,
+  getStatusBadgeClassName,
+  normalizeStatus,
+  resolveContainerBreakpoint,
+  resolveStatusAppearance,
+  useBreakpoint,
+  useContainerBreakpoint
 };
 //# sourceMappingURL=core.js.map

package/dist/documents.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
 export { D as DocumentItem, a as DocumentItemDetail, b as DocumentItemProps } from './DocumentItem-BU0J2QGP.js';
 
 interface BoletoBarCodeProps {
@@ -6,4 +7,104 @@ interface BoletoBarCodeProps {
 }
 declare function BoletoBarCode({ linhaDigitavel }: BoletoBarCodeProps): React.JSX.Element;
 
-export { BoletoBarCode, type BoletoBarCodeProps };
+type FileValidationReason = "type" | "size" | "count";
+interface FileRejection {
+    file: File;
+    reason: FileValidationReason;
+    message: string;
+}
+interface FileValidationOptions {
+    accept?: string;
+    multiple?: boolean;
+    maxFiles?: number;
+    maxSize?: number;
+}
+interface FileValidationResult {
+    accepted: File[];
+    rejected: FileRejection[];
+}
+declare function validateFiles(files: readonly File[] | FileList, options?: FileValidationOptions): FileValidationResult;
+
+interface FileDropzoneProps {
+    accept?: string;
+    multiple?: boolean;
+    maxFiles?: number;
+    maxSize?: number;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    required?: boolean;
+    label?: ReactNode;
+    hint?: ReactNode;
+    error?: ReactNode;
+    className?: string;
+    onFilesAccepted?: (files: File[]) => void;
+    onFilesRejected?: (rejections: FileRejection[]) => void;
+}
+declare function FileDropzone({ accept, multiple, maxFiles, maxSize, disabled, id, name, required, label, hint, error, className, onFilesAccepted, onFilesRejected, }: FileDropzoneProps): React.JSX.Element;
+
+type FileUploadProgressStatus = "idle" | "uploading" | "success" | "error";
+interface FileUploadProgressProps {
+    value?: number | null;
+    label?: string;
+    status?: FileUploadProgressStatus;
+    showValue?: boolean;
+    className?: string;
+}
+declare function FileUploadProgress({ value, label, status, showValue, className, }: FileUploadProgressProps): React.JSX.Element;
+
+type FileUploadItemStatus = FileUploadProgressStatus | "pending";
+interface FileUploadItem {
+    id?: string;
+    file: File;
+    progress?: number | null;
+    status?: FileUploadItemStatus;
+    error?: string;
+}
+interface FileListProps {
+    files: FileUploadItem[];
+    accessibleName?: string;
+    onRemove?: (item: FileUploadItem, index: number) => void;
+    onRetry?: (item: FileUploadItem, index: number) => void;
+    className?: string;
+}
+declare function FileList$1({ files, accessibleName, onRemove, onRetry, className }: FileListProps): React.JSX.Element;
+
+type FileViewerSource = string | Blob | {
+    url?: string;
+    blob?: Blob;
+    contentType?: string;
+    fileName?: string;
+};
+interface FileViewerProps {
+    source?: FileViewerSource;
+    fileName?: string;
+    contentType?: string;
+    loading?: boolean;
+    error?: ReactNode;
+    onLoad?: () => void;
+    onError?: (error: Error) => void;
+    onDownload?: () => void;
+    fallback?: ReactNode;
+    title?: string;
+    className?: string;
+}
+declare function FileViewer({ source, fileName, contentType, loading, error, onLoad, onError, onDownload, fallback, title, className, }: FileViewerProps): React.JSX.Element;
+
+type QRCodeErrorCorrectionLevel = "L" | "M" | "Q" | "H";
+interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, "color" | "onError"> {
+    value: string;
+    size?: number;
+    level?: QRCodeErrorCorrectionLevel;
+    includeMargin?: boolean;
+    fgColor?: string;
+    bgColor?: string;
+    ariaLabel?: string;
+    description?: string;
+    loading?: boolean;
+    error?: ReactNode;
+    onError?: (error: Error) => void;
+}
+declare function QRCode({ value, size, level, includeMargin, fgColor, bgColor, ariaLabel, description, loading, error, onError, className, ...rest }: QRCodeProps): React.JSX.Element;
+
+export { BoletoBarCode, type BoletoBarCodeProps, FileDropzone, type FileDropzoneProps, FileList$1 as FileList, type FileListProps, type FileRejection, type FileUploadItem, type FileUploadItemStatus, FileUploadProgress, type FileUploadProgressProps, type FileUploadProgressStatus, type FileValidationOptions, type FileValidationReason, type FileValidationResult, FileViewer, type FileViewerProps, type FileViewerSource, QRCode, type QRCodeErrorCorrectionLevel, type QRCodeProps, validateFiles };

package/dist/documents.js

@@ -1,13 +1,25 @@
 "use client";
 import {
-  BoletoBarCode
-} from "./chunk-TESAXMCF.js";
+  BoletoBarCode,
+  FileDropzone_default,
+  FileList_default,
+  FileUploadProgress_default,
+  FileViewer_default,
+  QRCode_default,
+  validateFiles
+} from "./chunk-7JI5637G.js";
 import {
   DocumentItem
 } from "./chunk-ATWH3MA6.js";
 import "./chunk-2NMEKWO5.js";
 export {
   BoletoBarCode,
-  DocumentItem
+  DocumentItem,
+  FileDropzone_default as FileDropzone,
+  FileList_default as FileList,
+  FileUploadProgress_default as FileUploadProgress,
+  FileViewer_default as FileViewer,
+  QRCode_default as QRCode,
+  validateFiles
 };
 //# sourceMappingURL=documents.js.map

package/dist/forms.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { InputHTMLAttributes, ReactNode, ChangeEvent } from 'react';
+import React__default, { InputHTMLAttributes, ReactNode, ChangeEvent, ClipboardEvent } from 'react';
 import { IconBaseProps } from 'react-icons';
 import { CountryListFilter } from './countries.js';
 export { CountryListMode } from './countries.js';
@@ -124,6 +124,7 @@ type PhoneInputProps = InputPhoneProps;
 
 type ViewMode = "days" | "months" | "years";
 type DatePickerNavigationVariant = "drilldown" | "dropdown";
+type DatePickerSelectionMode = "day" | "month" | "year";
 interface UnifiedDatePickerProps {
     value?: Date | string | null;
     label?: string;
@@ -132,6 +133,7 @@ interface UnifiedDatePickerProps {
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
+    /** @deprecated Use `disabled`. Kept as a compatibility alias. */
     isDisabled?: boolean;
     disabled?: boolean;
     name?: string;
@@ -140,7 +142,10 @@ interface UnifiedDatePickerProps {
     helperText?: string | React__default.ReactNode;
     defaultView?: ViewMode;
     navigationVariant?: DatePickerNavigationVariant;
+    selectionMode?: DatePickerSelectionMode;
     showAdjacentDays?: boolean;
+    /** Accessible name used when no visible label is provided. */
+    ariaLabel?: string;
     className?: string;
 }
 
@@ -239,4 +244,26 @@ type RadioCardGroupProps = {
 };
 declare function RadioCardGroup({ name, label, options, value, defaultValue, onChange, error, touched, className, optionClassName, columnsClassName, disabled, }: RadioCardGroupProps): React$1.JSX.Element;
 
-export { CountryListFilter, CountrySelect, type CountrySelectOption, type CountrySelectProps, DatePicker, type DatePickerNavigationVariant, type UnifiedDatePickerProps as DatePickerProps, Datepicker, type DatepickerNavigationVariant, type DatepickerProps, Input, InputPhone, type InputPhoneCountryOption, type InputPhoneProps, type InputPhoneValue, type InputProps, InputSelect, type InputSelectOption, type InputSelectProps, InputStandalone, type InputStandaloneProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, type MultiSelectViewProps, type PhoneCountryOption, PhoneInput, type PhoneInputProps, type PhoneValue, RadioCardGroup, type RadioCardGroupProps, type RadioCardOption, RadioGroup, type RadioGroupProps, SelectCountry, type SelectCountryOption, type SelectCountryProps, SelectMulti, type SelectMultiOption, type SelectMultiProps, type SelectMultiViewProps, TextArea, type TextAreaProps, buildPhonePayload, parsePhonePayload };
+type OtpCodeInputMask = "numeric" | "alphanumeric" | RegExp | ((value: string) => string);
+interface OtpCodeInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "size"> {
+    length?: number;
+    value?: string;
+    values?: string[];
+    onChange?: (value: string, values: string[]) => void;
+    onComplete?: (value: string) => void;
+    onPaste?: (event: ClipboardEvent<HTMLInputElement>) => void;
+    autoFocus?: boolean;
+    error?: boolean;
+    errorText?: string;
+    helperText?: string;
+    label?: string;
+    inputMode?: InputHTMLAttributes<HTMLInputElement>["inputMode"];
+    mask?: OtpCodeInputMask;
+}
+interface OtpCodeInputHandle {
+    focus: (index?: number) => void;
+    clear: () => void;
+}
+declare const OtpCodeInput: React$1.ForwardRefExoticComponent<OtpCodeInputProps & React$1.RefAttributes<OtpCodeInputHandle>>;
+
+export { CountryListFilter, CountrySelect, type CountrySelectOption, type CountrySelectProps, DatePicker, type DatePickerNavigationVariant, type UnifiedDatePickerProps as DatePickerProps, type DatePickerSelectionMode, Datepicker, type DatepickerNavigationVariant, type DatepickerProps, Input, InputPhone, type InputPhoneCountryOption, type InputPhoneProps, type InputPhoneValue, type InputProps, InputSelect, type InputSelectOption, type InputSelectProps, InputStandalone, type InputStandaloneProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, type MultiSelectViewProps, OtpCodeInput, type OtpCodeInputHandle, type OtpCodeInputMask, type OtpCodeInputProps, type PhoneCountryOption, PhoneInput, type PhoneInputProps, type PhoneValue, RadioCardGroup, type RadioCardGroupProps, type RadioCardOption, RadioGroup, type RadioGroupProps, SelectCountry, type SelectCountryOption, type SelectCountryProps, SelectMulti, type SelectMultiOption, type SelectMultiProps, type SelectMultiViewProps, TextArea, type TextAreaProps, buildPhonePayload, parsePhonePayload };

package/dist/forms.js

@@ -7,6 +7,7 @@ import {
   InputStandalone,
   Input_default,
   MultiSelect,
+  OtpCodeInput_default,
   PhoneInput,
   RadioCardGroup,
   RadioGroup,
@@ -16,8 +17,8 @@ import {
   buildPhonePayload,
   datePicker_default,
   parsePhonePayload
-} from "./chunk-5VJ6H62W.js";
-import "./chunk-CSQXTG32.js";
+} from "./chunk-OQECJKGA.js";
+import "./chunk-FTRF27XF.js";
 import "./chunk-YCW3REQK.js";
 import "./chunk-2NMEKWO5.js";
 export {
@@ -29,6 +30,7 @@ export {
   InputSelect_default as InputSelect,
   InputStandalone,
   MultiSelect,
+  OtpCodeInput_default as OtpCodeInput,
   PhoneInput,
   RadioCardGroup,
   RadioGroup,

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export { Avatar, AvatarProps, BoxProps, Button, ButtonProps, CheckBox, CheckBoxProps, Checkbox, CheckboxProps, CircularLoading, CircularLoadingProps, 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, MobileCardTable, MobileCardTableProps, ModalCard, ModalCardProps, Notice, OptionalValuePolicy, PageHeading, PageHeadingBackAction, PageHeadingProps, PageState, PageTabItem, PageTabsHeader, Pagination, PaginationProps, IconProvider as PortalIconProvider, ResolvedStatusAppearance, SkipLink, SkipLinkProps, Slider, SliderProps, StatusAppearance, StatusBadge, StatusBadgeProps, StatusDomain, StatusTone, Surface, SurfaceProps, Table, TableDensity, TableHeaderVariant, TableOverflowMode, TableProps, TableRowVariant, TextGroup, TextGroupProps, ThemedImage, ThemedImageProps, Tooltip, TooltipProps, Typography, Typography as TypographyComponent, TypographyProps, TypographySemanticRole, findFirstInvalidField, getStatusBadgeClassName } from './core.js';
-export { AccessibilityColorScheme, AccessibilityFontScale, AccessibilityHighContrastTheme, AccessibilityPreferences, AccessibilityPreferencesPanel, AccessibilityPreferencesPanelProps, DEFAULT_ACCESSIBILITY_PREFERENCES, HighContrastToggle, HighContrastToggleProps, InputSwitch, InputSwitchProps, Modal, ModalProps } from './overlays.js';
-export { CountrySelect, CountrySelectOption, CountrySelectProps, DatePicker, DatePickerNavigationVariant, DatePickerProps, Datepicker, DatepickerNavigationVariant, DatepickerProps, Input, InputPhone, InputPhoneCountryOption, InputPhoneProps, InputPhoneValue, InputProps, InputSelect, InputSelectOption, InputSelectProps, InputStandalone, InputStandaloneProps, MultiSelect, MultiSelectOption, MultiSelectProps, MultiSelectViewProps, 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 } from './documents.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, LoadingDots, MobileCardTable, MobileCardTableProps, ModalCard, ModalCardProps, Notice, OptionalValuePolicy, PageHeading, PageHeadingBackAction, PageHeadingProps, PageState, PageTabItem, PageTabsHeader, Pagination, PaginationProps, 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 { 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, 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, FileUploadItem, FileUploadItemStatus, FileUploadProgress, FileUploadProgressProps, FileUploadProgressStatus, FileValidationOptions, FileValidationReason, FileValidationResult, FileViewer, FileViewerProps, FileViewerSource, QRCode, QRCodeErrorCorrectionLevel, QRCodeProps, validateFiles } from './documents.js';
 export { D as DocumentItem, a as DocumentItemDetail, b as DocumentItemProps } from './DocumentItem-BU0J2QGP.js';
 export { CountryListFilter, CountryListMode } from './countries.js';
 export { ApexChartProps, InteractiveDonutChart, InteractiveDonutOptions, InteractiveDonutProps, LazyApexChart, TimeRangeSelector, TimeRangeSelectorProps, TimeSeriesChart, TimeSeriesChartOptions, TimeSeriesChartProps, TimeSeriesTooltipRow, buildTimeSeriesTooltip, escapeDonutTooltipText, escapeTimeSeriesTooltipText, getChartSeriesRecord, getChartTheme, normalizeTimeSeriesTooltipColor, resolveInteractiveDonutColors, resolveRelativeDonutSelection } from './charts.js';

package/dist/index.js

@@ -48,11 +48,21 @@ import {
   Typography,
   findFirstInvalidField,
   getStatusBadgeClassName,
-  typography_default
-} from "./chunk-L5UMGEXV.js";
+  normalizeStatus,
+  resolveContainerBreakpoint,
+  resolveStatusAppearance,
+  typography_default,
+  useContainerBreakpoint
+} from "./chunk-EPV6UNUQ.js";
 import {
-  BoletoBarCode
-} from "./chunk-TESAXMCF.js";
+  BoletoBarCode,
+  FileDropzone_default,
+  FileList_default,
+  FileUploadProgress_default,
+  FileViewer_default,
+  QRCode_default,
+  validateFiles
+} from "./chunk-7JI5637G.js";
 import {
   DocumentItem
 } from "./chunk-ATWH3MA6.js";
@@ -64,6 +74,7 @@ import {
   InputStandalone,
   Input_default,
   MultiSelect,
+  OtpCodeInput_default,
   PhoneInput,
   RadioCardGroup,
   RadioGroup,
@@ -73,18 +84,25 @@ import {
   buildPhonePayload,
   datePicker_default,
   parsePhonePayload
-} from "./chunk-5VJ6H62W.js";
+} from "./chunk-OQECJKGA.js";
 import {
-  Tooltip_default
-} from "./chunk-CSQXTG32.js";
+  Tooltip_default,
+  breakpoints,
+  getBreakpoint,
+  useBreakpoint
+} from "./chunk-FTRF27XF.js";
 import "./chunk-YCW3REQK.js";
 import {
   AccessibilityPreferencesPanel,
+  ContrastPreference,
   DEFAULT_ACCESSIBILITY_PREFERENCES,
+  FontSizePreference,
   HighContrastToggle,
   InputSwitch_default,
-  Modal_default
-} from "./chunk-JSPXVXUY.js";
+  Modal_default,
+  ReadingPreferences,
+  ThemePreference
+} from "./chunk-DO5C67KS.js";
 import "./chunk-2NMEKWO5.js";
 export {
   AccessibilityPreferencesPanel,
@@ -94,6 +112,7 @@ export {
   CheckBox,
   Checkbox,
   CircularLoading,
+  ContrastPreference,
   CountrySelect,
   DEFAULT_ACCESSIBILITY_PREFERENCES,
   datePicker_default as DatePicker,
@@ -101,8 +120,13 @@ export {
   Divider_default as Divider,
   DocumentItem,
   DomainStatusBadge,
+  FileDropzone_default as FileDropzone,
+  FileList_default as FileList,
+  FileUploadProgress_default as FileUploadProgress,
+  FileViewer_default as FileViewer,
   FilterBar,
   FocusNavigationMode,
+  FontSizePreference,
   FormActions,
   FormErrorNavigation,
   FormGrid,
@@ -124,14 +148,17 @@ export {
   ModalCardView_default as ModalCard,
   MultiSelect,
   NoticeView_default as Notice,
+  OtpCodeInput_default as OtpCodeInput,
   PageHeading,
   PageState,
   PageTabsHeader,
   PaginationView_default as Pagination,
   PhoneInput,
   IconProvider as PortalIconProvider,
+  QRCode_default as QRCode,
   RadioCardGroup,
   RadioGroup,
+  ReadingPreferences,
   SelectCountry_default as SelectCountry,
   SelectMulti_default as SelectMulti,
   SkipLink,
@@ -141,23 +168,32 @@ export {
   Table_default as Table,
   TextArea_default as TextArea,
   TextGroup,
+  ThemePreference,
   ThemedImage,
   TimeRangeSelector,
   TimeSeriesChart,
   Tooltip_default as Tooltip,
   typography_default as Typography,
   Typography as TypographyComponent,
+  breakpoints,
   buildPhonePayload,
   buildTimeSeriesTooltip,
   escapeDonutTooltipText,
   escapeTimeSeriesTooltipText,
   findFirstInvalidField,
+  getBreakpoint,
   getChartSeriesRecord,
   getChartTheme,
   getStatusBadgeClassName,
+  normalizeStatus,
   normalizeTimeSeriesTooltipColor,
   parsePhonePayload,
+  resolveContainerBreakpoint,
   resolveInteractiveDonutColors,
-  resolveRelativeDonutSelection
+  resolveRelativeDonutSelection,
+  resolveStatusAppearance,
+  useBreakpoint,
+  useContainerBreakpoint,
+  validateFiles
 };
 //# sourceMappingURL=index.js.map

package/dist/manifest.json

@@ -1,17 +1,17 @@
 {
   "name": "@aspprev/versi-ds",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "files": [
     "DocumentItem-BU0J2QGP.d.ts",
     "charts.d.ts",
     "charts.js",
     "chunk-2NMEKWO5.js",
-    "chunk-5VJ6H62W.js",
+    "chunk-7JI5637G.js",
     "chunk-ATWH3MA6.js",
-    "chunk-CSQXTG32.js",
-    "chunk-JSPXVXUY.js",
-    "chunk-L5UMGEXV.js",
-    "chunk-TESAXMCF.js",
+    "chunk-DO5C67KS.js",
+    "chunk-EPV6UNUQ.js",
+    "chunk-FTRF27XF.js",
+    "chunk-OQECJKGA.js",
     "chunk-V66QL3TD.js",
     "chunk-YCW3REQK.js",
     "core.d.ts",

package/dist/overlays.d.ts

@@ -52,6 +52,7 @@ interface AccessibilityPreferences {
     underlineLinks: boolean;
 }
 declare const DEFAULT_ACCESSIBILITY_PREFERENCES: AccessibilityPreferences;
+
 type AccessibilityPreferencesPanelProps = {
     preferences: AccessibilityPreferences;
     onPreferencesChange: (changes: Partial<AccessibilityPreferences>) => void;
@@ -64,6 +65,34 @@ type AccessibilityPreferencesPanelProps = {
 };
 declare function AccessibilityPreferencesPanel({ preferences, onPreferencesChange, onReset, isOpen: controlledOpen, onOpenChange, showTrigger, triggerLabel, className, }: AccessibilityPreferencesPanelProps): React.JSX.Element;
 
+type ContrastPreferenceProps = {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    className?: string;
+};
+declare function ContrastPreference({ checked, onChange, className, }: ContrastPreferenceProps): React.JSX.Element;
+
+type FontSizePreferenceProps = {
+    value: AccessibilityFontScale;
+    onChange: (value: AccessibilityFontScale) => void;
+    className?: string;
+};
+declare function FontSizePreference({ value, onChange, className, }: FontSizePreferenceProps): React.JSX.Element;
+
+type ReadingPreferenceKey = "reduceMotion" | "emphasizeFocus" | "underlineLinks";
+type ReadingPreferencesProps = Pick<AccessibilityPreferences, ReadingPreferenceKey> & {
+    onChange: (changes: Partial<Pick<AccessibilityPreferences, ReadingPreferenceKey>>) => void;
+    className?: string;
+};
+declare function ReadingPreferences({ reduceMotion, emphasizeFocus, underlineLinks, onChange, className, }: ReadingPreferencesProps): React.JSX.Element;
+
+type ThemePreferenceProps = {
+    value: AccessibilityColorScheme;
+    onChange: (value: AccessibilityColorScheme) => void;
+    className?: string;
+};
+declare function ThemePreference({ value, onChange, className, }: ThemePreferenceProps): React.JSX.Element;
+
 interface HighContrastToggleProps {
     checked: boolean;
     onChange: (checked: boolean) => void;
@@ -72,4 +101,4 @@ interface HighContrastToggleProps {
 }
 declare function HighContrastToggle({ checked, onChange, label, className, }: HighContrastToggleProps): React.JSX.Element;
 
-export { type AccessibilityColorScheme, type AccessibilityFontScale, type AccessibilityHighContrastTheme, type AccessibilityPreferences, AccessibilityPreferencesPanel, type AccessibilityPreferencesPanelProps, DEFAULT_ACCESSIBILITY_PREFERENCES, HighContrastToggle, type HighContrastToggleProps, InputSwitch, type InputSwitchProps, Modal, type ModalProps };
+export { type AccessibilityColorScheme, type AccessibilityFontScale, type AccessibilityHighContrastTheme, type AccessibilityPreferences, AccessibilityPreferencesPanel, type AccessibilityPreferencesPanelProps, ContrastPreference, type ContrastPreferenceProps, DEFAULT_ACCESSIBILITY_PREFERENCES, FontSizePreference, type FontSizePreferenceProps, HighContrastToggle, type HighContrastToggleProps, InputSwitch, type InputSwitchProps, Modal, type ModalProps, ReadingPreferences, type ReadingPreferencesProps, ThemePreference, type ThemePreferenceProps };

package/dist/overlays.js

@@ -1,17 +1,25 @@
 "use client";
 import {
   AccessibilityPreferencesPanel,
+  ContrastPreference,
   DEFAULT_ACCESSIBILITY_PREFERENCES,
+  FontSizePreference,
   HighContrastToggle,
   InputSwitch_default,
-  Modal_default
-} from "./chunk-JSPXVXUY.js";
+  Modal_default,
+  ReadingPreferences,
+  ThemePreference
+} from "./chunk-DO5C67KS.js";
 import "./chunk-2NMEKWO5.js";
 export {
   AccessibilityPreferencesPanel,
+  ContrastPreference,
   DEFAULT_ACCESSIBILITY_PREFERENCES,
+  FontSizePreference,
   HighContrastToggle,
   InputSwitch_default as InputSwitch,
-  Modal_default as Modal
+  Modal_default as Modal,
+  ReadingPreferences,
+  ThemePreference
 };
 //# sourceMappingURL=overlays.js.map