softable-pixels-web 1.2.33 → 1.2.35

package/dist/date-picker.js

@@ -1,15 +1,15 @@
 import "./useThemedStyles-Dco_54KA.js";
-import "./Typography-D1dxTP-6.js";
+import "./Typography-u0BPHgCr.js";
 import "./useDismiss-Dpzg5Xpf.js";
 import "./useFloating-D-2IDIWG.js";
 import "./Popover-BV_1hBez.js";
 import "./Icon-bV19y393.js";
-import { n as types_exports, t as DatePicker } from "./DatePicker-Cj_fGnhg.js";
-import "./BasePopover-aHgl90XE.js";
-import "./Label-lzG8Cp8P.js";
-import "./ErrorMessage-kAHOafpg.js";
-import "./Loader-D21KyoAr.js";
-import "./Button-BnPQoBEH.js";
-import "./MaskModule-DKpEoLUF.js";
+import { n as types_exports, t as DatePicker } from "./DatePicker-FL9pUwup.js";
+import "./BasePopover-CY-9StFD.js";
+import "./Label-VE3hoSbt.js";
+import "./ErrorMessage-6pG4hFId.js";
+import "./Loader-BTp8PCMz.js";
+import "./Button-o_4n7GFO.js";
+import "./MaskModule-DZko7F_e.js";
 
 export { DatePicker, types_exports as DatePickerTypes };

package/dist/file-input.js

@@ -1,8 +1,8 @@
 import "./useThemedStyles-Dco_54KA.js";
-import "./Typography-D1dxTP-6.js";
+import "./Typography-u0BPHgCr.js";
 import "./Icon-bV19y393.js";
-import "./Label-lzG8Cp8P.js";
-import "./ErrorMessage-kAHOafpg.js";
-import { n as types_exports, t as FileInput } from "./FileInput-CFaWGwh1.js";
+import "./Label-VE3hoSbt.js";
+import "./ErrorMessage-6pG4hFId.js";
+import { n as types_exports, t as FileInput } from "./FileInput-CfUBqmTu.js";
 
 export { FileInput, types_exports as FileInputTypes };

package/dist/icon-button.js

@@ -1,4 +1,4 @@
 import "./useThemedStyles-Dco_54KA.js";
-import { t as IconButton } from "./IconButton-izpMeHBl.js";
+import { t as IconButton } from "./IconButton-C7nGG3_D.js";
 
 export { IconButton };

package/dist/{index-BxDK_Go8.d.ts → index-D6on4J-S.d.ts}

@@ -27,7 +27,7 @@ declare function createTextAreaStyles(props: TextAreaProps): {
     fontWeight: "400";
     fontSize: string;
     color: "var(--px-text-primary)";
-    borderColor: "var(--px-border-primary)" | "var(--px-color-error)";
+    borderColor: "var(--px-color-error)" | "var(--px-border-primary)";
     outlineOffset: string;
     cursor: "default" | undefined;
     __rules: {
@@ -70,4 +70,4 @@ interface TextAreaProps {
 declare const TextArea: (props: TextAreaProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { TextArea as t };
-//# sourceMappingURL=index-BxDK_Go8.d.ts.map
+//# sourceMappingURL=index-D6on4J-S.d.ts.map

package/dist/{index-B0g1F3X4.d.ts → index-DoLWDzDX.d.ts}

@@ -2,6 +2,7 @@ import React from "react";
 
 //#region src/components/commons/toolkit/Switch/types.d.ts
 interface SwitchThumbProps {
+  fitContent?: boolean;
   label?: string;
   checked: boolean;
   colorIndicator?: string;
@@ -14,4 +15,4 @@ interface SwitchThumbProps {
 declare const Switch: React.FC<SwitchThumbProps>;
 //#endregion
 export { Switch as t };
-//# sourceMappingURL=index-B0g1F3X4.d.ts.map
+//# sourceMappingURL=index-DoLWDzDX.d.ts.map

package/dist/{index-DAAEXO7G.d.ts → index-j6W-PwB7.d.ts}

@@ -27,7 +27,7 @@ declare function createSelectStyles(props: SelectProps): {
     opacity: number;
     cursor: "not-allowed" | "pointer" | "progress";
     boxShadow: "var(--px-shadow-default)";
-    borderColor: "var(--px-border-primary)" | "var(--px-color-error)";
+    borderColor: "var(--px-color-error)" | "var(--px-border-primary)";
     __rules: {
       '&:focus-within': {
         outlineOffset: string;
@@ -74,23 +74,27 @@ interface SelectProps extends LayoutProps, MarginProps {
   isLoading?: boolean;
   portalId?: PopoverProps['portalId'];
   strategy?: FloatingOptions['strategy'];
+  placement?: FloatingOptions['placement'];
   scrollContainerId?: FloatingOptions['scrollContainerId'];
   absoluteReference?: FloatingOptions['absoluteReference'];
-  placement?: FloatingOptions['placement'];
   canClear?: boolean;
   multiple?: boolean;
   required?: boolean;
   disabled?: boolean;
   hideLabel?: boolean;
+  withSearch?: boolean;
+  autoFocusFirstOption?: boolean;
   errorMessage?: string;
   maxVisibleItems?: number;
   maxHeightPopover?: string;
+  searchPlaceholder?: string;
   pagination?: Pagination;
   startIcon?: React.ReactNode;
   styles?: TypeStyles<typeof createSelectStyles>;
   requiredColor?: string;
   labelConfig?: TextProps;
   onChange: (value: string[]) => void;
+  onSearchChange?: (value: string) => void;
 }
 interface SelectOption {
   label: string;
@@ -102,4 +106,4 @@ interface SelectOption {
 declare const Select: React$1.FC<SelectProps>;
 //#endregion
 export { types_d_exports as n, Select as t };
-//# sourceMappingURL=index-DAAEXO7G.d.ts.map
+//# sourceMappingURL=index-j6W-PwB7.d.ts.map

package/dist/{index-DFfPk9_X.d.ts → index-qPJuO65u.d.ts}

@@ -22,7 +22,7 @@ declare function createInputStyles(props: InputProps): {
     padding: string;
     opacity: number;
     boxShadow: "var(--px-shadow-default)";
-    borderColor: "var(--px-border-primary)" | "var(--px-color-error)";
+    borderColor: "var(--px-color-error)" | "var(--px-border-primary)";
     __rules: {
       '&:focus-within': {
         outlineOffset: string;
@@ -66,7 +66,8 @@ declare function createInputStyles(props: InputProps): {
 };
 //#endregion
 //#region src/components/commons/inputs/Input/types.d.ts
-interface InputProps extends LayoutProps, MarginProps {
+type InputProps = InputBaseProps | FloatProps;
+interface InputBaseProps extends LayoutProps, MarginProps {
   id?: string;
   max?: number;
   min?: number;
@@ -94,6 +95,10 @@ interface InputProps extends LayoutProps, MarginProps {
   labelConfig?: TextProps;
   onChange: (value: string) => void;
 }
+interface FloatProps extends Omit<InputBaseProps, 'mask'> {
+  mask?: 'FLOAT';
+  decimalPlaces?: number;
+}
 interface InputMethods {
   focus: () => void;
   blur: () => void;
@@ -103,4 +108,4 @@ interface InputMethods {
 declare const Input: react0.ForwardRefExoticComponent<InputProps & react0.RefAttributes<InputMethods>>;
 //#endregion
 export { Input as t };
-//# sourceMappingURL=index-DFfPk9_X.d.ts.map
+//# sourceMappingURL=index-qPJuO65u.d.ts.map

package/dist/index.d.ts

@@ -6,11 +6,11 @@ import { n as types_d_exports$5 } from "./types-vfa_y8KH.js";
 import { n as types_d_exports$3, t as DatePicker } from "./index-BaTeJXMP.js";
 import { n as types_d_exports$4, t as FileInput } from "./index-DDF3jbpO.js";
 import { n as Locale, r as MaskType, t as MaskModule } from "./index-CSRzYxDc.js";
-import { t as Input } from "./index-DFfPk9_X.js";
+import { t as Input } from "./index-qPJuO65u.js";
 import { t as SearchInput } from "./index-MyZ_XVsH.js";
-import { n as types_d_exports$6, t as Select } from "./index-DAAEXO7G.js";
+import { n as types_d_exports$6, t as Select } from "./index-j6W-PwB7.js";
 import { t as index_d_exports } from "./index-CriBmhqv.js";
-import { t as TextArea } from "./index-BxDK_Go8.js";
+import { t as TextArea } from "./index-D6on4J-S.js";
 import { t as Popover } from "./index-tivXt3ba.js";
 import { t as BasePopover } from "./index-BKsKKh1p.js";
 import { t as Breadcrumb } from "./index-CBHEtmuG.js";
@@ -24,7 +24,7 @@ import { n as types_d_exports$2, t as ContextMenu } from "./index-Bo6Mz8jJ.js";
 import { InfoSummary, InfoSummaryItem, InfoSummaryProps } from "./info-summary.js";
 import { t as Pagination } from "./index-D5kC89SC.js";
 import { ScrollPaginationContainer } from "./scroll-pagination-container.js";
-import { t as Switch } from "./index-B0g1F3X4.js";
+import { t as Switch } from "./index-DoLWDzDX.js";
 import { n as types_d_exports$7, t as TabSwitch } from "./index-BQRzf4rc.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-DPmfBsga.js";

package/dist/index.js

@@ -1,36 +1,36 @@
 import "./useThemedStyles-Dco_54KA.js";
-import { t as Switch } from "./Switch-CaoMMeS7.js";
-import { t as Typography } from "./Typography-D1dxTP-6.js";
+import { t as Typography } from "./Typography-u0BPHgCr.js";
+import { t as Switch } from "./Switch-DlZXMyGG.js";
 import { t as useDismiss } from "./useDismiss-Dpzg5Xpf.js";
 import { t as useFloating } from "./useFloating-D-2IDIWG.js";
 import { n as types_exports$5, t as Popover } from "./Popover-BV_1hBez.js";
 import "./Icon-bV19y393.js";
-import { t as Checkbox } from "./Checkbox-ClKDCBdz.js";
-import { n as types_exports$3, t as DatePicker } from "./DatePicker-Cj_fGnhg.js";
+import { t as Checkbox } from "./Checkbox-qoUWy3Nj.js";
+import { n as types_exports$3, t as DatePicker } from "./DatePicker-FL9pUwup.js";
 import { n as useTheme, t as ThemeProvider } from "./ThemeContext-CRVo1wLa.js";
-import { n as types_exports$8, t as TabSwitch } from "./TabSwitch-2PNcQRsB.js";
-import { t as CheckItem } from "./CheckItem-D45HN7Ir.js";
-import { t as InfoSummary } from "./InfoSummary-BLsz7swQ.js";
-import { t as BasePopover } from "./BasePopover-aHgl90XE.js";
-import { n as types_exports$2, t as ContextMenu } from "./ContextMenu-DOIbV9BE.js";
-import { n as types_exports, t as Chip } from "./Chip-r5K3xdb9.js";
-import "./Label-lzG8Cp8P.js";
-import "./ErrorMessage-kAHOafpg.js";
-import { t as ChipList } from "./ChipList-DLehs_z2.js";
-import { t as IconButton } from "./IconButton-izpMeHBl.js";
-import { t as Pagination } from "./Pagination-CqVu9N0h.js";
-import "./Loader-D21KyoAr.js";
-import { t as Button } from "./Button-BnPQoBEH.js";
-import { n as types_exports$6, t as ScrollPaginationContainer } from "./ScrollPaginationContainer-C_VJlEww.js";
-import { a as Locale, o as MaskType, s as MaskModule } from "./MaskModule-DKpEoLUF.js";
-import { t as Input } from "./Input-BWk-tP51.js";
-import { n as types_exports$7, t as Select } from "./Select-DCtpaxaW.js";
-import { t as TextArea } from "./TextArea-NeN7ynND.js";
-import { t as SearchInput } from "./SearchInput-BdscRWx2.js";
-import { n as types_exports$1, t as ColorPicker } from "./ColorPicker-v5ULLhFP.js";
+import { n as types_exports$7, t as Select } from "./Select-ChVwX-7Z.js";
+import { n as types_exports$8, t as TabSwitch } from "./TabSwitch-Co6kaDbi.js";
+import { t as CheckItem } from "./CheckItem-C2NriXyN.js";
+import { t as InfoSummary } from "./InfoSummary-B6k4_vpG.js";
+import { t as BasePopover } from "./BasePopover-CY-9StFD.js";
+import { n as types_exports$2, t as ContextMenu } from "./ContextMenu-CrVwvqGG.js";
+import { n as types_exports, t as Chip } from "./Chip-DJVwuXlv.js";
+import "./Label-VE3hoSbt.js";
+import "./ErrorMessage-6pG4hFId.js";
+import { t as ChipList } from "./ChipList-D7J-hTLW.js";
+import { t as IconButton } from "./IconButton-C7nGG3_D.js";
+import { t as Pagination } from "./Pagination-D-eoDEIJ.js";
+import "./Loader-BTp8PCMz.js";
+import { t as Button } from "./Button-o_4n7GFO.js";
+import { n as types_exports$6, t as ScrollPaginationContainer } from "./ScrollPaginationContainer-isAA4BsG.js";
+import { c as MaskModule, o as Locale, s as MaskType } from "./MaskModule-DZko7F_e.js";
+import { t as Input } from "./Input-BLnysNxN.js";
+import { t as TextArea } from "./TextArea-s6HdNSc5.js";
+import { t as SearchInput } from "./SearchInput-vI-WcTPT.js";
+import { n as types_exports$1, t as ColorPicker } from "./ColorPicker-sqs31Md7.js";
 import { t as Skeleton } from "./Skeleton-pvWAx_gn.js";
-import { n as types_exports$4, t as FileInput } from "./FileInput-CFaWGwh1.js";
+import { n as types_exports$4, t as FileInput } from "./FileInput-CfUBqmTu.js";
 import { useVirtualAnchor } from "./use-virtual-anchor.js";
-import { t as Breadcrumb } from "./Breadcrumb-CBCBNcIC.js";
+import { t as Breadcrumb } from "./Breadcrumb--lRHi6sr.js";
 
 export { BasePopover, Breadcrumb, Button, CheckItem, Checkbox, Chip, ChipList, types_exports as ChipTypes, ColorPicker, types_exports$1 as ColorPickerTypes, ContextMenu, types_exports$2 as ContextMenuTypes, DatePicker, types_exports$3 as DatePickerTypes, FileInput, types_exports$4 as FileInputTypes, IconButton, InfoSummary, Input, Locale, MaskModule, MaskType, Pagination, Popover, types_exports$5 as PopoverTypes, ScrollPaginationContainer, types_exports$6 as ScrollPaginationContainerTypes, SearchInput, Select, types_exports$7 as SelectTypes, Skeleton, Switch, TabSwitch, types_exports$8 as TabSwitchTypes, TextArea, ThemeProvider, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };

package/dist/info-summary.js

@@ -1,5 +1,5 @@
 import "./useThemedStyles-Dco_54KA.js";
-import "./Typography-D1dxTP-6.js";
-import { t as InfoSummary } from "./InfoSummary-BLsz7swQ.js";
+import "./Typography-u0BPHgCr.js";
+import { t as InfoSummary } from "./InfoSummary-B6k4_vpG.js";
 
 export { InfoSummary };

package/dist/input.d.ts

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

package/dist/input.js

@@ -1,9 +1,9 @@
 import "./useThemedStyles-Dco_54KA.js";
-import "./Typography-D1dxTP-6.js";
+import "./Typography-u0BPHgCr.js";
 import "./Icon-bV19y393.js";
-import "./Label-lzG8Cp8P.js";
-import "./ErrorMessage-kAHOafpg.js";
-import "./MaskModule-DKpEoLUF.js";
-import { t as Input } from "./Input-BWk-tP51.js";
+import "./Label-VE3hoSbt.js";
+import "./ErrorMessage-6pG4hFId.js";
+import "./MaskModule-DZko7F_e.js";
+import { t as Input } from "./Input-BLnysNxN.js";
 
 export { Input };

package/dist/mask-modules.js

@@ -1,3 +1,3 @@
-import { a as Locale, o as MaskType, s as MaskModule } from "./MaskModule-DKpEoLUF.js";
+import { c as MaskModule, o as Locale, s as MaskType } from "./MaskModule-DZko7F_e.js";
 
 export { Locale, MaskModule, MaskType };

package/dist/pagination.js

@@ -1,9 +1,9 @@
 import "./useThemedStyles-Dco_54KA.js";
-import "./Typography-D1dxTP-6.js";
+import "./Typography-u0BPHgCr.js";
 import "./Icon-bV19y393.js";
-import "./IconButton-izpMeHBl.js";
-import { t as Pagination } from "./Pagination-CqVu9N0h.js";
-import "./Loader-D21KyoAr.js";
-import "./Button-BnPQoBEH.js";
+import "./IconButton-C7nGG3_D.js";
+import { t as Pagination } from "./Pagination-D-eoDEIJ.js";
+import "./Loader-BTp8PCMz.js";
+import "./Button-o_4n7GFO.js";
 
 export { Pagination };

package/dist/scroll-pagination-container.js

@@ -1,4 +1,4 @@
 import "./useThemedStyles-Dco_54KA.js";
-import { n as types_exports, t as ScrollPaginationContainer } from "./ScrollPaginationContainer-C_VJlEww.js";
+import { n as types_exports, t as ScrollPaginationContainer } from "./ScrollPaginationContainer-isAA4BsG.js";
 
 export { ScrollPaginationContainer, types_exports as ScrollPaginationContainerTypes };

package/dist/searchInput.js

@@ -1,7 +1,7 @@
 import "./useThemedStyles-Dco_54KA.js";
-import "./Typography-D1dxTP-6.js";
+import "./Typography-u0BPHgCr.js";
 import "./Icon-bV19y393.js";
-import "./Label-lzG8Cp8P.js";
-import { t as SearchInput } from "./SearchInput-BdscRWx2.js";
+import "./Label-VE3hoSbt.js";
+import { t as SearchInput } from "./SearchInput-vI-WcTPT.js";
 
 export { SearchInput };

package/dist/select.d.ts

@@ -1,4 +1,4 @@
 import "./types-vfa_y8KH.js";
-import { n as types_d_exports, t as Select } from "./index-DAAEXO7G.js";
+import { n as types_d_exports, t as Select } from "./index-j6W-PwB7.js";
 import "./index-CriBmhqv.js";
 export { Select, types_d_exports as SelectTypes };

package/dist/select.js

@@ -1,14 +1,16 @@
 import "./useThemedStyles-Dco_54KA.js";
-import "./Typography-D1dxTP-6.js";
+import "./Typography-u0BPHgCr.js";
 import "./useDismiss-Dpzg5Xpf.js";
 import "./useFloating-D-2IDIWG.js";
 import "./Popover-BV_1hBez.js";
 import "./Icon-bV19y393.js";
-import "./BasePopover-aHgl90XE.js";
-import "./Label-lzG8Cp8P.js";
-import "./ErrorMessage-kAHOafpg.js";
-import "./Loader-D21KyoAr.js";
-import "./ScrollPaginationContainer-C_VJlEww.js";
-import { n as types_exports, t as Select } from "./Select-DCtpaxaW.js";
+import { n as types_exports, t as Select } from "./Select-ChVwX-7Z.js";
+import "./BasePopover-CY-9StFD.js";
+import "./Label-VE3hoSbt.js";
+import "./ErrorMessage-6pG4hFId.js";
+import "./Loader-BTp8PCMz.js";
+import "./ScrollPaginationContainer-isAA4BsG.js";
+import "./MaskModule-DZko7F_e.js";
+import "./Input-BLnysNxN.js";
 
 export { Select, types_exports as SelectTypes };

package/dist/switch.d.ts

@@ -1,2 +1,2 @@
-import { t as Switch } from "./index-B0g1F3X4.js";
+import { t as Switch } from "./index-DoLWDzDX.js";
 export { Switch };

package/dist/switch.js

@@ -1,5 +1,5 @@
 import "./useThemedStyles-Dco_54KA.js";
-import { t as Switch } from "./Switch-CaoMMeS7.js";
-import "./Typography-D1dxTP-6.js";
+import "./Typography-u0BPHgCr.js";
+import { t as Switch } from "./Switch-DlZXMyGG.js";
 
 export { Switch };

package/dist/tab-switch.js

@@ -1,5 +1,5 @@
 import "./useThemedStyles-Dco_54KA.js";
-import "./Typography-D1dxTP-6.js";
-import { n as types_exports, t as TabSwitch } from "./TabSwitch-2PNcQRsB.js";
+import "./Typography-u0BPHgCr.js";
+import { n as types_exports, t as TabSwitch } from "./TabSwitch-Co6kaDbi.js";
 
 export { TabSwitch, types_exports as TabSwitchTypes };

package/dist/text-area.d.ts

@@ -1,2 +1,2 @@
-import { t as TextArea } from "./index-BxDK_Go8.js";
+import { t as TextArea } from "./index-D6on4J-S.js";
 export { TextArea };

package/dist/text-area.js

@@ -1,7 +1,7 @@
 import "./useThemedStyles-Dco_54KA.js";
-import "./Typography-D1dxTP-6.js";
-import "./Label-lzG8Cp8P.js";
-import "./ErrorMessage-kAHOafpg.js";
-import { t as TextArea } from "./TextArea-NeN7ynND.js";
+import "./Typography-u0BPHgCr.js";
+import "./Label-VE3hoSbt.js";
+import "./ErrorMessage-6pG4hFId.js";
+import { t as TextArea } from "./TextArea-s6HdNSc5.js";
 
 export { TextArea };

package/dist/typography.js

@@ -1,4 +1,4 @@
 import "./useThemedStyles-Dco_54KA.js";
-import { t as Typography } from "./Typography-D1dxTP-6.js";
+import { t as Typography } from "./Typography-u0BPHgCr.js";
 
 export { Typography };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "softable-pixels-web",
-  "version": "1.2.33",
+  "version": "1.2.35",
   "description": "",
   "keywords": [],
   "author": "softable",

package/dist/ContextMenu-DOIbV9BE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu-DOIbV9BE.js","names":["floatingOptions: FloatingOptions","DividerRow: React.FC"],"sources":["../src/components/commons/toolkit/ContextMenu/components/Menu/components/ItemRow/styles.ts","../src/components/commons/toolkit/ContextMenu/components/Menu/components/ItemRow/index.tsx","../src/components/commons/toolkit/ContextMenu/components/Menu/components/CustomRow/styles.ts","../src/components/commons/toolkit/ContextMenu/components/Menu/components/CustomRow/index.tsx","../src/components/commons/toolkit/ContextMenu/components/Menu/components/DividerRow/styles.ts","../src/components/commons/toolkit/ContextMenu/components/Menu/components/DividerRow/index.tsx","../src/components/commons/toolkit/ContextMenu/components/Menu/styles.ts","../src/components/commons/toolkit/ContextMenu/components/Menu/index.tsx","../src/components/commons/toolkit/ContextMenu/utils/normalizeMenuOptions.ts","../src/components/commons/toolkit/ContextMenu/types.ts","../src/components/commons/toolkit/ContextMenu/styles.ts","../src/components/commons/toolkit/ContextMenu/index.tsx"],"sourcesContent":["// Types\nimport type { ItemRowProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createItemRowStyles<T>({ item, active }: ItemRowProps<T>) {\n  return styled({\n    button: {\n      width: '100%',\n      textAlign: 'left',\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: '0.5rem',\n\n      borderRadius: '0.5rem',\n\n      paddingInline: '0.5rem',\n      paddingBlock: '0.25rem',\n\n      userSelect: 'none',\n\n      backgroundColor:\n        item.disabled || active\n          ? 'var(--px-background-card-hover)'\n          : 'transparent',\n\n      __rules: {\n        '&:hover': {\n          transition: 'all 200ms',\n          backgroundColor: 'var(--px-background-card-hover) !important'\n        }\n      }\n    },\n    containerIcon: {\n      width: '1rem',\n      flexShrink: 0,\n      display: 'flex',\n      alignItems: 'center'\n    }\n  })\n}\n","// External Libraries\nimport { type MouseEvent, useEffect, useRef, useState } from 'react'\n\n// Components\nimport { Menu } from '../..'\nimport { Switch } from '@components/commons/toolkit/Switch'\nimport { Typography } from '@components/commons/toolkit/Typography'\nimport { BasePopover } from '@components/commons/structure/BasePopover'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { ItemRowProps } from './types'\nimport type { FloatingOptions } from '@hooks/useFloating/types'\n\n// Styles\nimport { createItemRowStyles } from './styles'\n\nexport const ItemRow = <T extends string>(props: ItemRowProps<T>) => {\n  const { item, depth, width, onHover, onSelect } = props\n  const isGroup = item.type === 'group'\n\n  const [subOpen, setSubOpen] = useState(false)\n  const closeTimer = useRef<number | null>(null)\n  const anchorRef = useRef<HTMLButtonElement | null>(null)\n  const floatingOptions: FloatingOptions = {\n    offsetX: 10,\n    offsetY: -4,\n    strategy: 'fixed',\n    keepInViewport: true,\n    placement: 'right-start'\n  }\n\n  // Hooks\n  const { styles, classes } = useThemedStyles(props, createItemRowStyles, {\n    applyCommonProps: true,\n    override: props.styles,\n    pick: p => [p.active]\n  })\n\n  // Functions\n  function handleMouseEnter() {\n    onHover(item.id, isGroup)\n\n    if (!isGroup) return\n    clearTimer()\n    setSubOpen(true)\n  }\n\n  function handleMouseLeave() {\n    if (!isGroup) return\n    scheduleClose()\n  }\n\n  function handleClick(e?: MouseEvent<HTMLButtonElement>) {\n    e?.stopPropagation()\n    e?.preventDefault()\n    if (isGroup) return\n    onSelect(item)\n  }\n\n  function clearTimer() {\n    if (closeTimer.current) window.clearTimeout(closeTimer.current)\n    closeTimer.current = null\n  }\n\n  function scheduleClose() {\n    clearTimer()\n    closeTimer.current = window.setTimeout(() => setSubOpen(false), 150)\n  }\n\n  function renderMenuType() {\n    if (item.type === 'switch')\n      return <Switch checked={item.checked} onChange={() => handleClick()} />\n    else {\n      return (\n        <>\n          {item.shortcut ? <span>{item.shortcut}</span> : null}\n\n          {isGroup ? <span>›</span> : null}\n        </>\n      )\n    }\n  }\n\n  // UseEffects\n  // biome-ignore lint/correctness/useExhaustiveDependencies: <Not needed>\n  useEffect(() => {\n    return () => clearTimer()\n  }, [])\n\n  return (\n    <>\n      <button\n        ref={anchorRef}\n        type=\"button\"\n        role=\"menuitem\"\n        style={styles.button}\n        className={classes.button}\n        disabled={!!item.disabled}\n        aria-disabled={item.disabled || undefined}\n        onClick={handleClick}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n      >\n        {item.icon ? (\n          <span style={styles.containerIcon}>{item.icon ?? null}</span>\n        ) : null}\n\n        <Typography variant=\"b2\">{item.label}</Typography>\n\n        {renderMenuType()}\n      </button>\n\n      {isGroup ? (\n        <BasePopover\n          // biome-ignore lint/suspicious/noExplicitAny: <Not needed>\n          anchorRef={anchorRef as any}\n          open={subOpen}\n          closeOnEscape={false}\n          closeOnOutsideClick={false}\n          floatingOptions={floatingOptions}\n          dismissScope={props.dismissScope}\n          onMouseEnter={() => {\n            clearTimer()\n            setSubOpen(true)\n          }}\n          onMouseLeave={() => {\n            scheduleClose()\n          }}\n          onOpenChange={setSubOpen}\n        >\n          <Menu\n            width={width}\n            depth={depth + 1}\n            activeId={undefined}\n            items={item.children}\n            onHover={onHover}\n            onSelect={onSelect}\n          />\n        </BasePopover>\n      ) : null}\n    </>\n  )\n}\n","// Types\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createCustomRowStyles() {\n  return styled({\n    container: {\n      padding: '0.25rem'\n    }\n  })\n}\n","// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { CustomRowProps } from './types'\n\n// Styles\nimport { createCustomRowStyles } from './styles'\n\nexport const CustomRow = <T extends string>(props: CustomRowProps<T>) => {\n  const { item, close } = props\n\n  // Hooks\n  const { styles } = useThemedStyles(props, createCustomRowStyles)\n\n  return <div style={styles.container}>{item.render({ close })}</div>\n}\n","// Types\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createDividerRowStyles() {\n  return styled({\n    container: {\n      border: 0,\n      display: 'flex',\n      marginBlock: '0.1rem',\n      borderTop: '1px solid var(--px-border-primary)'\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Styles\nimport { createDividerRowStyles } from './styles'\n\nexport const DividerRow: React.FC = props => {\n  // Hooks\n  const { styles } = useThemedStyles(props, createDividerRowStyles)\n\n  return <hr style={styles.container} />\n}\n","// Types\nimport type { MenuProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createMenuStyles<T>({ width }: MenuProps<T>) {\n  return styled({\n    container: {\n      width,\n      flexShrink: 0\n    }\n  })\n}\n","// Components\nimport { ItemRow } from './components/ItemRow'\nimport { CustomRow } from './components/CustomRow'\nimport { DividerRow } from './components/DividerRow'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { MenuProps } from './types'\n\n// Styles\nimport { createMenuStyles } from './styles'\n\nexport const Menu = <T extends string>(props: MenuProps<T>) => {\n  const { items, depth, activeId, width = 240, onHover, onSelect } = props\n\n  const { styles } = useThemedStyles(props, createMenuStyles, {\n    applyCommonProps: true,\n    override: props.styles,\n    pick: p => [p.items, p.width, p.activeId, p.onSelect, p.onHover]\n  })\n\n  // Functions\n  function renderItems() {\n    return items.map(item => {\n      if (item.type === 'divider') return <DividerRow key={item.id} />\n      if (item.type === 'custom')\n        return <CustomRow key={item.id} item={item} close={close} />\n\n      return (\n        <ItemRow\n          key={item.id}\n          item={item}\n          depth={depth}\n          width={width}\n          active={activeId === item.id}\n          dismissScope={props.dismissScope}\n          onHover={onHover}\n          onSelect={onSelect}\n        />\n      )\n    })\n  }\n\n  return (\n    <div style={styles.container} role={depth === 0 ? 'menu' : undefined}>\n      {renderItems()}\n    </div>\n  )\n}\n","// Types\nimport type { MenuOption, MenuOptionInput } from '../types'\n\nexport function normalizeMenuOptions<T>(\n  options: MenuOptionInput<T>[]\n): MenuOption<T>[] {\n  return options.map(opt => {\n    if ('children' in opt) {\n      return {\n        id: opt.id,\n        label: opt.label,\n        icon: opt.icon,\n        shortcut: opt.shortcut,\n        disabled: opt.disabled,\n        className: opt.className,\n        type: 'group' as const,\n        children: normalizeMenuOptions(opt.children)\n      }\n    }\n    return opt as MenuOption<T>\n  })\n}\n","// External Libraries\nimport type { ReactNode } from 'react'\n\n// Hooks\nimport type { Placement } from '@hooks/useFloating/types'\n\n// Styles\nimport type { createContextMenuStyles } from './styles'\n\n// Types\nimport type { TypeStyles } from '@hooks/useThemedStyles/types'\n\ninterface BaseOption<T> {\n  id: T\n  icon?: ReactNode\n  label?: ReactNode\n  disabled?: boolean\n  className?: string\n  shortcut?: ReactNode\n  closeOnSelect?: boolean\n}\n\nexport type MenuActionOption<T> = BaseOption<T> & {\n  type: 'action'\n  closeOnSelect?: boolean\n}\n\nexport type MenuSwitchOption<T> = BaseOption<T> & {\n  type: 'switch'\n  checked: boolean\n  closeOnSelect?: boolean\n  onCheckedChange: (next: boolean) => void\n}\n\nexport interface MenuDividerOption<T> {\n  id: T\n  type: 'divider'\n}\n\nexport interface MenuCustomOption<T> extends BaseOption<T> {\n  type: 'custom'\n  render: (ctx: { close: () => void }) => ReactNode\n}\n\nexport interface MenuGroupInput<T> extends BaseOption<T> {\n  type?: 'group'\n  children: MenuOptionInput<T>[]\n}\n\nexport type MenuOptionInput<T> =\n  | MenuGroupInput<T>\n  | MenuActionOption<T>\n  | MenuSwitchOption<T>\n  | MenuCustomOption<T>\n  | MenuDividerOption<T>\n\nexport interface MenuGroup<T> extends BaseOption<T> {\n  type: 'group'\n  children: MenuOption<T>[]\n}\n\nexport type MenuOption<T> =\n  | MenuGroup<T>\n  | MenuActionOption<T>\n  | MenuSwitchOption<T>\n  | MenuCustomOption<T>\n  | MenuDividerOption<T>\n\nexport interface ContextMenuProps<T> {\n  trigger: ReactNode\n  options: MenuOptionInput<T>[]\n\n  offsetX?: number\n  offsetY?: number\n  columnWidth?: number\n  placement?: Placement\n\n  onSelect: (actionId: T) => void\n\n  styles?: TypeStyles<typeof createContextMenuStyles>\n}\n","// Types\nimport type { ContextMenuProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createContextMenuStyles<T>(_props: ContextMenuProps<T>) {\n  return styled({\n    trigger: {\n      width: 'fit-content',\n      height: 'fit-content',\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      cursor: 'pointer'\n    }\n  })\n}\n","// External Libraries\nimport { useMemo, useRef, useState } from 'react'\n\n// Components\nimport { Menu } from './components/Menu'\nimport { BasePopover } from '@components/commons/structure/BasePopover'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { normalizeMenuOptions } from './utils'\n\n// Types\nimport type { ContextMenuProps, MenuOption } from './types'\nimport type { PopoverTriggerRenderProps } from '../Popover/types'\n\nexport * as ContextMenuTypes from './types'\n\n// Styles\nimport { createContextMenuStyles } from './styles'\n\nexport const ContextMenu = <T extends string>(props: ContextMenuProps<T>) => {\n  const {\n    trigger,\n    options,\n    offsetX = 0,\n    offsetY = 8,\n    columnWidth = 240,\n    placement = 'bottom-start',\n    onSelect\n  } = props\n\n  // Refs\n  const scopeRef = useRef<string>(makeScopeId())\n\n  // States\n  const [open, setOpen] = useState(false)\n\n  const items = useMemo(() => normalizeMenuOptions(options), [options])\n  const floatingOptions = useMemo(\n    () => ({\n      offsetX,\n      offsetY,\n      placement\n    }),\n    [offsetX, offsetY, placement]\n  )\n\n  // Hooks\n  const { styles } = useThemedStyles(props, createContextMenuStyles, {\n    applyCommonProps: true,\n    override: props.styles,\n    pick: p => [p.options, p.columnWidth, p.placement]\n  })\n\n  // Functions\n  function makeScopeId() {\n    if (typeof crypto !== 'undefined' && crypto.randomUUID)\n      return crypto.randomUUID()\n    return `scope_${Math.random().toString(16).slice(2)}`\n  }\n\n  function handleSelect(item: MenuOption<T>, close: () => void) {\n    if (item.type === 'action') {\n      onSelect(item.id)\n      if (item.closeOnSelect ?? true) close()\n    }\n\n    if (item.type === 'switch') {\n      item.onCheckedChange(!item.checked)\n      if (item.closeOnSelect ?? false) close()\n    }\n  }\n\n  function renderTrigger({\n    ref,\n    ariaExpanded,\n    onClick\n  }: PopoverTriggerRenderProps) {\n    return (\n      // biome-ignore lint/a11y/noStaticElementInteractions: <Not needed>\n      // biome-ignore lint/a11y/useKeyWithClickEvents: <Not needed>\n      <span\n        ref={ref as any}\n        style={styles.trigger}\n        aria-expanded={ariaExpanded}\n        onClick={onClick}\n      >\n        {trigger}\n      </span>\n    )\n  }\n\n  return (\n    <BasePopover\n      open={open}\n      minWidth=\"fit-content\"\n      floatingOptions={floatingOptions}\n      dismissScope={scopeRef.current}\n      trigger={renderTrigger}\n      onOpenChange={setOpen}\n    >\n      <Menu\n        depth={0}\n        items={items}\n        onHover={() => {}}\n        width={columnWidth}\n        dismissScope={scopeRef.current}\n        onSelect={item =>\n          handleSelect(item as MenuOption<T>, () => setOpen(false))\n        }\n      />\n    </BasePopover>\n  )\n}\n"],"mappings":";;;;;;;;AAIA,SAAgB,oBAAuB,EAAE,MAAM,UAA2B;AACxE,QAAO,OAAO;EACZ,QAAQ;GACN,OAAO;GACP,WAAW;GAEX,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,KAAK;GAEL,cAAc;GAEd,eAAe;GACf,cAAc;GAEd,YAAY;GAEZ,iBACE,KAAK,YAAY,SACb,oCACA;GAEN,SAAS,EACP,WAAW;IACT,YAAY;IACZ,iBAAiB;IAClB,EACF;GACF;EACD,eAAe;GACb,OAAO;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACb;EACF,CAAC;;;;;ACrBJ,MAAa,WAA6B,UAA2B;CACnE,MAAM,EAAE,MAAM,OAAO,OAAO,SAAS,aAAa;CAClD,MAAM,UAAU,KAAK,SAAS;CAE9B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,aAAa,OAAsB,KAAK;CAC9C,MAAM,YAAY,OAAiC,KAAK;CACxD,MAAMA,kBAAmC;EACvC,SAAS;EACT,SAAS;EACT,UAAU;EACV,gBAAgB;EAChB,WAAW;EACZ;CAGD,MAAM,EAAE,QAAQ,YAAY,gBAAgB,OAAO,qBAAqB;EACtE,kBAAkB;EAClB,UAAU,MAAM;EAChB,OAAM,MAAK,CAAC,EAAE,OAAO;EACtB,CAAC;CAGF,SAAS,mBAAmB;AAC1B,UAAQ,KAAK,IAAI,QAAQ;AAEzB,MAAI,CAAC,QAAS;AACd,cAAY;AACZ,aAAW,KAAK;;CAGlB,SAAS,mBAAmB;AAC1B,MAAI,CAAC,QAAS;AACd,iBAAe;;CAGjB,SAAS,YAAY,GAAmC;AACtD,KAAG,iBAAiB;AACpB,KAAG,gBAAgB;AACnB,MAAI,QAAS;AACb,WAAS,KAAK;;CAGhB,SAAS,aAAa;AACpB,MAAI,WAAW,QAAS,QAAO,aAAa,WAAW,QAAQ;AAC/D,aAAW,UAAU;;CAGvB,SAAS,gBAAgB;AACvB,cAAY;AACZ,aAAW,UAAU,OAAO,iBAAiB,WAAW,MAAM,EAAE,IAAI;;CAGtE,SAAS,iBAAiB;AACxB,MAAI,KAAK,SAAS,SAChB,QAAO,oBAAC;GAAO,SAAS,KAAK;GAAS,gBAAgB,aAAa;IAAI;MAEvE,QACE,8CACG,KAAK,WAAW,oBAAC,oBAAM,KAAK,WAAgB,GAAG,MAE/C,UAAU,oBAAC,oBAAK,MAAQ,GAAG,QAC3B;;AAOT,iBAAgB;AACd,eAAa,YAAY;IACxB,EAAE,CAAC;AAEN,QACE,8CACE,qBAAC;EACC,KAAK;EACL,MAAK;EACL,MAAK;EACL,OAAO,OAAO;EACd,WAAW,QAAQ;EACnB,UAAU,CAAC,CAAC,KAAK;EACjB,iBAAe,KAAK,YAAY;EAChC,SAAS;EACT,cAAc;EACd,cAAc;;GAEb,KAAK,OACJ,oBAAC;IAAK,OAAO,OAAO;cAAgB,KAAK,QAAQ;KAAY,GAC3D;GAEJ,oBAAC;IAAW,SAAQ;cAAM,KAAK;KAAmB;GAEjD,gBAAgB;;GACV,EAER,UACC,oBAAC;EAEY;EACX,MAAM;EACN,eAAe;EACf,qBAAqB;EACJ;EACjB,cAAc,MAAM;EACpB,oBAAoB;AAClB,eAAY;AACZ,cAAW,KAAK;;EAElB,oBAAoB;AAClB,kBAAe;;EAEjB,cAAc;YAEd,oBAAC;GACQ;GACP,OAAO,QAAQ;GACf,UAAU;GACV,OAAO,KAAK;GACH;GACC;IACV;GACU,GACZ,QACH;;;;;AC5IP,SAAgB,wBAAwB;AACtC,QAAO,OAAO,EACZ,WAAW,EACT,SAAS,WACV,EACF,CAAC;;;;;ACCJ,MAAa,aAA+B,UAA6B;CACvE,MAAM,EAAE,MAAM,mBAAU;CAGxB,MAAM,EAAE,WAAW,gBAAgB,OAAO,sBAAsB;AAEhE,QAAO,oBAAC;EAAI,OAAO,OAAO;YAAY,KAAK,OAAO,EAAE,gBAAO,CAAC;GAAO;;;;;ACZrE,SAAgB,yBAAyB;AACvC,QAAO,OAAO,EACZ,WAAW;EACT,QAAQ;EACR,SAAS;EACT,aAAa;EACb,WAAW;EACZ,EACF,CAAC;;;;;ACFJ,MAAaC,cAAuB,UAAS;CAE3C,MAAM,EAAE,WAAW,gBAAgB,OAAO,uBAAuB;AAEjE,QAAO,oBAAC,QAAG,OAAO,OAAO,YAAa;;;;;ACTxC,SAAgB,iBAAoB,EAAE,SAAuB;AAC3D,QAAO,OAAO,EACZ,WAAW;EACT;EACA,YAAY;EACb,EACF,CAAC;;;;;ACIJ,MAAa,QAA0B,UAAwB;CAC7D,MAAM,EAAE,OAAO,OAAO,UAAU,QAAQ,KAAK,SAAS,aAAa;CAEnE,MAAM,EAAE,WAAW,gBAAgB,OAAO,kBAAkB;EAC1D,kBAAkB;EAClB,UAAU,MAAM;EAChB,OAAM,MAAK;GAAC,EAAE;GAAO,EAAE;GAAO,EAAE;GAAU,EAAE;GAAU,EAAE;GAAQ;EACjE,CAAC;CAGF,SAAS,cAAc;AACrB,SAAO,MAAM,KAAI,SAAQ;AACvB,OAAI,KAAK,SAAS,UAAW,QAAO,oBAAC,gBAAgB,KAAK,GAAM;AAChE,OAAI,KAAK,SAAS,SAChB,QAAO,oBAAC;IAA8B;IAAa;MAA5B,KAAK,GAAgC;AAE9D,UACE,oBAAC;IAEO;IACC;IACA;IACP,QAAQ,aAAa,KAAK;IAC1B,cAAc,MAAM;IACX;IACC;MAPL,KAAK,GAQV;IAEJ;;AAGJ,QACE,oBAAC;EAAI,OAAO,OAAO;EAAW,MAAM,UAAU,IAAI,SAAS;YACxD,aAAa;GACV;;;;;AC7CV,SAAgB,qBACd,SACiB;AACjB,QAAO,QAAQ,KAAI,QAAO;AACxB,MAAI,cAAc,IAChB,QAAO;GACL,IAAI,IAAI;GACR,OAAO,IAAI;GACX,MAAM,IAAI;GACV,UAAU,IAAI;GACd,UAAU,IAAI;GACd,WAAW,IAAI;GACf,MAAM;GACN,UAAU,qBAAqB,IAAI,SAAS;GAC7C;AAEH,SAAO;GACP;;;;;;;;;AEhBJ,SAAgB,wBAA2B,QAA6B;AACtE,QAAO,OAAO,EACZ,SAAS;EACP,OAAO;EACP,QAAQ;EAER,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACT,EACF,CAAC;;;;;ACOJ,MAAa,eAAiC,UAA+B;CAC3E,MAAM,EACJ,SACA,SACA,UAAU,GACV,UAAU,GACV,cAAc,KACd,YAAY,gBACZ,aACE;CAGJ,MAAM,WAAW,OAAe,aAAa,CAAC;CAG9C,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CAEvC,MAAM,QAAQ,cAAc,qBAAqB,QAAQ,EAAE,CAAC,QAAQ,CAAC;CACrE,MAAM,kBAAkB,eACf;EACL;EACA;EACA;EACD,GACD;EAAC;EAAS;EAAS;EAAU,CAC9B;CAGD,MAAM,EAAE,WAAW,gBAAgB,OAAO,yBAAyB;EACjE,kBAAkB;EAClB,UAAU,MAAM;EAChB,OAAM,MAAK;GAAC,EAAE;GAAS,EAAE;GAAa,EAAE;GAAU;EACnD,CAAC;CAGF,SAAS,cAAc;AACrB,MAAI,OAAO,WAAW,eAAe,OAAO,WAC1C,QAAO,OAAO,YAAY;AAC5B,SAAO,SAAS,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;;CAGrD,SAAS,aAAa,MAAqB,SAAmB;AAC5D,MAAI,KAAK,SAAS,UAAU;AAC1B,YAAS,KAAK,GAAG;AACjB,OAAI,KAAK,iBAAiB,KAAM,UAAO;;AAGzC,MAAI,KAAK,SAAS,UAAU;AAC1B,QAAK,gBAAgB,CAAC,KAAK,QAAQ;AACnC,OAAI,KAAK,iBAAiB,MAAO,UAAO;;;CAI5C,SAAS,cAAc,EACrB,KACA,cACA,WAC4B;AAC5B,SAGE,oBAAC;GACM;GACL,OAAO,OAAO;GACd,iBAAe;GACN;aAER;IACI;;AAIX,QACE,oBAAC;EACO;EACN,UAAS;EACQ;EACjB,cAAc,SAAS;EACvB,SAAS;EACT,cAAc;YAEd,oBAAC;GACC,OAAO;GACA;GACP,eAAe;GACf,OAAO;GACP,cAAc,SAAS;GACvB,WAAU,SACR,aAAa,YAA6B,QAAQ,MAAM,CAAC;IAE3D;GACU"}

package/dist/Input-BWk-tP51.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input-BWk-tP51.js","names":["value"],"sources":["../src/components/commons/inputs/Input/hooks/useInput/index.ts","../src/components/commons/inputs/Input/styles.ts","../src/components/commons/inputs/Input/index.tsx"],"sourcesContent":["// External Libraries\nimport { useState, useRef, useMemo, useEffect } from 'react'\n\n// Services\nimport { Locale, MaskModule, MaskType } from 'src/services/MaskModule'\n\n// Types\nimport type { InputProps } from '../../types'\nimport { IntegerMask } from '@services/MaskModule/locales/br/masks/IntegerMask'\n\nexport function useInput({\n  max,\n  mask,\n  delay,\n  value,\n  min,\n  onChange,\n  ...rest\n}: InputProps) {\n  // Refs\n  const inputRef = useRef<HTMLInputElement>(null)\n  const timeoutRef = useRef<NodeJS.Timeout>(null)\n\n  // States\n  const [inputValue, setInputValue] = useState(value)\n  const [showPassword, setShowPassword] = useState(false)\n\n  // Constants\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Not Needed\n  const { minLength, maxLength } = useMemo(() => {\n    const appliedMask = getMask()\n\n    const minLength = rest.minLength ?? appliedMask?.minLength\n    const maxLength = rest.maxLength ?? appliedMask?.maxLength\n\n    return { minLength, maxLength }\n  }, [mask, rest.minLength, rest.maxLength])\n\n  // UseEffects\n  useEffect(() => {\n    setInputValue(value)\n  }, [value])\n\n  // Functions\n  function getMask() {\n    if (!mask) return undefined\n\n    if (mask === MaskType.INTEGER) return new IntegerMask({ max, min })\n    else return MaskModule.getMask(Locale.BR, mask)\n  }\n\n  function togglePasswordVisibility() {\n    setShowPassword(prev => !prev)\n  }\n\n  function handleRefMethods() {\n    return { focus: handleFocus, blur: handleBlur }\n  }\n\n  function handleFocus() {\n    inputRef.current?.focus()\n  }\n\n  function handleBlur() {\n    inputRef.current?.blur()\n  }\n\n  function handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n    let value = e.target.value\n\n    if (timeoutRef.current) clearTimeout(timeoutRef.current)\n\n    if (mask) {\n      const module = getMask()\n      if (module) value = module.format(value)\n    }\n\n    if (!delay) onChange?.(value)\n    else {\n      timeoutRef.current = setTimeout(() => onChange?.(value), delay)\n    }\n  }\n\n  return {\n    inputRef,\n    minLength,\n    maxLength,\n    inputValue,\n    showPassword,\n    handleChange,\n    handleRefMethods,\n    togglePasswordVisibility\n  }\n}\n","// Hooks\nimport { styled } from '@hooks/useThemedStyles/types'\n\n// Types\nimport type { InputProps } from './types'\n\nexport function createInputStyles(props: InputProps) {\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      flexDirection: 'column',\n\n      rowGap: '0.375rem'\n    },\n    wrapper: {\n      width: '100%',\n      display: 'flex',\n      alignItems: 'center',\n\n      borderWidth: 1,\n      columnGap: '0.25rem',\n      borderRadius: '0.5rem',\n      padding: '0.625rem 0.875rem',\n\n      opacity: props.disabled ? 0.5 : 1,\n      boxShadow: 'var(--px-shadow-default)',\n      borderColor: props.errorMessage\n        ? 'var(--px-color-error)'\n        : 'var(--px-border-primary)',\n\n      __rules: {\n        '&:focus-within': {\n          outlineOffset: '-1px',\n          outline: `2px solid var(${props.errorMessage ? '--px-color-error' : '--px-color-primary'})`\n        }\n      }\n    },\n\n    input: {\n      flex: 1,\n\n      fontWeight: 500,\n      fontSize: '1rem',\n      lineHeight: '1.5rem',\n      fontFamily: 'inherit',\n      color: 'var(--px-text-primary)',\n\n      __rules: {\n        '&:disabled': {\n          cursor: 'not-allowed'\n        },\n\n        '&:focus': {\n          outline: 'none'\n        },\n\n        '&::placeholder': {\n          fontWeight: 400,\n          color: 'var(--px-text-secondary)'\n        }\n      }\n    },\n\n    button: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      cursor: 'pointer',\n      padding: '0.25rem',\n      borderRadius: '0.5rem',\n\n      __rules: {\n        '&:focus': {\n          outline: '1px solid var(--px-border-primary)'\n        }\n      }\n    }\n  })\n}\n","/** biome-ignore-all lint/a11y/noAutofocus: It's a custom input component */\n// External Libraries\nimport { forwardRef, useId, useImperativeHandle, useMemo } from 'react'\n\n// Components\nimport { Label } from '../../toolkit/Label'\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { ErrorMessage } from '../../toolkit/ErrorMessage'\n\n// Types\nimport type { InputProps, InputMethods } from './types'\n\n// Hooks\nimport { useInput } from './hooks/useInput'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Styles\nimport { createInputStyles } from './styles'\n\nexport const Input = forwardRef<InputMethods, InputProps>((props, ref) => {\n  // Constants\n  const reactId = useId()\n  const inputId = useMemo(() => {\n    return props.id || `input-${reactId}`\n  }, [props.id, reactId])\n\n  // Hooks\n  const {\n    inputRef,\n    minLength,\n    maxLength,\n    inputValue,\n    showPassword,\n    handleChange,\n    handleRefMethods,\n    togglePasswordVisibility\n  } = useInput(props)\n  useImperativeHandle(ref, handleRefMethods)\n\n  // Hooks\n  const { styles, classes } = useThemedStyles(props, createInputStyles, {\n    pick: p => [p.disabled, p.errorMessage],\n    override: props.styles,\n    applyCommonProps: true,\n    commonSlot: 'container'\n  })\n\n  // Functions\n  function getType() {\n    if (props.type === 'password' && showPassword) return 'text'\n    return props.type\n  }\n\n  function renderEndContent() {\n    if (props.type === 'password') {\n      return (\n        <button\n          type=\"button\"\n          style={styles.button}\n          className={classes.button}\n          onClick={togglePasswordVisibility}\n        >\n          <Icon\n            size=\"sm\"\n            name={showPassword ? 'general-eye-off' : 'general-eye'}\n          />\n        </button>\n      )\n    }\n\n    return props.endIcon ?? null\n  }\n\n  return (\n    <div style={styles.container}>\n      {props.hideLabel ? null : (\n        <Label\n          htmlFor={inputId}\n          label={props.label}\n          required={props.required}\n          requiredColor={props.requiredColor}\n          {...props.labelConfig}\n        />\n      )}\n\n      <div style={styles.wrapper} className={classes.wrapper}>\n        {props.startIcon}\n\n        <input\n          ref={inputRef}\n          id={inputId}\n          type={getType()}\n          value={inputValue}\n          style={styles.input}\n          minLength={minLength}\n          maxLength={maxLength}\n          required={props.required}\n          disabled={props.disabled}\n          className={classes.input}\n          autoFocus={props.autoFocus}\n          spellCheck={props.spellCheck}\n          autoCorrect={props.autoCorrect}\n          placeholder={props.placeholder}\n          autoComplete={props.autoComplete}\n          autoCapitalize={props.autoCapitalize}\n          aria-label={!props.hideLabel ? undefined : props.label}\n          onChange={handleChange}\n        />\n\n        {renderEndContent()}\n      </div>\n\n      {props.errorMessage ? (\n        <ErrorMessage message={props.errorMessage} />\n      ) : null}\n    </div>\n  )\n})\n\nInput.displayName = 'Input'\n"],"mappings":"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"}