softable-pixels-web 1.1.7 → 1.1.9

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

@@ -1,5 +1,4 @@
-import { n as StyleMap } from "./useThemedStyles-B7irjShy.js";
-import { n as TypographyVariant } from "./types-CDUx-y9q.js";
+import { n as TypographyVariant } from "./types-ubME1KhJ.js";
 import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/assets/icons/index.d.ts
@@ -15,7 +14,37 @@ declare const icons: {
 type IconName = keyof typeof icons;
 //#endregion
 //#region src/components/commons/inputs/TextArea/styles.d.ts
-declare function createTextAreaStyles(props: TextAreaProps): StyleMap;
+declare function createTextAreaStyles(props: TextAreaProps): {
+  iconContainer: {
+    position: "absolute";
+    left: string;
+    top: string;
+    transform: "translateY(-50%)";
+  };
+  textArea: {
+    height: string;
+    width: string;
+    paddingBlock: string;
+    paddingInline: string;
+    borderRadius: string;
+    resize: "none";
+    fontWeight: "400";
+    fontSize: string;
+    color: "var(--px-text-primary)";
+    border: string;
+    outlineOffset: string;
+    cursor: "default" | undefined;
+    paddingLeft: string | undefined;
+    __rules: {
+      '&::placeholder': {
+        color: string;
+      };
+      '&:focus': {
+        outline: string;
+      };
+    };
+  };
+};
 //#endregion
 //#region src/components/commons/inputs/TextArea/types.d.ts
 interface TextAreaProps {
@@ -45,4 +74,4 @@ interface TextAreaProps {
 declare const TextArea: (props: TextAreaProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { TextArea as t };
-//# sourceMappingURL=index-BspBF3Mv.d.ts.map
+//# sourceMappingURL=index-CyntoY7A.d.ts.map

package/dist/index-DH0vhxG-.d.ts

@@ -0,0 +1,103 @@
+import { a as TextProps, n as LayoutProps, r as MarginProps } from "./styleProps-5iqKZpC1.js";
+import { n as StylesOf } from "./useThemedStyles-C6dNoaRC.js";
+import * as react0 from "react";
+import { HTMLInputTypeAttribute, ReactNode } from "react";
+
+//#region src/components/commons/inputs/Input/styles.d.ts
+declare function createInputStyles(props: InputProps): {
+  container: {
+    width: string;
+    display: "flex";
+    flexDirection: "column";
+    rowGap: string;
+  };
+  wrapper: {
+    width: string;
+    display: "flex";
+    alignItems: "center";
+    borderWidth: number;
+    columnGap: string;
+    borderRadius: string;
+    padding: string;
+    opacity: number;
+    boxShadow: "0px 1px 2px 0px #0A0D120D";
+    borderColor: "var(--px-color-error)" | "var(--px-border-primary)";
+    __rules: {
+      '&:focus-within': {
+        outlineOffset: string;
+        outline: string;
+      };
+    };
+  };
+  input: {
+    flex: number;
+    fontWeight: number;
+    fontSize: string;
+    lineHeight: string;
+    fontFamily: "inherit";
+    color: "var(--px-text-primary)";
+    __rules: {
+      '&:disabled': {
+        cursor: "not-allowed";
+      };
+      '&:focus': {
+        outline: string;
+      };
+      '&::placeholder': {
+        fontWeight: number;
+        color: "var(--px-text-secondary)";
+      };
+    };
+  };
+  error: {
+    display: "block";
+    fontWeight: number;
+    lineHeight: string;
+    fontSize: string;
+    fontFamily: "inherit";
+    color: "var(--px-text-error)";
+  };
+  button: {
+    display: "flex";
+    alignItems: "center";
+    justifyContent: "center";
+    cursor: "pointer";
+    padding: string;
+    borderRadius: string;
+    __rules: {
+      '&:focus': {
+        outline: string;
+      };
+    };
+  };
+};
+//#endregion
+//#region src/components/commons/inputs/Input/types.d.ts
+interface InputProps extends LayoutProps, MarginProps {
+  id?: string;
+  label: string;
+  value?: string;
+  placeholder?: string;
+  type?: HTMLInputTypeAttribute;
+  required?: boolean;
+  disabled?: boolean;
+  minLength?: number;
+  maxLength?: number;
+  errorMessage?: string;
+  endIcon?: ReactNode;
+  startIcon?: ReactNode;
+  styles?: StylesOf<typeof createInputStyles>;
+  requiredColor?: string;
+  labelConfig?: TextProps;
+  onChange: (value: string) => void;
+}
+interface InputMethods {
+  focus: () => void;
+  blur: () => void;
+}
+//#endregion
+//#region src/components/commons/inputs/Input/index.d.ts
+declare const Input: react0.ForwardRefExoticComponent<InputProps & react0.RefAttributes<InputMethods>>;
+//#endregion
+export { Input as t };
+//# sourceMappingURL=index-DH0vhxG-.d.ts.map

package/dist/index-DewFmT68.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+
+//#region src/components/commons/toolkit/Switch/types.d.ts
+interface SwitchThumbProps {
+  checked: boolean;
+  colorIndicator?: string;
+  colorActive?: string;
+  colorInactive?: string;
+}
+//#endregion
+//#region src/components/commons/toolkit/Switch/index.d.ts
+declare const Switch: React.FC<SwitchThumbProps>;
+//#endregion
+export { Switch as t };
+//# sourceMappingURL=index-DewFmT68.d.ts.map

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

@@ -1,6 +1,6 @@
-import { i as PaddingProps } from "./styleProps-D405c8KF.js";
-import { i as styled, r as TypeStyles } from "./useThemedStyles-B7irjShy.js";
-import { n as TypographyVariant } from "./types-CDUx-y9q.js";
+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 React, { MouseEvent, ReactNode } from "react";
 
 //#region src/components/commons/buttons/Button/styles.d.ts
@@ -12,7 +12,41 @@ declare function createButtonStyles({
   fullWidth,
   textAlign,
   outlineColor
-}: ButtonProps): ReturnType<typeof styled>;
+}: ButtonProps): {
+  container: {
+    minHeight: string;
+    width: string;
+    position: "relative";
+    display: "flex";
+    justifyContent: Align;
+    padding: string;
+    gap: string;
+    borderRadius: string;
+    cursor: "pointer";
+    transition: "background-color 0.5s";
+    border: string;
+    backgroundColor: string;
+    boxShadow: "none" | "0px -1px 0px #0A0D120D inset, 0px 1px 2px #0A0D120D";
+    __rules: {
+      '&:hover': {
+        opacity: "0.85 !important";
+      };
+      '&:disabled': {
+        opacity: "0.5 !important";
+        cursor: "not-allowed !important";
+      };
+    };
+  };
+  content: {
+    display: "flex";
+    flexDirection: "row";
+    alignItems: "center";
+    padding: string;
+    borderRadius: string;
+    whiteSpace: "nowrap";
+    columnGap: string;
+  };
+};
 //#endregion
 //#region src/components/commons/buttons/Button/types.d.ts
 type Align = 'center' | 'left' | 'right';
@@ -80,4 +114,4 @@ interface ButtonProps extends PaddingProps {
 declare const Button: React.FC<ButtonProps>;
 //#endregion
 export { Button as t };
-//# sourceMappingURL=index-DVz2cTUe.d.ts.map
+//# sourceMappingURL=index-YYjoEwNX.d.ts.map

package/dist/index.d.ts

@@ -1,12 +1,18 @@
-import "./types-CDUx-y9q.js";
-import { t as Button } from "./index-DVz2cTUe.js";
-import { t as IconButton } from "./index-CyvtOmP2.js";
-import { t as Input } from "./index-pnnP9M22.js";
-import { t as TextArea } from "./index-BspBF3Mv.js";
-import { t as CheckItem } from "./index-akSk71wZ.js";
-import { t as Checkbox } from "./index-C9iMLJTU.js";
+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 { InfoSummary, InfoSummaryItem, InfoSummaryProps } from "./info-summary.js";
-import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-DUrGjyKy.js";
+import { t as Popover } from "./index-BANOx3xI.js";
+import { t as Switch } from "./index-DewFmT68.js";
+import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-2WYvBk8I.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-CIxyqe-m.js";
-export { Button, CheckItem, Checkbox, IconButton, InfoSummary, InfoSummaryItem, InfoSummaryProps, Input, SwitchOption, TabSwitch, TabSwitchProps, TextArea, ThemeContextData, ThemeMode, ThemeName, ThemePersistence, ThemeProvider, ThemeProviderProps, ThemeRegistry, ThemeTokens, Typography, useTheme };
+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 };

package/dist/index.js

@@ -1,15 +1,21 @@
-import "./Icon-Cv0qztmq.js";
-import "./useThemedStyles-3rUXJYgS.js";
-import { t as Typography } from "./Typography-BE-vQSfx.js";
-import { t as Checkbox } from "./Checkbox-6ivVbzcX.js";
-import { n as useTheme, t as ThemeProvider } from "./ThemeContext-Dro_peJg.js";
-import { t as TabSwitch } from "./TabSwitch-De30bFX2.js";
-import { t as InfoSummary } from "./InfoSummary-uorFDD40.js";
-import { t as CheckItem } from "./CheckItem-DsIiS-2X.js";
-import { t as Button } from "./Button-BiSdxI2A.js";
-import { t as IconButton } from "./IconButton-BBdkzg3b.js";
-import "./Label-QQpNWSeV.js";
-import { t as Input } from "./Input-BvbMEjwE.js";
-import { t as TextArea } from "./TextArea-CpIx36BV.js";
+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 { useVirtualAnchor } from "./use-virtual-anchor.js";
 
-export { Button, CheckItem, Checkbox, IconButton, InfoSummary, Input, TabSwitch, TextArea, ThemeProvider, Typography, useTheme };
+export { Button, CheckItem, Checkbox, ContextMenu, IconButton, InfoSummary, Input, Popover, Switch, TabSwitch, TextArea, ThemeProvider, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };

package/dist/info-summary.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from "react";
 
-//#region src/components/toolkit/InfoSummary/types.d.ts
+//#region src/components/commons/toolkit/InfoSummary/types.d.ts
 interface InfoSummaryProps {
   /**
    * Indicates whether the component is in a loading state.
@@ -55,7 +55,7 @@ interface InfoSummaryItem {
   caption?: string;
 }
 //#endregion
-//#region src/components/toolkit/InfoSummary/index.d.ts
+//#region src/components/commons/toolkit/InfoSummary/index.d.ts
 declare const InfoSummary: React.FC<InfoSummaryProps>;
 //#endregion
 export { InfoSummary, InfoSummaryItem, InfoSummaryProps };

package/dist/info-summary.js

@@ -1,5 +1,5 @@
-import "./useThemedStyles-3rUXJYgS.js";
-import "./Typography-BE-vQSfx.js";
-import { t as InfoSummary } from "./InfoSummary-uorFDD40.js";
+import "./useThemedStyles-MLtE91hE.js";
+import "./Typography-j84zoCoZ.js";
+import { t as InfoSummary } from "./InfoSummary-DcupqKIy.js";
 
 export { InfoSummary };

package/dist/input.d.ts

@@ -1,3 +1,2 @@
-import "./types-CDUx-y9q.js";
-import { t as Input } from "./index-pnnP9M22.js";
+import { t as Input } from "./index-DH0vhxG-.js";
 export { Input };

package/dist/input.js

@@ -1,7 +1,7 @@
-import "./Icon-Cv0qztmq.js";
-import "./useThemedStyles-3rUXJYgS.js";
-import "./Typography-BE-vQSfx.js";
-import "./Label-QQpNWSeV.js";
-import { t as Input } from "./Input-BvbMEjwE.js";
+import "./useThemedStyles-MLtE91hE.js";
+import "./Icon-61UaAUrM.js";
+import "./Typography-j84zoCoZ.js";
+import "./Label-BhqH21lT.js";
+import { t as Input } from "./Input-DLJz5Mrn.js";
 
 export { Input };

package/dist/popover.d.ts

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

package/dist/popover.js

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

package/dist/{styleProps-D405c8KF.d.ts → styleProps-5iqKZpC1.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-D405c8KF.d.ts.map
+//# sourceMappingURL=styleProps-5iqKZpC1.d.ts.map

package/dist/switch.d.ts

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

package/dist/switch.js

@@ -0,0 +1,4 @@
+import "./useThemedStyles-MLtE91hE.js";
+import { t as Switch } from "./Switch-B4e9qBOu.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-DUrGjyKy.js";
+import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-2WYvBk8I.js";
 export { SwitchOption, TabSwitch, TabSwitchProps };

package/dist/tab-switch.js

@@ -1,5 +1,5 @@
-import "./useThemedStyles-3rUXJYgS.js";
-import "./Typography-BE-vQSfx.js";
-import { t as TabSwitch } from "./TabSwitch-De30bFX2.js";
+import "./useThemedStyles-MLtE91hE.js";
+import "./Typography-j84zoCoZ.js";
+import { t as TabSwitch } from "./TabSwitch-CvnlK0NZ.js";
 
 export { TabSwitch };

package/dist/text-area.d.ts

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

package/dist/text-area.js

@@ -1,7 +1,7 @@
-import "./Icon-Cv0qztmq.js";
-import "./useThemedStyles-3rUXJYgS.js";
-import "./Typography-BE-vQSfx.js";
-import "./Label-QQpNWSeV.js";
-import { t as TextArea } from "./TextArea-CpIx36BV.js";
+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";
 
 export { TextArea };

package/dist/theme-context.d.ts

@@ -1,2 +1,2 @@
-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-CIxyqe-m.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";
 export { ThemeContextData, ThemeMode, ThemeName, ThemePersistence, ThemeProvider, ThemeProviderProps, ThemeRegistry, ThemeTokens, useTheme };

package/dist/theme-context.js

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

package/dist/types-Dsf33Reg.d.ts

@@ -0,0 +1,15 @@
+//#region src/hooks/useFloating/types.d.ts
+type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'center';
+type Strategy = 'fixed' | 'absolute';
+type FloatingOptions = {
+  placement?: Placement;
+  offsetX?: number;
+  offsetY?: number;
+  keepInViewport?: boolean;
+  viewportMargin?: number;
+  scrollContainerId?: string;
+  strategy?: Strategy;
+};
+//#endregion
+export { Placement as n, FloatingOptions as t };
+//# sourceMappingURL=types-Dsf33Reg.d.ts.map

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

@@ -1,8 +1,8 @@
-import { a as TextProps, r as MarginProps } from "./styleProps-D405c8KF.js";
-import { r as TypeStyles, t as SlotStyle } from "./useThemedStyles-B7irjShy.js";
+import { a as TextProps, r as MarginProps } from "./styleProps-5iqKZpC1.js";
+import { r as TypeStyles, t as SlotStyle } from "./useThemedStyles-C6dNoaRC.js";
 import { ElementType, ReactNode } from "react";
 
-//#region src/components/toolkit/Typography/style.d.ts
+//#region src/components/commons/toolkit/Typography/style.d.ts
 declare function createTypographyStyles(props: TypographyProps): {
   base: {
     display: "flex";
@@ -22,7 +22,7 @@ declare function createTypographyStyles(props: TypographyProps): {
   text: SlotStyle;
 };
 //#endregion
-//#region src/components/toolkit/Typography/types.d.ts
+//#region src/components/commons/toolkit/Typography/types.d.ts
 interface TypographyProps extends TextProps, MarginProps {
   variant: TypographyVariant;
   id?: string;
@@ -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-CDUx-y9q.d.ts.map
+//# sourceMappingURL=types-ubME1KhJ.d.ts.map

package/dist/typography.d.ts

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

package/dist/typography.js

@@ -1,4 +1,4 @@
-import "./useThemedStyles-3rUXJYgS.js";
-import { t as Typography } from "./Typography-BE-vQSfx.js";
+import "./useThemedStyles-MLtE91hE.js";
+import { t as Typography } from "./Typography-j84zoCoZ.js";
 
 export { Typography };

package/dist/use-dismiss.d.ts

@@ -0,0 +1,20 @@
+import { RefObject } from "react";
+
+//#region src/hooks/useDismiss/index.d.ts
+type UseDismissParams = {
+  open: boolean;
+  closeOnEscape?: boolean;
+  closeOnOutsideClick?: boolean;
+  refs: Array<RefObject<HTMLElement | null>>;
+  onClose: () => void;
+};
+declare function useDismiss({
+  open,
+  refs,
+  closeOnEscape,
+  closeOnOutsideClick,
+  onClose
+}: UseDismissParams): void;
+//#endregion
+export { useDismiss };
+//# sourceMappingURL=use-dismiss.d.ts.map

package/dist/use-dismiss.js

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

package/dist/use-floating.d.ts

@@ -0,0 +1,15 @@
+import { t as FloatingOptions } from "./types-Dsf33Reg.js";
+
+//#region src/hooks/useFloating/index.d.ts
+type AnchorLike = {
+  getBoundingClientRect: () => DOMRect;
+};
+type Anchor = HTMLElement | AnchorLike;
+declare function useFloating(targetRef: React.RefObject<Anchor>, options?: FloatingOptions): {
+  floatingEl: HTMLElement | null;
+  floatingRef: (el: HTMLElement | null) => void;
+  update: () => void;
+};
+//#endregion
+export { AnchorLike, useFloating };
+//# sourceMappingURL=use-floating.d.ts.map

package/dist/use-floating.js

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

package/dist/use-virtual-anchor.d.ts

@@ -0,0 +1,12 @@
+import { AnchorLike } from "./use-floating.js";
+
+//#region src/hooks/useVirtualAnchor/index.d.ts
+declare function useVirtualAnchor(): {
+  anchorRef: {
+    current: AnchorLike;
+  };
+  setPoint: (x: number, y: number) => void;
+};
+//#endregion
+export { useVirtualAnchor };
+//# sourceMappingURL=use-virtual-anchor.d.ts.map

package/dist/use-virtual-anchor.js

@@ -0,0 +1,40 @@
+import { useCallback, useMemo, useRef } from "react";
+
+//#region src/hooks/useVirtualAnchor/index.ts
+function rectFromPoint({ x, y }) {
+	return {
+		x,
+		y,
+		top: y,
+		left: x,
+		right: x,
+		bottom: y,
+		width: 0,
+		height: 0,
+		toJSON: () => ({
+			x,
+			y
+		})
+	};
+}
+function useVirtualAnchor() {
+	const pointRef = useRef({
+		x: 0,
+		y: 0
+	});
+	return {
+		anchorRef: useMemo(() => {
+			return { current: { getBoundingClientRect: () => rectFromPoint(pointRef.current) } };
+		}, []),
+		setPoint: useCallback((x, y) => {
+			pointRef.current = {
+				x,
+				y
+			};
+		}, [])
+	};
+}
+
+//#endregion
+export { useVirtualAnchor };
+//# sourceMappingURL=use-virtual-anchor.js.map

package/dist/use-virtual-anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-virtual-anchor.js","names":[],"sources":["../src/hooks/useVirtualAnchor/index.ts"],"sourcesContent":["// External Libraries\nimport { useCallback, useMemo, useRef } from 'react'\n\n// Types\nimport type { AnchorLike } from '../useFloating'\n\ntype Point = { x: number; y: number }\n\nfunction rectFromPoint({ x, y }: Point): DOMRect {\n  return {\n    x,\n    y,\n    top: y,\n    left: x,\n    right: x,\n    bottom: y,\n    width: 0,\n    height: 0,\n    toJSON: () => ({ x, y })\n  } as unknown as DOMRect\n}\n\nexport function useVirtualAnchor() {\n  const pointRef = useRef<Point>({ x: 0, y: 0 })\n\n  const anchorRef = useMemo(() => {\n    const virtualEl: AnchorLike = {\n      getBoundingClientRect: () => rectFromPoint(pointRef.current)\n    }\n    return { current: virtualEl }\n  }, [])\n\n  const setPoint = useCallback((x: number, y: number) => {\n    pointRef.current = { x, y }\n  }, [])\n\n  return { anchorRef, setPoint }\n}\n"],"mappings":";;;AAQA,SAAS,cAAc,EAAE,GAAG,KAAqB;AAC/C,QAAO;EACL;EACA;EACA,KAAK;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,eAAe;GAAE;GAAG;GAAG;EACxB;;AAGH,SAAgB,mBAAmB;CACjC,MAAM,WAAW,OAAc;EAAE,GAAG;EAAG,GAAG;EAAG,CAAC;AAa9C,QAAO;EAAE,WAXS,cAAc;AAI9B,UAAO,EAAE,SAHqB,EAC5B,6BAA6B,cAAc,SAAS,QAAQ,EAC7D,EAC4B;KAC5B,EAAE,CAAC;EAMc,UAJH,aAAa,GAAW,MAAc;AACrD,YAAS,UAAU;IAAE;IAAG;IAAG;KAC1B,EAAE,CAAC;EAEwB"}

package/dist/useDismiss-DJ1mh-X3.js

@@ -0,0 +1,35 @@
+import { useEffect } from "react";
+
+//#region src/hooks/useDismiss/index.ts
+function useDismiss({ open, refs, closeOnEscape = true, closeOnOutsideClick = true, onClose }) {
+	useEffect(() => {
+		if (!open) return;
+		const isInsideSomeRef = (node) => refs.some((r) => r.current?.contains(node));
+		const onMouseDown = (e) => {
+			if (!closeOnOutsideClick) return;
+			const t = e.target;
+			if (isInsideSomeRef(t)) return;
+			onClose();
+		};
+		const onKeyDown = (e) => {
+			if (!closeOnEscape) return;
+			if (e.key === "Escape") onClose();
+		};
+		document.addEventListener("mousedown", onMouseDown);
+		document.addEventListener("keydown", onKeyDown);
+		return () => {
+			document.removeEventListener("mousedown", onMouseDown);
+			document.removeEventListener("keydown", onKeyDown);
+		};
+	}, [
+		open,
+		onClose,
+		refs,
+		closeOnOutsideClick,
+		closeOnEscape
+	]);
+}
+
+//#endregion
+export { useDismiss as t };
+//# sourceMappingURL=useDismiss-DJ1mh-X3.js.map

package/dist/useDismiss-DJ1mh-X3.js.map

@@ -0,0 +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"}