@revolist/ui 4.0.3-rc → 4.0.3

package/angular/angular.d.ts

@@ -40,5 +40,5 @@ export declare class UiComponent implements AfterContentInit, AfterViewInit, OnC
 }
 export type { PdfViewerProps, PdfViewerText } from '../pdf-viewer/component.js';
 export type { PdfViewerToolbarProps } from '../pdf-viewer/toolbar.js';
-export type { PdfViewerButton, PdfViewerButtonOptions, PdfViewerToolbarOptions, PdfViewerToolbarConfig } from '../pdf-viewer/toolbar-options.js';
+export type { PdfViewerButton, PdfViewerButtonOptions, PdfViewerToolbarOptions, PdfViewerToolbarConfig, } from '../pdf-viewer/toolbar-options.js';
 export { defaultPdfViewerText } from '../pdf-viewer/index.js';

package/angular/angular.js

@@ -35,10 +35,12 @@ export class UiComponent {
     ngAfterViewInit() {
         if (!this.browser)
             return;
-        this.mount = createFrameworkMount(this.host.nativeElement, targets => this.renderTemplates(targets));
+        this.mount = createFrameworkMount(this.host.nativeElement, (targets) => this.renderTemplates(targets));
+        this.update();
+    }
+    ngOnChanges() {
         this.update();
     }
-    ngOnChanges() { this.update(); }
     update() {
         if (!this.mount || this.destroyed)
             return;
@@ -47,8 +49,11 @@ export class UiComponent {
             throw new Error(`Unknown UI component: ${this.component}`);
         const props = { ...this.props };
         const model = componentModels[this.component];
-        const callbacks = new Set([...Object.keys(props).filter(key => /^on[A-Z]/.test(key)),
-            'onClose', ...(model ? [model.callback] : [])]);
+        const callbacks = new Set([
+            ...Object.keys(props).filter((key) => /^on[A-Z]/.test(key)),
+            'onClose',
+            ...(model ? [model.callback] : []),
+        ]);
         for (const name of callbacks) {
             const original = props[name];
             props[name] = (...args) => {
@@ -60,13 +65,13 @@ export class UiComponent {
                 return result;
             };
         }
-        const slots = Object.fromEntries(this.slots?.map(slot => [slot.rvUiSlot, slot]) ?? []);
+        const slots = Object.fromEntries(this.slots?.map((slot) => [slot.rvUiSlot, slot]) ?? []);
         this.mount.render(component, props, (props, content) => withFrameworkContent(this.component, props, slots, content));
     }
     renderTemplates(targets) {
         if (this.destroyed)
             return;
-        const live = new Set(targets.map(target => target.id));
+        const live = new Set(targets.map((target) => target.id));
         for (const [id, record] of this.views) {
             if (!live.has(id)) {
                 this.release(record);
@@ -123,7 +128,8 @@ export class UiComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'rv-ui', standalone: true,
+                    selector: 'rv-ui',
+                    standalone: true,
                     template: '<span #host style="display: contents"></span>',
                     host: { style: 'display: contents' },
                 }]

package/assignee/assignee.scss

@@ -45,7 +45,7 @@
   }
 }
 
-.rv-assignee-editor .selected-tag {
+.rv-assignee-editor.dropdown-container .selected-tag {
   display: inline-flex;
   align-items: center;
   border-radius: 16px;
@@ -53,6 +53,12 @@
   font-size: 14px;
   line-height: 18px;
   white-space: nowrap;
+  color: var(--rv-ui-text);
+
+  // Keep the full 24px remove target within the 24px value pill.
+  > button.rv-remove-button {
+    margin-block: -3px;
+  }
 }
 .rv-assignee-picker__allocations {
   display: grid;
@@ -90,15 +96,31 @@
 }
 .rv-assignee-picker__allocations {
   border-top: 1px solid var(--rv-ui-border);
-  &:empty { display: none; }
+  &:empty {
+    display: none;
+  }
   label {
     padding: 8px 10px;
     border-radius: 8px;
     background: var(--rv-ui-field-surface);
     font-size: 12px;
-    > span { min-width: 0; overflow-wrap: anywhere; }
+    > span {
+      min-width: 0;
+      overflow-wrap: anywhere;
+    }
+  }
+  input {
+    flex: 0 0 88px;
+    width: 88px;
+    min-height: 32px;
+    padding: 6px 8px;
+    font-size: 12px;
   }
-  input { flex: 0 0 88px; width: 88px; min-height: 32px; padding: 6px 8px; font-size: 12px; }
 }
-.rv-assignee-picker__footer { flex-wrap: wrap; font-size: 12px; }
-.rv-assignee-picker__footer .rv-editor-actions { margin-inline-start: auto; }
+.rv-assignee-picker__footer {
+  flex-wrap: wrap;
+  font-size: 12px;
+}
+.rv-assignee-picker__footer .rv-editor-actions {
+  margin-inline-start: auto;
+}

package/assignee/index.js

@@ -1,7 +1,7 @@
 import { i as e, t } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t as n } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { l as r, n as i } from "../_chunks/native-control-C_yok8_-.js";
-import { R as a } from "../_chunks/controls-DsNi8V8I.js";
+import { l as r, n as i } from "../_chunks/native-control-B_fVA5bL.js";
+import { R as a } from "../_chunks/controls-B_6NJarZ.js";
 import { SearchInput as o } from "../search-input/index.js";
 import { SharedResourcePicker as s } from "../resource-picker/resource-picker.js";
 import { EditorActions as c } from "../editor-actions.js";

package/avatar/avatar.style.scss

@@ -26,14 +26,31 @@
   border-radius: 8px;
 }
 
-.avatar-cell--size-16 { --avatar-cell-size: 16px; font-size: 8px; }
-.avatar-cell--size-20 { --avatar-cell-size: 20px; font-size: 9px; }
-.avatar-cell--size-32 { --avatar-cell-size: 32px; font-size: 12px; }
-.avatar-cell--size-40 { --avatar-cell-size: 40px; font-size: 14px; }
-.avatar-cell--size-48 { --avatar-cell-size: 48px; font-size: 16px; }
+.avatar-cell--size-16 {
+  --avatar-cell-size: 16px;
+  font-size: 8px;
+}
+.avatar-cell--size-20 {
+  --avatar-cell-size: 20px;
+  font-size: 9px;
+}
+.avatar-cell--size-32 {
+  --avatar-cell-size: 32px;
+  font-size: 12px;
+}
+.avatar-cell--size-40 {
+  --avatar-cell-size: 40px;
+  font-size: 14px;
+}
+.avatar-cell--size-48 {
+  --avatar-cell-size: 48px;
+  font-size: 16px;
+}
 
 @each $index, $background in map.get(palettes.$palettes, 'avatar-cell') {
-  .avatar-cell--#{$index} { --avatar-cell-background: #{$background}; }
+  .avatar-cell--#{$index} {
+    --avatar-cell-background: #{$background};
+  }
 }
 
 // Keep host responsive-image and content-spacing rules out of the avatar.

package/avatar/index.d.ts

@@ -1,2 +1,25 @@
-/** Compatibility entry; markup is owned by the Preact TSX implementation. */
-export * from './index.view';
+import { h } from '../_vendor/preact/src/index';
+export { AVATAR_CELL_BACKGROUNDS } from '../color-palette/common-palettes';
+export type AvatarTemplateOptions = {
+    ariaLabel?: string;
+    className?: string;
+    index?: number;
+    initials?: string;
+    key?: string | number;
+    label?: string;
+    rectangular?: boolean;
+    size?: number;
+    style?: Record<string, string | number | null | undefined>;
+    value?: unknown;
+};
+/** Shared Preact avatar, including image-error fallback. */
+export declare function AvatarElement({ options, }: {
+    options?: AvatarTemplateOptions;
+}): h.JSX.Element;
+export declare function createAvatarElement(document: Document, options?: AvatarTemplateOptions): HTMLSpanElement;
+export declare function getAvatarCellBackground(index?: number): "linear-gradient(135deg, #7dd3fc, #2563eb)" | "linear-gradient(135deg, #facc15, #b45309)" | "linear-gradient(135deg, #f9a8d4, #be185d)" | "linear-gradient(135deg, #a5b4fc, #4f46e5)" | "linear-gradient(135deg, #86efac, #15803d)" | "linear-gradient(135deg, #fda4af, #be123c)" | "linear-gradient(135deg, #c4b5fd, #7c3aed)" | "linear-gradient(135deg, #fdba74, #c2410c)";
+export declare function getAvatarInitials(value: unknown): string;
+export declare function getAvatarIndex(value: unknown): number;
+export declare function avatarTemplate(h: any, options?: AvatarTemplateOptions): any;
+/** Shared avatar-and-label presentation; resource/row lookup stays with consumers. */
+export declare function avatarWithTextTemplate(h: any, options?: AvatarTemplateOptions): any;

package/avatar/index.js

@@ -1,68 +1,69 @@
 import { i as e } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 import { createPreactElement as n } from "../preact-mount.js";
-import { AVATAR_CELL_BACKGROUNDS as r } from "../color-palette/common-palettes.js";
-//#region src/avatar/index.view.tsx
-function i({ options: n = {} }) {
-	let [i, a] = e(!1), { index: o = 0, initials: l, rectangular: d = !1, size: f, value: p } = n, m = [
+import { t as r } from "../_chunks/tooltip-text-BXsUEmBH.js";
+import { AVATAR_CELL_BACKGROUNDS as i } from "../color-palette/common-palettes.js";
+//#region src/avatar/index.tsx
+function a({ options: n = {} }) {
+	let [a, o] = e(!1), { index: s = 0, initials: u, rectangular: f = !1, size: p, value: m } = n, h = [
 		"avatar-cell",
-		`avatar-cell--${Math.max(o, 0) % r.length}`,
-		d ? "avatar-cell--rectangular rectangular" : "",
-		u(f),
+		`avatar-cell--${Math.max(s, 0) % i.length}`,
+		f ? "avatar-cell--rectangular rectangular" : "",
+		d(p),
 		n.className
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ t("span", {
-		class: m,
-		title: n.label || String(p ?? ""),
+	return /* @__PURE__ */ t(r, {
+		class: h,
+		title: n.label || String(m ?? ""),
 		role: "img",
 		"aria-label": n.ariaLabel || n.label || void 0,
 		style: n.style,
-		children: c(p) && !i ? /* @__PURE__ */ t("img", {
+		children: l(m) && !a ? /* @__PURE__ */ t("img", {
 			class: "avatar-cell__image",
-			src: String(p),
+			src: String(m),
 			alt: n.label || "",
-			onError: () => a(!0)
-		}) : l ?? s(p)
+			onError: () => o(!0)
+		}) : u ?? c(m)
 	});
 }
-function a(e, r = {}) {
-	return n(e, /* @__PURE__ */ t(i, { options: r }));
+function o(e, r = {}) {
+	return n(e, /* @__PURE__ */ t(a, { options: r }));
 }
-function o(e = 0) {
-	return r[Math.max(e, 0) % r.length];
+function s(e = 0) {
+	return i[Math.max(e, 0) % i.length];
 }
-function s(e) {
+function c(e) {
 	return String(e ?? "").split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
 }
-function c(e) {
+function l(e) {
 	return typeof e == "string" && /^(https?:|data:image\/|blob:|\/|\.\.?\/)/.test(e);
 }
-function l(e) {
+function u(e) {
 	let t = Number(e);
 	return Number.isFinite(t) ? Math.max(t - 1, 0) : 0;
 }
-function u(e) {
+function d(e) {
 	if (e) return e <= 16 ? "avatar-cell--size-16" : e <= 20 ? "avatar-cell--size-20" : e <= 32 ? "avatar-cell--size-32" : e <= 40 ? "avatar-cell--size-40" : "avatar-cell--size-48";
 }
-function d(e, t = {}) {
-	let { index: n = 0, initials: i, rectangular: a = !1, size: o, value: l } = t, d = c(l), f = u(o), p = {
+function f(e, t = {}) {
+	let { index: n = 0, initials: r, rectangular: a = !1, size: o, value: s } = t, u = l(s), f = d(o), p = {
 		class: [
 			"avatar-cell",
-			`avatar-cell--${Math.max(n, 0) % r.length}`,
+			`avatar-cell--${Math.max(n, 0) % i.length}`,
 			a ? "avatar-cell--rectangular rectangular" : "",
 			f,
 			t.className
 		].filter(Boolean).join(" "),
-		title: t.label || String(l ?? "")
+		title: t.label || String(s ?? "")
 	};
-	return t.key !== void 0 && (p.key = t.key), t.style !== void 0 && (p.style = t.style), t.ariaLabel !== void 0 && (p["aria-label"] = t.ariaLabel), d ? e("span", p, [e("img", {
+	return t.key !== void 0 && (p.key = t.key), t.style !== void 0 && (p.style = t.style), t.ariaLabel !== void 0 && (p["aria-label"] = t.ariaLabel), u ? e("span", p, [e("img", {
 		class: "avatar-cell__image",
-		src: String(l),
+		src: String(s),
 		alt: t.label || ""
-	})]) : e("span", p, i ?? s(l));
+	})]) : e("span", p, r ?? c(s));
 }
-function f(e, t = {}) {
-	return e("span", { class: "avatar-cell-with-text" }, [d(e, t), e("span", { class: "avatar-cell-with-text__label" }, String(t.label ?? t.value ?? ""))]);
+function p(e, t = {}) {
+	return e("span", { class: "avatar-cell-with-text" }, [f(e, t), e("span", { class: "avatar-cell-with-text__label" }, String(t.label ?? t.value ?? ""))]);
 }
 //#endregion
-export { r as AVATAR_CELL_BACKGROUNDS, i as AvatarElement, d as avatarTemplate, f as avatarWithTextTemplate, a as createAvatarElement, o as getAvatarCellBackground, l as getAvatarIndex, s as getAvatarInitials };
+export { i as AVATAR_CELL_BACKGROUNDS, a as AvatarElement, f as avatarTemplate, p as avatarWithTextTemplate, o as createAvatarElement, s as getAvatarCellBackground, u as getAvatarIndex, c as getAvatarInitials };

package/badge.d.ts

@@ -4,4 +4,4 @@ export interface BadgeOptions {
     shape?: 'pill' | 'rounded';
 }
 /** Shared presentation for inline badges across framework adapters. */
-export declare function badgeClassName({ variant, shape }?: BadgeOptions): string;
+export declare function badgeClassName({ variant, shape, }?: BadgeOptions): string;

package/badge.view.d.ts

@@ -0,0 +1,8 @@
+import { h, ComponentChildren } from './_vendor/preact/src/index';
+import { BadgeOptions } from './badge';
+/** Shared badge presentation, independent of toolbar and form controls. */
+export declare function Badge({ children, className, variant, shape, }: BadgeOptions & {
+    children?: ComponentChildren;
+    className?: string;
+    label?: string;
+}): h.JSX.Element;

package/brush-range/_brush-range.scss

@@ -1,49 +1,55 @@
-  .brush-range {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    min-width: 0;
-  }
-
-  .brush-range__range {
-    margin: 0;
-    gap: 0;
-  }
-
-  // Keep chart tooltips above the interactive range-control layer when they
-  // overflow below a line or area chart.
-  .brush-range__chart { z-index: 2; }
-
-  .brush-range__controls {
-    margin-top: 12px;
-  }
-
-  .brush-range__labels {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr);
-    align-items: center;
-    gap: 12px;
-    margin-top: 11px;
-    color: var(--rv-brush-muted, var(--rv-ui-text-muted));
-    font: 12px/18px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-
-  }
-
-  .brush-range__label {
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .brush-range__label--end {
-    text-align: end;
-  }
-
-  .brush-range__selection {
-    color: var(--rv-brush-accent, var(--rv-ui-accent-text, var(--rv-ui-accent)));
-    font-weight: 500;
-    text-align: center;
-    white-space: normal;
-    overflow-wrap: anywhere;
-  }
+.brush-range {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+}
+
+.brush-range__range {
+  margin: 0;
+  gap: 0;
+}
+
+// Keep chart tooltips above the interactive range-control layer when they
+// overflow below a line or area chart.
+.brush-range__chart {
+  z-index: 2;
+}
+
+.brush-range__controls {
+  margin-top: 12px;
+}
+
+.brush-range__labels {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr);
+  align-items: center;
+  gap: 12px;
+  margin-top: 11px;
+  color: var(--rv-brush-muted, var(--rv-ui-text-muted));
+  font:
+    12px/18px ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Consolas,
+    monospace;
+}
+
+.brush-range__label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.brush-range__label--end {
+  text-align: end;
+}
+
+.brush-range__selection {
+  color: var(--rv-brush-accent, var(--rv-ui-accent-text, var(--rv-ui-accent)));
+  font-weight: 500;
+  text-align: center;
+  white-space: normal;
+  overflow-wrap: anywhere;
+}

package/brush-range/component.d.ts

@@ -7,11 +7,9 @@ export interface BrushRangeProps {
     readonly startLabel: ComponentChildren;
     readonly selectionLabel: ComponentChildren;
     readonly endLabel: ComponentChildren;
-    /** Retains the established filter-specific selectors while sharing the markup owner. */
-    readonly legacyClassPrefix?: string;
 }
 /**
  * Shared presentation for distribution-backed brush filters. Domain editors own
  * the chart data and translate slider positions to their filter conditions.
  */
-export declare function BrushRange({ chart, slider, startLabel, selectionLabel, endLabel, legacyClassPrefix, }: BrushRangeProps): h.JSX.Element;
+export declare function BrushRange({ chart, slider, startLabel, selectionLabel, endLabel, }: BrushRangeProps): h.JSX.Element;

package/brush-range/component.js

@@ -1,47 +1,47 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { PreactRangeSlider as t } from "../filter/filters/slider/preact.js";
-import { DistributionChart as n } from "../distribution-chart/index.js";
+import { t } from "../_chunks/tooltip-text-BXsUEmBH.js";
+import { PreactRangeSlider as n } from "../filter/filters/slider/preact.js";
+import { DistributionChart as r } from "../distribution-chart/index.js";
 //#region src/brush-range/component.tsx
-function r(...e) {
+function i(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function i(e) {
+function a(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : void 0;
 }
-function a({ chart: a, slider: o, startLabel: s, selectionLabel: c, endLabel: l, legacyClassPrefix: u }) {
-	let d = (e) => u ? `${u}__${e}` : void 0;
+function o({ chart: o, slider: s, startLabel: c, selectionLabel: l, endLabel: u }) {
 	return /* @__PURE__ */ e("div", {
 		class: "brush-range",
 		children: [
-			a ? /* @__PURE__ */ e(n, {
-				...a,
-				className: r("brush-range__chart", d("chart"), a.className)
-			}) : null,
-			/* @__PURE__ */ e(t, {
+			o ? /* @__PURE__ */ e(r, {
 				...o,
-				className: r("brush-range__range", d("range"), o.className),
-				controlClassName: r("brush-range__controls", d("controls"), o.controlClassName),
-				fromClassName: r(d("lower"), o.fromClassName),
-				toClassName: r(d("upper"), o.toClassName)
+				className: i("brush-range__chart", o.className)
+			}) : null,
+			/* @__PURE__ */ e(n, {
+				...s,
+				className: i("brush-range__range", s.className),
+				controlClassName: i("brush-range__controls", s.controlClassName),
+				fromClassName: s.fromClassName,
+				toClassName: s.toClassName
 			}),
 			/* @__PURE__ */ e("div", {
-				class: r("brush-range__labels", d("labels")),
+				class: "brush-range__labels",
 				children: [
-					/* @__PURE__ */ e("span", {
+					/* @__PURE__ */ e(t, {
 						class: "brush-range__label brush-range__label--start",
-						title: i(s),
-						children: s
+						title: a(c),
+						children: c
 					}),
-					/* @__PURE__ */ e("span", {
-						class: r("brush-range__label", "brush-range__selection", d("selection")),
+					/* @__PURE__ */ e(t, {
+						class: i("brush-range__label", "brush-range__selection"),
 						role: "status",
-						title: i(c),
-						children: c
+						title: a(l),
+						children: l
 					}),
-					/* @__PURE__ */ e("span", {
+					/* @__PURE__ */ e(t, {
 						class: "brush-range__label brush-range__label--end",
-						title: i(l),
-						children: l
+						title: a(u),
+						children: u
 					})
 				]
 			})
@@ -49,4 +49,4 @@ function a({ chart: a, slider: o, startLabel: s, selectionLabel: c, endLabel: l,
 	});
 }
 //#endregion
-export { a as BrushRange };
+export { o as BrushRange };

package/buttons/delete-button.style.scss

@@ -9,6 +9,10 @@
   color: var(--rv-ui-btn-danger-outline);
   background: transparent;
   border-radius: var(--rv-ui-radius, 6px);
-  &:hover:not(:disabled) { background: var(--rv-ui-btn-danger-outline-hover); }
-  svg { fill: currentColor; }
+  &:hover:not(:disabled) {
+    background: var(--rv-ui-btn-danger-outline-hover);
+  }
+  svg {
+    fill: currentColor;
+  }
 }

package/buttons/remove-button.d.ts

@@ -4,5 +4,5 @@ export type RemoveButtonProps = Parameters<typeof DeleteButton>[0] & {
     /** Compact hit area for an action embedded inside a selected-value chip. */
     compact?: boolean;
 };
-/** Neutral close/remove action; DeleteButton keeps its legacy danger variant. */
+/** Neutral close/remove action; DeleteButton uses destructive action styling. */
 export declare function RemoveButton({ compact, className, ...props }: RemoveButtonProps): h.JSX.Element;

package/buttons/remove-button.style.scss

@@ -1,6 +1,6 @@
 @use '../styles/icon-action';
 
-// Specificity retains legacy DeleteButton classes without inheriting danger styling.
+// Neutral remove actions override destructive button styling.
 button.remove-btn.rv-remove-button {
   @include icon-action.neutral;
   &.rv-remove-button--compact {

package/buttons/svg-button.d.ts

@@ -16,4 +16,4 @@ export interface SvgButtonProps extends Omit<JSX.IntrinsicElements['button'], 'c
     readonly children?: ComponentChildren;
 }
 /** Shared native button presentation for trusted bundled SVG controls. */
-export declare function SvgButton({ label, variant, icon, visibleLabel, className, iconClassName, labelClassName, children, iconContent, badge, badgeClassName, class: nativeClass, disabled, ...attributes }: SvgButtonProps): h.JSX.Element;
+export declare function SvgButton({ label, variant, icon, visibleLabel, className, iconClassName, labelClassName, children, iconContent, badge, badgeClassName, class: nativeClass, disabled, title, ...attributes }: SvgButtonProps): h.JSX.Element;

package/buttons/svg-button.js

@@ -1,44 +1,44 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 import { SvgIcon as t } from "../icons/icon.js";
-import { t as n } from "../_chunks/native-control-C_yok8_-.js";
+import { t as n } from "../_chunks/native-control-B_fVA5bL.js";
 import { controlClassName as r } from "../control-attributes.js";
-import { n as i } from "../_chunks/control-tooltip-uscKfAnV.js";
+import { n as i } from "../_chunks/tooltip-D4xkio5G.js";
 //#region src/buttons/svg-button.tsx
-function a({ label: a, variant: o, icon: s, visibleLabel: c, className: l, iconClassName: u, labelClassName: d, children: f, iconContent: p, badge: m, badgeClassName: h = "", class: g, disabled: _, ...v }) {
-	let y = i(a, !0, {
+function a({ label: a, variant: o, icon: s, visibleLabel: c, className: l, iconClassName: u, labelClassName: d, children: f, iconContent: p, badge: m, badgeClassName: h = "", class: g, disabled: _, title: v, ...y }) {
+	let b = i(typeof v == "string" ? v : a, !0, {
 		className: "rv-control-tooltip",
 		placement: "above"
 	});
 	return /* @__PURE__ */ e(n, {
 		type: "button",
 		"aria-label": m === void 0 ? a : `${a} ${m}`,
-		...v,
+		...y,
 		disabled: _,
-		...y.triggerProps,
-		"aria-describedby": [v["aria-describedby"], y.id].filter(Boolean).join(" "),
+		...b.triggerProps,
+		"aria-describedby": [y["aria-describedby"], b.id].filter(Boolean).join(" "),
 		onFocus: (e) => {
-			y.triggerProps.onFocus(e), v.onFocus?.(e);
+			b.triggerProps.onFocus(e), y.onFocus?.(e);
 		},
 		onBlur: (e) => {
-			y.triggerProps.onBlur(), v.onBlur?.(e);
+			b.triggerProps.onBlur(), y.onBlur?.(e);
 		},
 		onMouseEnter: (e) => {
-			y.triggerProps.onMouseEnter(e), v.onMouseEnter?.(e);
+			b.triggerProps.onMouseEnter(e), y.onMouseEnter?.(e);
 		},
 		onMouseLeave: (e) => {
-			y.triggerProps.onMouseLeave(), v.onMouseLeave?.(e);
+			b.triggerProps.onMouseLeave(), y.onMouseLeave?.(e);
 		},
 		onPointerDown: (e) => {
-			y.triggerProps.onPointerDown(e), v.onPointerDown?.(e);
+			b.triggerProps.onPointerDown(e), y.onPointerDown?.(e);
 		},
 		onPointerCancel: (e) => {
-			y.triggerProps.onPointerCancel(), v.onPointerCancel?.(e);
+			b.triggerProps.onPointerCancel(), y.onPointerCancel?.(e);
 		},
 		onKeyDown: (e) => {
-			y.triggerProps.onKeyDown(e), v.onKeyDown?.(e);
+			b.triggerProps.onKeyDown(e), y.onKeyDown?.(e);
 		},
 		onClick: (e) => {
-			y.hide(), v.onClick?.(e);
+			b.hide(), y.onClick?.(e);
 		},
 		class: r(l ?? (o ? "" : "rv-btn-ghost"), o && `rv-btn-${o}`, g, "rv-icon-action", !c && "rv-btn-icon"),
 		children: [
@@ -56,7 +56,7 @@ function a({ label: a, variant: o, icon: s, visibleLabel: c, className: l, iconC
 				children: m
 			}),
 			f,
-			y.tooltip
+			b.tooltip
 		]
 	});
 }