softable-pixels-web 1.1.9 → 1.1.11

package/dist/icon-button.js

@@ -1,4 +1,4 @@
-import "./useThemedStyles-MLtE91hE.js";
-import { t as IconButton } from "./IconButton-CsHFWO8K.js";
+import "./useThemedStyles-Y17K6z_P.js";
+import { t as IconButton } from "./IconButton-CdC3tmC8.js";
 
 export { IconButton };

package/dist/{index-2WYvBk8I.d.ts → index-BEYuns0J.d.ts}

@@ -1,6 +1,6 @@
-import { t as CommonStyleProps } from "./styleProps-5iqKZpC1.js";
+import { t as CommonStyleProps } from "./styleProps-DUR9j3g2.js";
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime1.JSX.Element;
 //#endregion
 export { SwitchOption as n, TabSwitchProps as r, TabSwitch as t };
-//# sourceMappingURL=index-2WYvBk8I.d.ts.map
+//# sourceMappingURL=index-BEYuns0J.d.ts.map

package/dist/{index-DH0vhxG-.d.ts → index-Bcu8I591.d.ts}

@@ -1,5 +1,5 @@
-import { a as TextProps, n as LayoutProps, r as MarginProps } from "./styleProps-5iqKZpC1.js";
-import { n as StylesOf } from "./useThemedStyles-C6dNoaRC.js";
+import { a as TextProps, n as LayoutProps, r as MarginProps } from "./styleProps-DUR9j3g2.js";
+import { n as StylesOf } from "./useThemedStyles-Cqb6BuHm.js";
 import * as react0 from "react";
 import { HTMLInputTypeAttribute, ReactNode } from "react";
 
@@ -83,6 +83,7 @@ interface InputProps extends LayoutProps, MarginProps {
   disabled?: boolean;
   minLength?: number;
   maxLength?: number;
+  hideLabel?: boolean;
   errorMessage?: string;
   endIcon?: ReactNode;
   startIcon?: ReactNode;
@@ -100,4 +101,4 @@ interface InputMethods {
 declare const Input: react0.ForwardRefExoticComponent<InputProps & react0.RefAttributes<InputMethods>>;
 //#endregion
 export { Input as t };
-//# sourceMappingURL=index-DH0vhxG-.d.ts.map
+//# sourceMappingURL=index-Bcu8I591.d.ts.map

package/dist/{index-8GUY3yRY.d.ts → index-BwB3yoLa.d.ts}

@@ -10,4 +10,4 @@ interface CheckItemProps {
 declare const CheckItem: React.FC<CheckItemProps>;
 //#endregion
 export { CheckItem as t };
-//# sourceMappingURL=index-8GUY3yRY.d.ts.map
+//# sourceMappingURL=index-BwB3yoLa.d.ts.map

package/dist/{index-CyntoY7A.d.ts → index-C7Mip6Lj.d.ts}

@@ -1,15 +1,15 @@
-import { n as TypographyVariant } from "./types-ubME1KhJ.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { n as TypographyVariant } from "./types-DbQDtnbC.js";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/assets/icons/index.d.ts
 /** biome-ignore-all lint/suspicious/noShadowRestrictedNames: generated */
 declare const icons: {
-  'brands-facebook': react_jsx_runtime2.JSX.Element;
-  'brands-facebook-fit': react_jsx_runtime2.JSX.Element;
-  'brands-google': react_jsx_runtime2.JSX.Element;
-  'general-check': react_jsx_runtime2.JSX.Element;
-  'general-eye': react_jsx_runtime2.JSX.Element;
-  'general-eye-off': react_jsx_runtime2.JSX.Element;
+  'brands-facebook': react_jsx_runtime3.JSX.Element;
+  'brands-facebook-fit': react_jsx_runtime3.JSX.Element;
+  'brands-google': react_jsx_runtime3.JSX.Element;
+  'general-check': react_jsx_runtime3.JSX.Element;
+  'general-eye': react_jsx_runtime3.JSX.Element;
+  'general-eye-off': react_jsx_runtime3.JSX.Element;
 };
 type IconName = keyof typeof icons;
 //#endregion
@@ -71,7 +71,7 @@ interface TextAreaProps {
 }
 //#endregion
 //#region src/components/commons/inputs/TextArea/index.d.ts
-declare const TextArea: (props: TextAreaProps) => react_jsx_runtime2.JSX.Element;
+declare const TextArea: (props: TextAreaProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { TextArea as t };
-//# sourceMappingURL=index-CyntoY7A.d.ts.map
+//# sourceMappingURL=index-C7Mip6Lj.d.ts.map

package/dist/{index-BHhl7wD8.d.ts → index-Ca7r_UeJ.d.ts}

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

package/dist/{index-YYjoEwNX.d.ts → index-CzEEfYGt.d.ts}

@@ -1,6 +1,6 @@
-import { i as PaddingProps } from "./styleProps-5iqKZpC1.js";
-import { r as TypeStyles } from "./useThemedStyles-C6dNoaRC.js";
-import { n as TypographyVariant } from "./types-ubME1KhJ.js";
+import { i as PaddingProps } from "./styleProps-DUR9j3g2.js";
+import { n as StylesOf } from "./useThemedStyles-Cqb6BuHm.js";
+import { n as TypographyVariant } from "./types-DbQDtnbC.js";
 import React, { MouseEvent, ReactNode } from "react";
 
 //#region src/components/commons/buttons/Button/styles.d.ts
@@ -60,9 +60,11 @@ interface ButtonProps extends PaddingProps {
   labelVariant?: TypographyVariant;
   /** Size of the button */
   size?: ButtonSize | (string & {});
+  /** Font size of the button label */
+  fontSize?: string;
   /** Icon displayed before the label */
   startIcon?: ReactNode;
-  styles?: TypeStyles<typeof createButtonStyles>;
+  styles?: StylesOf<typeof createButtonStyles>;
   /** Icon displayed after the label */
   endIcon?: ReactNode;
   /**
@@ -114,4 +116,4 @@ interface ButtonProps extends PaddingProps {
 declare const Button: React.FC<ButtonProps>;
 //#endregion
 export { Button as t };
-//# sourceMappingURL=index-YYjoEwNX.d.ts.map
+//# sourceMappingURL=index-CzEEfYGt.d.ts.map

package/dist/{index-BANOx3xI.d.ts → index-Dd5yjyJK.d.ts}

@@ -1,4 +1,4 @@
-import { t as FloatingOptions } from "./types-Dsf33Reg.js";
+import { t as FloatingOptions } from "./types-BvquWQ1G.js";
 import React, { MouseEventHandler, ReactNode, RefObject } from "react";
 
 //#region src/components/commons/toolkit/Popover/styles.d.ts
@@ -41,4 +41,4 @@ interface PopoverProps {
 declare const Popover: React.FC<PopoverProps>;
 //#endregion
 export { Popover as t };
-//# sourceMappingURL=index-BANOx3xI.d.ts.map
+//# sourceMappingURL=index-Dd5yjyJK.d.ts.map

package/dist/{index-Cmj1xJBu.d.ts → index-OWMf00jk.d.ts}

@@ -1,4 +1,4 @@
-import { n as TypographyVariant } from "./types-ubME1KhJ.js";
+import { n as TypographyVariant } from "./types-DbQDtnbC.js";
 import React$1 from "react";
 
 //#region src/components/commons/toolkit/Checkbox/types.d.ts
@@ -26,4 +26,4 @@ interface CheckboxProps {
 declare const Checkbox: React$1.FC<CheckboxProps>;
 //#endregion
 export { Checkbox as t };
-//# sourceMappingURL=index-Cmj1xJBu.d.ts.map
+//# sourceMappingURL=index-OWMf00jk.d.ts.map

package/dist/index-f_SVHVSD.d.ts

@@ -0,0 +1,71 @@
+import { n as Placement } from "./types-BvquWQ1G.js";
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region rolldown:runtime
+//#endregion
+//#region src/components/commons/toolkit/ContextMenu/styles.d.ts
+declare function createContextMenuStyles<T>(_props: ContextMenuProps<T>): {
+  trigger: {
+    width: string;
+    height: string;
+  };
+};
+declare namespace types_d_exports {
+  export { ContextMenuProps, MenuActionOption, MenuCustomOption, MenuDividerOption, MenuGroup, MenuGroupInput, MenuOption, MenuOptionInput, MenuSwitchOption };
+}
+interface BaseOption<T> {
+  id: T;
+  icon?: ReactNode;
+  label?: ReactNode;
+  disabled?: boolean;
+  className?: string;
+  shortcut?: ReactNode;
+  closeOnSelect?: boolean;
+}
+type MenuActionOption<T> = BaseOption<T> & {
+  type: 'action';
+  closeOnSelect?: boolean;
+};
+type MenuSwitchOption<T> = BaseOption<T> & {
+  type: 'switch';
+  checked: boolean;
+  closeOnSelect?: boolean;
+  onCheckedChange: (next: boolean) => void;
+};
+interface MenuDividerOption<T> {
+  id: T;
+  type: 'divider';
+}
+interface MenuCustomOption<T> extends BaseOption<T> {
+  type: 'custom';
+  render: (ctx: {
+    close: () => void;
+  }) => ReactNode;
+}
+interface MenuGroupInput<T> extends BaseOption<T> {
+  type?: 'group';
+  children: MenuOptionInput<T>[];
+}
+type MenuOptionInput<T> = MenuGroupInput<T> | MenuActionOption<T> | MenuSwitchOption<T> | MenuCustomOption<T> | MenuDividerOption<T>;
+interface MenuGroup<T> extends BaseOption<T> {
+  type: 'group';
+  children: MenuOption<T>[];
+}
+type MenuOption<T> = MenuGroup<T> | MenuActionOption<T> | MenuSwitchOption<T> | MenuCustomOption<T> | MenuDividerOption<T>;
+interface ContextMenuProps<T> {
+  trigger: ReactNode;
+  options: MenuOptionInput<T>[];
+  offsetX?: number;
+  offsetY?: number;
+  columnWidth?: number;
+  placement?: Placement;
+  onSelect: (actionId: T) => void;
+  styles?: Partial<ReturnType<typeof createContextMenuStyles>>;
+}
+//#endregion
+//#region src/components/commons/toolkit/ContextMenu/index.d.ts
+declare const ContextMenu: <T extends string>(props: ContextMenuProps<T>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { types_d_exports as n, ContextMenu as t };
+//# sourceMappingURL=index-f_SVHVSD.d.ts.map

package/dist/index.d.ts

@@ -1,18 +1,18 @@
-import "./types-ubME1KhJ.js";
-import { t as Button } from "./index-YYjoEwNX.js";
-import { t as IconButton } from "./index-BHhl7wD8.js";
-import { t as Input } from "./index-DH0vhxG-.js";
-import { t as TextArea } from "./index-CyntoY7A.js";
-import { t as CheckItem } from "./index-8GUY3yRY.js";
-import { t as Checkbox } from "./index-Cmj1xJBu.js";
-import { t as ContextMenu } from "./index-BglHC9EI.js";
+import { n as types_d_exports, t as ContextMenu } from "./index-f_SVHVSD.js";
+import "./types-DbQDtnbC.js";
+import { t as Button } from "./index-CzEEfYGt.js";
+import { t as IconButton } from "./index-Ca7r_UeJ.js";
+import { t as Input } from "./index-Bcu8I591.js";
+import { t as TextArea } from "./index-C7Mip6Lj.js";
+import { t as CheckItem } from "./index-BwB3yoLa.js";
+import { t as Checkbox } from "./index-OWMf00jk.js";
 import { InfoSummary, InfoSummaryItem, InfoSummaryProps } from "./info-summary.js";
-import { t as Popover } from "./index-BANOx3xI.js";
+import { t as Popover } from "./index-Dd5yjyJK.js";
 import { t as Switch } from "./index-DewFmT68.js";
-import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-2WYvBk8I.js";
+import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-BEYuns0J.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-CCiP7SPG.js";
 import { useDismiss } from "./use-dismiss.js";
 import { AnchorLike, useFloating } from "./use-floating.js";
 import { useVirtualAnchor } from "./use-virtual-anchor.js";
-export { AnchorLike, Button, CheckItem, Checkbox, ContextMenu, IconButton, InfoSummary, InfoSummaryItem, InfoSummaryProps, Input, Popover, Switch, SwitchOption, TabSwitch, TabSwitchProps, TextArea, ThemeContextData, ThemeMode, ThemeName, ThemePersistence, ThemeProvider, ThemeProviderProps, ThemeRegistry, ThemeTokens, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };
+export { AnchorLike, Button, CheckItem, Checkbox, ContextMenu, IconButton, InfoSummary, InfoSummaryItem, InfoSummaryProps, Input, Popover, Switch, SwitchOption, types_d_exports as T, TabSwitch, TabSwitchProps, TextArea, ThemeContextData, ThemeMode, ThemeName, ThemePersistence, ThemeProvider, ThemeProviderProps, ThemeRegistry, ThemeTokens, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };

package/dist/index.js

@@ -1,21 +1,21 @@
-import "./useThemedStyles-MLtE91hE.js";
-import { t as Switch } from "./Switch-B4e9qBOu.js";
-import { t as useDismiss } from "./useDismiss-DJ1mh-X3.js";
-import { t as useFloating } from "./useFloating--PcINgSt.js";
-import { t as Popover } from "./Popover-BsDGCJ-f.js";
-import "./Icon-61UaAUrM.js";
-import { t as Typography } from "./Typography-j84zoCoZ.js";
-import { t as Checkbox } from "./Checkbox-ly07FlTH.js";
-import { n as useTheme, t as ThemeProvider } from "./ThemeContext-CesN6Ejm.js";
-import { t as TabSwitch } from "./TabSwitch-CvnlK0NZ.js";
-import { t as CheckItem } from "./CheckItem-itm2oIeW.js";
-import { t as InfoSummary } from "./InfoSummary-DcupqKIy.js";
-import { t as ContextMenu } from "./ContextMenu-fSz83oSd.js";
-import { t as Button } from "./Button-DCVmSier.js";
-import { t as IconButton } from "./IconButton-CsHFWO8K.js";
-import "./Label-BhqH21lT.js";
-import { t as Input } from "./Input-DLJz5Mrn.js";
-import { t as TextArea } from "./TextArea-CUrG_9je.js";
+import "./useThemedStyles-Y17K6z_P.js";
+import { t as Switch } from "./Switch-Cs5WiyAN.js";
+import { t as useDismiss } from "./useDismiss-B13eSwzv.js";
+import { t as useFloating } from "./useFloating-CmbluyFe.js";
+import { t as Popover } from "./Popover-BupmR_Yj.js";
+import "./Icon-D5APBt9w.js";
+import { t as Typography } from "./Typography-C3d8okRT.js";
+import { t as Checkbox } from "./Checkbox-B4tNv4jt.js";
+import { n as useTheme, t as ThemeProvider } from "./ThemeContext-C4vgT3aV.js";
+import { t as TabSwitch } from "./TabSwitch-CPf5sVyP.js";
+import { t as CheckItem } from "./CheckItem-DibKGIhC.js";
+import { t as InfoSummary } from "./InfoSummary-BsAWbXEg.js";
+import { n as types_exports, t as ContextMenu } from "./ContextMenu-Csd8aqKT.js";
+import { t as Button } from "./Button-4H6aUA5C.js";
+import { t as IconButton } from "./IconButton-CdC3tmC8.js";
+import "./Label-BF8xMYbk.js";
+import { t as Input } from "./Input-BlnxnTwX.js";
+import { t as TextArea } from "./TextArea-E7PBos0U.js";
 import { useVirtualAnchor } from "./use-virtual-anchor.js";
 
-export { Button, CheckItem, Checkbox, ContextMenu, IconButton, InfoSummary, Input, Popover, Switch, TabSwitch, TextArea, ThemeProvider, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };
+export { Button, CheckItem, Checkbox, ContextMenu, IconButton, InfoSummary, Input, Popover, Switch, types_exports as T, TabSwitch, TextArea, ThemeProvider, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };

package/dist/info-summary.js

@@ -1,5 +1,5 @@
-import "./useThemedStyles-MLtE91hE.js";
-import "./Typography-j84zoCoZ.js";
-import { t as InfoSummary } from "./InfoSummary-DcupqKIy.js";
+import "./useThemedStyles-Y17K6z_P.js";
+import "./Typography-C3d8okRT.js";
+import { t as InfoSummary } from "./InfoSummary-BsAWbXEg.js";
 
 export { InfoSummary };

package/dist/input.d.ts

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

package/dist/input.js

@@ -1,7 +1,7 @@
-import "./useThemedStyles-MLtE91hE.js";
-import "./Icon-61UaAUrM.js";
-import "./Typography-j84zoCoZ.js";
-import "./Label-BhqH21lT.js";
-import { t as Input } from "./Input-DLJz5Mrn.js";
+import "./useThemedStyles-Y17K6z_P.js";
+import "./Icon-D5APBt9w.js";
+import "./Typography-C3d8okRT.js";
+import "./Label-BF8xMYbk.js";
+import { t as Input } from "./Input-BlnxnTwX.js";
 
 export { Input };

package/dist/popover.d.ts

@@ -1,2 +1,2 @@
-import { t as Popover } from "./index-BANOx3xI.js";
+import { t as Popover } from "./index-Dd5yjyJK.js";
 export { Popover };

package/dist/popover.js

@@ -1,6 +1,6 @@
-import "./useThemedStyles-MLtE91hE.js";
-import "./useDismiss-DJ1mh-X3.js";
-import "./useFloating--PcINgSt.js";
-import { t as Popover } from "./Popover-BsDGCJ-f.js";
+import "./useThemedStyles-Y17K6z_P.js";
+import "./useDismiss-B13eSwzv.js";
+import "./useFloating-CmbluyFe.js";
+import { t as Popover } from "./Popover-BupmR_Yj.js";
 
 export { Popover };

package/dist/{styleProps-5iqKZpC1.d.ts → styleProps-DUR9j3g2.d.ts}

@@ -43,4 +43,4 @@ interface LayoutProps {
 type CommonStyleProps = MarginProps & PaddingProps & TextProps & LayoutProps;
 //#endregion
 export { TextProps as a, PaddingProps as i, LayoutProps as n, MarginProps as r, CommonStyleProps as t };
-//# sourceMappingURL=styleProps-5iqKZpC1.d.ts.map
+//# sourceMappingURL=styleProps-DUR9j3g2.d.ts.map

package/dist/switch.js

@@ -1,4 +1,4 @@
-import "./useThemedStyles-MLtE91hE.js";
-import { t as Switch } from "./Switch-B4e9qBOu.js";
+import "./useThemedStyles-Y17K6z_P.js";
+import { t as Switch } from "./Switch-Cs5WiyAN.js";
 
 export { Switch };

package/dist/tab-switch.d.ts

@@ -1,2 +1,2 @@
-import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-2WYvBk8I.js";
+import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-BEYuns0J.js";
 export { SwitchOption, TabSwitch, TabSwitchProps };

package/dist/tab-switch.js

@@ -1,5 +1,5 @@
-import "./useThemedStyles-MLtE91hE.js";
-import "./Typography-j84zoCoZ.js";
-import { t as TabSwitch } from "./TabSwitch-CvnlK0NZ.js";
+import "./useThemedStyles-Y17K6z_P.js";
+import "./Typography-C3d8okRT.js";
+import { t as TabSwitch } from "./TabSwitch-CPf5sVyP.js";
 
 export { TabSwitch };

package/dist/text-area.d.ts

@@ -1,3 +1,3 @@
-import "./types-ubME1KhJ.js";
-import { t as TextArea } from "./index-CyntoY7A.js";
+import "./types-DbQDtnbC.js";
+import { t as TextArea } from "./index-C7Mip6Lj.js";
 export { TextArea };

package/dist/text-area.js

@@ -1,7 +1,7 @@
-import "./useThemedStyles-MLtE91hE.js";
-import "./Icon-61UaAUrM.js";
-import "./Typography-j84zoCoZ.js";
-import "./Label-BhqH21lT.js";
-import { t as TextArea } from "./TextArea-CUrG_9je.js";
+import "./useThemedStyles-Y17K6z_P.js";
+import "./Icon-D5APBt9w.js";
+import "./Typography-C3d8okRT.js";
+import "./Label-BF8xMYbk.js";
+import { t as TextArea } from "./TextArea-E7PBos0U.js";
 
 export { TextArea };

package/dist/theme-context.js

@@ -1,5 +1,5 @@
 'use client';
 
-import { n as useTheme, t as ThemeProvider } from "./ThemeContext-CesN6Ejm.js";
+import { n as useTheme, t as ThemeProvider } from "./ThemeContext-C4vgT3aV.js";
 
 export { ThemeProvider, useTheme };

package/dist/{types-Dsf33Reg.d.ts → types-BvquWQ1G.d.ts}

@@ -12,4 +12,4 @@ type FloatingOptions = {
 };
 //#endregion
 export { Placement as n, FloatingOptions as t };
-//# sourceMappingURL=types-Dsf33Reg.d.ts.map
+//# sourceMappingURL=types-BvquWQ1G.d.ts.map

package/dist/{types-ubME1KhJ.d.ts → types-DbQDtnbC.d.ts}

@@ -1,5 +1,5 @@
-import { a as TextProps, r as MarginProps } from "./styleProps-5iqKZpC1.js";
-import { r as TypeStyles, t as SlotStyle } from "./useThemedStyles-C6dNoaRC.js";
+import { a as TextProps, r as MarginProps } from "./styleProps-DUR9j3g2.js";
+import { r as TypeStyles, t as SlotStyle } from "./useThemedStyles-Cqb6BuHm.js";
 import { ElementType, ReactNode } from "react";
 
 //#region src/components/commons/toolkit/Typography/style.d.ts
@@ -40,4 +40,4 @@ type TextAlign = 'left' | 'center' | 'right' | 'justify';
 type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'b1' | 'b2' | 'b3' | 'caption' | 'legal';
 //#endregion
 export { TypographyVariant as n, TypographyProps as t };
-//# sourceMappingURL=types-ubME1KhJ.d.ts.map
+//# sourceMappingURL=types-DbQDtnbC.d.ts.map

package/dist/typography.d.ts

@@ -1,8 +1,8 @@
-import { t as TypographyProps } from "./types-ubME1KhJ.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { t as TypographyProps } from "./types-DbQDtnbC.js";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/commons/toolkit/Typography/index.d.ts
-declare function Typography(props: TypographyProps): react_jsx_runtime0.JSX.Element;
+declare function Typography(props: TypographyProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Typography };
 //# sourceMappingURL=typography.d.ts.map

package/dist/typography.js

@@ -1,4 +1,4 @@
-import "./useThemedStyles-MLtE91hE.js";
-import { t as Typography } from "./Typography-j84zoCoZ.js";
+import "./useThemedStyles-Y17K6z_P.js";
+import { t as Typography } from "./Typography-C3d8okRT.js";
 
 export { Typography };

package/dist/use-dismiss.js

@@ -1,3 +1,3 @@
-import { t as useDismiss } from "./useDismiss-DJ1mh-X3.js";
+import { t as useDismiss } from "./useDismiss-B13eSwzv.js";
 
 export { useDismiss };

package/dist/use-floating.d.ts

@@ -1,4 +1,4 @@
-import { t as FloatingOptions } from "./types-Dsf33Reg.js";
+import { t as FloatingOptions } from "./types-BvquWQ1G.js";
 
 //#region src/hooks/useFloating/index.d.ts
 type AnchorLike = {

package/dist/use-floating.js

@@ -1,3 +1,3 @@
-import { t as useFloating } from "./useFloating--PcINgSt.js";
+import { t as useFloating } from "./useFloating-CmbluyFe.js";
 
 export { useFloating };

package/dist/{useDismiss-DJ1mh-X3.js → useDismiss-B13eSwzv.js}

@@ -32,4 +32,4 @@ function useDismiss({ open, refs, closeOnEscape = true, closeOnOutsideClick = tr
 
 //#endregion
 export { useDismiss as t };
-//# sourceMappingURL=useDismiss-DJ1mh-X3.js.map
+//# sourceMappingURL=useDismiss-B13eSwzv.js.map

package/dist/{useDismiss-DJ1mh-X3.js.map → useDismiss-B13eSwzv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDismiss-DJ1mh-X3.js","names":[],"sources":["../src/hooks/useDismiss/index.ts"],"sourcesContent":["// External Libraries\nimport { type RefObject, useEffect } from 'react'\n\ntype UseDismissParams = {\n  open: boolean\n  closeOnEscape?: boolean\n  closeOnOutsideClick?: boolean\n  refs: Array<RefObject<HTMLElement | null>>\n  onClose: () => void\n}\n\nexport function useDismiss({\n  open,\n  refs,\n  closeOnEscape = true,\n  closeOnOutsideClick = true,\n  onClose\n}: UseDismissParams) {\n  useEffect(() => {\n    if (!open) return\n\n    const isInsideSomeRef = (node: Node) =>\n      refs.some(r => r.current?.contains(node))\n\n    const onMouseDown = (e: MouseEvent) => {\n      if (!closeOnOutsideClick) return\n      const t = e.target as Node\n      if (isInsideSomeRef(t)) return\n      onClose()\n    }\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (!closeOnEscape) return\n      if (e.key === 'Escape') onClose()\n    }\n\n    document.addEventListener('mousedown', onMouseDown)\n    document.addEventListener('keydown', onKeyDown)\n\n    return () => {\n      document.removeEventListener('mousedown', onMouseDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [open, onClose, refs, closeOnOutsideClick, closeOnEscape])\n}\n"],"mappings":";;;AAWA,SAAgB,WAAW,EACzB,MACA,MACA,gBAAgB,MAChB,sBAAsB,MACtB,WACmB;AACnB,iBAAgB;AACd,MAAI,CAAC,KAAM;EAEX,MAAM,mBAAmB,SACvB,KAAK,MAAK,MAAK,EAAE,SAAS,SAAS,KAAK,CAAC;EAE3C,MAAM,eAAe,MAAkB;AACrC,OAAI,CAAC,oBAAqB;GAC1B,MAAM,IAAI,EAAE;AACZ,OAAI,gBAAgB,EAAE,CAAE;AACxB,YAAS;;EAGX,MAAM,aAAa,MAAqB;AACtC,OAAI,CAAC,cAAe;AACpB,OAAI,EAAE,QAAQ,SAAU,UAAS;;AAGnC,WAAS,iBAAiB,aAAa,YAAY;AACnD,WAAS,iBAAiB,WAAW,UAAU;AAE/C,eAAa;AACX,YAAS,oBAAoB,aAAa,YAAY;AACtD,YAAS,oBAAoB,WAAW,UAAU;;IAEnD;EAAC;EAAM;EAAS;EAAM;EAAqB;EAAc,CAAC"}
+{"version":3,"file":"useDismiss-B13eSwzv.js","names":[],"sources":["../src/hooks/useDismiss/index.ts"],"sourcesContent":["// External Libraries\nimport { type RefObject, useEffect } from 'react'\n\ntype UseDismissParams = {\n  open: boolean\n  closeOnEscape?: boolean\n  closeOnOutsideClick?: boolean\n  refs: Array<RefObject<HTMLElement | null>>\n  onClose: () => void\n}\n\nexport function useDismiss({\n  open,\n  refs,\n  closeOnEscape = true,\n  closeOnOutsideClick = true,\n  onClose\n}: UseDismissParams) {\n  useEffect(() => {\n    if (!open) return\n\n    const isInsideSomeRef = (node: Node) =>\n      refs.some(r => r.current?.contains(node))\n\n    const onMouseDown = (e: MouseEvent) => {\n      if (!closeOnOutsideClick) return\n      const t = e.target as Node\n      if (isInsideSomeRef(t)) return\n      onClose()\n    }\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (!closeOnEscape) return\n      if (e.key === 'Escape') onClose()\n    }\n\n    document.addEventListener('mousedown', onMouseDown)\n    document.addEventListener('keydown', onKeyDown)\n\n    return () => {\n      document.removeEventListener('mousedown', onMouseDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [open, onClose, refs, closeOnOutsideClick, closeOnEscape])\n}\n"],"mappings":";;;AAWA,SAAgB,WAAW,EACzB,MACA,MACA,gBAAgB,MAChB,sBAAsB,MACtB,WACmB;AACnB,iBAAgB;AACd,MAAI,CAAC,KAAM;EAEX,MAAM,mBAAmB,SACvB,KAAK,MAAK,MAAK,EAAE,SAAS,SAAS,KAAK,CAAC;EAE3C,MAAM,eAAe,MAAkB;AACrC,OAAI,CAAC,oBAAqB;GAC1B,MAAM,IAAI,EAAE;AACZ,OAAI,gBAAgB,EAAE,CAAE;AACxB,YAAS;;EAGX,MAAM,aAAa,MAAqB;AACtC,OAAI,CAAC,cAAe;AACpB,OAAI,EAAE,QAAQ,SAAU,UAAS;;AAGnC,WAAS,iBAAiB,aAAa,YAAY;AACnD,WAAS,iBAAiB,WAAW,UAAU;AAE/C,eAAa;AACX,YAAS,oBAAoB,aAAa,YAAY;AACtD,YAAS,oBAAoB,WAAW,UAAU;;IAEnD;EAAC;EAAM;EAAS;EAAM;EAAqB;EAAc,CAAC"}

package/dist/{useFloating--PcINgSt.js → useFloating-CmbluyFe.js}

@@ -292,4 +292,4 @@ function useFloating(targetRef, options) {
 
 //#endregion
 export { useFloating as t };
-//# sourceMappingURL=useFloating--PcINgSt.js.map
+//# sourceMappingURL=useFloating-CmbluyFe.js.map

package/dist/{useFloating--PcINgSt.js.map → useFloating-CmbluyFe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useFloating--PcINgSt.js","names":["FALLBACK_PLACEMENTS: Record<Placement, Placement[]>","raw","scrollContainer: Window | HTMLElement | null"],"sources":["../src/hooks/useFloating/constants/fallbackPlacements.ts","../src/hooks/useFloating/utils/position.ts","../src/hooks/useFloating/index.ts"],"sourcesContent":["// Types\nimport type { Placement } from '@hooks/useFloating/types'\n\nexport const FALLBACK_PLACEMENTS: Record<Placement, Placement[]> = {\n  'bottom-start': [\n    'bottom-start',\n    'top-start',\n    'bottom-end',\n    'top-end',\n    'right-start',\n    'left-start'\n  ],\n  'bottom-end': [\n    'bottom-end',\n    'top-end',\n    'bottom-start',\n    'top-start',\n    'left-start',\n    'right-start'\n  ],\n  bottom: [\n    'bottom',\n    'top',\n    'bottom-start',\n    'bottom-end',\n    'top-start',\n    'top-end'\n  ],\n  'top-start': [\n    'top-start',\n    'bottom-start',\n    'top-end',\n    'bottom-end',\n    'right-start',\n    'left-start'\n  ],\n  'top-end': [\n    'top-end',\n    'bottom-end',\n    'top-start',\n    'bottom-start',\n    'left-start',\n    'right-start'\n  ],\n  top: ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'],\n  'right-start': [\n    'right-start',\n    'left-start',\n    'right-end',\n    'left-end',\n    'bottom-start',\n    'top-start'\n  ],\n  'right-end': [\n    'right-end',\n    'left-end',\n    'right-start',\n    'left-start',\n    'bottom-end',\n    'top-end'\n  ],\n  right: [\n    'right',\n    'left',\n    'right-start',\n    'right-end',\n    'left-start',\n    'left-end'\n  ],\n  'left-start': [\n    'left-start',\n    'right-start',\n    'left-end',\n    'right-end',\n    'bottom-start',\n    'top-start'\n  ],\n  'left-end': [\n    'left-end',\n    'right-end',\n    'left-start',\n    'right-start',\n    'bottom-end',\n    'top-end'\n  ],\n  left: ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'],\n  center: ['center', 'bottom', 'top', 'right', 'left']\n}\n","// Utils\nimport { FALLBACK_PLACEMENTS } from '../constants/fallbackPlacements'\n\n// Types\nimport type { Placement, PositionResult } from '@hooks/useFloating/types'\n\ntype CalcParams = {\n  rect: DOMRect\n  floatingRect: DOMRect\n  placement: Placement\n  offsetX: number\n  offsetY: number\n}\n\nfunction calcForPlacement({\n  rect,\n  offsetY,\n  offsetX,\n  placement,\n  floatingRect\n}: CalcParams): Omit<PositionResult, 'placement'> {\n  let top = rect.top + offsetY\n  let left = rect.left + offsetX\n\n  switch (placement) {\n    case 'top':\n      top = rect.top - floatingRect.height - offsetY\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      break\n\n    case 'top-start':\n      top = rect.top - floatingRect.height - offsetY\n      break\n\n    case 'top-end':\n      top = rect.top - floatingRect.height - offsetY\n      left = rect.right - offsetX - floatingRect.width\n      break\n\n    case 'bottom':\n      top = rect.bottom + offsetY\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      break\n\n    case 'bottom-start':\n      top = rect.bottom + offsetY\n      break\n\n    case 'bottom-end':\n      top = rect.bottom + offsetY\n      left = rect.right - offsetX - floatingRect.width\n      break\n\n    case 'left':\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'left-start':\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'left-end':\n      top = rect.bottom - floatingRect.height - offsetY\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'right':\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      left = rect.right + offsetX\n      break\n\n    case 'right-start':\n      left = rect.right + offsetX\n      break\n\n    case 'right-end':\n      left = rect.right + offsetX\n      top = rect.bottom - floatingRect.height - offsetY\n      break\n\n    case 'center':\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      break\n  }\n\n  return { top, left }\n}\n\nfunction clampToViewport(\n  top: number,\n  left: number,\n  floatingRect: DOMRect,\n  margin: number\n) {\n  const vw = window.innerWidth\n  const vh = window.innerHeight\n\n  const clampedLeft = Math.min(\n    Math.max(left, margin),\n    vw - floatingRect.width - margin\n  )\n  const clampedTop = Math.min(\n    Math.max(top, margin),\n    vh - floatingRect.height - margin\n  )\n\n  return { top: clampedTop, left: clampedLeft }\n}\n\nfunction overflows(\n  top: number,\n  left: number,\n  floatingRect: DOMRect,\n  margin: number\n) {\n  const vw = window.innerWidth\n  const vh = window.innerHeight\n  return {\n    left: left < margin,\n    right: left + floatingRect.width > vw - margin,\n    top: top < margin,\n    bottom: top + floatingRect.height > vh - margin\n  }\n}\n\nfunction fallbackPlacements(p: Placement): Placement[] {\n  return FALLBACK_PLACEMENTS[p] ?? [p]\n}\n\nexport function getPositionInViewport(params: {\n  rect: DOMRect\n  margin?: number\n  offsetX?: number\n  offsetY?: number\n  tryFlip?: boolean\n  floatingRect: DOMRect\n  placement: Placement\n}): PositionResult {\n  const {\n    rect,\n    floatingRect,\n    placement,\n    offsetX = 0,\n    offsetY = 0,\n    margin = 8,\n    tryFlip = true\n  } = params\n\n  const tries = tryFlip ? fallbackPlacements(placement) : [placement]\n\n  for (const p of tries) {\n    const raw = calcForPlacement({\n      rect,\n      floatingRect,\n      placement: p,\n      offsetX,\n      offsetY\n    })\n    const o = overflows(raw.top, raw.left, floatingRect, margin)\n    if (!o.left && !o.right && !o.top && !o.bottom) {\n      return { ...raw, placement: p }\n    }\n  }\n\n  const raw = calcForPlacement({\n    rect,\n    offsetY,\n    offsetX,\n    placement,\n    floatingRect\n  })\n  const clamped = clampToViewport(raw.top, raw.left, floatingRect, margin)\n  return { ...clamped, placement }\n}\n","// External Libraries\nimport { useMemo, useState, useEffect, useCallback } from 'react'\n\n// Utils\nimport { getPositionInViewport } from '@hooks/useFloating/utils/position'\n\n// Types\nimport type { FloatingOptions } from '@hooks/useFloating/types'\n\nexport type AnchorLike = { getBoundingClientRect: () => DOMRect }\ntype Anchor = HTMLElement | AnchorLike\n\nfunction isElement(value: unknown): value is Element {\n  return value instanceof Element\n}\n\nexport function useFloating(\n  targetRef: React.RefObject<Anchor>,\n  options?: FloatingOptions\n) {\n  const {\n    offsetX = 0,\n    offsetY = 6,\n    strategy = 'fixed',\n    scrollContainerId,\n    viewportMargin = 8,\n    keepInViewport = true,\n    placement = 'bottom-start'\n  } = options || {}\n\n  const [floatingEl, setFloatingEl] = useState<HTMLElement | null>(null)\n\n  const update = useCallback(() => {\n    const target = targetRef.current\n    const floating = floatingEl\n    if (!target || !floating) return\n\n    const rect = target.getBoundingClientRect()\n    const floatingRect = floating.getBoundingClientRect()\n\n    const pos = getPositionInViewport({\n      rect,\n      offsetX,\n      offsetY,\n      placement,\n      floatingRect,\n      tryFlip: keepInViewport,\n      margin: viewportMargin\n    })\n\n    floating.style.top = '0px'\n    floating.style.left = '0px'\n    floating.style.position = strategy\n    floating.style.transform = `translate(${pos.left}px, ${pos.top}px)`\n  }, [\n    offsetX,\n    offsetY,\n    strategy,\n    floatingEl,\n    placement,\n    targetRef,\n    keepInViewport,\n    viewportMargin\n  ])\n\n  useEffect(() => {\n    if (!floatingEl) return\n\n    const scrollContainer: Window | HTMLElement | null = scrollContainerId\n      ? document.getElementById(scrollContainerId)\n      : window\n\n    update()\n\n    const rafUpdate = () => requestAnimationFrame(update)\n\n    // scroll (Window ou Element)\n    if (scrollContainer && 'addEventListener' in scrollContainer) {\n      scrollContainer.addEventListener('scroll', rafUpdate, { passive: true })\n    }\n    window.addEventListener('resize', rafUpdate, { passive: true })\n\n    const ro = new ResizeObserver(rafUpdate)\n\n    const target = targetRef.current\n\n    if (isElement(target)) ro.observe(target)\n\n    ro.observe(floatingEl)\n\n    return () => {\n      if (scrollContainer && 'removeEventListener' in scrollContainer) {\n        scrollContainer.removeEventListener('scroll', rafUpdate as any)\n      }\n      window.removeEventListener('resize', rafUpdate)\n      ro.disconnect()\n    }\n  }, [floatingEl, update, scrollContainerId, targetRef])\n\n  const floatingRef = useCallback((el: HTMLElement | null) => {\n    setFloatingEl(el)\n  }, [])\n\n  return useMemo(\n    () => ({ floatingEl, floatingRef, update }),\n    [floatingEl, floatingRef, update]\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"useFloating-CmbluyFe.js","names":["FALLBACK_PLACEMENTS: Record<Placement, Placement[]>","raw","scrollContainer: Window | HTMLElement | null"],"sources":["../src/hooks/useFloating/constants/fallbackPlacements.ts","../src/hooks/useFloating/utils/position.ts","../src/hooks/useFloating/index.ts"],"sourcesContent":["// Types\nimport type { Placement } from '@hooks/useFloating/types'\n\nexport const FALLBACK_PLACEMENTS: Record<Placement, Placement[]> = {\n  'bottom-start': [\n    'bottom-start',\n    'top-start',\n    'bottom-end',\n    'top-end',\n    'right-start',\n    'left-start'\n  ],\n  'bottom-end': [\n    'bottom-end',\n    'top-end',\n    'bottom-start',\n    'top-start',\n    'left-start',\n    'right-start'\n  ],\n  bottom: [\n    'bottom',\n    'top',\n    'bottom-start',\n    'bottom-end',\n    'top-start',\n    'top-end'\n  ],\n  'top-start': [\n    'top-start',\n    'bottom-start',\n    'top-end',\n    'bottom-end',\n    'right-start',\n    'left-start'\n  ],\n  'top-end': [\n    'top-end',\n    'bottom-end',\n    'top-start',\n    'bottom-start',\n    'left-start',\n    'right-start'\n  ],\n  top: ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'],\n  'right-start': [\n    'right-start',\n    'left-start',\n    'right-end',\n    'left-end',\n    'bottom-start',\n    'top-start'\n  ],\n  'right-end': [\n    'right-end',\n    'left-end',\n    'right-start',\n    'left-start',\n    'bottom-end',\n    'top-end'\n  ],\n  right: [\n    'right',\n    'left',\n    'right-start',\n    'right-end',\n    'left-start',\n    'left-end'\n  ],\n  'left-start': [\n    'left-start',\n    'right-start',\n    'left-end',\n    'right-end',\n    'bottom-start',\n    'top-start'\n  ],\n  'left-end': [\n    'left-end',\n    'right-end',\n    'left-start',\n    'right-start',\n    'bottom-end',\n    'top-end'\n  ],\n  left: ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'],\n  center: ['center', 'bottom', 'top', 'right', 'left']\n}\n","// Utils\nimport { FALLBACK_PLACEMENTS } from '../constants/fallbackPlacements'\n\n// Types\nimport type { Placement, PositionResult } from '@hooks/useFloating/types'\n\ntype CalcParams = {\n  rect: DOMRect\n  floatingRect: DOMRect\n  placement: Placement\n  offsetX: number\n  offsetY: number\n}\n\nfunction calcForPlacement({\n  rect,\n  offsetY,\n  offsetX,\n  placement,\n  floatingRect\n}: CalcParams): Omit<PositionResult, 'placement'> {\n  let top = rect.top + offsetY\n  let left = rect.left + offsetX\n\n  switch (placement) {\n    case 'top':\n      top = rect.top - floatingRect.height - offsetY\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      break\n\n    case 'top-start':\n      top = rect.top - floatingRect.height - offsetY\n      break\n\n    case 'top-end':\n      top = rect.top - floatingRect.height - offsetY\n      left = rect.right - offsetX - floatingRect.width\n      break\n\n    case 'bottom':\n      top = rect.bottom + offsetY\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      break\n\n    case 'bottom-start':\n      top = rect.bottom + offsetY\n      break\n\n    case 'bottom-end':\n      top = rect.bottom + offsetY\n      left = rect.right - offsetX - floatingRect.width\n      break\n\n    case 'left':\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'left-start':\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'left-end':\n      top = rect.bottom - floatingRect.height - offsetY\n      left = rect.left - floatingRect.width - offsetX\n      break\n\n    case 'right':\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      left = rect.right + offsetX\n      break\n\n    case 'right-start':\n      left = rect.right + offsetX\n      break\n\n    case 'right-end':\n      left = rect.right + offsetX\n      top = rect.bottom - floatingRect.height - offsetY\n      break\n\n    case 'center':\n      left = rect.left + rect.width / 2 - floatingRect.width / 2 + offsetX\n      top = rect.top + rect.height / 2 - floatingRect.height / 2 + offsetY\n      break\n  }\n\n  return { top, left }\n}\n\nfunction clampToViewport(\n  top: number,\n  left: number,\n  floatingRect: DOMRect,\n  margin: number\n) {\n  const vw = window.innerWidth\n  const vh = window.innerHeight\n\n  const clampedLeft = Math.min(\n    Math.max(left, margin),\n    vw - floatingRect.width - margin\n  )\n  const clampedTop = Math.min(\n    Math.max(top, margin),\n    vh - floatingRect.height - margin\n  )\n\n  return { top: clampedTop, left: clampedLeft }\n}\n\nfunction overflows(\n  top: number,\n  left: number,\n  floatingRect: DOMRect,\n  margin: number\n) {\n  const vw = window.innerWidth\n  const vh = window.innerHeight\n  return {\n    left: left < margin,\n    right: left + floatingRect.width > vw - margin,\n    top: top < margin,\n    bottom: top + floatingRect.height > vh - margin\n  }\n}\n\nfunction fallbackPlacements(p: Placement): Placement[] {\n  return FALLBACK_PLACEMENTS[p] ?? [p]\n}\n\nexport function getPositionInViewport(params: {\n  rect: DOMRect\n  margin?: number\n  offsetX?: number\n  offsetY?: number\n  tryFlip?: boolean\n  floatingRect: DOMRect\n  placement: Placement\n}): PositionResult {\n  const {\n    rect,\n    floatingRect,\n    placement,\n    offsetX = 0,\n    offsetY = 0,\n    margin = 8,\n    tryFlip = true\n  } = params\n\n  const tries = tryFlip ? fallbackPlacements(placement) : [placement]\n\n  for (const p of tries) {\n    const raw = calcForPlacement({\n      rect,\n      floatingRect,\n      placement: p,\n      offsetX,\n      offsetY\n    })\n    const o = overflows(raw.top, raw.left, floatingRect, margin)\n    if (!o.left && !o.right && !o.top && !o.bottom) {\n      return { ...raw, placement: p }\n    }\n  }\n\n  const raw = calcForPlacement({\n    rect,\n    offsetY,\n    offsetX,\n    placement,\n    floatingRect\n  })\n  const clamped = clampToViewport(raw.top, raw.left, floatingRect, margin)\n  return { ...clamped, placement }\n}\n","// External Libraries\nimport { useMemo, useState, useEffect, useCallback } from 'react'\n\n// Utils\nimport { getPositionInViewport } from '@hooks/useFloating/utils/position'\n\n// Types\nimport type { FloatingOptions } from '@hooks/useFloating/types'\n\nexport type AnchorLike = { getBoundingClientRect: () => DOMRect }\ntype Anchor = HTMLElement | AnchorLike\n\nfunction isElement(value: unknown): value is Element {\n  return value instanceof Element\n}\n\nexport function useFloating(\n  targetRef: React.RefObject<Anchor>,\n  options?: FloatingOptions\n) {\n  const {\n    offsetX = 0,\n    offsetY = 6,\n    strategy = 'fixed',\n    scrollContainerId,\n    viewportMargin = 8,\n    keepInViewport = true,\n    placement = 'bottom-start'\n  } = options || {}\n\n  const [floatingEl, setFloatingEl] = useState<HTMLElement | null>(null)\n\n  const update = useCallback(() => {\n    const target = targetRef.current\n    const floating = floatingEl\n    if (!target || !floating) return\n\n    const rect = target.getBoundingClientRect()\n    const floatingRect = floating.getBoundingClientRect()\n\n    const pos = getPositionInViewport({\n      rect,\n      offsetX,\n      offsetY,\n      placement,\n      floatingRect,\n      tryFlip: keepInViewport,\n      margin: viewportMargin\n    })\n\n    floating.style.top = '0px'\n    floating.style.left = '0px'\n    floating.style.position = strategy\n    floating.style.transform = `translate(${pos.left}px, ${pos.top}px)`\n  }, [\n    offsetX,\n    offsetY,\n    strategy,\n    floatingEl,\n    placement,\n    targetRef,\n    keepInViewport,\n    viewportMargin\n  ])\n\n  useEffect(() => {\n    if (!floatingEl) return\n\n    const scrollContainer: Window | HTMLElement | null = scrollContainerId\n      ? document.getElementById(scrollContainerId)\n      : window\n\n    update()\n\n    const rafUpdate = () => requestAnimationFrame(update)\n\n    // scroll (Window ou Element)\n    if (scrollContainer && 'addEventListener' in scrollContainer) {\n      scrollContainer.addEventListener('scroll', rafUpdate, { passive: true })\n    }\n    window.addEventListener('resize', rafUpdate, { passive: true })\n\n    const ro = new ResizeObserver(rafUpdate)\n\n    const target = targetRef.current\n\n    if (isElement(target)) ro.observe(target)\n\n    ro.observe(floatingEl)\n\n    return () => {\n      if (scrollContainer && 'removeEventListener' in scrollContainer) {\n        scrollContainer.removeEventListener('scroll', rafUpdate as any)\n      }\n      window.removeEventListener('resize', rafUpdate)\n      ro.disconnect()\n    }\n  }, [floatingEl, update, scrollContainerId, targetRef])\n\n  const floatingRef = useCallback((el: HTMLElement | null) => {\n    setFloatingEl(el)\n  }, [])\n\n  return useMemo(\n    () => ({ floatingEl, floatingRef, update }),\n    [floatingEl, floatingRef, update]\n  )\n}\n"],"mappings":"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"}

package/dist/{useThemedStyles-C6dNoaRC.d.ts → useThemedStyles-Cqb6BuHm.d.ts}

@@ -89,4 +89,4 @@ type TypeStyles<TFactory extends StylesFactoryAny> = Partial<{ [K in keyof Retur
 type StylesOf<T extends (...args: any) => any> = Partial<ReturnType<T>>;
 //#endregion
 export { StylesOf as n, TypeStyles as r, SlotStyle as t };
-//# sourceMappingURL=useThemedStyles-C6dNoaRC.d.ts.map
+//# sourceMappingURL=useThemedStyles-Cqb6BuHm.d.ts.map

package/dist/{useThemedStyles-MLtE91hE.js → useThemedStyles-Y17K6z_P.js}

@@ -408,4 +408,4 @@ function useThemedStyles(props, factory, options) {
 
 //#endregion
 export { styled as n, WEIGHTS as r, useThemedStyles as t };
-//# sourceMappingURL=useThemedStyles-MLtE91hE.js.map
+//# sourceMappingURL=useThemedStyles-Y17K6z_P.js.map