@measured/puck 0.17.1-canary.3406b01 → 0.17.2-canary.0655fc5

package/dist/index.d.mts

@@ -39,7 +39,7 @@ declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }:
 type FieldNoLabel<Props extends any = any> = Omit<Field<Props>, "label">;
 declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<ValueType> = FieldNoLabel<ValueType>>(props: FieldProps<ValueType, FieldType>): react_jsx_runtime.JSX.Element;
 
-declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, }: {
+declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
     children: ReactNode;
     href?: string;
     onClick?: (e: any) => void | Promise<void>;

package/dist/index.d.ts

@@ -39,7 +39,7 @@ declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }:
 type FieldNoLabel<Props extends any = any> = Omit<Field<Props>, "label">;
 declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<ValueType> = FieldNoLabel<ValueType>>(props: FieldProps<ValueType, FieldType>): react_jsx_runtime.JSX.Element;
 
-declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, }: {
+declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
     children: ReactNode;
     href?: string;
     onClick?: (e: any) => void | Promise<void>;

package/dist/index.js

@@ -1801,29 +1801,57 @@ var import_react10 = require("react");
 init_react_import();
 var Button_module_default = { "Button": "_Button_1t64k_1", "Button--medium": "_Button--medium_1t64k_29", "Button--large": "_Button--large_1t64k_37", "Button-icon": "_Button-icon_1t64k_44", "Button--primary": "_Button--primary_1t64k_48", "Button--secondary": "_Button--secondary_1t64k_67", "Button--flush": "_Button--flush_1t64k_84", "Button--disabled": "_Button--disabled_1t64k_88", "Button--fullWidth": "_Button--fullWidth_1t64k_95", "Button-spinner": "_Button-spinner_1t64k_100" };
 
+// lib/filter-data-attrs.ts
+init_react_import();
+var dataAttrRe = /^(data-.*)$/;
+var filterDataAttrs = (props) => {
+  let filteredProps = {};
+  for (const prop in props) {
+    if (Object.prototype.hasOwnProperty.call(props, prop) && dataAttrRe.test(prop)) {
+      filteredProps[prop] = props[prop];
+    }
+  }
+  return filteredProps;
+};
+
 // components/Button/Button.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var getClassName9 = get_class_name_factory_default("Button", Button_module_default);
-var Button = ({
-  children,
-  href,
-  onClick,
-  variant = "primary",
-  type,
-  disabled,
-  tabIndex,
-  newTab,
-  fullWidth,
-  icon,
-  size = "medium",
-  loading: loadingProp = false
-}) => {
+var Button = (_a) => {
+  var _b = _a, {
+    children,
+    href,
+    onClick,
+    variant = "primary",
+    type,
+    disabled,
+    tabIndex,
+    newTab,
+    fullWidth,
+    icon,
+    size = "medium",
+    loading: loadingProp = false
+  } = _b, props = __objRest(_b, [
+    "children",
+    "href",
+    "onClick",
+    "variant",
+    "type",
+    "disabled",
+    "tabIndex",
+    "newTab",
+    "fullWidth",
+    "icon",
+    "size",
+    "loading"
+  ]);
   const [loading, setLoading] = (0, import_react10.useState)(loadingProp);
   (0, import_react10.useEffect)(() => setLoading(loadingProp), [loadingProp]);
   const ElementType = href ? "a" : type ? "button" : "span";
+  const dataAttrs = filterDataAttrs(props);
   const el = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     ElementType,
-    {
+    __spreadProps(__spreadValues({
       className: getClassName9({
         primary: variant === "primary",
         secondary: variant === "secondary",
@@ -1843,13 +1871,14 @@ var Button = ({
       tabIndex,
       target: newTab ? "_blank" : void 0,
       rel: newTab ? "noreferrer" : void 0,
-      href,
+      href
+    }, dataAttrs), {
       children: [
         icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: getClassName9("icon"), children: icon }),
         children,
         loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: getClassName9("spinner"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Loader, { size: 14 }) })
       ]
-    }
+    })
   );
   return el;
 };

package/dist/index.mjs

@@ -1619,29 +1619,57 @@ import { useEffect as useEffect6, useState as useState7 } from "react";
 init_react_import();
 var Button_module_default = { "Button": "_Button_1t64k_1", "Button--medium": "_Button--medium_1t64k_29", "Button--large": "_Button--large_1t64k_37", "Button-icon": "_Button-icon_1t64k_44", "Button--primary": "_Button--primary_1t64k_48", "Button--secondary": "_Button--secondary_1t64k_67", "Button--flush": "_Button--flush_1t64k_84", "Button--disabled": "_Button--disabled_1t64k_88", "Button--fullWidth": "_Button--fullWidth_1t64k_95", "Button-spinner": "_Button-spinner_1t64k_100" };
 
+// lib/filter-data-attrs.ts
+init_react_import();
+var dataAttrRe = /^(data-.*)$/;
+var filterDataAttrs = (props) => {
+  let filteredProps = {};
+  for (const prop in props) {
+    if (Object.prototype.hasOwnProperty.call(props, prop) && dataAttrRe.test(prop)) {
+      filteredProps[prop] = props[prop];
+    }
+  }
+  return filteredProps;
+};
+
 // components/Button/Button.tsx
 import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var getClassName9 = get_class_name_factory_default("Button", Button_module_default);
-var Button = ({
-  children,
-  href,
-  onClick,
-  variant = "primary",
-  type,
-  disabled,
-  tabIndex,
-  newTab,
-  fullWidth,
-  icon,
-  size = "medium",
-  loading: loadingProp = false
-}) => {
+var Button = (_a) => {
+  var _b = _a, {
+    children,
+    href,
+    onClick,
+    variant = "primary",
+    type,
+    disabled,
+    tabIndex,
+    newTab,
+    fullWidth,
+    icon,
+    size = "medium",
+    loading: loadingProp = false
+  } = _b, props = __objRest(_b, [
+    "children",
+    "href",
+    "onClick",
+    "variant",
+    "type",
+    "disabled",
+    "tabIndex",
+    "newTab",
+    "fullWidth",
+    "icon",
+    "size",
+    "loading"
+  ]);
   const [loading, setLoading] = useState7(loadingProp);
   useEffect6(() => setLoading(loadingProp), [loadingProp]);
   const ElementType = href ? "a" : type ? "button" : "span";
+  const dataAttrs = filterDataAttrs(props);
   const el = /* @__PURE__ */ jsxs6(
     ElementType,
-    {
+    __spreadProps(__spreadValues({
       className: getClassName9({
         primary: variant === "primary",
         secondary: variant === "secondary",
@@ -1661,13 +1689,14 @@ var Button = ({
       tabIndex,
       target: newTab ? "_blank" : void 0,
       rel: newTab ? "noreferrer" : void 0,
-      href,
+      href
+    }, dataAttrs), {
       children: [
         icon && /* @__PURE__ */ jsx13("div", { className: getClassName9("icon"), children: icon }),
         children,
         loading && /* @__PURE__ */ jsx13("div", { className: getClassName9("spinner"), children: /* @__PURE__ */ jsx13(Loader, { size: 14 }) })
       ]
-    }
+    })
   );
   return el;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.17.1-canary.3406b01",
+  "version": "0.17.2-canary.0655fc5",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",