@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/Toggle/index.js

@@ -1,127 +1,96 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { forwardRef, useId } from "react";
-import { Row } from "../Row/index.js";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { toggle, checkbox, label } from "./styles.css.js";
-const Toggle = forwardRef(
-  ({
-    checked,
-    disabled = false,
-    id,
-    name,
-    onChange,
-    onFocus,
-    onBlur,
-    onKeyDown,
-    size = "large",
-    tooltip,
-    labelPosition = "right",
-    label: label$1,
-    helper,
-    tabIndex,
-    required,
-    className,
-    "data-testid": dataTestId,
-    value,
-    error,
-    "aria-label": ariaLabel,
-    style
-  }, ref) => {
-    const uniqueId = useId();
-    const localId = id ?? uniqueId;
-    return /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(
-      "label",
-      {
-        "aria-disabled": disabled,
-        className: cn(
-          className,
-          label({
-            disabled,
-            labelPosition
-          })
-        ),
-        "data-testid": dataTestId,
-        htmlFor: localId,
-        children: [
-          /* @__PURE__ */ jsxs(Stack, { alignItems: "baseline", gap: 0.25, children: [
-            label$1 ? /* @__PURE__ */ jsxs(Row, { alignItems: "center", gap: 1, templateColumns: "auto 1fr", children: [
-              typeof label$1 === "string" ? /* @__PURE__ */ jsx(
-                Text,
-                {
-                  as: "span",
-                  htmlFor: localId,
-                  prominence: "default",
-                  sentiment: "neutral",
-                  variant: size === "large" ? "body" : "bodySmall",
-                  children: label$1
-                }
-              ) : label$1,
-              required ? /* @__PURE__ */ jsx(Text, { as: "sup", sentiment: "danger", variant: "body", children: "*" }) : null
-            ] }) : null,
-            typeof error === "string" ? /* @__PURE__ */ jsx(
-              Text,
-              {
-                as: "p",
-                disabled,
-                prominence: "default",
-                sentiment: "danger",
-                variant: "bodySmall",
-                children: error
-              }
-            ) : null,
-            helper && !error ? /* @__PURE__ */ jsx(
-              Text,
-              {
-                as: "p",
-                prominence: "weak",
-                sentiment: "neutral",
-                variant: "caption",
-                children: helper
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: toggle({
-                disabled,
-                error: !!error,
-                size
-              }),
-              children: /* @__PURE__ */ jsx(
-                "input",
-                {
-                  "aria-disabled": disabled,
-                  "aria-invalid": !!error,
-                  "aria-label": ariaLabel,
-                  checked,
-                  className: checkbox,
-                  disabled,
-                  id: localId,
-                  name,
-                  onBlur,
-                  onChange,
-                  onFocus,
-                  onKeyDown,
-                  ref,
-                  required,
-                  style,
-                  tabIndex,
-                  type: "checkbox",
-                  value
-                }
-              )
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-export {
-  Toggle
-};
+import { Text } from "../Text/index.js";
+import { Row } from "../Row/index.js";
+import { checkbox, label, toggle } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Toggle/index.tsx
+const Toggle = forwardRef(({ checked, disabled = false, id, name, onChange, onFocus, onBlur, onKeyDown, size = "large", tooltip, labelPosition = "right", label: label$1, helper, tabIndex, required, className, "data-testid": dataTestId, value, error, "aria-label": ariaLabel, style }, ref) => {
+	const uniqueId = useId();
+	const localId = id !== null && id !== void 0 ? id : uniqueId;
+	return /* @__PURE__ */ jsx(Tooltip, {
+		text: tooltip,
+		children: /* @__PURE__ */ jsxs("label", {
+			"aria-disabled": disabled,
+			className: cn(className, label({
+				disabled,
+				labelPosition
+			})),
+			"data-testid": dataTestId,
+			htmlFor: localId,
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				alignItems: "baseline",
+				gap: .25,
+				children: [
+					label$1 ? /* @__PURE__ */ jsxs(Row, {
+						alignItems: "center",
+						gap: 1,
+						templateColumns: "auto 1fr",
+						children: [typeof label$1 === "string" ? /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							htmlFor: localId,
+							prominence: "default",
+							sentiment: "neutral",
+							variant: size === "large" ? "body" : "bodySmall",
+							children: label$1
+						}) : label$1, required ? /* @__PURE__ */ jsx(Text, {
+							as: "sup",
+							sentiment: "danger",
+							variant: "body",
+							children: "*"
+						}) : null]
+					}) : null,
+					typeof error === "string" ? /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						disabled,
+						prominence: "default",
+						sentiment: "danger",
+						variant: "bodySmall",
+						children: error
+					}) : null,
+					helper && !error ? /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						prominence: "weak",
+						sentiment: "neutral",
+						variant: "caption",
+						children: helper
+					}) : null
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: toggle({
+					disabled,
+					error: !!error,
+					size
+				}),
+				children: /* @__PURE__ */ jsx("input", {
+					"aria-disabled": disabled,
+					"aria-invalid": !!error,
+					"aria-label": ariaLabel,
+					checked,
+					className: checkbox,
+					disabled,
+					id: localId,
+					name,
+					onBlur,
+					onChange,
+					onFocus,
+					onKeyDown,
+					ref,
+					required,
+					style,
+					tabIndex,
+					type: "checkbox",
+					value
+				})
+			})]
+		})
+	});
+});
+
+//#endregion
+export { Toggle };

package/dist/components/Toggle/styles.css.js

@@ -1,10 +1,52 @@
-/* empty css                          */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var toggle = createRuntimeFn({ defaultClassName: "uv_adn1w20", variantClassNames: { disabled: { false: "uv_adn1w21", true: "uv_adn1w22" }, error: { false: "uv_adn1w23", true: "uv_adn1w24" }, size: { large: "uv_adn1w25", small: "uv_adn1w26" } }, defaultVariants: { disabled: false, error: false, size: "large" }, compoundVariants: [[{ disabled: true, error: true }, "uv_adn1w27"]] });
+
+//#region src/components/Toggle/styles.css.ts
+var toggle = createRuntimeFn({
+	defaultClassName: "uv_adn1w20",
+	variantClassNames: {
+		disabled: {
+			false: "uv_adn1w21",
+			true: "uv_adn1w22"
+		},
+		error: {
+			false: "uv_adn1w23",
+			true: "uv_adn1w24"
+		},
+		size: {
+			large: "uv_adn1w25",
+			small: "uv_adn1w26"
+		}
+	},
+	defaultVariants: {
+		disabled: false,
+		error: false,
+		size: "large"
+	},
+	compoundVariants: [[{
+		disabled: true,
+		error: true
+	}, "uv_adn1w27"]]
+});
 var checkbox = "uv_adn1w28";
-var label = createRuntimeFn({ defaultClassName: "uv_adn1w29", variantClassNames: { disabled: { false: "uv_adn1w2a", true: "uv_adn1w2b" }, labelPosition: { left: "uv_adn1w2c", right: "uv_adn1w2d" } }, defaultVariants: { disabled: false, labelPosition: "right" }, compoundVariants: [] });
-export {
-  checkbox,
-  label,
-  toggle
-};
+var label = createRuntimeFn({
+	defaultClassName: "uv_adn1w29",
+	variantClassNames: {
+		disabled: {
+			false: "uv_adn1w2a",
+			true: "uv_adn1w2b"
+		},
+		labelPosition: {
+			left: "uv_adn1w2c",
+			right: "uv_adn1w2d"
+		}
+	},
+	defaultVariants: {
+		disabled: false,
+		labelPosition: "right"
+	},
+	compoundVariants: []
+});
+
+//#endregion
+export { checkbox, label, toggle };

package/dist/components/ToggleGroup/index.d.ts

@@ -6,7 +6,7 @@ type ToggleGroupToggleProps = Omit<ComponentProps<typeof Toggle>, 'onChange' | '
 /**
  * ToggleGroup is a component that allows you to group a set of Toggle components together under the same legend.
  */
-export declare const ToggleGroupToggle: ({ disabled, name, value, label, helper, error, className, "data-testid": dataTestId, style, }: ToggleGroupToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleGroupToggle: ({ disabled, name, value, label, helper, error, className, 'data-testid': dataTestId, style, }: ToggleGroupToggleProps) => import("react/jsx-runtime").JSX.Element;
 type ToggleGroupProps = {
     legend?: string;
     legendDescription?: ReactNode;

package/dist/components/ToggleGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAK3E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAclC,KAAK,sBAAsB,GAAG,IAAI,CAChC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,UAAU,GAAG,SAAS,GAAG,UAAU,CACpC,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,+FAU/B,sBAAsB,4CA2BxB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,GAC5E,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA;AAEnE,QAAA,MAAM,oBAAoB,GAAI,oIAc3B,gBAAgB,4CAyDlB,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,oBAAoB,GAAG;IACjE,MAAM,EAAE,OAAO,iBAAiB,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,6BAKzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAK3E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAclC,KAAK,sBAAsB,GAAG,IAAI,CAChC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,UAAU,GAAG,SAAS,GAAG,UAAU,CACpC,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,oKAqC7B,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,GAC5E,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA;AAEnE,QAAA,MAAM,oBAAoB,mMAuEzB,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,oBAAoB,GAAG;IACjE,MAAM,EAAE,OAAO,iBAAiB,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,6BAKzB,CAAA"}

package/dist/components/ToggleGroup/index.js

@@ -1,110 +1,101 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { useMemo, createContext, useContext } from "react";
-import { Label } from "../Label/index.js";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
+import { Label } from "../Label/index.js";
 import { Toggle } from "../Toggle/index.js";
 import { fieldset } from "./styles.css.js";
-const ToggleGroupContext = createContext(
-  void 0
-);
-const ToggleGroupToggle = ({
-  disabled,
-  name,
-  value,
-  label,
-  helper,
-  error,
-  className,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const context = useContext(ToggleGroupContext);
-  if (!context) {
-    throw new Error("ToggleGroup.Toggle can only be used inside a ToggleGroup");
-  }
-  const { groupName, onChange, groupValues, error: contextError } = context;
-  const ToggleName = `${groupName}.${name}`;
-  const ToggleValue = `${value}`;
-  return /* @__PURE__ */ jsx(
-    Toggle,
-    {
-      checked: groupValues?.includes(ToggleValue),
-      className,
-      "data-testid": dataTestId,
-      disabled,
-      error: error || contextError,
-      helper,
-      label,
-      name: ToggleName,
-      onChange,
-      style,
-      value: ToggleValue
-    }
-  );
-};
-const ToggleGroupComponent = ({
-  legend,
-  legendDescription,
-  value,
-  className,
-  helper,
-  error,
-  direction = "column",
-  children,
-  onChange,
-  name,
-  description,
-  required = false,
-  style
-}) => {
-  const contextValue = useMemo(
-    () => ({
-      error: !!error,
-      groupName: name,
-      groupValues: value ?? [],
-      onChange
-    }),
-    [name, value, onChange, error]
-  );
-  return /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
-    /* @__PURE__ */ jsx("fieldset", { className: cn(className, fieldset), style, children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
-      legend || description ? /* @__PURE__ */ jsxs(Stack, { gap: 0.5, children: [
-        legend ? /* @__PURE__ */ jsx(
-          Label,
-          {
-            as: "legend",
-            labelDescription: legendDescription,
-            required,
-            children: legend
-          }
-        ) : null,
-        description ? /* @__PURE__ */ jsx(
-          Text,
-          {
-            as: typeof description === "string" ? "p" : "div",
-            prominence: "weak",
-            sentiment: "neutral",
-            variant: "bodySmall",
-            children: description
-          }
-        ) : null
-      ] }) : null,
-      /* @__PURE__ */ jsx(Stack, { direction, gap: 2, children })
-    ] }) }),
-    helper ? /* @__PURE__ */ jsx(Text, { as: "p", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null,
-    error ? /* @__PURE__ */ jsx(Text, { as: "p", prominence: "weak", sentiment: "danger", variant: "bodySmall", children: error }) : null
-  ] }) });
+import { cn } from "@ultraviolet/utils";
+import { createContext, useContext, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ToggleGroup/index.tsx
+const ToggleGroupContext = createContext(void 0);
+/**
+* ToggleGroup is a component that allows you to group a set of Toggle components together under the same legend.
+*/
+const ToggleGroupToggle = ({ disabled, name, value, label, helper, error, className, "data-testid": dataTestId, style }) => {
+	const context = useContext(ToggleGroupContext);
+	if (!context) throw new Error("ToggleGroup.Toggle can only be used inside a ToggleGroup");
+	const { groupName, onChange, groupValues, error: contextError } = context;
+	const ToggleName = `${groupName}.${name}`;
+	const ToggleValue = value.toString();
+	return /* @__PURE__ */ jsx(Toggle, {
+		checked: groupValues === null || groupValues === void 0 ? void 0 : groupValues.includes(ToggleValue),
+		className,
+		"data-testid": dataTestId,
+		disabled,
+		error: error || contextError,
+		helper,
+		label,
+		name: ToggleName,
+		onChange,
+		style,
+		value: ToggleValue
+	});
 };
-const ToggleGroup = Object.assign(
-  ToggleGroupComponent,
-  {
-    Toggle: ToggleGroupToggle
-  }
-);
-export {
-  ToggleGroup,
-  ToggleGroupToggle
+const ToggleGroupComponent = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false, style }) => {
+	const contextValue = useMemo(() => ({
+		error: !!error,
+		groupName: name,
+		groupValues: value !== null && value !== void 0 ? value : [],
+		onChange
+	}), [
+		name,
+		value,
+		onChange,
+		error
+	]);
+	return /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: 1,
+			children: [
+				/* @__PURE__ */ jsx("fieldset", {
+					className: cn(className, fieldset),
+					style,
+					children: /* @__PURE__ */ jsxs(Stack, {
+						gap: 1.5,
+						children: [legend || description ? /* @__PURE__ */ jsxs(Stack, {
+							gap: .5,
+							children: [legend ? /* @__PURE__ */ jsx(Label, {
+								as: "legend",
+								labelDescription: legendDescription,
+								required,
+								children: legend
+							}) : null, description ? /* @__PURE__ */ jsx(Text, {
+								as: typeof description === "string" ? "p" : "div",
+								prominence: "weak",
+								sentiment: "neutral",
+								variant: "bodySmall",
+								children: description
+							}) : null]
+						}) : null, /* @__PURE__ */ jsx(Stack, {
+							direction,
+							gap: 2,
+							children
+						})]
+					})
+				}),
+				helper ? /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					prominence: "weak",
+					sentiment: "neutral",
+					variant: "caption",
+					children: helper
+				}) : null,
+				error ? /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					prominence: "weak",
+					sentiment: "danger",
+					variant: "bodySmall",
+					children: error
+				}) : null
+			]
+		})
+	});
 };
+const ToggleGroup = Object.assign(ToggleGroupComponent, { Toggle: ToggleGroupToggle });
+
+//#endregion
+export { ToggleGroup };

package/dist/components/ToggleGroup/styles.css.js

@@ -1,5 +1,7 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/ToggleGroup/styles.css.ts
 var fieldset = "uv_l0r03j0";
-export {
-  fieldset
-};
+
+//#endregion
+export { fieldset };

package/dist/components/Tooltip/index.d.ts

@@ -1,43 +1,42 @@
-import type { ComponentProps, Ref } from 'react';
-import { Popup } from '../Popup';
+import type { Ref } from 'react';
 /**
  * Tooltip component is used to display additional information on hover or focus.
  * It is used to explain the purpose of the element it is attached to.
  */
 export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<{
-    id?: string;
-    children: import("react").ReactNode | ((renderProps: {
-        className?: string;
+    id?: string | undefined;
+    children: ((renderProps: {
+        className?: string | undefined;
         onBlur: () => void;
         onFocus: () => void;
         onPointerEnter: () => void;
         onPointerLeave: () => void;
         ref: import("react").RefObject<HTMLDivElement | null>;
-    }) => import("react").ReactNode);
-    maxWidth?: number | string;
-    placement?: import("../Popup/helpers").PopupPlacement;
-    align?: import("../Popup/helpers").PopupAlign;
+    }) => import("react").ReactNode) | import("react").ReactNode;
+    maxWidth?: string | number | undefined;
+    placement?: import("../Popup/helpers").PopupPlacement | undefined;
+    align?: import("../Popup/helpers").PopupAlign | undefined;
     text?: import("react").ReactNode;
-    className?: string;
-    containerFullWidth?: boolean;
-    containerFullHeight?: boolean;
-    visible?: boolean;
-    innerRef?: Ref<HTMLDivElement | null>;
-    role?: "tooltip" | "dialog" | "popup";
-    'data-testid'?: string;
-    hasArrow?: boolean;
-    onClose?: () => void;
-    tabIndex?: number;
-    onKeyDown?: import("react").KeyboardEventHandler;
-    'aria-haspopup'?: import("react").HTMLAttributes<HTMLDivElement>["aria-haspopup"];
-    hideOnClickOutside?: boolean;
-    debounceDelay?: number;
-    maxHeight?: string | number;
-    disableAnimation?: boolean;
-    portalTarget?: HTMLElement;
-    dynamicDomRendering?: boolean;
-    style?: import("react").CSSProperties;
-} & import("react").RefAttributes<HTMLDivElement>, "children" | "text" | "style" | "maxWidth" | "visible" | "className" | "data-testid" | "id" | "tabIndex" | "role" | "portalTarget" | "containerFullHeight" | "containerFullWidth" | "disableAnimation" | "debounceDelay" | "innerRef"> & {
-    placement?: Exclude<ComponentProps<typeof Popup>["placement"], "nested-menu">;
+    className?: string | undefined;
+    containerFullWidth?: boolean | undefined;
+    containerFullHeight?: boolean | undefined;
+    visible?: boolean | undefined;
+    innerRef?: Ref<HTMLDivElement | null> | undefined;
+    role?: ("dialog" | "popup" | "tooltip") | undefined;
+    'data-testid'?: string | undefined;
+    hasArrow?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    tabIndex?: number | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler | undefined;
+    'aria-haspopup'?: "dialog" | "false" | "grid" | "listbox" | "menu" | "tree" | "true" | boolean | undefined;
+    hideOnClickOutside?: boolean | undefined;
+    debounceDelay?: number | undefined;
+    maxHeight?: string | number | undefined;
+    disableAnimation?: boolean | undefined;
+    portalTarget?: HTMLElement | undefined;
+    dynamicDomRendering?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, "children" | "className" | "containerFullHeight" | "containerFullWidth" | "data-testid" | "debounceDelay" | "disableAnimation" | "id" | "innerRef" | "maxWidth" | "portalTarget" | "role" | "style" | "tabIndex" | "text" | "visible"> & {
+    placement?: "bottom" | "left" | "right" | "top" | ("auto" | "auto-bottom" | "auto-left" | "auto-right" | "auto-top") | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAyBhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;iBAwCR,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/CC,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;kDAoD9E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,GAAG,EAAE,MAAM,OAAO,CAAA;AA2BhD;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDA6CnB,CAAA"}