@viax.io/uxm 4.44.0 → 4.45.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [4.45.0](https://github.com/viax-io/uxm/compare/v4.44.0...v4.45.0) (2026-09-22)
+
+
+### Features
+
+* **button,icon-button:** declare ref on the button family ([ee76076](https://github.com/viax-io/uxm/commit/ee760764465faf8054f550d816d2c188adf0bc82))
+
 # [4.44.0](https://github.com/viax-io/uxm/compare/v4.43.2...v4.44.0) (2026-09-22)
 
 

package/dist/ui/button/button.cjs

@@ -27,20 +27,20 @@ __export(button_exports, {
 module.exports = __toCommonJS(button_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_helpers = require("../../helpers/index.cjs");
-function ButtonPrimary({ className, type = "button", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type, className: (0, import_helpers.cn)("uxm-button-primary", className), ...rest });
+function ButtonPrimary({ className, type = "button", ref, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { ref, type, className: (0, import_helpers.cn)("uxm-button-primary", className), ...rest });
 }
-function ButtonSecondary({ className, type = "button", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type, className: (0, import_helpers.cn)("uxm-button-secondary", className), ...rest });
+function ButtonSecondary({ className, type = "button", ref, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { ref, type, className: (0, import_helpers.cn)("uxm-button-secondary", className), ...rest });
 }
-function ButtonTertiary({ className, type = "button", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type, className: (0, import_helpers.cn)("uxm-button-tertiary", className), ...rest });
+function ButtonTertiary({ className, type = "button", ref, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { ref, type, className: (0, import_helpers.cn)("uxm-button-tertiary", className), ...rest });
 }
-function ButtonGhost({ className, type = "button", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type, className: (0, import_helpers.cn)("uxm-button-ghost", className), ...rest });
+function ButtonGhost({ className, type = "button", ref, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { ref, type, className: (0, import_helpers.cn)("uxm-button-ghost", className), ...rest });
 }
-function ButtonDanger({ className, type = "button", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type, className: (0, import_helpers.cn)("uxm-button-danger", className), ...rest });
+function ButtonDanger({ className, type = "button", ref, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { ref, type, className: (0, import_helpers.cn)("uxm-button-danger", className), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/button/button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/button/button.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { ButtonHTMLAttributes } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type -- ButtonProps is a named alias for native button attrs (no extra members needed yet); shared by all button variants.\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport function ButtonPrimary({ className, type = 'button', ...rest }: ButtonProps) {\n  return <button type={type} className={cn('uxm-button-primary', className)} {...rest} />;\n}\n\nexport function ButtonSecondary({ className, type = 'button', ...rest }: ButtonProps) {\n  return <button type={type} className={cn('uxm-button-secondary', className)} {...rest} />;\n}\n\nexport function ButtonTertiary({ className, type = 'button', ...rest }: ButtonProps) {\n  return <button type={type} className={cn('uxm-button-tertiary', className)} {...rest} />;\n}\n\nexport function ButtonGhost({ className, type = 'button', ...rest }: ButtonProps) {\n  return <button type={type} className={cn('uxm-button-ghost', className)} {...rest} />;\n}\n\nexport function ButtonDanger({ className, type = 'button', ...rest }: ButtonProps) {\n  return <button type={type} className={cn('uxm-button-danger', className)} {...rest} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQS;AART,qBAAmB;AAOZ,SAAS,cAAc,EAAE,WAAW,OAAO,UAAU,GAAG,KAAK,GAAgB;AAClF,SAAO,4CAAC,YAAO,MAAY,eAAW,mBAAG,sBAAsB,SAAS,GAAI,GAAG,MAAM;AACvF;AAEO,SAAS,gBAAgB,EAAE,WAAW,OAAO,UAAU,GAAG,KAAK,GAAgB;AACpF,SAAO,4CAAC,YAAO,MAAY,eAAW,mBAAG,wBAAwB,SAAS,GAAI,GAAG,MAAM;AACzF;AAEO,SAAS,eAAe,EAAE,WAAW,OAAO,UAAU,GAAG,KAAK,GAAgB;AACnF,SAAO,4CAAC,YAAO,MAAY,eAAW,mBAAG,uBAAuB,SAAS,GAAI,GAAG,MAAM;AACxF;AAEO,SAAS,YAAY,EAAE,WAAW,OAAO,UAAU,GAAG,KAAK,GAAgB;AAChF,SAAO,4CAAC,YAAO,MAAY,eAAW,mBAAG,oBAAoB,SAAS,GAAI,GAAG,MAAM;AACrF;AAEO,SAAS,aAAa,EAAE,WAAW,OAAO,UAAU,GAAG,KAAK,GAAgB;AACjF,SAAO,4CAAC,YAAO,MAAY,eAAW,mBAAG,qBAAqB,SAAS,GAAI,GAAG,MAAM;AACtF;","names":[]}
+{"version":3,"sources":["../../../src/ui/button/button.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { ComponentPropsWithRef } from 'react';\n\n/**\n * Native `<button>` attributes **including `ref`**, shared by every variant.\n *\n * `ComponentPropsWithRef<'button'>` rather than `ButtonHTMLAttributes`: React 19\n * passes `ref` as an ordinary prop, so it already reached the element through\n * the rest spread — but `ButtonHTMLAttributes` does not declare it, so\n * `<ButtonPrimary ref={…}>` was a type error for every TypeScript consumer even\n * though it worked at runtime. That is what blocked the buttons from being\n * `HoverTooltip` / `Popover` anchors without a wrapper element around them.\n *\n * Not `forwardRef`: 4.39 deliberately moved `Modal`'s sub-components the other\n * way, off `forwardRef` and onto React 19 ref props.\n */\nexport type ButtonProps = ComponentPropsWithRef<'button'>;\n\nexport function ButtonPrimary({ className, type = 'button', ref, ...rest }: ButtonProps) {\n  return <button ref={ref} type={type} className={cn('uxm-button-primary', className)} {...rest} />;\n}\n\nexport function ButtonSecondary({ className, type = 'button', ref, ...rest }: ButtonProps) {\n  return <button ref={ref} type={type} className={cn('uxm-button-secondary', className)} {...rest} />;\n}\n\nexport function ButtonTertiary({ className, type = 'button', ref, ...rest }: ButtonProps) {\n  return <button ref={ref} type={type} className={cn('uxm-button-tertiary', className)} {...rest} />;\n}\n\nexport function ButtonGhost({ className, type = 'button', ref, ...rest }: ButtonProps) {\n  return <button ref={ref} type={type} className={cn('uxm-button-ghost', className)} {...rest} />;\n}\n\nexport function ButtonDanger({ className, type = 'button', ref, ...rest }: ButtonProps) {\n  return <button ref={ref} type={type} className={cn('uxm-button-danger', className)} {...rest} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBS;AApBT,qBAAmB;AAmBZ,SAAS,cAAc,EAAE,WAAW,OAAO,UAAU,KAAK,GAAG,KAAK,GAAgB;AACvF,SAAO,4CAAC,YAAO,KAAU,MAAY,eAAW,mBAAG,sBAAsB,SAAS,GAAI,GAAG,MAAM;AACjG;AAEO,SAAS,gBAAgB,EAAE,WAAW,OAAO,UAAU,KAAK,GAAG,KAAK,GAAgB;AACzF,SAAO,4CAAC,YAAO,KAAU,MAAY,eAAW,mBAAG,wBAAwB,SAAS,GAAI,GAAG,MAAM;AACnG;AAEO,SAAS,eAAe,EAAE,WAAW,OAAO,UAAU,KAAK,GAAG,KAAK,GAAgB;AACxF,SAAO,4CAAC,YAAO,KAAU,MAAY,eAAW,mBAAG,uBAAuB,SAAS,GAAI,GAAG,MAAM;AAClG;AAEO,SAAS,YAAY,EAAE,WAAW,OAAO,UAAU,KAAK,GAAG,KAAK,GAAgB;AACrF,SAAO,4CAAC,YAAO,KAAU,MAAY,eAAW,mBAAG,oBAAoB,SAAS,GAAI,GAAG,MAAM;AAC/F;AAEO,SAAS,aAAa,EAAE,WAAW,OAAO,UAAU,KAAK,GAAG,KAAK,GAAgB;AACtF,SAAO,4CAAC,YAAO,KAAU,MAAY,eAAW,mBAAG,qBAAqB,SAAS,GAAI,GAAG,MAAM;AAChG;","names":[]}

package/dist/ui/button/button.d.ts

@@ -1,9 +1,21 @@
-import type { ButtonHTMLAttributes } from 'react';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-}
-export declare function ButtonPrimary({ className, type, ...rest }: ButtonProps): import("react").JSX.Element;
-export declare function ButtonSecondary({ className, type, ...rest }: ButtonProps): import("react").JSX.Element;
-export declare function ButtonTertiary({ className, type, ...rest }: ButtonProps): import("react").JSX.Element;
-export declare function ButtonGhost({ className, type, ...rest }: ButtonProps): import("react").JSX.Element;
-export declare function ButtonDanger({ className, type, ...rest }: ButtonProps): import("react").JSX.Element;
+import type { ComponentPropsWithRef } from 'react';
+/**
+ * Native `<button>` attributes **including `ref`**, shared by every variant.
+ *
+ * `ComponentPropsWithRef<'button'>` rather than `ButtonHTMLAttributes`: React 19
+ * passes `ref` as an ordinary prop, so it already reached the element through
+ * the rest spread — but `ButtonHTMLAttributes` does not declare it, so
+ * `<ButtonPrimary ref={…}>` was a type error for every TypeScript consumer even
+ * though it worked at runtime. That is what blocked the buttons from being
+ * `HoverTooltip` / `Popover` anchors without a wrapper element around them.
+ *
+ * Not `forwardRef`: 4.39 deliberately moved `Modal`'s sub-components the other
+ * way, off `forwardRef` and onto React 19 ref props.
+ */
+export type ButtonProps = ComponentPropsWithRef<'button'>;
+export declare function ButtonPrimary({ className, type, ref, ...rest }: ButtonProps): import("react").JSX.Element;
+export declare function ButtonSecondary({ className, type, ref, ...rest }: ButtonProps): import("react").JSX.Element;
+export declare function ButtonTertiary({ className, type, ref, ...rest }: ButtonProps): import("react").JSX.Element;
+export declare function ButtonGhost({ className, type, ref, ...rest }: ButtonProps): import("react").JSX.Element;
+export declare function ButtonDanger({ className, type, ref, ...rest }: ButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=button.d.ts.map

package/dist/ui/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/ui/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE/E,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAEjF;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAEnF;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAElF;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAE/E;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAEhF"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/ui/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AAE1D,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAEtF;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAExF;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAEvF;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAEpF;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAErF"}

package/dist/ui/button/button.js

@@ -1,19 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../helpers/index.js";
-function ButtonPrimary({ className, type = "button", ...rest }) {
-  return /* @__PURE__ */ jsx("button", { type, className: cn("uxm-button-primary", className), ...rest });
+function ButtonPrimary({ className, type = "button", ref, ...rest }) {
+  return /* @__PURE__ */ jsx("button", { ref, type, className: cn("uxm-button-primary", className), ...rest });
 }
-function ButtonSecondary({ className, type = "button", ...rest }) {
-  return /* @__PURE__ */ jsx("button", { type, className: cn("uxm-button-secondary", className), ...rest });
+function ButtonSecondary({ className, type = "button", ref, ...rest }) {
+  return /* @__PURE__ */ jsx("button", { ref, type, className: cn("uxm-button-secondary", className), ...rest });
 }
-function ButtonTertiary({ className, type = "button", ...rest }) {
-  return /* @__PURE__ */ jsx("button", { type, className: cn("uxm-button-tertiary", className), ...rest });
+function ButtonTertiary({ className, type = "button", ref, ...rest }) {
+  return /* @__PURE__ */ jsx("button", { ref, type, className: cn("uxm-button-tertiary", className), ...rest });
 }
-function ButtonGhost({ className, type = "button", ...rest }) {
-  return /* @__PURE__ */ jsx("button", { type, className: cn("uxm-button-ghost", className), ...rest });
+function ButtonGhost({ className, type = "button", ref, ...rest }) {
+  return /* @__PURE__ */ jsx("button", { ref, type, className: cn("uxm-button-ghost", className), ...rest });
 }
-function ButtonDanger({ className, type = "button", ...rest }) {
-  return /* @__PURE__ */ jsx("button", { type, className: cn("uxm-button-danger", className), ...rest });
+function ButtonDanger({ className, type = "button", ref, ...rest }) {
+  return /* @__PURE__ */ jsx("button", { ref, type, className: cn("uxm-button-danger", className), ...rest });
 }
 export {
   ButtonDanger,

package/dist/ui/button/button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/button/button.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { ButtonHTMLAttributes } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type -- ButtonProps is a named alias for native button attrs (no extra members needed yet); shared by all button variants.\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport function ButtonPrimary({ className, type = 'button', ...rest }: ButtonProps) {\n  return <button type={type} className={cn('uxm-button-primary', className)} {...rest} />;\n}\n\nexport function ButtonSecondary({ className, type = 'button', ...rest }: ButtonProps) {\n  return <button type={type} className={cn('uxm-button-secondary', className)} {...rest} />;\n}\n\nexport function ButtonTertiary({ className, type = 'button', ...rest }: ButtonProps) {\n  return <button type={type} className={cn('uxm-button-tertiary', className)} {...rest} />;\n}\n\nexport function ButtonGhost({ className, type = 'button', ...rest }: ButtonProps) {\n  return <button type={type} className={cn('uxm-button-ghost', className)} {...rest} />;\n}\n\nexport function ButtonDanger({ className, type = 'button', ...rest }: ButtonProps) {\n  return <button type={type} className={cn('uxm-button-danger', className)} {...rest} />;\n}\n"],"mappings":"AAQS;AART,SAAS,UAAU;AAOZ,SAAS,cAAc,EAAE,WAAW,OAAO,UAAU,GAAG,KAAK,GAAgB;AAClF,SAAO,oBAAC,YAAO,MAAY,WAAW,GAAG,sBAAsB,SAAS,GAAI,GAAG,MAAM;AACvF;AAEO,SAAS,gBAAgB,EAAE,WAAW,OAAO,UAAU,GAAG,KAAK,GAAgB;AACpF,SAAO,oBAAC,YAAO,MAAY,WAAW,GAAG,wBAAwB,SAAS,GAAI,GAAG,MAAM;AACzF;AAEO,SAAS,eAAe,EAAE,WAAW,OAAO,UAAU,GAAG,KAAK,GAAgB;AACnF,SAAO,oBAAC,YAAO,MAAY,WAAW,GAAG,uBAAuB,SAAS,GAAI,GAAG,MAAM;AACxF;AAEO,SAAS,YAAY,EAAE,WAAW,OAAO,UAAU,GAAG,KAAK,GAAgB;AAChF,SAAO,oBAAC,YAAO,MAAY,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,MAAM;AACrF;AAEO,SAAS,aAAa,EAAE,WAAW,OAAO,UAAU,GAAG,KAAK,GAAgB;AACjF,SAAO,oBAAC,YAAO,MAAY,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,MAAM;AACtF;","names":[]}
+{"version":3,"sources":["../../../src/ui/button/button.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { ComponentPropsWithRef } from 'react';\n\n/**\n * Native `<button>` attributes **including `ref`**, shared by every variant.\n *\n * `ComponentPropsWithRef<'button'>` rather than `ButtonHTMLAttributes`: React 19\n * passes `ref` as an ordinary prop, so it already reached the element through\n * the rest spread — but `ButtonHTMLAttributes` does not declare it, so\n * `<ButtonPrimary ref={…}>` was a type error for every TypeScript consumer even\n * though it worked at runtime. That is what blocked the buttons from being\n * `HoverTooltip` / `Popover` anchors without a wrapper element around them.\n *\n * Not `forwardRef`: 4.39 deliberately moved `Modal`'s sub-components the other\n * way, off `forwardRef` and onto React 19 ref props.\n */\nexport type ButtonProps = ComponentPropsWithRef<'button'>;\n\nexport function ButtonPrimary({ className, type = 'button', ref, ...rest }: ButtonProps) {\n  return <button ref={ref} type={type} className={cn('uxm-button-primary', className)} {...rest} />;\n}\n\nexport function ButtonSecondary({ className, type = 'button', ref, ...rest }: ButtonProps) {\n  return <button ref={ref} type={type} className={cn('uxm-button-secondary', className)} {...rest} />;\n}\n\nexport function ButtonTertiary({ className, type = 'button', ref, ...rest }: ButtonProps) {\n  return <button ref={ref} type={type} className={cn('uxm-button-tertiary', className)} {...rest} />;\n}\n\nexport function ButtonGhost({ className, type = 'button', ref, ...rest }: ButtonProps) {\n  return <button ref={ref} type={type} className={cn('uxm-button-ghost', className)} {...rest} />;\n}\n\nexport function ButtonDanger({ className, type = 'button', ref, ...rest }: ButtonProps) {\n  return <button ref={ref} type={type} className={cn('uxm-button-danger', className)} {...rest} />;\n}\n"],"mappings":"AAoBS;AApBT,SAAS,UAAU;AAmBZ,SAAS,cAAc,EAAE,WAAW,OAAO,UAAU,KAAK,GAAG,KAAK,GAAgB;AACvF,SAAO,oBAAC,YAAO,KAAU,MAAY,WAAW,GAAG,sBAAsB,SAAS,GAAI,GAAG,MAAM;AACjG;AAEO,SAAS,gBAAgB,EAAE,WAAW,OAAO,UAAU,KAAK,GAAG,KAAK,GAAgB;AACzF,SAAO,oBAAC,YAAO,KAAU,MAAY,WAAW,GAAG,wBAAwB,SAAS,GAAI,GAAG,MAAM;AACnG;AAEO,SAAS,eAAe,EAAE,WAAW,OAAO,UAAU,KAAK,GAAG,KAAK,GAAgB;AACxF,SAAO,oBAAC,YAAO,KAAU,MAAY,WAAW,GAAG,uBAAuB,SAAS,GAAI,GAAG,MAAM;AAClG;AAEO,SAAS,YAAY,EAAE,WAAW,OAAO,UAAU,KAAK,GAAG,KAAK,GAAgB;AACrF,SAAO,oBAAC,YAAO,KAAU,MAAY,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,MAAM;AAC/F;AAEO,SAAS,aAAa,EAAE,WAAW,OAAO,UAAU,KAAK,GAAG,KAAK,GAAgB;AACtF,SAAO,oBAAC,YAAO,KAAU,MAAY,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,MAAM;AAChG;","names":[]}

package/dist/ui/icon-button/icon-button.cjs

@@ -28,11 +28,13 @@ function IconButton({
   className,
   type = "button",
   variant = "ghost",
+  ref,
   ...rest
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
     {
+      ref,
       type,
       className: (0, import_helpers.cn)("uxm-icon-button", variant === "filled" && "uxm-icon-button--filled", className),
       ...rest,

package/dist/ui/icon-button/icon-button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/icon-button/icon-button.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nexport type IconButtonVariant = 'ghost' | 'filled';\n\nexport interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** SVG content (use the Icon component or a raw <svg>). */\n  children: ReactNode;\n  /** Required for accessibility on icon-only buttons. */\n  'aria-label': string;\n  /**\n   * `ghost` (default) — 32px, transparent, for toolbars, row ⋮ and inline\n   * chrome. `filled` — 40px, `--color-surface-alt` fill, radius 8, for a\n   * standalone action (\"add\", \"create\"). `filled` is the successor of the\n   * deprecated `ButtonIcon` atom and paints exactly what it painted.\n   */\n  variant?: IconButtonVariant;\n}\n\nexport function IconButton({\n  children,\n  className,\n  type = 'button',\n  variant = 'ghost',\n  ...rest\n}: IconButtonProps) {\n  return (\n    <button\n      type={type}\n      className={cn('uxm-icon-button', variant === 'filled' && 'uxm-icon-button--filled', className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BI;AA5BJ,qBAAmB;AAoBZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,mBAAG,mBAAmB,YAAY,YAAY,2BAA2B,SAAS;AAAA,MAC5F,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/ui/icon-button/icon-button.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type IconButtonVariant = 'ghost' | 'filled';\n\nexport interface IconButtonProps extends ComponentPropsWithRef<'button'> {\n  /** SVG content (use the Icon component or a raw <svg>). */\n  children: ReactNode;\n  /** Required for accessibility on icon-only buttons. */\n  'aria-label': string;\n  /**\n   * `ghost` (default) — 32px, transparent, for toolbars, row ⋮ and inline\n   * chrome. `filled` — 40px, `--color-surface-alt` fill, radius 8, for a\n   * standalone action (\"add\", \"create\"). `filled` is the successor of the\n   * deprecated `ButtonIcon` atom and paints exactly what it painted.\n   */\n  variant?: IconButtonVariant;\n}\n\nexport function IconButton({\n  children,\n  className,\n  type = 'button',\n  variant = 'ghost',\n  ref,\n  ...rest\n}: IconButtonProps) {\n  return (\n    <button\n      ref={ref}\n      type={type}\n      className={cn('uxm-icon-button', variant === 'filled' && 'uxm-icon-button--filled', className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BI;AA7BJ,qBAAmB;AAoBZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAW,mBAAG,mBAAmB,YAAY,YAAY,2BAA2B,SAAS;AAAA,MAC5F,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/ui/icon-button/icon-button.d.ts

@@ -1,6 +1,6 @@
-import type { ButtonHTMLAttributes, ReactNode } from 'react';
+import type { ComponentPropsWithRef, ReactNode } from 'react';
 export type IconButtonVariant = 'ghost' | 'filled';
-export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface IconButtonProps extends ComponentPropsWithRef<'button'> {
     /** SVG content (use the Icon component or a raw <svg>). */
     children: ReactNode;
     /** Required for accessibility on icon-only buttons. */
@@ -13,5 +13,5 @@ export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>
      */
     variant?: IconButtonVariant;
 }
-export declare function IconButton({ children, className, type, variant, ...rest }: IconButtonProps): import("react").JSX.Element;
+export declare function IconButton({ children, className, type, variant, ref, ...rest }: IconButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=icon-button.d.ts.map

package/dist/ui/icon-button/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/ui/icon-button/icon-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,2DAA2D;IAC3D,QAAQ,EAAE,SAAS,CAAC;IACpB,uDAAuD;IACvD,YAAY,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,GAAG,IAAI,EACR,EAAE,eAAe,+BAUjB"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/ui/icon-button/icon-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IACtE,2DAA2D;IAC3D,QAAQ,EAAE,SAAS,CAAC;IACpB,uDAAuD;IACvD,YAAY,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,+BAWjB"}

package/dist/ui/icon-button/icon-button.js

@@ -5,11 +5,13 @@ function IconButton({
   className,
   type = "button",
   variant = "ghost",
+  ref,
   ...rest
 }) {
   return /* @__PURE__ */ jsx(
     "button",
     {
+      ref,
       type,
       className: cn("uxm-icon-button", variant === "filled" && "uxm-icon-button--filled", className),
       ...rest,

package/dist/ui/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/icon-button/icon-button.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nexport type IconButtonVariant = 'ghost' | 'filled';\n\nexport interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** SVG content (use the Icon component or a raw <svg>). */\n  children: ReactNode;\n  /** Required for accessibility on icon-only buttons. */\n  'aria-label': string;\n  /**\n   * `ghost` (default) — 32px, transparent, for toolbars, row ⋮ and inline\n   * chrome. `filled` — 40px, `--color-surface-alt` fill, radius 8, for a\n   * standalone action (\"add\", \"create\"). `filled` is the successor of the\n   * deprecated `ButtonIcon` atom and paints exactly what it painted.\n   */\n  variant?: IconButtonVariant;\n}\n\nexport function IconButton({\n  children,\n  className,\n  type = 'button',\n  variant = 'ghost',\n  ...rest\n}: IconButtonProps) {\n  return (\n    <button\n      type={type}\n      className={cn('uxm-icon-button', variant === 'filled' && 'uxm-icon-button--filled', className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":"AA4BI;AA5BJ,SAAS,UAAU;AAoBZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mBAAmB,YAAY,YAAY,2BAA2B,SAAS;AAAA,MAC5F,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/ui/icon-button/icon-button.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type IconButtonVariant = 'ghost' | 'filled';\n\nexport interface IconButtonProps extends ComponentPropsWithRef<'button'> {\n  /** SVG content (use the Icon component or a raw <svg>). */\n  children: ReactNode;\n  /** Required for accessibility on icon-only buttons. */\n  'aria-label': string;\n  /**\n   * `ghost` (default) — 32px, transparent, for toolbars, row ⋮ and inline\n   * chrome. `filled` — 40px, `--color-surface-alt` fill, radius 8, for a\n   * standalone action (\"add\", \"create\"). `filled` is the successor of the\n   * deprecated `ButtonIcon` atom and paints exactly what it painted.\n   */\n  variant?: IconButtonVariant;\n}\n\nexport function IconButton({\n  children,\n  className,\n  type = 'button',\n  variant = 'ghost',\n  ref,\n  ...rest\n}: IconButtonProps) {\n  return (\n    <button\n      ref={ref}\n      type={type}\n      className={cn('uxm-icon-button', variant === 'filled' && 'uxm-icon-button--filled', className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":"AA6BI;AA7BJ,SAAS,UAAU;AAoBZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,GAAG,mBAAmB,YAAY,YAAY,2BAA2B,SAAS;AAAA,MAC5F,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viax.io/uxm",
-  "version": "4.44.0",
+  "version": "4.45.0",
   "description": "Viax UXM — React 19 UI primitives and design tokens.",
   "license": "MIT",
   "private": false,