@primer/react 0.0.0-20260513164524 → 0.0.0-20260513164915

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @primer/react
 
-## 0.0.0-20260513164524
+## 0.0.0-20260513164915
 
 ### Minor Changes
 

package/dist/Details/Details.d.ts

@@ -11,9 +11,13 @@ declare namespace Summary {
     var displayName: string;
 }
 export { Summary };
-declare const Details: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref"> & React.RefAttributes<HTMLDetailsElement>> & {
+declare const Details: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref"> & {
+    'data-component'?: string;
+} & React.RefAttributes<HTMLDetailsElement>> & {
     Summary: typeof Summary;
 };
-export type DetailsProps = ComponentPropsWithoutRef<'details'>;
+export type DetailsProps = ComponentPropsWithoutRef<'details'> & {
+    'data-component'?: string;
+};
 export default Details;
 //# sourceMappingURL=Details.d.ts.map

package/dist/Details/Details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../src/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,KAAK,wBAAwB,EAAoB,MAAM,OAAO,CAAA;AAsCxF,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACvD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,CAAA;AAEjF,iBAAS,OAAO,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,CAAC,EAAE,CAAC,qBAOxF;kBAPQ,OAAO;;;AAUhB,OAAO,EAAC,OAAO,EAAC,CAAA;AAEhB,QAAA,MAAM,OAAO;;CAEX,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,SAAS,CAAC,CAAA;AAC9D,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../src/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,KAAK,wBAAwB,EAAoB,MAAM,OAAO,CAAA;AA2CxF,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACvD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,CAAA;AAEjF,iBAAS,OAAO,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,CAAC,EAAE,CAAC,qBAOxF;kBAPQ,OAAO;;;AAUhB,OAAO,EAAC,OAAO,EAAC,CAAA;AAEhB,QAAA,MAAM,OAAO;uBAKQ,MAAM;;;CAHzB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,SAAS,CAAC,GAAG;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AACD,eAAe,OAAO,CAAA"}

package/dist/Details/Details.js

@@ -9,30 +9,35 @@ import { jsx } from 'react/jsx-runtime';
 const Root = /*#__PURE__*/React.forwardRef(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 (t0, forwardRef) => {
-  const $ = c(13);
+  var _dataComponent;
+  const $ = c(15);
   let children;
   let className;
+  let dataComponent;
   let rest;
   if ($[0] !== t0) {
     ({
       className,
       children,
+      "data-component": dataComponent,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = children;
     $[2] = className;
-    $[3] = rest;
+    $[3] = dataComponent;
+    $[4] = rest;
   } else {
     children = $[1];
     className = $[2];
-    rest = $[3];
+    dataComponent = $[3];
+    rest = $[4];
   }
   const detailsRef = React.useRef(null);
   const ref = useMergedRefs(forwardRef, detailsRef);
   let t1;
   let t2;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = () => {
       if (!(process.env.NODE_ENV !== "production")) {
         return;
@@ -47,39 +52,41 @@ const Root = /*#__PURE__*/React.forwardRef(
       process.env.NODE_ENV !== "production" ? warning(summary === null, "The <Details> component must have a <summary> child component. You can either use <Details.Summary> or a native <summary> element.") : void 0;
     };
     t2 = [];
-    $[4] = t1;
-    $[5] = t2;
+    $[5] = t1;
+    $[6] = t2;
   } else {
-    t1 = $[4];
-    t2 = $[5];
+    t1 = $[5];
+    t2 = $[6];
   }
   useEffect(t1, t2);
   let t3;
-  if ($[6] !== className) {
+  if ($[7] !== className) {
     t3 = clsx(className, classes.Details);
-    $[6] = className;
-    $[7] = t3;
+    $[7] = className;
+    $[8] = t3;
   } else {
-    t3 = $[7];
+    t3 = $[8];
   }
-  let t4;
-  if ($[8] !== children || $[9] !== ref || $[10] !== rest || $[11] !== t3) {
-    t4 = /*#__PURE__*/jsx("details", {
+  const t4 = (_dataComponent = dataComponent) !== null && _dataComponent !== void 0 ? _dataComponent : "Details";
+  let t5;
+  if ($[9] !== children || $[10] !== ref || $[11] !== rest || $[12] !== t3 || $[13] !== t4) {
+    t5 = /*#__PURE__*/jsx("details", {
       className: t3,
       ...rest,
       ref: ref,
-      "data-component": "Details",
+      "data-component": t4,
       children: children
     });
-    $[8] = children;
-    $[9] = ref;
-    $[10] = rest;
-    $[11] = t3;
-    $[12] = t4;
+    $[9] = children;
+    $[10] = ref;
+    $[11] = rest;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
   } else {
-    t4 = $[12];
+    t5 = $[14];
   }
-  return t4;
+  return t5;
 });
 Root.displayName = 'Details';
 function Summary(t0) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "0.0.0-20260513164524",
+  "version": "0.0.0-20260513164915",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",