softable-pixels-web 1.1.20 → 1.1.22

package/dist/index-BjwQCXWj.d.ts

@@ -0,0 +1,145 @@
+//#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 const MaskType: {
+  readonly CPF: "CPF";
+  readonly CNPJ: "CNPJ";
+  readonly DOCUMENT: "DOCUMENT";
+  readonly PHONE: "PHONE";
+  readonly DATE: "DATE";
+  readonly FLOAT: "FLOAT";
+  readonly INTEGER: "INTEGER";
+  readonly MONEY: "MONEY";
+  readonly ZIP_CODE: "ZIP_CODE";
+  readonly NUMERIC_SYMBOL: "NUMERIC_SYMBOL";
+};
+type MaskType = (typeof MaskType)[keyof typeof MaskType];
+//#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 as n, MaskType as r, MaskModule as t };
+//# sourceMappingURL=index-BjwQCXWj.d.ts.map

package/dist/{index-aQIW73fh.d.ts → index-CEk3W9fj.d.ts}

@@ -12,4 +12,4 @@ interface SwitchThumbProps {
 declare const Switch: React.FC<SwitchThumbProps>;
 //#endregion
 export { Switch as t };
-//# sourceMappingURL=index-aQIW73fh.d.ts.map
+//# sourceMappingURL=index-CEk3W9fj.d.ts.map

package/dist/{index-v04O7Gs-.d.ts → index-CK68mp8m.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_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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_runtime2.JSX.Element;
+declare const TabSwitch: <T>(props: TabSwitchProps<T>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SwitchOption as n, TabSwitchProps as r, TabSwitch as t };
-//# sourceMappingURL=index-v04O7Gs-.d.ts.map
+//# sourceMappingURL=index-CK68mp8m.d.ts.map

package/dist/{index-ROp2paYJ.d.ts → index-Chi8TU12.d.ts}

@@ -45,4 +45,4 @@ type IconButtonVariant = 'filled' | 'outlined' | 'ghost';
 declare const IconButton: React.FC<IconButtonProps>;
 //#endregion
 export { IconButton as t };
-//# sourceMappingURL=index-ROp2paYJ.d.ts.map
+//# sourceMappingURL=index-Chi8TU12.d.ts.map

package/dist/{index-BD5Vr9sw.d.ts → index-Cl2z9ftU.d.ts}

@@ -1,4 +1,4 @@
-import { a as TextProps } from "./styleProps-B2pBEf9N.js";
+import { a as TextProps } from "./styleProps-CWZn-ouw.js";
 import { SVGProps } from "react";
 import * as react_jsx_runtime3 from "react/jsx-runtime";
 
@@ -157,4 +157,4 @@ interface TextAreaProps {
 declare const TextArea: (props: TextAreaProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { TextArea as t };
-//# sourceMappingURL=index-BD5Vr9sw.d.ts.map
+//# sourceMappingURL=index-Cl2z9ftU.d.ts.map

package/dist/{index-BLsNfmom.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
@@ -115,4 +115,4 @@ interface ButtonProps extends PaddingProps {
 declare const Button: React.FC<ButtonProps>;
 //#endregion
 export { Button as t };
-//# sourceMappingURL=index-BLsNfmom.d.ts.map
+//# sourceMappingURL=index-DVE8mV5m.d.ts.map

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

@@ -1,9 +1,8 @@
-import { t as PopoverProps } from "./types-699enaOL.js";
+import { t as PopoverProps } from "./types-Dm-fEm6s.js";
 import React from "react";
 
 //#region src/components/commons/toolkit/Popover/index.d.ts
-
 declare const Popover: React.FC<PopoverProps>;
 //#endregion
 export { Popover as t };
-//# sourceMappingURL=index-DK9_OGgn.d.ts.map
+//# sourceMappingURL=index-DX2iqN-v.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-9BlZnPff.d.ts → index-VwpQusI_.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-Dm-fEm6s.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-VwpQusI_.d.ts.map

package/dist/index.d.ts

@@ -1,21 +1,21 @@
-import "./types-Ck6jQYTO.js";
-import { t as Button } from "./index-BLsNfmom.js";
-import { t as IconButton } from "./index-ROp2paYJ.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$1, t as Select } from "./index-VwpQusI_.js";
+import "./types-Dm-fEm6s.js";
+import { t as TextArea } from "./index-Cl2z9ftU.js";
+import { t as Popover } from "./index-DX2iqN-v.js";
+import { t as BasePopover } from "./index-B_PqEEta.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-v04O7Gs-.js";
+import { t as Switch } from "./index-CEk3W9fj.js";
+import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-CK68mp8m.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";
-export { AnchorLike, BasePopover, Button, CheckItem, Checkbox, ContextMenu, types_d_exports as ContextMenuTypes, IconButton, InfoSummary, InfoSummaryItem, InfoSummaryProps, Input, Popover, types_d_exports$1 as PopoverTypes, Select, types_d_exports$2 as SelectTypes, Switch, SwitchOption, TabSwitch, TabSwitchProps, TextArea, ThemeContextData, ThemeMode, ThemeName, ThemePersistence, ThemeProvider, ThemeProviderProps, ThemeRegistry, ThemeTokens, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };
+export { AnchorLike, BasePopover, Button, CheckItem, Checkbox, ContextMenu, types_d_exports as ContextMenuTypes, IconButton, InfoSummary, InfoSummaryItem, InfoSummaryProps, Input, Popover, Select, types_d_exports$1 as SelectTypes, Switch, SwitchOption, TabSwitch, TabSwitchProps, TextArea, ThemeContextData, ThemeMode, ThemeName, ThemePersistence, ThemeProvider, ThemeProviderProps, ThemeRegistry, ThemeTokens, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };

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 useDismiss } from "./useDismiss-CgVHqmqk.js";
+import { t as useFloating } from "./useFloating-DRwB71jG.js";
+import { t as Popover } from "./Popover-DpD3G9_i.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 { n as types_exports, t as ContextMenu } from "./ContextMenu-ByeABVhU.js";
+import { t as BasePopover } from "./BasePopover-PZwz1wdH.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$1, t as Select } from "./Select-BIj1BrzP.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 };
+export { BasePopover, Button, CheckItem, Checkbox, ContextMenu, types_exports as ContextMenuTypes, IconButton, InfoSummary, Input, Popover, Select, types_exports$1 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 };