@vinyasa/button 1.0.23 → 1.0.24

package/dist/cjs/button.cjs

@@ -1,11 +1,12 @@
 "use strict";
 var __webpack_modules__ = {
-    639 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+    95 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             a: ()=>ButtonIcon,
             A: ()=>button_Button
         });
         const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+        const tokens_namespaceObject = require("@vinyasa/tokens");
         const external_react_namespaceObject = require("react");
         function toPrimitive(t, r) {
             if ("object" != typeof t || !t) return t;
@@ -223,6 +224,7 @@ var __webpack_modules__ = {
                 "type",
                 "className"
             ]), [ref] = _rest;
+            const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
             const classes = className ? `${Button_css_button({
                 variant,
                 size,
@@ -239,7 +241,7 @@ var __webpack_modules__ = {
                 ...childArray.slice(hasLeadingIcon ? 1 : 0).filter((child)=>!isButtonIcon(child))
             ] : children;
             return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", _object_spread_props(_object_spread({
-                ref: ref,
+                ref: themedRef,
                 type: type,
                 disabled: disabled || loading,
                 "aria-busy": loading || void 0,
@@ -290,7 +292,7 @@ function __webpack_require__(moduleId) {
 var __webpack_exports__ = {};
 (()=>{
     __webpack_require__.r(__webpack_exports__);
-    var _Button__rspack_import_0 = __webpack_require__(639);
+    var _Button__rspack_import_0 = __webpack_require__(95);
     const __rspack_default_export = _Button__rspack_import_0.A;
     __webpack_require__.d(__webpack_exports__, {
         ButtonIcon: ()=>_Button__rspack_import_0.a

package/dist/cjs/index.cjs

@@ -1,11 +1,12 @@
 "use strict";
 var __webpack_modules__ = {
-    639 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+    95 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             a: ()=>ButtonIcon,
             A: ()=>button_Button
         });
         const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+        const tokens_namespaceObject = require("@vinyasa/tokens");
         const external_react_namespaceObject = require("react");
         function toPrimitive(t, r) {
             if ("object" != typeof t || !t) return t;
@@ -223,6 +224,7 @@ var __webpack_modules__ = {
                 "type",
                 "className"
             ]), [ref] = _rest;
+            const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
             const classes = className ? `${Button_css_button({
                 variant,
                 size,
@@ -239,7 +241,7 @@ var __webpack_modules__ = {
                 ...childArray.slice(hasLeadingIcon ? 1 : 0).filter((child)=>!isButtonIcon(child))
             ] : children;
             return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", _object_spread_props(_object_spread({
-                ref: ref,
+                ref: themedRef,
                 type: type,
                 disabled: disabled || loading,
                 "aria-busy": loading || void 0,
@@ -252,7 +254,7 @@ var __webpack_modules__ = {
         const button_Button = Button;
     },
     294 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        var _Button__rspack_import_0 = __webpack_require__(639);
+        var _Button__rspack_import_0 = __webpack_require__(95);
         const __rspack_default_export = _Button__rspack_import_0.A;
         __webpack_require__.d(__webpack_exports__, {}, {
             default: __rspack_default_export
@@ -298,7 +300,7 @@ var __webpack_exports__ = {};
 (()=>{
     __webpack_require__.r(__webpack_exports__);
     var _components_button__rspack_import_0 = __webpack_require__(294);
-    var _components_button__rspack_import_1 = __webpack_require__(639);
+    var _components_button__rspack_import_1 = __webpack_require__(95);
     __webpack_require__.d(__webpack_exports__, {
         Button: ()=>_components_button__rspack_import_0["default"],
         ButtonIcon: ()=>_components_button__rspack_import_1.a,

package/dist/esm/button.js

@@ -1,5 +1,6 @@
 import "./button.css";
 import { jsx } from "react/jsx-runtime";
+import { useThemedRef } from "@vinyasa/tokens";
 import { Children, forwardRef, isValidElement } from "react";
 function toPrimitive(t, r) {
     if ("object" != typeof t || !t) return t;
@@ -126,6 +127,7 @@ const ButtonIcon = ({ children })=>children;
 ButtonIcon.displayName = 'ButtonIcon';
 const isButtonIcon = (node)=>/*#__PURE__*/ isValidElement(node) && node.type === ButtonIcon;
 const Button = /*#__PURE__*/ forwardRef(({ children, variant, size, radius, loading = false, disabled = false, type = 'button', className, ...rest }, ref)=>{
+    const themedRef = useThemedRef(ref);
     const classes = className ? `${Button_css_button({
         variant,
         size,
@@ -142,7 +144,7 @@ const Button = /*#__PURE__*/ forwardRef(({ children, variant, size, radius, load
         ...childArray.slice(hasLeadingIcon ? 1 : 0).filter((child)=>!isButtonIcon(child))
     ] : children;
     return /*#__PURE__*/ jsx("button", {
-        ref: ref,
+        ref: themedRef,
         type: type,
         disabled: disabled || loading,
         "aria-busy": loading || void 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vinyasa/button",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "private": false,
   "type": "module",
   "sideEffects": [
@@ -41,7 +41,7 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@vinyasa/tokens": "^1.0.23"
+    "@vinyasa/tokens": "^1.0.24"
   },
   "devDependencies": {
     "@rsbuild/plugin-react": "^2.1.0",
@@ -54,9 +54,9 @@
     "@vanilla-extract/vite-plugin": "^5.2.3",
     "@vanilla-extract/webpack-plugin": "^2.3.27",
     "typescript": "^5.7.3",
-    "@vinyasa/layout": "1.0.23",
-    "@vinyasa/tokens": "1.0.23",
-    "@vinyasa/icons": "1.0.23"
+    "@vinyasa/icons": "1.0.24",
+    "@vinyasa/layout": "1.0.24",
+    "@vinyasa/tokens": "1.0.24"
   },
   "scripts": {
     "build": "rslib build && node ../../scripts/postbuild-package.mjs",