beez-ui 0.9.0 → 0.9.1

package/dist/components/filter-presets-bar.d.ts

@@ -39,6 +39,8 @@ export interface FilterPresetSaveButtonProps {
     /** Saves the current query under the given name. Returns `false` when there is no query to save. */
     onSaveCurrentQuery: (presetName: string) => boolean;
     labels?: Partial<FilterPresetLabels>;
+    /** Classes of the icon button, for example to adapt it to the action slot of an input. */
+    className?: string;
 }
 /**
  * Compact icon button that saves the current query as a named preset. Fits the action slot of
@@ -46,7 +48,7 @@ export interface FilterPresetSaveButtonProps {
  * @param props - Save availability, save callback and optional labels.
  * @returns The button and its naming popover.
  */
-export declare function FilterPresetSaveButton({ canSaveCurrentQuery, onSaveCurrentQuery, labels }: FilterPresetSaveButtonProps): import("react").JSX.Element;
+export declare function FilterPresetSaveButton({ canSaveCurrentQuery, onSaveCurrentQuery, labels, className }: FilterPresetSaveButtonProps): import("react").JSX.Element;
 export interface FilterPresetsBarProps {
     presets: readonly FilterPreset[];
     /** Qualifiers of the filter bar, offered as suggestions while editing a preset query. */

package/dist/components/filter-presets-bar.js

@@ -74,8 +74,8 @@ const CHIP_ICON_BUTTON_CLASS_NAME = "inline-flex cursor-pointer items-center bor
 * @returns The button and its naming popover.
 */
 export function FilterPresetSaveButton(t0) {
-	const $ = _c(45);
-	const { canSaveCurrentQuery, onSaveCurrentQuery, labels } = t0;
+	const $ = _c(46);
+	const { canSaveCurrentQuery, onSaveCurrentQuery, labels, className } = t0;
 	let t1;
 	if ($[0] !== labels) {
 		t1 = {
@@ -138,7 +138,7 @@ export function FilterPresetSaveButton(t0) {
 		t5 = $[8];
 	}
 	let t6;
-	if ($[9] !== resolvedLabels.saveAction || $[10] !== t4) {
+	if ($[9] !== className || $[10] !== resolvedLabels.saveAction || $[11] !== t4) {
 		t6 = /* @__PURE__ */ _jsx(TooltipTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ _jsx(PopoverTrigger, {
@@ -146,6 +146,7 @@ export function FilterPresetSaveButton(t0) {
 				children: /* @__PURE__ */ _jsx(Button, {
 					"data-slot": "filter-preset-save-button",
 					"aria-label": resolvedLabels.saveAction,
+					className,
 					disabled: t4,
 					size: "icon-xs",
 					type: "button",
@@ -154,56 +155,57 @@ export function FilterPresetSaveButton(t0) {
 				})
 			})
 		});
-		$[9] = resolvedLabels.saveAction;
-		$[10] = t4;
-		$[11] = t6;
+		$[9] = className;
+		$[10] = resolvedLabels.saveAction;
+		$[11] = t4;
+		$[12] = t6;
 	} else {
-		t6 = $[11];
+		t6 = $[12];
 	}
 	let t7;
-	if ($[12] !== resolvedLabels.saveAction) {
+	if ($[13] !== resolvedLabels.saveAction) {
 		t7 = /* @__PURE__ */ _jsx(TooltipContent, { children: resolvedLabels.saveAction });
-		$[12] = resolvedLabels.saveAction;
-		$[13] = t7;
+		$[13] = resolvedLabels.saveAction;
+		$[14] = t7;
 	} else {
-		t7 = $[13];
+		t7 = $[14];
 	}
 	let t8;
-	if ($[14] !== t6 || $[15] !== t7) {
+	if ($[15] !== t6 || $[16] !== t7) {
 		t8 = /* @__PURE__ */ _jsxs(Tooltip, { children: [t6, t7] });
-		$[14] = t6;
-		$[15] = t7;
-		$[16] = t8;
+		$[15] = t6;
+		$[16] = t7;
+		$[17] = t8;
 	} else {
-		t8 = $[16];
+		t8 = $[17];
 	}
 	let t9;
-	if ($[17] !== nameInputId || $[18] !== resolvedLabels.presetName) {
+	if ($[18] !== nameInputId || $[19] !== resolvedLabels.presetName) {
 		t9 = /* @__PURE__ */ _jsx(Label, {
 			htmlFor: nameInputId,
 			children: resolvedLabels.presetName
 		});
-		$[17] = nameInputId;
-		$[18] = resolvedLabels.presetName;
-		$[19] = t9;
+		$[18] = nameInputId;
+		$[19] = resolvedLabels.presetName;
+		$[20] = t9;
 	} else {
-		t9 = $[19];
+		t9 = $[20];
 	}
 	let t10;
-	if ($[20] !== error) {
+	if ($[21] !== error) {
 		t10 = (event) => {
 			setNameDraft(event.target.value);
 			if (error) {
 				setError(null);
 			}
 		};
-		$[20] = error;
-		$[21] = t10;
+		$[21] = error;
+		$[22] = t10;
 	} else {
-		t10 = $[21];
+		t10 = $[22];
 	}
 	let t11;
-	if ($[22] !== handleConfirmSave) {
+	if ($[23] !== handleConfirmSave) {
 		t11 = (event_0) => {
 			if (event_0.key !== ENTER_KEY) {
 				return;
@@ -211,13 +213,13 @@ export function FilterPresetSaveButton(t0) {
 			event_0.preventDefault();
 			handleConfirmSave();
 		};
-		$[22] = handleConfirmSave;
-		$[23] = t11;
+		$[23] = handleConfirmSave;
+		$[24] = t11;
 	} else {
-		t11 = $[23];
+		t11 = $[24];
 	}
 	let t12;
-	if ($[24] !== nameDraft || $[25] !== nameInputId || $[26] !== resolvedLabels.presetNamePlaceholder || $[27] !== t10 || $[28] !== t11) {
+	if ($[25] !== nameDraft || $[26] !== nameInputId || $[27] !== resolvedLabels.presetNamePlaceholder || $[28] !== t10 || $[29] !== t11) {
 		t12 = /* @__PURE__ */ _jsx(Input, {
 			id: nameInputId,
 			onChange: t10,
@@ -226,29 +228,29 @@ export function FilterPresetSaveButton(t0) {
 			type: "text",
 			value: nameDraft
 		});
-		$[24] = nameDraft;
-		$[25] = nameInputId;
-		$[26] = resolvedLabels.presetNamePlaceholder;
-		$[27] = t10;
-		$[28] = t11;
-		$[29] = t12;
+		$[25] = nameDraft;
+		$[26] = nameInputId;
+		$[27] = resolvedLabels.presetNamePlaceholder;
+		$[28] = t10;
+		$[29] = t11;
+		$[30] = t12;
 	} else {
-		t12 = $[29];
+		t12 = $[30];
 	}
 	let t13;
-	if ($[30] !== error) {
+	if ($[31] !== error) {
 		t13 = error ? /* @__PURE__ */ _jsx("p", {
 			className: ERROR_CLASS_NAME,
 			role: "alert",
 			children: error
 		}) : null;
-		$[30] = error;
-		$[31] = t13;
+		$[31] = error;
+		$[32] = t13;
 	} else {
-		t13 = $[31];
+		t13 = $[32];
 	}
 	let t14;
-	if ($[32] !== handleConfirmSave || $[33] !== resolvedLabels.saveConfirm || $[34] !== resolvedLabels.saveConfirmAriaLabel) {
+	if ($[33] !== handleConfirmSave || $[34] !== resolvedLabels.saveConfirm || $[35] !== resolvedLabels.saveConfirmAriaLabel) {
 		t14 = /* @__PURE__ */ _jsx(Button, {
 			"aria-label": resolvedLabels.saveConfirmAriaLabel,
 			onClick: handleConfirmSave,
@@ -256,15 +258,15 @@ export function FilterPresetSaveButton(t0) {
 			type: "button",
 			children: resolvedLabels.saveConfirm
 		});
-		$[32] = handleConfirmSave;
-		$[33] = resolvedLabels.saveConfirm;
-		$[34] = resolvedLabels.saveConfirmAriaLabel;
-		$[35] = t14;
+		$[33] = handleConfirmSave;
+		$[34] = resolvedLabels.saveConfirm;
+		$[35] = resolvedLabels.saveConfirmAriaLabel;
+		$[36] = t14;
 	} else {
-		t14 = $[35];
+		t14 = $[36];
 	}
 	let t15;
-	if ($[36] !== t12 || $[37] !== t13 || $[38] !== t14 || $[39] !== t9) {
+	if ($[37] !== t12 || $[38] !== t13 || $[39] !== t14 || $[40] !== t9) {
 		t15 = /* @__PURE__ */ _jsxs(PopoverContent, {
 			align: "end",
 			className: FORM_POPOVER_CLASS_NAME,
@@ -275,27 +277,27 @@ export function FilterPresetSaveButton(t0) {
 				t14
 			]
 		});
-		$[36] = t12;
-		$[37] = t13;
-		$[38] = t14;
-		$[39] = t9;
-		$[40] = t15;
+		$[37] = t12;
+		$[38] = t13;
+		$[39] = t14;
+		$[40] = t9;
+		$[41] = t15;
 	} else {
-		t15 = $[40];
+		t15 = $[41];
 	}
 	let t16;
-	if ($[41] !== isOpen || $[42] !== t15 || $[43] !== t8) {
+	if ($[42] !== isOpen || $[43] !== t15 || $[44] !== t8) {
 		t16 = /* @__PURE__ */ _jsxs(Popover, {
 			onOpenChange: handleOpenChange,
 			open: isOpen,
 			children: [t8, t15]
 		});
-		$[41] = isOpen;
-		$[42] = t15;
-		$[43] = t8;
-		$[44] = t16;
+		$[42] = isOpen;
+		$[43] = t15;
+		$[44] = t8;
+		$[45] = t16;
 	} else {
-		t16 = $[44];
+		t16 = $[45];
 	}
 	return t16;
 }