softable-pixels-web 1.1.19 → 1.1.21

package/dist/{index-9BlZnPff.d.ts → index-ClqTlRGD.d.ts}

@@ -1,7 +1,7 @@
-import { a as TextProps, n as LayoutProps, r as MarginProps } from "./styleProps-B2pBEf9N.js";
-import { n as StylesOf } from "./useThemedStyles-C23Tevdv.js";
-import { t as FloatingOptions } from "./types-rPQapqo2.js";
-import { t as PopoverProps } from "./types-699enaOL.js";
+import { a as TextProps, n as LayoutProps, r as MarginProps } from "./styleProps-CWZn-ouw.js";
+import { n as StylesOf } from "./useThemedStyles-BUR6rDGs.js";
+import { t as FloatingOptions } from "./types-BIJRqScJ.js";
+import { t as PopoverProps } from "./types-CRA-1_6O.js";
 import React$1 from "react";
 
 //#region src/components/commons/inputs/Select/styles.d.ts
@@ -67,6 +67,7 @@ interface SelectProps extends LayoutProps, MarginProps {
   options: SelectOption[];
   portalId?: PopoverProps['portalId'];
   strategy?: FloatingOptions['strategy'];
+  scrollContainerId?: FloatingOptions['scrollContainerId'];
   absoluteReference?: FloatingOptions['absoluteReference'];
   canClear?: boolean;
   multiple?: boolean;
@@ -90,4 +91,4 @@ interface SelectOption {
 declare const Select: React$1.FC<SelectProps>;
 //#endregion
 export { types_d_exports as n, Select as t };
-//# sourceMappingURL=index-9BlZnPff.d.ts.map
+//# sourceMappingURL=index-ClqTlRGD.d.ts.map

package/dist/{index-DH6rpwqM.d.ts → index-CyvNJW2l.d.ts}

@@ -1,4 +1,4 @@
-import { t as PopoverProps } from "./types-699enaOL.js";
+import { t as PopoverProps } from "./types-CRA-1_6O.js";
 import React, { PropsWithChildren } from "react";
 
 //#region src/components/commons/structure/BasePopover/types.d.ts
@@ -19,4 +19,4 @@ interface BasePopoverProps extends Omit<PopoverProps, 'content' | 'hideShadow'>,
 declare const BasePopover: React.FC<BasePopoverProps>;
 //#endregion
 export { BasePopover as t };
-//# sourceMappingURL=index-DH6rpwqM.d.ts.map
+//# sourceMappingURL=index-CyvNJW2l.d.ts.map

package/dist/{index-DK9_OGgn.d.ts → index-DEKll7zF.d.ts}

@@ -1,4 +1,4 @@
-import { t as PopoverProps } from "./types-699enaOL.js";
+import { t as PopoverProps } from "./types-CRA-1_6O.js";
 import React from "react";
 
 //#region src/components/commons/toolkit/Popover/index.d.ts
@@ -6,4 +6,4 @@ import React from "react";
 declare const Popover: React.FC<PopoverProps>;
 //#endregion
 export { Popover as t };
-//# sourceMappingURL=index-DK9_OGgn.d.ts.map
+//# sourceMappingURL=index-DEKll7zF.d.ts.map

package/dist/{index-E0ifwXgE.d.ts → index-DVE8mV5m.d.ts}

@@ -1,6 +1,6 @@
-import { i as PaddingProps } from "./styleProps-B2pBEf9N.js";
-import { r as TypeStyles } from "./useThemedStyles-C23Tevdv.js";
-import { n as TypographyVariant } from "./types-Ck6jQYTO.js";
+import { i as PaddingProps } from "./styleProps-CWZn-ouw.js";
+import { r as TypeStyles } from "./useThemedStyles-BUR6rDGs.js";
+import { n as TypographyVariant } from "./types-BM6zJmu5.js";
 import React, { MouseEvent, ReactNode } from "react";
 
 //#region src/components/commons/buttons/Button/styles.d.ts
@@ -8,7 +8,6 @@ declare function createButtonStyles({
   size,
   color,
   variant,
-  disabled,
   fullWidth,
   textAlign,
   outlineColor
@@ -26,7 +25,7 @@ declare function createButtonStyles({
     transition: "background-color 0.5s";
     border: string;
     backgroundColor: string;
-    boxShadow: "none" | "0px -1px 0px #0A0D120D inset, 0px 1px 2px #0A0D120D";
+    boxShadow: "none" | "var(--px-shadow-xs)";
     __rules: {
       '&:hover': {
         opacity: "0.85 !important";
@@ -116,4 +115,4 @@ interface ButtonProps extends PaddingProps {
 declare const Button: React.FC<ButtonProps>;
 //#endregion
 export { Button as t };
-//# sourceMappingURL=index-E0ifwXgE.d.ts.map
+//# sourceMappingURL=index-DVE8mV5m.d.ts.map

package/dist/{index-B1QUSkjv.d.ts → index-Dp4TTO2D.d.ts}

@@ -1,5 +1,6 @@
-import { a as TextProps, n as LayoutProps, r as MarginProps } from "./styleProps-B2pBEf9N.js";
-import { n as StylesOf } from "./useThemedStyles-C23Tevdv.js";
+import { a as TextProps, n as LayoutProps, r as MarginProps } from "./styleProps-CWZn-ouw.js";
+import { n as StylesOf } from "./useThemedStyles-BUR6rDGs.js";
+import { r as MaskType } from "./index-BjwQCXWj.js";
 import * as react0 from "react";
 import { HTMLInputTypeAttribute, ReactNode } from "react";
 
@@ -79,6 +80,7 @@ interface InputProps extends LayoutProps, MarginProps {
   value?: string;
   placeholder?: string;
   type?: HTMLInputTypeAttribute;
+  mask?: MaskType;
   required?: boolean;
   disabled?: boolean;
   minLength?: number;
@@ -101,4 +103,4 @@ interface InputMethods {
 declare const Input: react0.ForwardRefExoticComponent<InputProps & react0.RefAttributes<InputMethods>>;
 //#endregion
 export { Input as t };
-//# sourceMappingURL=index-B1QUSkjv.d.ts.map
+//# sourceMappingURL=index-Dp4TTO2D.d.ts.map

package/dist/{index-D-9XHxWM.d.ts → index-modFVzpZ.d.ts}

@@ -1,6 +1,6 @@
-import { t as CommonStyleProps } from "./styleProps-B2pBEf9N.js";
+import { t as CommonStyleProps } from "./styleProps-CWZn-ouw.js";
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/commons/toolkit/TabSwitch/styles.d.ts
 declare function createTabSwitchStyles<T>(props: TabSwitchProps<T>): {
@@ -41,7 +41,7 @@ interface TabSwitchProps<T> extends CommonStyleProps {
 }
 //#endregion
 //#region src/components/commons/toolkit/TabSwitch/index.d.ts
-declare const TabSwitch: <T>(props: TabSwitchProps<T>) => react_jsx_runtime0.JSX.Element;
+declare const TabSwitch: <T>(props: TabSwitchProps<T>) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { SwitchOption as n, TabSwitchProps as r, TabSwitch as t };
-//# sourceMappingURL=index-D-9XHxWM.d.ts.map
+//# sourceMappingURL=index-modFVzpZ.d.ts.map

package/dist/index.d.ts

@@ -1,20 +1,20 @@
-import "./types-Ck6jQYTO.js";
-import { t as Button } from "./index-E0ifwXgE.js";
-import { t as IconButton } from "./index-BszVk1Tx.js";
-import { t as Input } from "./index-B1QUSkjv.js";
-import { n as types_d_exports$2, t as Select } from "./index-9BlZnPff.js";
-import { n as types_d_exports$1 } from "./types-699enaOL.js";
-import { t as TextArea } from "./index-BD5Vr9sw.js";
-import { t as Popover } from "./index-DK9_OGgn.js";
-import { t as BasePopover } from "./index-DH6rpwqM.js";
-import { t as CheckItem } from "./index-CzB15994.js";
-import { t as Checkbox } from "./index-BymgvkBq.js";
-import { n as types_d_exports, t as ContextMenu } from "./index-B6V8Bhgk.js";
+import "./types-BM6zJmu5.js";
+import { t as Button } from "./index-DVE8mV5m.js";
+import { t as IconButton } from "./index-Chi8TU12.js";
+import { t as Input } from "./index-Dp4TTO2D.js";
+import { n as types_d_exports$2, t as Select } from "./index-ClqTlRGD.js";
+import { n as types_d_exports$1 } from "./types-CRA-1_6O.js";
+import { t as TextArea } from "./index-Cl2z9ftU.js";
+import { t as Popover } from "./index-DEKll7zF.js";
+import { t as BasePopover } from "./index-CyvNJW2l.js";
+import { t as CheckItem } from "./index-BeZYjWoj.js";
+import { t as Checkbox } from "./index-BhxcqGNw.js";
+import { n as types_d_exports, t as ContextMenu } from "./index-BY84CAyh.js";
 import { InfoSummary, InfoSummaryItem, InfoSummaryProps } from "./info-summary.js";
-import { t as Switch } from "./index-aQIW73fh.js";
-import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-D-9XHxWM.js";
+import { t as Switch } from "./index-CEk3W9fj.js";
+import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-modFVzpZ.js";
 import { Typography } from "./typography.js";
-import { a as ThemeName, c as ThemeRegistry, i as ThemeMode, l as ThemeTokens, n as useTheme, o as ThemePersistence, r as ThemeContextData, s as ThemeProviderProps, t as ThemeProvider } from "./index-BD5ThARj.js";
+import { a as ThemeName, c as ThemeRegistry, i as ThemeMode, l as ThemeTokens, n as useTheme, o as ThemePersistence, r as ThemeContextData, s as ThemeProviderProps, t as ThemeProvider } from "./index-BNPyjNve.js";
 import { useDismiss } from "./use-dismiss.js";
 import { AnchorLike, useFloating } from "./use-floating.js";
 import { useVirtualAnchor } from "./use-virtual-anchor.js";

package/dist/index.js

@@ -1,8 +1,8 @@
 import "./useThemedStyles-CrarDyWc.js";
 import { t as Switch } from "./Switch-DJNZbvzy.js";
 import { t as useDismiss } from "./useDismiss-CAEk_GV-.js";
-import { t as useFloating } from "./useFloating-DCxblHIR.js";
-import { n as types_exports$1, t as Popover } from "./Popover-C-NRJlWf.js";
+import { t as useFloating } from "./useFloating-DRwB71jG.js";
+import { n as types_exports$1, t as Popover } from "./Popover-BDNQO09F.js";
 import "./Icon-KzwFJI_k.js";
 import { t as Typography } from "./Typography-BkFV7BhK.js";
 import { t as Checkbox } from "./Checkbox-j9ZnSxT7.js";
@@ -10,14 +10,15 @@ import { n as useTheme, t as ThemeProvider } from "./ThemeContext-DhXvmWKO.js";
 import { t as TabSwitch } from "./TabSwitch-DlXdgLPc.js";
 import { t as CheckItem } from "./CheckItem-CJqWCE1W.js";
 import { t as InfoSummary } from "./InfoSummary-Cf2ein9V.js";
-import { n as types_exports, t as ContextMenu } from "./ContextMenu-vFIUXgP8.js";
-import { t as BasePopover } from "./BasePopover-UzOryrTn.js";
-import { t as Button } from "./Button-DiBsoNFU.js";
-import { t as IconButton } from "./IconButton-DAZvE8i5.js";
+import { n as types_exports, t as ContextMenu } from "./ContextMenu-B94eRUm7.js";
+import { t as BasePopover } from "./BasePopover-BVeMpuWR.js";
+import { t as Button } from "./Button-Cbt1knrt.js";
+import { t as IconButton } from "./IconButton-B_yAoSQR.js";
 import "./Label-BHq2knad.js";
-import { t as Input } from "./Input-B6a6mXsZ.js";
-import { n as types_exports$2, t as Select } from "./Select-CVcQGxjv.js";
-import { t as TextArea } from "./TextArea-Oqw0zh_x.js";
+import "./MaskModule-DBNrJACG.js";
+import { t as Input } from "./Input-7z9sFjK3.js";
+import { n as types_exports$2, t as Select } from "./Select-Bad465DY.js";
+import { t as TextArea } from "./TextArea-DHUTFFOU.js";
 import { useVirtualAnchor } from "./use-virtual-anchor.js";
 
 export { BasePopover, Button, CheckItem, Checkbox, ContextMenu, types_exports as ContextMenuTypes, IconButton, InfoSummary, Input, Popover, types_exports$1 as PopoverTypes, Select, types_exports$2 as SelectTypes, Switch, TabSwitch, TextArea, ThemeProvider, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };

package/dist/input.d.ts

@@ -1,2 +1,2 @@
-import { t as Input } from "./index-B1QUSkjv.js";
+import { t as Input } from "./index-Dp4TTO2D.js";
 export { Input };

package/dist/input.js

@@ -2,6 +2,7 @@ import "./useThemedStyles-CrarDyWc.js";
 import "./Icon-KzwFJI_k.js";
 import "./Typography-BkFV7BhK.js";
 import "./Label-BHq2knad.js";
-import { t as Input } from "./Input-B6a6mXsZ.js";
+import "./MaskModule-DBNrJACG.js";
+import { t as Input } from "./Input-7z9sFjK3.js";
 
 export { Input };

package/dist/mask-modules.d.ts

@@ -1,144 +1,2 @@
-//#region src/services/MaskModule/enums.d.ts
-/**
- * Supported locales (country + language region).
- *
- * Extend this enum as needed for new countries.
- */
-declare enum Locale {
-  BR = "pt-BR",
-  // Brazil
-  US = "en-US",
-  // United States
-  AR = "es-AR",
-}
-/**
- * Types of masks supported in the system.
- *
- * Add new types as needed for different data formats.
- */
-declare enum MaskType {
-  CPF = "CPF",
-  CNPJ = "CNPJ",
-  DOCUMENT = "DOCUMENT",
-  PHONE = "PHONE",
-  DATE = "DATE",
-  FLOAT = "FLOAT",
-  INTEGER = "INTEGER",
-  MONEY = "MONEY",
-  ZIP_CODE = "ZIP_CODE",
-  NUMERIC_SYMBOL = "NUMERIC_SYMBOL",
-}
-//#endregion
-//#region src/services/MaskModule/types.d.ts
-/**
- * Represents a generic mask.
- *
- * A mask is responsible for formatting and unformatting (removing formatting) from a value.
- */
-interface Mask {
-  /**
-   * Optional minimum length of the masked string.
-   */
-  minLength?: number;
-  /**
-   * Optional maximum length of the masked string.
-   */
-  maxLength?: number;
-  /**
-   * Formats a plain string into a masked format.
-   * @param value - Raw string (e.g., "12345678901").
-   * @returns Masked string (e.g., "123.456.789-01").
-   */
-  format(value: string): string;
-  /**
-   * Removes all mask characters from a formatted string.
-   * @param value - Masked string (e.g., "123.456.789-01").
-   * @returns Unmasked string (e.g., "12345678901").
-   */
-  unmask(value: string): string;
-}
-/**
- * Represents a validator for a masked value.
- *
- * A validator checks whether a masked value is valid based on rules.
- */
-interface Validator {
-  /**
-   * Validates whether the input value is valid.
-   * @param value - Masked string.
-   * @returns `true` if valid, `false` otherwise.
-   */
-  validate(value: string): boolean;
-}
-//#endregion
-//#region src/services/MaskModule/base/BaseMask.d.ts
-/**
- * Abstract class that provides default behavior for most masks.
- * - Implements unmask() by removing all non-numeric characters.
- * - Supports optional maxLength and minLength constraints.
- */
-declare abstract class BaseMask implements Mask {
-  /**
-   * Maximum length of the masked string (optional).
-   */
-  maxLength?: number;
-  /**
-   * Minimum length of the masked string (optional).
-   */
-  minLength?: number;
-  constructor(minLength?: number, maxLength?: number);
-  /**
-   * Removes all non-numeric characters from a string.
-   * @param value - Masked or unmasked string.
-   * @returns Plain string with digits only.
-   */
-  unmask(value: string): string;
-  /**
-   * Must be implemented by each concrete mask class.
-   * Applies the mask format to the input string.
-   * @param value - Raw string.
-   * @returns Masked string.
-   */
-  abstract format(value: string): string;
-}
-//#endregion
-//#region src/services/MaskModule/base/BaseValidator.d.ts
-/**
- * Abstract class providing common validation utilities.
- * - Supports regex validation.
- * - Supports min and max length validation.
- */
-declare abstract class BaseValidator implements Validator {
-  protected pattern?: RegExp;
-  protected minLength?: number;
-  protected maxLength?: number;
-  constructor(options?: {
-    pattern?: RegExp;
-    minLength?: number;
-    maxLength?: number;
-  });
-  /**
-   * Validates the input value based on:
-   * - Pattern matching (if defined)
-   * - Min length (if defined)
-   * - Max length (if defined)
-   *
-   * Override this method if you need custom validation logic.
-   *
-   * @param value - Value to validate (usually masked string)
-   * @returns true if valid, false otherwise
-   */
-  validate(value: string): boolean;
-}
-//#endregion
-//#region src/services/MaskModule/MaskModule.d.ts
-declare const MaskModule: {
-  registerMask(locale: Locale, type: MaskType, mask: BaseMask): void;
-  registerValidator(locale: Locale, type: MaskType, validator: BaseValidator): void;
-  getMask(locale: Locale, type: MaskType): BaseMask | undefined;
-  getValidator(locale: Locale, type: MaskType): BaseValidator | undefined;
-  reset(): void;
-};
-//#endregion
-export { Locale, MaskModule, MaskType };
-//# sourceMappingURL=mask-modules.d.ts.map
+import { n as Locale, r as MaskType, t as MaskModule } from "./index-BjwQCXWj.js";
+export { Locale, MaskModule, MaskType };