softable-pixels-web 1.1.17 → 1.1.19

package/dist/TextArea-Oqw0zh_x.js

@@ -0,0 +1,135 @@
+import { n as styled, t as useThemedStyles } from "./useThemedStyles-CrarDyWc.js";
+import { t as Icon } from "./Icon-KzwFJI_k.js";
+import { t as Typography } from "./Typography-BkFV7BhK.js";
+import { t as Label } from "./Label-BHq2knad.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/commons/inputs/TextArea/styles.ts
+function createTextAreaStyles(props) {
+	const { height = "8rem", readOnly, startIcon } = props;
+	return styled({
+		container: {
+			width: "100%",
+			display: "flex",
+			flexDirection: "column",
+			rowGap: "0.375rem"
+		},
+		iconContainer: {
+			position: "absolute",
+			left: "0.75rem",
+			top: "1.375rem",
+			transform: "translateY(-50%)"
+		},
+		textArea: {
+			height,
+			width: "100%",
+			paddingBlock: "0.75rem",
+			paddingInline: "0.875rem",
+			borderWidth: 1,
+			borderRadius: "0.5rem",
+			resize: "none",
+			fontWeight: "400",
+			fontSize: "1rem",
+			color: "var(--px-text-primary)",
+			borderColor: props.errorMessage ? "var(--px-color-error)" : "var(--px-border-primary)",
+			outlineOffset: "-1px",
+			cursor: readOnly ? "default" : void 0,
+			paddingLeft: startIcon ? "2.5rem" : void 0,
+			__rules: {
+				"&::placeholder": {
+					fontWeight: 400,
+					color: "var(--px-text-secondary)"
+				},
+				"&:focus-within": {
+					outlineOffset: "-1px",
+					outline: `2px solid var(${props.errorMessage ? "--px-color-error" : "--px-color-primary"})`
+				}
+			}
+		},
+		error: {
+			display: "block",
+			fontWeight: 400,
+			lineHeight: "1rem",
+			fontSize: "0.75rem",
+			fontFamily: "inherit",
+			color: "var(--px-text-error)"
+		}
+	});
+}
+
+//#endregion
+//#region src/components/commons/inputs/TextArea/index.tsx
+const TextArea = (props) => {
+	const { value, disabled, readOnly, maxLength, hideMaxLength, textMaxLength, placeholder, errorMessage, label, required, requiredColor, labelConfig, startIcon, iconColor } = props;
+	const inputId = useId();
+	const { styles, classes } = useThemedStyles(props, createTextAreaStyles, {
+		pick: (p) => [
+			p.height,
+			p.readOnly,
+			p.startIcon,
+			p.placeholderColor,
+			p.focusedRingColor
+		],
+		override: props.styles,
+		applyCommonProps: true
+	});
+	function handleChange(e) {
+		if (disabled || readOnly) return;
+		props.onChange?.(e.target.value);
+	}
+	function renderLabel() {
+		if (!label) return null;
+		return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Label, {
+			label,
+			htmlFor: inputId,
+			required,
+			requiredColor,
+			...labelConfig
+		}) });
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		style: styles.container,
+		children: [
+			renderLabel(),
+			/* @__PURE__ */ jsxs("div", {
+				style: { position: "relative" },
+				children: [startIcon && /* @__PURE__ */ jsx("div", {
+					style: styles.iconContainer,
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: startIcon,
+						color: iconColor ? iconColor : "var(--px-text-primary)"
+					})
+				}), /* @__PURE__ */ jsx("textarea", {
+					value,
+					disabled,
+					readOnly,
+					maxLength,
+					placeholder,
+					style: styles.textArea,
+					className: classes.textArea,
+					onChange: handleChange
+				})]
+			}),
+			maxLength && !hideMaxLength ? /* @__PURE__ */ jsxs(Typography, {
+				variant: "b2",
+				styles: { text: { marginLeft: "auto" } },
+				children: [
+					value?.length,
+					"/",
+					maxLength,
+					" ",
+					textMaxLength
+				]
+			}) : null,
+			errorMessage ? /* @__PURE__ */ jsx("span", {
+				style: styles.error,
+				children: errorMessage
+			}) : null
+		]
+	});
+};
+
+//#endregion
+export { TextArea as t };
+//# sourceMappingURL=TextArea-Oqw0zh_x.js.map

package/dist/TextArea-Oqw0zh_x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea-Oqw0zh_x.js","names":[],"sources":["../src/components/commons/inputs/TextArea/styles.ts","../src/components/commons/inputs/TextArea/index.tsx"],"sourcesContent":["// Types\nimport { styled } from '@hooks/useThemedStyles/types'\nimport type { TextAreaProps } from './types'\n\nexport function createTextAreaStyles(props: TextAreaProps) {\n  const { height = '8rem', readOnly, startIcon } = props\n\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      flexDirection: 'column',\n\n      rowGap: '0.375rem'\n    },\n    iconContainer: {\n      position: 'absolute',\n      left: '0.75rem',\n      top: '1.375rem',\n      transform: 'translateY(-50%)'\n    },\n    textArea: {\n      height,\n      width: '100%',\n      paddingBlock: '0.75rem',\n      paddingInline: '0.875rem',\n      borderWidth: 1,\n      borderRadius: '0.5rem',\n      resize: 'none',\n\n      fontWeight: '400',\n      fontSize: '1rem',\n      color: 'var(--px-text-primary)',\n\n      borderColor: props.errorMessage\n        ? 'var(--px-color-error)'\n        : 'var(--px-border-primary)',\n      outlineOffset: '-1px',\n\n      cursor: readOnly ? 'default' : undefined,\n      paddingLeft: startIcon ? '2.5rem' : undefined,\n\n      __rules: {\n        '&::placeholder': {\n          fontWeight: 400,\n          color: 'var(--px-text-secondary)'\n        },\n        '&:focus-within': {\n          outlineOffset: '-1px',\n          outline: `2px solid var(${props.errorMessage ? '--px-color-error' : '--px-color-primary'})`\n        }\n      }\n    },\n    error: {\n      display: 'block',\n      fontWeight: 400,\n      lineHeight: '1rem',\n      fontSize: '0.75rem',\n      fontFamily: 'inherit',\n      color: 'var(--px-text-error)'\n    }\n  })\n}\n","// External Libraries\nimport { useId } from 'react'\n\n// Types\nimport type { TextAreaProps } from './types'\n\n// Components\nimport { Label } from '@components/commons/toolkit/Label'\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Styles\nimport { createTextAreaStyles } from './styles'\n\nexport const TextArea = (props: TextAreaProps) => {\n  const {\n    value,\n    disabled,\n    readOnly,\n    maxLength,\n    hideMaxLength,\n    textMaxLength,\n    placeholder,\n    errorMessage,\n\n    label,\n    required,\n    requiredColor,\n    labelConfig,\n\n    startIcon,\n    iconColor\n  } = props\n\n  // Hooks\n  const inputId = useId()\n\n  const { styles, classes } = useThemedStyles(props, createTextAreaStyles, {\n    pick: p => [\n      p.height,\n      p.readOnly,\n      p.startIcon,\n      p.placeholderColor,\n      p.focusedRingColor\n    ],\n    override: props.styles,\n    applyCommonProps: true\n  })\n\n  // Functions\n  function handleChange(e: React.ChangeEvent<HTMLTextAreaElement>) {\n    if (disabled || readOnly) return\n    props.onChange?.(e.target.value)\n  }\n\n  function renderLabel() {\n    if (!label) return null\n\n    return (\n      <div>\n        <Label\n          label={label}\n          htmlFor={inputId}\n          required={required}\n          requiredColor={requiredColor}\n          {...labelConfig}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div style={styles.container}>\n      {renderLabel()}\n\n      <div style={{ position: 'relative' }}>\n        {startIcon && (\n          <div style={styles.iconContainer}>\n            <Icon\n              name={startIcon}\n              color={iconColor ? iconColor : 'var(--px-text-primary)'}\n            />\n          </div>\n        )}\n\n        <textarea\n          value={value}\n          disabled={disabled}\n          readOnly={readOnly}\n          maxLength={maxLength}\n          placeholder={placeholder}\n          style={styles.textArea}\n          className={classes.textArea}\n          onChange={handleChange}\n        />\n      </div>\n\n      {maxLength && !hideMaxLength ? (\n        <Typography variant=\"b2\" styles={{ text: { marginLeft: 'auto' } }}>\n          {value?.length}/{maxLength} {textMaxLength}\n        </Typography>\n      ) : null}\n\n      {errorMessage ? <span style={styles.error}>{errorMessage}</span> : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAIA,SAAgB,qBAAqB,OAAsB;CACzD,MAAM,EAAE,SAAS,QAAQ,UAAU,cAAc;AAEjD,QAAO,OAAO;EACZ,WAAW;GACT,OAAO;GAEP,SAAS;GACT,eAAe;GAEf,QAAQ;GACT;EACD,eAAe;GACb,UAAU;GACV,MAAM;GACN,KAAK;GACL,WAAW;GACZ;EACD,UAAU;GACR;GACA,OAAO;GACP,cAAc;GACd,eAAe;GACf,aAAa;GACb,cAAc;GACd,QAAQ;GAER,YAAY;GACZ,UAAU;GACV,OAAO;GAEP,aAAa,MAAM,eACf,0BACA;GACJ,eAAe;GAEf,QAAQ,WAAW,YAAY;GAC/B,aAAa,YAAY,WAAW;GAEpC,SAAS;IACP,kBAAkB;KAChB,YAAY;KACZ,OAAO;KACR;IACD,kBAAkB;KAChB,eAAe;KACf,SAAS,iBAAiB,MAAM,eAAe,qBAAqB,qBAAqB;KAC1F;IACF;GACF;EACD,OAAO;GACL,SAAS;GACT,YAAY;GACZ,YAAY;GACZ,UAAU;GACV,YAAY;GACZ,OAAO;GACR;EACF,CAAC;;;;;AC7CJ,MAAa,YAAY,UAAyB;CAChD,MAAM,EACJ,OACA,UACA,UACA,WACA,eACA,eACA,aACA,cAEA,OACA,UACA,eACA,aAEA,WACA,cACE;CAGJ,MAAM,UAAU,OAAO;CAEvB,MAAM,EAAE,QAAQ,YAAY,gBAAgB,OAAO,sBAAsB;EACvE,OAAM,MAAK;GACT,EAAE;GACF,EAAE;GACF,EAAE;GACF,EAAE;GACF,EAAE;GACH;EACD,UAAU,MAAM;EAChB,kBAAkB;EACnB,CAAC;CAGF,SAAS,aAAa,GAA2C;AAC/D,MAAI,YAAY,SAAU;AAC1B,QAAM,WAAW,EAAE,OAAO,MAAM;;CAGlC,SAAS,cAAc;AACrB,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE,oBAAC,mBACC,oBAAC;GACQ;GACP,SAAS;GACC;GACK;GACf,GAAI;IACJ,GACE;;AAIV,QACE,qBAAC;EAAI,OAAO,OAAO;;GAChB,aAAa;GAEd,qBAAC;IAAI,OAAO,EAAE,UAAU,YAAY;eACjC,aACC,oBAAC;KAAI,OAAO,OAAO;eACjB,oBAAC;MACC,MAAM;MACN,OAAO,YAAY,YAAY;OAC/B;MACE,EAGR,oBAAC;KACQ;KACG;KACA;KACC;KACE;KACb,OAAO,OAAO;KACd,WAAW,QAAQ;KACnB,UAAU;MACV;KACE;GAEL,aAAa,CAAC,gBACb,qBAAC;IAAW,SAAQ;IAAK,QAAQ,EAAE,MAAM,EAAE,YAAY,QAAQ,EAAE;;KAC9D,OAAO;KAAO;KAAE;KAAU;KAAE;;KAClB,GACX;GAEH,eAAe,oBAAC;IAAK,OAAO,OAAO;cAAQ;KAAoB,GAAG;;GAC/D"}

package/dist/base-popover.d.ts

@@ -1,3 +1,4 @@
-import "./index-CNn6Rkw1.js";
-import { t as BasePopover } from "./index-CdNWNIsY.js";
+import "./types-699enaOL.js";
+import "./index-DK9_OGgn.js";
+import { t as BasePopover } from "./index-DH6rpwqM.js";
 export { BasePopover };

package/dist/base-popover.js

@@ -1,7 +1,7 @@
 import "./useThemedStyles-CrarDyWc.js";
 import "./useDismiss-CAEk_GV-.js";
-import "./useFloating-cvZUo5wI.js";
-import "./Popover-B6DCtCvD.js";
-import { t as BasePopover } from "./BasePopover-DOi9H3B4.js";
+import "./useFloating-DCxblHIR.js";
+import "./Popover-C-NRJlWf.js";
+import { t as BasePopover } from "./BasePopover-UzOryrTn.js";
 
 export { BasePopover };

package/dist/button.js

@@ -1,5 +1,5 @@
 import "./useThemedStyles-CrarDyWc.js";
 import "./Typography-BkFV7BhK.js";
-import { t as Button } from "./Button-A1POxp3L.js";
+import { t as Button } from "./Button-DiBsoNFU.js";
 
 export { Button };

package/dist/check-item.d.ts

@@ -1,2 +1,2 @@
-import { t as CheckItem } from "./index-BWV7SXNm.js";
+import { t as CheckItem } from "./index-CzB15994.js";
 export { CheckItem };

package/dist/checkbox.d.ts

@@ -1,3 +1,3 @@
 import "./types-Ck6jQYTO.js";
-import { t as Checkbox } from "./index-QQdIoKht.js";
+import { t as Checkbox } from "./index-BymgvkBq.js";
 export { Checkbox };

package/dist/context-menu.d.ts

@@ -1,2 +1,2 @@
-import { n as types_d_exports, t as ContextMenu } from "./index-B1ejLAYY.js";
+import { n as types_d_exports, t as ContextMenu } from "./index-B6V8Bhgk.js";
 export { ContextMenu, types_d_exports as ContextMenuTypes };

package/dist/context-menu.js

@@ -1,9 +1,10 @@
 import "./useThemedStyles-CrarDyWc.js";
 import "./Switch-DJNZbvzy.js";
 import "./useDismiss-CAEk_GV-.js";
-import "./useFloating-cvZUo5wI.js";
-import "./Popover-B6DCtCvD.js";
+import "./useFloating-DCxblHIR.js";
+import "./Popover-C-NRJlWf.js";
 import "./Typography-BkFV7BhK.js";
-import { n as types_exports, t as ContextMenu } from "./ContextMenu-l9GdmRqh.js";
+import { n as types_exports, t as ContextMenu } from "./ContextMenu-vFIUXgP8.js";
+import "./BasePopover-UzOryrTn.js";
 
 export { ContextMenu, types_exports as ContextMenuTypes };

package/dist/icon-button.js

@@ -1,4 +1,4 @@
 import "./useThemedStyles-CrarDyWc.js";
-import { t as IconButton } from "./IconButton-CH8DZizu.js";
+import { t as IconButton } from "./IconButton-DAZvE8i5.js";
 
 export { IconButton };

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

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

package/dist/{index-B1ejLAYY.d.ts → index-B6V8Bhgk.d.ts}

@@ -1,4 +1,4 @@
-import { n as Placement } from "./types-V8tEaVpX.js";
+import { n as Placement } from "./types-rPQapqo2.js";
 import { ReactNode } from "react";
 import * as react_jsx_runtime1 from "react/jsx-runtime";
 
@@ -70,4 +70,4 @@ interface ContextMenuProps<T> {
 declare const ContextMenu: <T extends string>(props: ContextMenuProps<T>) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { types_d_exports as n, ContextMenu as t };
-//# sourceMappingURL=index-B1ejLAYY.d.ts.map
+//# sourceMappingURL=index-B6V8Bhgk.d.ts.map

package/dist/{index-fjoAYF43.d.ts → index-BD5ThARj.d.ts}

@@ -292,4 +292,4 @@ declare const ThemeProvider: React.FC<ThemeProviderProps>;
 declare function useTheme(): ThemeContextData;
 //#endregion
 export { ThemeName as a, ThemeRegistry as c, ThemeMode as i, ThemeTokens as l, useTheme as n, ThemePersistence as o, ThemeContextData as r, ThemeProviderProps as s, ThemeProvider as t };
-//# sourceMappingURL=index-fjoAYF43.d.ts.map
+//# sourceMappingURL=index-BD5ThARj.d.ts.map

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

@@ -1,4 +1,4 @@
-import { n as TypographyVariant } from "./types-Ck6jQYTO.js";
+import { a as TextProps } from "./styleProps-B2pBEf9N.js";
 import { SVGProps } from "react";
 import * as react_jsx_runtime3 from "react/jsx-runtime";
 
@@ -82,6 +82,12 @@ type IconName = keyof typeof icons;
 //#endregion
 //#region src/components/commons/inputs/TextArea/styles.d.ts
 declare function createTextAreaStyles(props: TextAreaProps): {
+  container: {
+    width: string;
+    display: "flex";
+    flexDirection: "column";
+    rowGap: string;
+  };
   iconContainer: {
     position: "absolute";
     left: string;
@@ -93,29 +99,40 @@ declare function createTextAreaStyles(props: TextAreaProps): {
     width: string;
     paddingBlock: string;
     paddingInline: string;
+    borderWidth: number;
     borderRadius: string;
     resize: "none";
     fontWeight: "400";
     fontSize: string;
     color: "var(--px-text-primary)";
-    border: string;
+    borderColor: "var(--px-color-error)" | "var(--px-border-primary)";
     outlineOffset: string;
     cursor: "default" | undefined;
     paddingLeft: string | undefined;
     __rules: {
       '&::placeholder': {
-        color: string;
+        fontWeight: number;
+        color: "var(--px-text-secondary)";
       };
-      '&:focus': {
+      '&:focus-within': {
+        outlineOffset: string;
         outline: string;
       };
     };
   };
+  error: {
+    display: "block";
+    fontWeight: number;
+    lineHeight: string;
+    fontSize: string;
+    fontFamily: "inherit";
+    color: "var(--px-text-error)";
+  };
 };
 //#endregion
 //#region src/components/commons/inputs/TextArea/types.d.ts
 interface TextAreaProps {
-  value: string;
+  value?: string;
   label?: string;
   placeholder?: string;
   styles?: Partial<ReturnType<typeof createTextAreaStyles>>;
@@ -127,13 +144,12 @@ interface TextAreaProps {
   maxLength?: number;
   hideMaxLength?: boolean;
   textMaxLength?: string;
+  errorMessage?: string;
   iconColor?: string;
   placeholderColor?: string;
   focusedRingColor?: string;
   requiredColor?: string;
-  labelColor?: string;
-  labelWeight?: string;
-  labelVariant?: TypographyVariant;
+  labelConfig?: TextProps;
   onChange?: (value: string) => void;
 }
 //#endregion
@@ -141,4 +157,4 @@ interface TextAreaProps {
 declare const TextArea: (props: TextAreaProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { TextArea as t };
-//# sourceMappingURL=index-B_Soaf4t.d.ts.map
+//# sourceMappingURL=index-BD5Vr9sw.d.ts.map

package/dist/{index-QQdIoKht.d.ts → index-BymgvkBq.d.ts}

@@ -26,4 +26,4 @@ interface CheckboxProps {
 declare const Checkbox: React$1.FC<CheckboxProps>;
 //#endregion
 export { Checkbox as t };
-//# sourceMappingURL=index-QQdIoKht.d.ts.map
+//# sourceMappingURL=index-BymgvkBq.d.ts.map

package/dist/{index-BWV7SXNm.d.ts → index-CzB15994.d.ts}

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

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

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

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

@@ -1,4 +1,4 @@
-import { n as PopoverProps } from "./index-CNn6Rkw1.js";
+import { t as PopoverProps } from "./types-699enaOL.js";
 import React, { PropsWithChildren } from "react";
 
 //#region src/components/commons/structure/BasePopover/types.d.ts
@@ -8,10 +8,15 @@ interface LayoutProps {
   minHeight?: string;
   maxHeight?: string;
 }
-interface BasePopoverProps extends Omit<PopoverProps, 'content'>, LayoutProps, PropsWithChildren {}
+interface PanelProps {
+  padding?: string;
+}
+interface BasePopoverProps extends Omit<PopoverProps, 'content' | 'hideShadow'>, LayoutProps, PropsWithChildren {
+  panel?: PanelProps;
+}
 //#endregion
 //#region src/components/commons/structure/BasePopover/index.d.ts
 declare const BasePopover: React.FC<BasePopoverProps>;
 //#endregion
 export { BasePopover as t };
-//# sourceMappingURL=index-CdNWNIsY.d.ts.map
+//# sourceMappingURL=index-DH6rpwqM.d.ts.map

package/dist/index-DK9_OGgn.d.ts

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

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

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

package/dist/index.d.ts

@@ -2,18 +2,19 @@ import "./types-Ck6jQYTO.js";
 import { t as Button } from "./index-E0ifwXgE.js";
 import { t as IconButton } from "./index-BszVk1Tx.js";
 import { t as Input } from "./index-B1QUSkjv.js";
-import { n as types_d_exports$2, t as Select } from "./index-Dud1UL9T.js";
-import { t as TextArea } from "./index-B_Soaf4t.js";
-import { r as types_d_exports$1, t as Popover } from "./index-CNn6Rkw1.js";
-import { t as BasePopover } from "./index-CdNWNIsY.js";
-import { t as CheckItem } from "./index-BWV7SXNm.js";
-import { t as Checkbox } from "./index-QQdIoKht.js";
-import { n as types_d_exports, t as ContextMenu } from "./index-B1ejLAYY.js";
+import { n as types_d_exports$2, t as Select } from "./index-9BlZnPff.js";
+import { n as types_d_exports$1 } from "./types-699enaOL.js";
+import { t as TextArea } from "./index-BD5Vr9sw.js";
+import { t as Popover } from "./index-DK9_OGgn.js";
+import { t as BasePopover } from "./index-DH6rpwqM.js";
+import { t as CheckItem } from "./index-CzB15994.js";
+import { t as Checkbox } from "./index-BymgvkBq.js";
+import { n as types_d_exports, t as ContextMenu } from "./index-B6V8Bhgk.js";
 import { InfoSummary, InfoSummaryItem, InfoSummaryProps } from "./info-summary.js";
-import { t as Switch } from "./index-DZE-RE4B.js";
-import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-DpH49YA0.js";
+import { t as Switch } from "./index-aQIW73fh.js";
+import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-D-9XHxWM.js";
 import { 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-fjoAYF43.js";
+import { a as ThemeName, c as ThemeRegistry, i as ThemeMode, l as ThemeTokens, n as useTheme, o as ThemePersistence, r as ThemeContextData, s as ThemeProviderProps, t as ThemeProvider } from "./index-BD5ThARj.js";
 import { useDismiss } from "./use-dismiss.js";
 import { AnchorLike, useFloating } from "./use-floating.js";
 import { useVirtualAnchor } from "./use-virtual-anchor.js";

package/dist/index.js

@@ -1,8 +1,8 @@
 import "./useThemedStyles-CrarDyWc.js";
 import { t as Switch } from "./Switch-DJNZbvzy.js";
 import { t as useDismiss } from "./useDismiss-CAEk_GV-.js";
-import { t as useFloating } from "./useFloating-cvZUo5wI.js";
-import { n as types_exports$1, t as Popover } from "./Popover-B6DCtCvD.js";
+import { t as useFloating } from "./useFloating-DCxblHIR.js";
+import { n as types_exports$1, t as Popover } from "./Popover-C-NRJlWf.js";
 import "./Icon-KzwFJI_k.js";
 import { t as Typography } from "./Typography-BkFV7BhK.js";
 import { t as Checkbox } from "./Checkbox-j9ZnSxT7.js";
@@ -10,14 +10,14 @@ import { n as useTheme, t as ThemeProvider } from "./ThemeContext-DhXvmWKO.js";
 import { t as TabSwitch } from "./TabSwitch-DlXdgLPc.js";
 import { t as CheckItem } from "./CheckItem-CJqWCE1W.js";
 import { t as InfoSummary } from "./InfoSummary-Cf2ein9V.js";
-import { n as types_exports, t as ContextMenu } from "./ContextMenu-l9GdmRqh.js";
-import { t as Button } from "./Button-A1POxp3L.js";
-import { t as IconButton } from "./IconButton-CH8DZizu.js";
-import "./Label-C5AIUqYV.js";
-import { t as Input } from "./Input-FFQ1J5SC.js";
-import { n as types_exports$2, t as Select } from "./Select-DtU_3TOA.js";
-import { t as BasePopover } from "./BasePopover-DOi9H3B4.js";
-import { t as TextArea } from "./TextArea-DY7hxFbx.js";
+import { n as types_exports, t as ContextMenu } from "./ContextMenu-vFIUXgP8.js";
+import { t as BasePopover } from "./BasePopover-UzOryrTn.js";
+import { t as Button } from "./Button-DiBsoNFU.js";
+import { t as IconButton } from "./IconButton-DAZvE8i5.js";
+import "./Label-BHq2knad.js";
+import { t as Input } from "./Input-B6a6mXsZ.js";
+import { n as types_exports$2, t as Select } from "./Select-CVcQGxjv.js";
+import { t as TextArea } from "./TextArea-Oqw0zh_x.js";
 import { useVirtualAnchor } from "./use-virtual-anchor.js";
 
 export { BasePopover, Button, CheckItem, Checkbox, ContextMenu, types_exports as ContextMenuTypes, IconButton, InfoSummary, Input, Popover, types_exports$1 as PopoverTypes, Select, types_exports$2 as SelectTypes, Switch, TabSwitch, TextArea, ThemeProvider, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };

package/dist/input.js

@@ -1,7 +1,7 @@
 import "./useThemedStyles-CrarDyWc.js";
 import "./Icon-KzwFJI_k.js";
 import "./Typography-BkFV7BhK.js";
-import "./Label-C5AIUqYV.js";
-import { t as Input } from "./Input-FFQ1J5SC.js";
+import "./Label-BHq2knad.js";
+import { t as Input } from "./Input-B6a6mXsZ.js";
 
 export { Input };

package/dist/popover.d.ts

@@ -1,2 +1,3 @@
-import { r as types_d_exports, t as Popover } from "./index-CNn6Rkw1.js";
+import { n as types_d_exports } from "./types-699enaOL.js";
+import { t as Popover } from "./index-DK9_OGgn.js";
 export { Popover, types_d_exports as PopoverTypes };

package/dist/popover.js

@@ -1,6 +1,6 @@
 import "./useThemedStyles-CrarDyWc.js";
 import "./useDismiss-CAEk_GV-.js";
-import "./useFloating-cvZUo5wI.js";
-import { n as types_exports, t as Popover } from "./Popover-B6DCtCvD.js";
+import "./useFloating-DCxblHIR.js";
+import { n as types_exports, t as Popover } from "./Popover-C-NRJlWf.js";
 
 export { Popover, types_exports as PopoverTypes };

package/dist/select.d.ts

@@ -1,2 +1,3 @@
-import { n as types_d_exports, t as Select } from "./index-Dud1UL9T.js";
+import { n as types_d_exports, t as Select } from "./index-9BlZnPff.js";
+import "./types-699enaOL.js";
 export { Select, types_d_exports as SelectTypes };

package/dist/select.js

@@ -1,11 +1,11 @@
 import "./useThemedStyles-CrarDyWc.js";
 import "./useDismiss-CAEk_GV-.js";
-import "./useFloating-cvZUo5wI.js";
-import "./Popover-B6DCtCvD.js";
+import "./useFloating-DCxblHIR.js";
+import "./Popover-C-NRJlWf.js";
 import "./Icon-KzwFJI_k.js";
 import "./Typography-BkFV7BhK.js";
-import "./Label-C5AIUqYV.js";
-import { n as types_exports, t as Select } from "./Select-DtU_3TOA.js";
-import "./BasePopover-DOi9H3B4.js";
+import "./BasePopover-UzOryrTn.js";
+import "./Label-BHq2knad.js";
+import { n as types_exports, t as Select } from "./Select-CVcQGxjv.js";
 
 export { Select, types_exports as SelectTypes };

package/dist/switch.d.ts

@@ -1,2 +1,2 @@
-import { t as Switch } from "./index-DZE-RE4B.js";
+import { t as Switch } from "./index-aQIW73fh.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-DpH49YA0.js";
+import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-D-9XHxWM.js";
 export { SwitchOption, TabSwitch, TabSwitchProps };

package/dist/text-area.d.ts

@@ -1,3 +1,2 @@
-import "./types-Ck6jQYTO.js";
-import { t as TextArea } from "./index-B_Soaf4t.js";
+import { t as TextArea } from "./index-BD5Vr9sw.js";
 export { TextArea };

package/dist/text-area.js

@@ -1,7 +1,7 @@
 import "./useThemedStyles-CrarDyWc.js";
 import "./Icon-KzwFJI_k.js";
 import "./Typography-BkFV7BhK.js";
-import "./Label-C5AIUqYV.js";
-import { t as TextArea } from "./TextArea-DY7hxFbx.js";
+import "./Label-BHq2knad.js";
+import { t as TextArea } from "./TextArea-Oqw0zh_x.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-fjoAYF43.js";
+import { a as ThemeName, c as ThemeRegistry, i as ThemeMode, l as ThemeTokens, n as useTheme, o as ThemePersistence, r as ThemeContextData, s as ThemeProviderProps, t as ThemeProvider } from "./index-BD5ThARj.js";
 export { ThemeContextData, ThemeMode, ThemeName, ThemePersistence, ThemeProvider, ThemeProviderProps, ThemeRegistry, ThemeTokens, useTheme };

package/dist/{index-CNn6Rkw1.d.ts → types-699enaOL.d.ts}

@@ -1,6 +1,6 @@
 import { i as PaddingProps } from "./styleProps-B2pBEf9N.js";
-import { t as FloatingOptions } from "./types-V8tEaVpX.js";
-import React, { MouseEventHandler, ReactNode, RefObject } from "react";
+import { t as FloatingOptions } from "./types-rPQapqo2.js";
+import { MouseEventHandler, ReactNode, RefObject } from "react";
 
 //#region src/components/commons/toolkit/Popover/styles.d.ts
 declare function createPopoverStyles({
@@ -31,11 +31,13 @@ type PopoverTriggerRenderProps = {
 };
 interface PopoverProps extends PaddingProps {
   open?: boolean;
+  portalId?: string;
   hideShadow?: boolean;
   closeOnEscape?: boolean;
   closeOnOutsideClick?: boolean;
   floatingOptions?: FloatingOptions;
   anchorRef?: RefObject<HTMLElement>;
+  absoluteReference?: FloatingOptions['absoluteReference'];
   onOpenChange?: (v: boolean) => void;
   onMouseEnter?: MouseEventHandler<HTMLDivElement>;
   onMouseLeave?: MouseEventHandler<HTMLDivElement>;
@@ -47,8 +49,5 @@ interface PopoverProps extends PaddingProps {
   styles?: Partial<ReturnType<typeof createPopoverStyles>>;
 }
 //#endregion
-//#region src/components/commons/toolkit/Popover/index.d.ts
-declare const Popover: React.FC<PopoverProps>;
-//#endregion
-export { PopoverProps as n, types_d_exports as r, Popover as t };
-//# sourceMappingURL=index-CNn6Rkw1.d.ts.map
+export { types_d_exports as n, PopoverProps as t };
+//# sourceMappingURL=types-699enaOL.d.ts.map

package/dist/{types-V8tEaVpX.d.ts → types-rPQapqo2.d.ts}

@@ -1,6 +1,7 @@
 //#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 AbsoluteReference = 'offsetParent' | 'portal' | 'none';
 type FloatingOptions = {
   placement?: Placement;
   offsetX?: number;
@@ -9,7 +10,9 @@ type FloatingOptions = {
   viewportMargin?: number;
   scrollContainerId?: string;
   strategy?: Strategy;
+  portalRef?: React.RefObject<HTMLElement | null>;
+  absoluteReference?: AbsoluteReference;
 };
 //#endregion
 export { Placement as n, FloatingOptions as t };
-//# sourceMappingURL=types-V8tEaVpX.d.ts.map
+//# sourceMappingURL=types-rPQapqo2.d.ts.map