@aspprev/versi-ds 0.1.1 → 0.2.0

package/dist/core.js

@@ -34,14 +34,17 @@ import {
   Typography,
   findFirstInvalidField,
   getStatusBadgeClassName,
-  typography_default
-} from "./chunk-L5UMGEXV.js";
+  typography_default,
+  useContainerBreakpoint
+} from "./chunk-PIXRKI25.js";
 import {
   DocumentItem
 } from "./chunk-ATWH3MA6.js";
 import {
-  Tooltip_default
-} from "./chunk-CSQXTG32.js";
+  Tooltip_default,
+  breakpoints,
+  useBreakpoint
+} from "./chunk-ET2BGHTO.js";
 import "./chunk-2NMEKWO5.js";
 export {
   Avatar_default as Avatar,
@@ -80,7 +83,10 @@ export {
   Tooltip_default as Tooltip,
   typography_default as Typography,
   Typography as TypographyComponent,
+  breakpoints,
   findFirstInvalidField,
-  getStatusBadgeClassName
+  getStatusBadgeClassName,
+  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,83 @@ interface BoletoBarCodeProps {
 }
 declare function BoletoBarCode({ linhaDigitavel }: BoletoBarCodeProps): React.JSX.Element;
 
-export { BoletoBarCode, type BoletoBarCodeProps };
+interface FileRejection {
+    file: File;
+    reason: "type" | "size" | "count";
+    message: string;
+}
+interface FileDropzoneProps {
+    accept?: string;
+    multiple?: boolean;
+    maxFiles?: number;
+    maxSize?: number;
+    disabled?: 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, 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({ 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;
+    onDownload?: () => void;
+    fallback?: ReactNode;
+    title?: string;
+    className?: string;
+}
+declare function FileViewer({ source, fileName, contentType, loading, error, onDownload, fallback, title, className }: FileViewerProps): React.JSX.Element;
+
+type QRCodeErrorCorrectionLevel = "L" | "M" | "Q" | "H";
+interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
+    value: string;
+    size?: number;
+    level?: QRCodeErrorCorrectionLevel;
+    includeMargin?: boolean;
+    fgColor?: string;
+    bgColor?: string;
+    ariaLabel?: string;
+    description?: string;
+}
+declare function QRCode({ value, size, level, includeMargin, fgColor, bgColor, ariaLabel, description, className, ...rest }: QRCodeProps): React.JSX.Element;
+
+export { BoletoBarCode, type BoletoBarCodeProps, FileDropzone, type FileDropzoneProps, FileList, type FileListProps, type FileRejection, type FileUploadItem, type FileUploadItemStatus, FileUploadProgress, type FileUploadProgressProps, type FileUploadProgressStatus, FileViewer, type FileViewerProps, type FileViewerSource, QRCode, type QRCodeErrorCorrectionLevel, type QRCodeProps };

package/dist/documents.js

@@ -1,13 +1,23 @@
 "use client";
 import {
-  BoletoBarCode
-} from "./chunk-TESAXMCF.js";
+  BoletoBarCode,
+  FileDropzone_default,
+  FileList_default,
+  FileUploadProgress_default,
+  FileViewer_default,
+  QRCode_default
+} from "./chunk-H4BBKKRZ.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
 };
 //# 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;
@@ -140,6 +141,7 @@ interface UnifiedDatePickerProps {
     helperText?: string | React__default.ReactNode;
     defaultView?: ViewMode;
     navigationVariant?: DatePickerNavigationVariant;
+    selectionMode?: DatePickerSelectionMode;
     showAdjacentDays?: boolean;
     className?: string;
 }
@@ -239,4 +241,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-FR5W52XU.js";
+import "./chunk-ET2BGHTO.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 { Avatar, AvatarProps, BoxProps, 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, StatusBadge, StatusBadgeProps, StatusDomain, StatusTone, Surface, SurfaceProps, Table, TableDensity, TableHeaderVariant, TableOverflowMode, TableProps, TableRowVariant, TextGroup, TextGroupProps, ThemedImage, ThemedImageProps, Tooltip, TooltipProps, Typography, Typography as TypographyComponent, TypographyProps, TypographySemanticRole, UseContainerBreakpointOptions, breakpoints, findFirstInvalidField, getStatusBadgeClassName, useBreakpoint, useContainerBreakpoint } 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 { 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, FileViewer, FileViewerProps, FileViewerSource, QRCode, QRCodeErrorCorrectionLevel, QRCodeProps } 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,17 @@ import {
   Typography,
   findFirstInvalidField,
   getStatusBadgeClassName,
-  typography_default
-} from "./chunk-L5UMGEXV.js";
+  typography_default,
+  useContainerBreakpoint
+} from "./chunk-PIXRKI25.js";
 import {
-  BoletoBarCode
-} from "./chunk-TESAXMCF.js";
+  BoletoBarCode,
+  FileDropzone_default,
+  FileList_default,
+  FileUploadProgress_default,
+  FileViewer_default,
+  QRCode_default
+} from "./chunk-H4BBKKRZ.js";
 import {
   DocumentItem
 } from "./chunk-ATWH3MA6.js";
@@ -64,6 +70,7 @@ import {
   InputStandalone,
   Input_default,
   MultiSelect,
+  OtpCodeInput_default,
   PhoneInput,
   RadioCardGroup,
   RadioGroup,
@@ -73,10 +80,12 @@ import {
   buildPhonePayload,
   datePicker_default,
   parsePhonePayload
-} from "./chunk-5VJ6H62W.js";
+} from "./chunk-FR5W52XU.js";
 import {
-  Tooltip_default
-} from "./chunk-CSQXTG32.js";
+  Tooltip_default,
+  breakpoints,
+  useBreakpoint
+} from "./chunk-ET2BGHTO.js";
 import "./chunk-YCW3REQK.js";
 import {
   AccessibilityPreferencesPanel,
@@ -101,6 +110,10 @@ 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,
   FormActions,
@@ -124,12 +137,14 @@ 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,
   SelectCountry_default as SelectCountry,
@@ -147,6 +162,7 @@ export {
   Tooltip_default as Tooltip,
   typography_default as Typography,
   Typography as TypographyComponent,
+  breakpoints,
   buildPhonePayload,
   buildTimeSeriesTooltip,
   escapeDonutTooltipText,
@@ -158,6 +174,8 @@ export {
   normalizeTimeSeriesTooltipColor,
   parsePhonePayload,
   resolveInteractiveDonutColors,
-  resolveRelativeDonutSelection
+  resolveRelativeDonutSelection,
+  useBreakpoint,
+  useContainerBreakpoint
 };
 //# sourceMappingURL=index.js.map

package/dist/manifest.json

@@ -1,17 +1,17 @@
 {
   "name": "@aspprev/versi-ds",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "files": [
     "DocumentItem-BU0J2QGP.d.ts",
     "charts.d.ts",
     "charts.js",
     "chunk-2NMEKWO5.js",
-    "chunk-5VJ6H62W.js",
     "chunk-ATWH3MA6.js",
-    "chunk-CSQXTG32.js",
+    "chunk-ET2BGHTO.js",
+    "chunk-FR5W52XU.js",
+    "chunk-H4BBKKRZ.js",
     "chunk-JSPXVXUY.js",
-    "chunk-L5UMGEXV.js",
-    "chunk-TESAXMCF.js",
+    "chunk-PIXRKI25.js",
     "chunk-V66QL3TD.js",
     "chunk-YCW3REQK.js",
     "core.d.ts",