@gooddata/sdk-ui-kit 11.55.0-alpha.2 → 11.55.0-alpha.3

package/esm/@ui/@types/icon.d.ts

@@ -1,5 +1,5 @@
 /**
  * @internal
  */
-export type IconType = "aiAgent" | "aiAgentDisabled" | "brain" | "brainDisabled" | "check" | "checkCircle" | "certification" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "edit" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "infoCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "clockPaused" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "geoCollection" | "geoCollectionUpload" | "minimize" | "shrink" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderSmall" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minus" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "building" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "ldmKey" | "ldmLabel" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "history2" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "externalLink" | "click" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "aiDocument" | "recommendation" | "streamUp" | "streamDown" | "stream" | "density" | "parameter" | "pin" | "unpin" | "speechBubble" | "pieChart" | "timezone";
+export type IconType = "aiAgent" | "aiAgentDisabled" | "brain" | "brainDisabled" | "check" | "checkCircle" | "certification" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "edit" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "infoCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "clockPaused" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "geoCollection" | "geoCollectionUpload" | "minimize" | "shrink" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderSmall" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minus" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "building" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "ldmKey" | "ldmLabel" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "alignLeft" | "alignCenter" | "alignRight" | "alignTop" | "alignMiddle" | "alignBottom" | "imageContain" | "imageCover" | "imageFill" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "history2" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "externalLink" | "click" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "aiDocument" | "recommendation" | "streamUp" | "streamDown" | "stream" | "density" | "parameter" | "pin" | "unpin" | "speechBubble" | "pieChart" | "timezone";
 //# sourceMappingURL=icon.d.ts.map

package/esm/@ui/@types/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/@ui/@types/icon.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,MAAM,QAAQ,GACd,SAAS,GACT,iBAAiB,GACjB,OAAO,GACP,eAAe,GACf,OAAO,GACP,aAAa,GACb,eAAe,GACf,MAAM,GACN,YAAY,GACZ,MAAM,GACN,OAAO,GACP,aAAa,GACb,OAAO,GACP,OAAO,GACP,MAAM,GACN,aAAa,GACb,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,GACb,aAAa,GACb,MAAM,GACN,YAAY,GACZ,cAAc,GACd,eAAe,GACf,cAAc,GACd,UAAU,GACV,OAAO,GACP,QAAQ,GACR,mBAAmB,GACnB,YAAY,GACZ,MAAM,GACN,SAAS,GACT,WAAW,GACX,MAAM,GACN,QAAQ,GACR,IAAI,GACJ,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,UAAU,GACV,WAAW,GACX,OAAO,GACP,aAAa,GACb,cAAc,GACd,QAAQ,GACR,iBAAiB,GACjB,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,UAAU,GACV,OAAO,GACP,OAAO,GACP,KAAK,GACL,aAAa,GACb,QAAQ,GACR,OAAO,GACP,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,eAAe,GACf,qBAAqB,GACrB,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,OAAO,GACP,SAAS,GACT,YAAY,GACZ,WAAW,GACX,WAAW,GACX,MAAM,GACN,MAAM,GACN,WAAW,GACX,SAAS,GACT,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,SAAS,GACT,SAAS,GACT,eAAe,GACf,WAAW,GACX,QAAQ,GACR,MAAM,GACN,cAAc,GACd,QAAQ,GACR,UAAU,GACV,OAAO,GACP,WAAW,GACX,MAAM,GACN,IAAI,GACJ,KAAK,GACL,OAAO,GACP,iBAAiB,GACjB,cAAc,GACd,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,WAAW,GACX,aAAa,GACb,KAAK,GACL,kBAAkB,GAClB,MAAM,GACN,SAAS,GACT,WAAW,GACX,SAAS,GACT,UAAU,GACV,UAAU,GACV,YAAY,GACZ,MAAM,GACN,mBAAmB,GACnB,oBAAoB,GACpB,sBAAsB,GACtB,sBAAsB,GACtB,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,mBAAmB,GACnB,sBAAsB,GACtB,qBAAqB,GACrB,sBAAsB,GACtB,qBAAqB,GACrB,kBAAkB,GAClB,kBAAkB,GAClB,oBAAoB,GACpB,qBAAqB,GACrB,wBAAwB,GACxB,8BAA8B,GAC9B,qBAAqB,GACrB,sBAAsB,GACtB,uBAAuB,GACvB,mBAAmB,GACnB,MAAM,GACN,cAAc,GACd,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GACT,WAAW,GACX,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,gBAAgB,GAChB,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,WAAW,GACX,KAAK,GACL,OAAO,GACP,cAAc,GACd,UAAU,GACV,UAAU,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/@ui/@types/icon.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,MAAM,QAAQ,GACd,SAAS,GACT,iBAAiB,GACjB,OAAO,GACP,eAAe,GACf,OAAO,GACP,aAAa,GACb,eAAe,GACf,MAAM,GACN,YAAY,GACZ,MAAM,GACN,OAAO,GACP,aAAa,GACb,OAAO,GACP,OAAO,GACP,MAAM,GACN,aAAa,GACb,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,GACb,aAAa,GACb,MAAM,GACN,YAAY,GACZ,cAAc,GACd,eAAe,GACf,cAAc,GACd,UAAU,GACV,OAAO,GACP,QAAQ,GACR,mBAAmB,GACnB,YAAY,GACZ,MAAM,GACN,SAAS,GACT,WAAW,GACX,MAAM,GACN,QAAQ,GACR,IAAI,GACJ,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,UAAU,GACV,WAAW,GACX,OAAO,GACP,aAAa,GACb,cAAc,GACd,QAAQ,GACR,iBAAiB,GACjB,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,UAAU,GACV,OAAO,GACP,OAAO,GACP,KAAK,GACL,aAAa,GACb,QAAQ,GACR,OAAO,GACP,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,eAAe,GACf,qBAAqB,GACrB,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,OAAO,GACP,SAAS,GACT,YAAY,GACZ,WAAW,GACX,WAAW,GACX,MAAM,GACN,MAAM,GACN,WAAW,GACX,SAAS,GACT,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,SAAS,GACT,SAAS,GACT,eAAe,GACf,WAAW,GACX,QAAQ,GACR,MAAM,GACN,cAAc,GACd,QAAQ,GACR,UAAU,GACV,OAAO,GACP,WAAW,GACX,MAAM,GACN,IAAI,GACJ,KAAK,GACL,OAAO,GACP,iBAAiB,GACjB,cAAc,GACd,WAAW,GACX,aAAa,GACb,YAAY,GACZ,UAAU,GACV,aAAa,GACb,aAAa,GACb,cAAc,GACd,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,WAAW,GACX,aAAa,GACb,KAAK,GACL,kBAAkB,GAClB,MAAM,GACN,SAAS,GACT,WAAW,GACX,SAAS,GACT,UAAU,GACV,UAAU,GACV,YAAY,GACZ,MAAM,GACN,mBAAmB,GACnB,oBAAoB,GACpB,sBAAsB,GACtB,sBAAsB,GACtB,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,mBAAmB,GACnB,sBAAsB,GACtB,qBAAqB,GACrB,sBAAsB,GACtB,qBAAqB,GACrB,kBAAkB,GAClB,kBAAkB,GAClB,oBAAoB,GACpB,qBAAqB,GACrB,wBAAwB,GACxB,8BAA8B,GAC9B,qBAAqB,GACrB,sBAAsB,GACtB,uBAAuB,GACvB,mBAAmB,GACnB,MAAM,GACN,cAAc,GACd,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GACT,WAAW,GACX,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,gBAAgB,GAChB,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,WAAW,GACX,KAAK,GACL,OAAO,GACP,cAAc,GACd,UAAU,GACV,UAAU,CAAC"}

package/esm/@ui/UiColorPicker/UiColorPicker.d.ts

@@ -0,0 +1,6 @@
+import { type IUiColorPickerProps } from "./types.js";
+/**
+ * @internal
+ */
+export declare function UiColorPicker(props: IUiColorPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UiColorPicker.d.ts.map

package/esm/@ui/UiColorPicker/UiColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiColorPicker.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiColorPicker/UiColorPicker.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAMtD;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAqFvD"}

package/esm/@ui/UiColorPicker/UiColorPicker.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { useState } from "react";
+import { useIntl } from "react-intl";
+import { UiButton } from "../UiButton/UiButton.js";
+import { areColorPickerValuesEqual, colorPickerValueFromRgb, colorPickerValueToRgba, formatColorPickerValue, } from "./colorValue.js";
+import { UiColorSlider } from "./components/UiColorSlider.js";
+import { UiColorValueField } from "./components/UiColorValueField.js";
+import { UiColorWheel } from "./components/UiColorWheel.js";
+function hslTrack(value, lightness) {
+    return `hsl(${Math.round(value.h)}, ${Math.round(value.s * 100)}%, ${Math.round(lightness * 100)}%)`;
+}
+/**
+ * @internal
+ */
+export function UiColorPicker(props) {
+    const { initialRgbColor, supportsAlpha = false, onChange, onSubmit } = props;
+    const intl = useIntl();
+    // Without a control to change it, an opacity would be one the caller cannot see and its consumer
+    // drops on the way out, so it is not carried at all.
+    const opaque = (color) => supportsAlpha ? color : { ...color, alpha: 1 };
+    const initial = opaque(colorPickerValueFromRgb(initialRgbColor));
+    const given = formatColorPickerValue(initial, "rgb");
+    const [notation, setNotation] = useState("hex");
+    // A color set from outside is followed - see IUiColorPickerBaseProps.initialRgbColor. The color
+    // and the one it was read from are held together so a change of one cannot be read against the
+    // other, and compared as text because the prop is a fresh object every render.
+    const [picked, setPicked] = useState({
+        value: initial,
+        given,
+    });
+    if (picked.given !== given) {
+        setPicked({ value: initial, given });
+    }
+    const value = picked.value;
+    const change = (next) => {
+        const kept = opaque(next);
+        setPicked({ value: kept, given });
+        onChange?.(colorPickerValueToRgba(kept));
+    };
+    const solid = hslTrack(value, value.l);
+    const current = formatColorPickerValue(value, "hsl");
+    return (_jsxs("div", { className: "gd-ui-kit-color-picker", "aria-label": "Color picker", children: [
+            _jsx(UiColorWheel, { value: value, onChange: change, label: intl.formatMessage({ id: "gs.ui-color-picker.wheel" }) }), _jsx(UiColorSlider, { label: intl.formatMessage({ id: "gs.ui-color-picker.lightness" }), value: value.l, onChange: (l) => change({ ...value, l }), trackStyle: {
+                    background: `linear-gradient(to right, ${hslTrack(value, 0)}, ${hslTrack(value, 0.5)}, ${hslTrack(value, 1)})`,
+                }, thumbColor: solid, valueText: current }), supportsAlpha ? (_jsx(UiColorSlider, { label: intl.formatMessage({ id: "gs.ui-color-picker.opacity" }), value: value.alpha, onChange: (alpha) => change({ ...value, alpha }), trackStyle: { background: `linear-gradient(to right, transparent, ${solid})` }, thumbColor: current, valueText: `${Math.round(value.alpha * 100)}%` })) : null, _jsx(UiColorValueField, { value: value, onChange: change, notation: notation, onNotationChange: setNotation, label: intl.formatMessage({ id: "gs.ui-color-picker.value" }), notationLabel: intl.formatMessage({ id: "gs.ui-color-picker.notation" }) }), onSubmit ? (_jsxs("div", { className: "gd-ui-kit-color-picker__actions", children: [
+                    _jsx(UiButton, { variant: "secondary", label: intl.formatMessage({ id: "gs.ui-color-picker.cancelButton" }), onClick: props.onCancel }), _jsx(UiButton, { variant: "primary", label: intl.formatMessage({ id: "gs.ui-color-picker.okButton" }), isDisabled: areColorPickerValuesEqual(initial, value), onClick: () => onSubmit(colorPickerValueToRgba(value)) })
+                ] })) : null] }));
+}

package/esm/@ui/UiColorPicker/colorValue.d.ts

@@ -0,0 +1,58 @@
+import { type ColorFormats } from "tinycolor2";
+export type ColorNotation = "hex" | "rgb" | "hsl";
+export declare const COLOR_NOTATIONS: readonly ColorNotation[];
+/**
+ * The picker's working color.
+ *
+ * @remarks
+ * Held as hue, saturation and lightness because that is what the controls address. Kept as channels
+ * instead, turning the wheel at an extreme lightness would not come back to the hue it started from:
+ * every gray, black and white is the same hue once written as channels.
+ */
+export interface IColorPickerValue extends ColorFormats.HSL {
+    alpha: number;
+}
+/**
+ * A point on the wheel, as a fraction of its radius from the middle, in screen orientation.
+ */
+export interface IColorWheelPoint {
+    x: number;
+    y: number;
+}
+export declare function colorPickerValueFromRgb(rgb: ColorFormats.RGB | ColorFormats.RGBA): IColorPickerValue;
+export declare function colorPickerValueToRgba(value: IColorPickerValue): ColorFormats.RGBA;
+export declare function areColorPickerValuesEqual(left: IColorPickerValue, right: IColorPickerValue): boolean;
+/**
+ * Writes the value in the given notation.
+ *
+ * @remarks
+ * Opacity is written only where there is some, so an opaque color reads as the plain three-channel
+ * form.
+ */
+export declare function formatColorPickerValue(value: IColorPickerValue, notation: ColorNotation): string;
+/**
+ * Whether text can be applied to the document as it stands, mid-typing.
+ *
+ * @remarks
+ * Text is applied as it is typed, so parsing is not enough: a parser reads three hex digits as a
+ * color, a fourth as opacity, and `hsl(210, 53%, 1` — closed or not — as white.
+ */
+export declare function canApplyColorPickerValueWhileTyping(text: string): boolean;
+/**
+ * Reads a color from text.
+ *
+ * @remarks
+ * A gray states no hue, and a parser reports 0 for it, so the current hue is carried over. Taken
+ * literally the wheel would swing to red the moment someone typed a gray.
+ */
+export declare function parseColorPickerValue(text: string, current: IColorPickerValue): IColorPickerValue | undefined;
+/**
+ * Reads a point on the wheel as a hue and a saturation.
+ *
+ * @remarks
+ * Past the rim the saturation clamps rather than the gesture being dropped, which keeps a drag live
+ * when the pointer leaves the wheel.
+ */
+export declare function colorPickerValueFromWheel(point: IColorWheelPoint, current: IColorPickerValue): IColorPickerValue;
+export declare function colorPickerValueToWheel(value: IColorPickerValue): IColorWheelPoint;
+//# sourceMappingURL=colorValue.d.ts.map

package/esm/@ui/UiColorPicker/colorValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorValue.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiColorPicker/colorValue.ts"],"names":[],"mappings":"AAEA,OAAkB,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAElD,eAAO,MAAM,eAAe,EAAE,SAAS,aAAa,EAA0B,CAAC;AAE/E;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,GAAG;IACvD,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAUD,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,GAAG,iBAAiB,CAGpG;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAAC,IAAI,CAGlF;AAED,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,GAAG,OAAO,CAIpG;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,aAAa,GAAG,MAAM,CAUhG;AAOD;;;;;;GAMG;AACH,wBAAgB,mCAAmC,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAGzE;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,iBAAiB,GAC3B,iBAAiB,GAAG,SAAS,CAO/B;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACrC,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,iBAAiB,GAC3B,iBAAiB,CAQnB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,iBAAiB,GAAG,gBAAgB,CAGlF"}

package/esm/@ui/UiColorPicker/colorValue.js

@@ -0,0 +1,90 @@
+// (C) 2026 GoodData Corporation
+import tinycolor from "tinycolor2";
+export const COLOR_NOTATIONS = ["hex", "rgb", "hsl"];
+function clamp(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
+function toTinyColor(value) {
+    return tinycolor({ h: value.h, s: value.s, l: value.l }).setAlpha(value.alpha);
+}
+export function colorPickerValueFromRgb(rgb) {
+    const { h, s, l, a } = tinycolor(rgb).toHsl();
+    return { h, s, l, alpha: a };
+}
+export function colorPickerValueToRgba(value) {
+    const { r, g, b } = toTinyColor(value).toRgb();
+    return { r, g, b, a: value.alpha };
+}
+export function areColorPickerValuesEqual(left, right) {
+    const a = colorPickerValueToRgba(left);
+    const b = colorPickerValueToRgba(right);
+    return a.r === b.r && a.g === b.g && a.b === b.b && a.a === b.a;
+}
+/**
+ * Writes the value in the given notation.
+ *
+ * @remarks
+ * Opacity is written only where there is some, so an opaque color reads as the plain three-channel
+ * form.
+ */
+export function formatColorPickerValue(value, notation) {
+    const color = toTinyColor(value);
+    switch (notation) {
+        case "hex":
+            return value.alpha === 1 ? color.toHexString() : color.toHex8String();
+        case "rgb":
+            return color.toRgbString();
+        case "hsl":
+            return color.toHslString();
+    }
+}
+const APPLICABLE_WHILE_TYPING = [
+    /^#?(?:[0-9a-f]{6}|[0-9a-f]{8})$/i,
+    /^(?:rgb|hsl)a?\([^()]*\)$/i,
+];
+/**
+ * Whether text can be applied to the document as it stands, mid-typing.
+ *
+ * @remarks
+ * Text is applied as it is typed, so parsing is not enough: a parser reads three hex digits as a
+ * color, a fourth as opacity, and `hsl(210, 53%, 1` — closed or not — as white.
+ */
+export function canApplyColorPickerValueWhileTyping(text) {
+    const trimmed = text.trim();
+    return APPLICABLE_WHILE_TYPING.some((shape) => shape.test(trimmed));
+}
+/**
+ * Reads a color from text.
+ *
+ * @remarks
+ * A gray states no hue, and a parser reports 0 for it, so the current hue is carried over. Taken
+ * literally the wheel would swing to red the moment someone typed a gray.
+ */
+export function parseColorPickerValue(text, current) {
+    const color = tinycolor(text.trim());
+    if (!color.isValid()) {
+        return undefined;
+    }
+    const { h, s, l, a } = color.toHsl();
+    return { h: s === 0 ? current.h : h, s, l, alpha: a };
+}
+/**
+ * Reads a point on the wheel as a hue and a saturation.
+ *
+ * @remarks
+ * Past the rim the saturation clamps rather than the gesture being dropped, which keeps a drag live
+ * when the pointer leaves the wheel.
+ */
+export function colorPickerValueFromWheel(point, current) {
+    const saturation = clamp(Math.hypot(point.x, point.y), 0, 1);
+    // The exact middle points in no direction, so there is no hue to read from it.
+    if (saturation === 0) {
+        return { ...current, s: 0 };
+    }
+    const angle = (Math.atan2(point.y, point.x) * 180) / Math.PI;
+    return { ...current, h: (angle + 360) % 360, s: saturation };
+}
+export function colorPickerValueToWheel(value) {
+    const radians = (value.h * Math.PI) / 180;
+    return { x: Math.cos(radians) * value.s, y: Math.sin(radians) * value.s };
+}

package/esm/@ui/UiColorPicker/components/UiColorSlider.d.ts

@@ -0,0 +1,19 @@
+import { type CSSProperties } from "react";
+interface IColorSliderProps {
+    label: string;
+    /**
+     * Position along the track, from 0 at the left to 1 at the right.
+     */
+    value: number;
+    onChange: (value: number) => void;
+    trackStyle: CSSProperties;
+    thumbColor: string;
+    /**
+     * The value as it should be read out: the fraction on its own says nothing about which channel
+     * this is.
+     */
+    valueText: string;
+}
+export declare function UiColorSlider({ label, value, onChange, trackStyle, thumbColor, valueText }: IColorSliderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UiColorSlider.d.ts.map

package/esm/@ui/UiColorPicker/components/UiColorSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiColorSlider.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiColorPicker/components/UiColorSlider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,OAAO,CAAC;AAM/D,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,UAAU,EAAE,aAAa,CAAC;IAE1B,UAAU,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACZ,EAAE,iBAAiB,2CAoDnB"}

package/esm/@ui/UiColorPicker/components/UiColorSlider.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePointerTrack } from "../../hooks/usePointerTrack.js";
+const KEY_STEP = 0.02;
+export function UiColorSlider({ label, value, onChange, trackStyle, thumbColor, valueText, }) {
+    const track = usePointerTrack((event) => {
+        const rect = event.currentTarget.getBoundingClientRect();
+        const position = (event.clientX - rect.left) / rect.width;
+        onChange(Math.min(1, Math.max(0, position)));
+    });
+    const step = (delta) => onChange(Math.min(1, Math.max(0, value + delta)));
+    const onKeyDown = (event) => {
+        const moves = {
+            ArrowLeft: () => step(-KEY_STEP),
+            ArrowDown: () => step(-KEY_STEP),
+            ArrowRight: () => step(KEY_STEP),
+            ArrowUp: () => step(KEY_STEP),
+            Home: () => onChange(0),
+            End: () => onChange(1),
+        };
+        const move = moves[event.key];
+        if (move) {
+            event.preventDefault();
+            move();
+        }
+    };
+    return (_jsxs("div", { className: "gd-ui-kit-color-picker__slider", role: "slider", tabIndex: 0, "aria-label": label, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(value * 100), "aria-valuetext": valueText, onKeyDown: onKeyDown, ...track, children: [
+            _jsx("div", { className: "gd-ui-kit-color-picker__slider-track", style: trackStyle }), _jsx("div", { className: "gd-ui-kit-color-picker__slider-thumb", 
+                // The stylesheet turns the fraction into a position, so the handle's own size is
+                // accounted for in the one place that states it.
+                style: {
+                    "--color-picker-slider-position": value,
+                    backgroundColor: thumbColor,
+                } })
+        ] }));
+}

package/esm/@ui/UiColorPicker/components/UiColorValueField.d.ts

@@ -0,0 +1,12 @@
+import { type ColorNotation, type IColorPickerValue } from "../colorValue.js";
+interface IColorValueFieldProps {
+    value: IColorPickerValue;
+    onChange: (value: IColorPickerValue) => void;
+    notation: ColorNotation;
+    onNotationChange: (notation: ColorNotation) => void;
+    label: string;
+    notationLabel: string;
+}
+export declare function UiColorValueField({ value, onChange, notation, onNotationChange, label, notationLabel }: IColorValueFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UiColorValueField.d.ts.map

package/esm/@ui/UiColorPicker/components/UiColorValueField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiColorValueField.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiColorPicker/components/UiColorValueField.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEH,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAIzB,MAAM,kBAAkB,CAAC;AAE1B,UAAU,qBAAqB;IAC3B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,aAAa,CAAC;IACxB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,aAAa,EAChB,EAAE,qBAAqB,2CAyEvB"}

package/esm/@ui/UiColorPicker/components/UiColorValueField.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useState } from "react";
+import { UiButton } from "../../UiButton/UiButton.js";
+import { UiDropdown } from "../../UiDropdown/UiDropdown.js";
+import { UiListbox } from "../../UiListbox/UiListbox.js";
+import { UiTextInput } from "../../UiTextInput/UiTextInput.js";
+import { COLOR_NOTATIONS, canApplyColorPickerValueWhileTyping, formatColorPickerValue, parseColorPickerValue, } from "../colorValue.js";
+export function UiColorValueField({ value, onChange, notation, onNotationChange, label, notationLabel, }) {
+    // Held only while the field is being typed into: rendering the value it last parsed to would
+    // fight the typing character by character.
+    const [draft, setDraft] = useState();
+    const type = (text) => {
+        setDraft(text);
+        const parsed = parseColorPickerValue(text, value);
+        if (parsed && canApplyColorPickerValueWhileTyping(text)) {
+            onChange(parsed);
+        }
+    };
+    // What was only typed through is applied once the typing stops.
+    const settle = () => {
+        const parsed = draft === undefined ? undefined : parseColorPickerValue(draft, value);
+        if (parsed) {
+            onChange(parsed);
+        }
+        setDraft(undefined);
+    };
+    const items = COLOR_NOTATIONS.map((option) => ({
+        type: "interactive",
+        id: option,
+        stringTitle: option.toUpperCase(),
+        data: option,
+    }));
+    return (_jsxs("div", { className: "gd-ui-kit-color-picker__value", children: [
+            _jsx(UiTextInput, { value: draft ?? formatColorPickerValue(value, notation), onChange: type, onBlur: settle, onKeyDown: (event) => {
+                    if (event.key === "Enter") {
+                        settle();
+                    }
+                }, isError: draft !== undefined && parseColorPickerValue(draft, value) === undefined, accessibilityConfig: { ariaLabel: label }, dataTestId: "ui-color-picker-value" }), _jsx(UiDropdown, { closeOnEscape: true, width: "auto", accessibilityConfig: { triggerRole: "combobox", popupRole: "listbox" }, renderButton: ({ ref, isOpen, toggleDropdown, ariaAttributes }) => (_jsx(UiButton, { ref: ref, size: "small", variant: "secondary", label: notation.toUpperCase(), iconAfter: isOpen ? "navigateUp" : "navigateDown", disableIconAnimation: true, onClick: toggleDropdown, accessibilityConfig: { ariaLabel: notationLabel, ...ariaAttributes } })), renderBody: ({ closeDropdown, ariaAttributes }) => (_jsx(UiListbox, { items: items, selectedItemId: notation, ariaAttributes: { ...ariaAttributes, "aria-label": notationLabel }, isCompact: true, onSelect: (item) => onNotationChange(item.data), onClose: closeDropdown })) })] }));
+}

package/esm/@ui/UiColorPicker/components/UiColorWheel.d.ts

@@ -0,0 +1,9 @@
+import { type IColorPickerValue } from "../colorValue.js";
+interface IColorWheelProps {
+    value: IColorPickerValue;
+    onChange: (value: IColorPickerValue) => void;
+    label: string;
+}
+export declare function UiColorWheel({ value, onChange, label }: IColorWheelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UiColorWheel.d.ts.map

package/esm/@ui/UiColorPicker/components/UiColorWheel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiColorWheel.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiColorPicker/components/UiColorWheel.tsx"],"names":[],"mappings":"AAKA,OAAO,EACH,KAAK,iBAAiB,EAIzB,MAAM,kBAAkB,CAAC;AAK1B,UAAU,gBAAgB;IACtB,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;CACjB;AAKD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,gBAAgB,2CA+DxE"}

package/esm/@ui/UiColorPicker/components/UiColorWheel.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePointerTrack } from "../../hooks/usePointerTrack.js";
+import { colorPickerValueFromWheel, colorPickerValueToWheel, formatColorPickerValue, } from "../colorValue.js";
+const HUE_KEY_STEP = 2;
+const SATURATION_KEY_STEP = 0.02;
+// Hue is the angle and saturation the distance from the middle; see `.gd-ui-kit-color-picker__wheel` for how the
+// paint is held to the same convention.
+export function UiColorWheel({ value, onChange, label }) {
+    const track = usePointerTrack((event) => {
+        const rect = event.currentTarget.getBoundingClientRect();
+        const radius = rect.width / 2;
+        onChange(colorPickerValueFromWheel({
+            x: (event.clientX - rect.left - radius) / radius,
+            y: (event.clientY - rect.top - radius) / radius,
+        }, value));
+    });
+    const step = (hue, saturation) => onChange({
+        ...value,
+        h: (value.h + hue + 360) % 360,
+        s: Math.min(1, Math.max(0, value.s + saturation)),
+    });
+    const onKeyDown = (event) => {
+        const moves = {
+            ArrowLeft: () => step(-HUE_KEY_STEP, 0),
+            ArrowRight: () => step(HUE_KEY_STEP, 0),
+            ArrowUp: () => step(0, SATURATION_KEY_STEP),
+            ArrowDown: () => step(0, -SATURATION_KEY_STEP),
+            Home: () => onChange({ ...value, s: 0 }),
+            End: () => onChange({ ...value, s: 1 }),
+        };
+        const move = moves[event.key];
+        if (move) {
+            event.preventDefault();
+            move();
+        }
+    };
+    const point = colorPickerValueToWheel(value);
+    return (_jsx("div", { className: "gd-ui-kit-color-picker__wheel", role: "slider", tabIndex: 0, "aria-label": label, "aria-valuemin": 0, "aria-valuemax": 360, "aria-valuenow": Math.round(value.h), "aria-valuetext": formatColorPickerValue(value, "hsl"), onKeyDown: onKeyDown, ...track, children: _jsx("div", { className: "gd-ui-kit-color-picker__wheel-thumb", style: {
+                left: `${((point.x + 1) / 2) * 100}%`,
+                top: `${((point.y + 1) / 2) * 100}%`,
+                backgroundColor: formatColorPickerValue(value, "hsl"),
+            } }) }));
+}

package/esm/@ui/UiColorPicker/types.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Channels, each 0 to 255.
+ *
+ * @internal
+ */
+export interface IUiColorPickerRgb {
+    r: number;
+    g: number;
+    b: number;
+}
+/**
+ * Channels, each 0 to 255, with opacity from 0 (transparent) to 1 (opaque).
+ *
+ * @internal
+ */
+export interface IUiColorPickerRgba extends IUiColorPickerRgb {
+    a: number;
+}
+/**
+ * What every picker takes, whichever way it reports the color it gathers.
+ *
+ * @internal
+ */
+export interface IUiColorPickerBaseProps {
+    /**
+     * The color to start from. The picker follows it when it changes.
+     *
+     * @remarks
+     * Never feed the picker the color it just reported: read in again it loses the hue that a gray,
+     * black or white cannot carry, and the handle jumps off the wheel mid-drag. A caller applying
+     * changes live should hold the color it seeds the picker with apart from the one it stores.
+     */
+    initialRgbColor: IUiColorPickerRgb | IUiColorPickerRgba;
+    /**
+     * Adds an opacity control and lets the reported color carry one.
+     *
+     * @remarks
+     * Off by default: a consumer that stores a color without an opacity would drop the one the user
+     * had set, without saying so.
+     */
+    supportsAlpha?: boolean;
+}
+/**
+ * A picker that gathers a color and reports it once, when confirmed.
+ *
+ * @internal
+ */
+export interface IUiColorPickerCommitProps extends IUiColorPickerBaseProps {
+    onSubmit: (color: IUiColorPickerRgba) => void;
+    /**
+     * Dismisses the picker, leaving the color as it was.
+     */
+    onCancel: () => void;
+    onChange?: never;
+}
+/**
+ * A picker that reports every change as it is made, and so has nothing to confirm or take back: the
+ * color is already applied, and going back from it is the caller's to offer.
+ *
+ * @internal
+ */
+export interface IUiColorPickerLiveProps extends IUiColorPickerBaseProps {
+    onChange: (color: IUiColorPickerRgba) => void;
+    onSubmit?: never;
+}
+/**
+ * @internal
+ */
+export type IUiColorPickerProps = IUiColorPickerCommitProps | IUiColorPickerLiveProps;
+//# sourceMappingURL=types.d.ts.map

package/esm/@ui/UiColorPicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiColorPicker/types.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;GAIG;AACH,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IACzD,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IACpC;;;;;;;OAOG;IACH,eAAe,EAAE,iBAAiB,GAAG,kBAAkB,CAAC;IAExD;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;GAIG;AACH,MAAM,WAAW,yBAA0B,SAAQ,uBAAuB;IACtE,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,WAAW,uBAAwB,SAAQ,uBAAuB;IACpE,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAE9C,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,GAAG,uBAAuB,CAAC"}

package/esm/@ui/UiColorPicker/types.js

@@ -0,0 +1,2 @@
+// (C) 2021-2026 GoodData Corporation
+export {};

package/esm/@ui/UiFloatingElement/UiFloatingElement.d.ts

@@ -16,5 +16,5 @@ import { type IUiFloatingElementProps } from "./types.js";
  *
  * @internal
  */
-export declare function UiFloatingElement({ children, anchor, isOpen, onClose, placement, alignPoints, strategy, offset, autoFlip, closeOnOutsideClick, closeOnEscape, closeOnParentScroll, closeOnMouseDrag, ignoreClicksOn, shouldCloseOnClick, zIndex: zIndexProp, className, contentClassName, style, width, maxWidth, maxHeight, accessibilityConfig, onPlacementChange }: IUiFloatingElementProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function UiFloatingElement({ children, anchor, isOpen, onClose, placement, alignPoints, strategy, offset, autoFlip, allowOverlapAnchor, overflowBoundary, closeOnOutsideClick, closeOnEscape, closeOnParentScroll, closeOnMouseDrag, ignoreClicksOn, shouldCloseOnClick, zIndex: zIndexProp, className, contentClassName, style, width, maxWidth, maxHeight, accessibilityConfig, onPlacementChange }: IUiFloatingElementProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=UiFloatingElement.d.ts.map

package/esm/@ui/UiFloatingElement/UiFloatingElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiFloatingElement.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFloatingElement/UiFloatingElement.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAS1D;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAA0B,EAC1B,WAAW,EACX,QAAqB,EACrB,MAAM,EACN,QAAe,EACf,mBAA0B,EAC1B,aAAqB,EACrB,mBAA2B,EAC3B,gBAAwB,EACxB,cAAuC,EACvC,kBAAkB,EAClB,MAAM,EAAE,UAAU,EAClB,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,KAAc,EACd,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,iBAAiB,EACpB,EAAE,uBAAuB,kDA+FzB"}
+{"version":3,"file":"UiFloatingElement.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFloatingElement/UiFloatingElement.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAS1D;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAA0B,EAC1B,WAAW,EACX,QAAqB,EACrB,MAAM,EACN,QAAe,EACf,kBAA0B,EAC1B,gBAAgB,EAChB,mBAA0B,EAC1B,aAAqB,EACrB,mBAA2B,EAC3B,gBAAwB,EACxB,cAAuC,EACvC,kBAAkB,EAClB,MAAM,EAAE,UAAU,EAClB,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,KAAc,EACd,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,iBAAiB,EACpB,EAAE,uBAAuB,kDAiGzB"}

package/esm/@ui/UiFloatingElement/UiFloatingElement.js

@@ -31,7 +31,7 @@ const EMPTY_IGNORE_CLICKS_ON = [];
  *
  * @internal
  */
-export function UiFloatingElement({ children, anchor, isOpen, onClose, placement = "bottom-start", alignPoints, strategy = "absolute", offset, autoFlip = true, closeOnOutsideClick = true, closeOnEscape = false, closeOnParentScroll = false, closeOnMouseDrag = false, ignoreClicksOn = EMPTY_IGNORE_CLICKS_ON, shouldCloseOnClick, zIndex: zIndexProp, className, contentClassName, style, width = "auto", maxWidth, maxHeight, accessibilityConfig, onPlacementChange, }) {
+export function UiFloatingElement({ children, anchor, isOpen, onClose, placement = "bottom-start", alignPoints, strategy = "absolute", offset, autoFlip = true, allowOverlapAnchor = false, overflowBoundary, closeOnOutsideClick = true, closeOnEscape = false, closeOnParentScroll = false, closeOnMouseDrag = false, ignoreClicksOn = EMPTY_IGNORE_CLICKS_ON, shouldCloseOnClick, zIndex: zIndexProp, className, contentClassName, style, width = "auto", maxWidth, maxHeight, accessibilityConfig, onPlacementChange, }) {
     const [resolvedAnchor, setResolvedAnchor] = useState(() => resolveAnchor(anchor));
     // Core positioning
     const { refs, floatingStyles, placement: actualPlacement, zIndex, } = useFloatingPosition({
@@ -41,6 +41,8 @@ export function UiFloatingElement({ children, anchor, isOpen, onClose, placement
         strategy,
         offset,
         autoFlip,
+        allowOverlapAnchor,
+        overflowBoundary,
         maxWidth,
         maxHeight,
         zIndex: zIndexProp,

package/esm/@ui/UiFloatingElement/types.d.ts

@@ -39,6 +39,23 @@ export interface IUiFloatingElementProps {
     strategy?: Strategy;
     offset?: OffsetOptions;
     autoFlip?: boolean;
+    /**
+     * Whether the floating element may slide over its anchor to stay in view.
+     *
+     * @remarks
+     * By default it only slides along the side it is placed on. An anchor taller than the viewport
+     * has room on neither side, which leaves the element off the screen.
+     */
+    allowOverlapAnchor?: boolean;
+    /**
+     * Element the floating element is kept inside of, instead of the window.
+     *
+     * @remarks
+     * The portal puts it outside whatever the anchor scrolls in, so by default only the window
+     * constrains it. Pass the element rather than its rect, so the position is measured again as
+     * the element moves.
+     */
+    overflowBoundary?: Element;
     closeOnOutsideClick?: boolean;
     closeOnEscape?: boolean;
     closeOnParentScroll?: boolean;
@@ -66,6 +83,8 @@ export interface IUseFloatingPositionOptions {
     strategy?: Strategy;
     offset?: OffsetOptions;
     autoFlip?: boolean;
+    allowOverlapAnchor?: boolean;
+    overflowBoundary?: Element;
     fallbackPlacements?: Placement[];
     arrowRef?: RefObject<SVGSVGElement | null>;
     customMiddleware?: Middleware[];

package/esm/@ui/UiFloatingElement/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFloatingElement/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG,OAAO,EACH,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,cAAc,EACtB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E;;;;;;;;;GASG;AACH,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE;QACL,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACL;AAED;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC;AAE3G;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,MAAM,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACtD;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;QAClC,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC;QACjC,QAAQ,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KAClD,CAAC;IACF,cAAc,EAAE,aAAa,CAAC;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,eAAe,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACvC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFloatingElement/types.ts"],"names":[],"mappings":"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"}

package/esm/@ui/UiFloatingElement/types.js

@@ -1,2 +1,2 @@
-// (C) 2025 GoodData Corporation
+// (C) 2025-2026 GoodData Corporation
 export {};

package/esm/@ui/UiFloatingElement/useFloatingPosition.d.ts

@@ -4,5 +4,5 @@ import { type IUseFloatingPositionOptions, type IUseFloatingPositionResult } fro
  *
  * @internal
  */
-export declare function useFloatingPosition({ isOpen, onOpenChange, placement: placementProp, alignPoints, strategy, offset: offsetProp, autoFlip, fallbackPlacements: fallbackPlacementsProp, arrowRef, customMiddleware, maxWidth, maxHeight, zIndex: zIndexProp, shiftPadding }: IUseFloatingPositionOptions): IUseFloatingPositionResult;
+export declare function useFloatingPosition({ isOpen, onOpenChange, placement: placementProp, alignPoints, strategy, offset: offsetProp, autoFlip, allowOverlapAnchor, overflowBoundary, fallbackPlacements: fallbackPlacementsProp, arrowRef, customMiddleware, maxWidth, maxHeight, zIndex: zIndexProp, shiftPadding }: IUseFloatingPositionOptions): IUseFloatingPositionResult;
 //# sourceMappingURL=useFloatingPosition.d.ts.map

package/esm/@ui/UiFloatingElement/useFloatingPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFloatingElement/useFloatingPosition.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,2BAA2B,EAAE,KAAK,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAM/F;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,MAAM,EACN,YAAY,EACZ,SAAS,EAAE,aAA8B,EACzC,WAAW,EACX,QAAqB,EACrB,MAAM,EAAE,UAAU,EAClB,QAAe,EACf,kBAAkB,EAAE,sBAAsB,EAC1C,QAAQ,EACR,gBAAmC,EACnC,QAAQ,EACR,SAAS,EACT,MAAM,EAAE,UAAU,EAClB,YAAgB,EACnB,EAAE,2BAA2B,GAAG,0BAA0B,CAyH1D"}
+{"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFloatingElement/useFloatingPosition.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,KAAK,2BAA2B,EAAE,KAAK,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAM/F;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,MAAM,EACN,YAAY,EACZ,SAAS,EAAE,aAA8B,EACzC,WAAW,EACX,QAAqB,EACrB,MAAM,EAAE,UAAU,EAClB,QAAe,EACf,kBAA0B,EAC1B,gBAAgB,EAChB,kBAAkB,EAAE,sBAAsB,EAC1C,QAAQ,EACR,gBAAmC,EACnC,QAAQ,EACR,SAAS,EACT,MAAM,EAAE,UAAU,EAClB,YAAgB,EACnB,EAAE,2BAA2B,GAAG,0BAA0B,CAwI1D"}