@astryxdesign/core 0.1.5 → 0.1.6-canary.02f2602

package/dist/FieldStatus/FieldStatus.js

@@ -23,7 +23,7 @@ import "../theme/tokens.stylex.js";
 import { colorVars, radiusVars, spacingVars, typographyVars, typeScaleVars } from "../theme/tokens.stylex.js";
 import { useEntryAnimation } from "../hooks/useEntryAnimation.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   base: {
     kMv6JI: "x9ynric",
@@ -112,7 +112,7 @@ export function FieldStatus({
   ...rest
 }) {
   const entryStyle = useEntryAnimation('slideDown');
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     id: id,
     role: type === 'error' ? 'alert' : 'status',
@@ -123,6 +123,6 @@ export function FieldStatus({
       variant
     }), stylex.props(styles.base, entryStyle, variant === 'attached' ? styles.attached : styles.detached, colorStyles[type], xstyle), className, style),
     children: message
-  }, void 0, false);
+  });
 }
 FieldStatus.displayName = 'FieldStatus';

package/dist/FileInput/FileInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAsCA,OAAO,EAGL,KAAK,WAAW,EAEjB,MAAM,UAAU,CAAC;AAMlB,YAAY,EACV,WAAW,IAAI,eAAe,EAC9B,eAAe,IAAI,mBAAmB,GACvC,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAyN9C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,SAAS,EACT,UAAU,GAAG,cAAc,GAAG,OAAO,CACtC;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAqB,EACrB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAkB,EAClB,OAAO,EACP,QAAQ,EACR,UAAkB,EAClB,eAAe,EACf,UAAkB,EAClB,SAAiB,EACjB,MAAM,EAAE,UAAU,EAClB,WAAW,EACX,WAAW,EACX,IAAc,EACd,UAAkB,EAClB,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,cAAc,+BA4WhB;yBAtYe,SAAS"}
+{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAsCA,OAAO,EAGL,KAAK,WAAW,EAEjB,MAAM,UAAU,CAAC;AAMlB,YAAY,EACV,WAAW,IAAI,eAAe,EAC9B,eAAe,IAAI,mBAAmB,GACvC,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AA0N9C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,SAAS,EACT,UAAU,GAAG,cAAc,GAAG,OAAO,CACtC;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAqB,EACrB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAkB,EAClB,OAAO,EACP,QAAQ,EACR,UAAkB,EAClB,eAAe,EACf,UAAkB,EAClB,SAAiB,EACjB,MAAM,EAAE,UAAU,EAClB,WAAW,EACX,WAAW,EACX,IAAc,EACd,UAAkB,EAClB,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,cAAc,+BA6WhB;yBAvYe,SAAS"}

package/dist/FileInput/FileInput.js

@@ -26,7 +26,8 @@ import { useAnnounce } from "../hooks/useAnnounce.js";
 import { useTooltip } from "../Tooltip/index.js";
 import { mergeProps, mergeRefs } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function formatFileSize(bytes) {
   if (bytes < 1024) {
     return `${bytes} B`;
@@ -193,6 +194,7 @@ export function FileInput({
   ref,
   ...rest
 }) {
+  const t = useTranslator();
   const id = useId();
   const descriptionID = useId();
   const statusMessageID = useId();
@@ -329,50 +331,50 @@ export function FileInput({
   const fileNames = hasFiles ? Array.isArray(value) ? value.map(f => f.name).join(', ') : value?.name ?? '' : null;
   const renderDropzoneContent = () => {
     if (isLoading) {
-      return /*#__PURE__*/_jsxDEV(Spinner, {
+      return /*#__PURE__*/_jsx(Spinner, {
         size: "md"
-      }, void 0, false);
+      });
     }
     if (hasFiles) {
-      return /*#__PURE__*/_jsxDEV("div", {
+      return /*#__PURE__*/_jsx("div", {
         ...{
           className: "x9ynric xjm74w1 x6pjikd xw6l6zx x1tgivj0 xb3r6kr xlyipyv x98rzlu xeuugli x2b8uid xeaf4i8"
         },
         children: fileNames
-      }, void 0, false);
+      });
     }
-    return /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [/*#__PURE__*/_jsxDEV(Icon, {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Icon, {
         icon: "arrowUp",
         size: "md",
         color: "secondary"
-      }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+      }), /*#__PURE__*/_jsx("span", {
         ...{
           className: "x9ynric xjm74w1 x6pjikd xw6l6zx xv1l7n4 x2b8uid x87ps6o"
         },
         children: isDragOver ? 'Drop files here' : displayPlaceholder
-      }, void 0, false)]
-    }, void 0, true);
+      })]
+    });
   };
   const renderCompactContent = () => {
     if (isLoading) {
-      return /*#__PURE__*/_jsxDEV(_Fragment, {
-        children: [/*#__PURE__*/_jsxDEV("span", {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
           ...{
             className: "x9ynric xjm74w1 x6pjikd xw6l6zx x1tgivj0 xb3r6kr xlyipyv xuxw1ft x98rzlu xeuugli"
           },
           children: fileNames ?? displayPlaceholder
-        }, void 0, false), /*#__PURE__*/_jsxDEV(Spinner, {
+        }), /*#__PURE__*/_jsx(Spinner, {
           size: "sm"
-        }, void 0, false)]
-      }, void 0, true);
+        })]
+      });
     }
-    return /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [/*#__PURE__*/_jsxDEV(Icon, {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Icon, {
         icon: "arrowUp",
         size: "sm",
         color: "secondary"
-      }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+      }), /*#__PURE__*/_jsx("span", {
         ...{
           0: {
             className: "x9ynric xjm74w1 x6pjikd xw6l6zx xv1l7n4 x87ps6o x1yc453h x98rzlu xeuugli"
@@ -388,12 +390,12 @@ export function FileInput({
           }
         }[!!hasFiles << 1 | !!hasFiles << 0],
         children: fileNames ?? displayPlaceholder
-      }, void 0, false), status && /*#__PURE__*/_jsxDEV(Icon, {
+      }), status && /*#__PURE__*/_jsx(Icon, {
         icon: statusIconMap[status.type],
         size: "md",
         color: statusIconColorMap[status.type]
-      }, void 0, false)]
-    }, void 0, true);
+      })]
+    });
   };
   const isDropzone = mode === 'dropzone';
   const dragDropProps = isDropzone ? {
@@ -402,7 +404,7 @@ export function FileInput({
     onDragLeave: handleDragLeave,
     onDrop: handleDrop
   } : {};
-  return /*#__PURE__*/_jsxDEV(Field, {
+  return /*#__PURE__*/_jsxs(Field, {
     label: label,
     isLabelHidden: isLabelHidden,
     description: description,
@@ -418,7 +420,7 @@ export function FileInput({
     } : undefined,
     labelTooltip: labelTooltip,
     width: width,
-    children: [/*#__PURE__*/_jsxDEV("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       ref: el => {
         // Anchor + hover/focus listeners for the disabled-message tooltip.
         // Handlers are gated internally by isEnabled, and anchor names
@@ -448,7 +450,7 @@ export function FileInput({
         mode,
         status: status?.type ?? null
       }), stylex.props(isDropzone ? styles.dropzone : styles.compact, isDropzone && !isDisabled && styles.dropzoneHover, isDropzone && isDragOver && styles.dropzoneActive, isDropzone && isDisabled && styles.dropzoneDisabled, !isDropzone && isDisabled && styles.compactDisabled, status && statusBorderStyles[status.type], xstyle), className, style),
-      children: [/*#__PURE__*/_jsxDEV("input", {
+      children: [/*#__PURE__*/_jsx("input", {
         ...rest,
         ref: mergeRefs(ref, inputRef),
         id: id,
@@ -465,11 +467,13 @@ export function FileInput({
         ...{
           className: "x10l6tqk x1i1rx1s xjm9jq1 x1717udv xkdpibf xb3r6kr xzpqnlu xuxw1ft xc342km"
         }
-      }, void 0, false), isDropzone ? renderDropzoneContent() : renderCompactContent(), hasFiles && !isDisabled && !isLoading && /*#__PURE__*/_jsxDEV(InputClearButton, {
-        label: `Clear ${label}`,
+      }), isDropzone ? renderDropzoneContent() : renderCompactContent(), hasFiles && !isDisabled && !isLoading && /*#__PURE__*/_jsx(InputClearButton, {
+        label: t('@astryx.fileInput.clearLabel', {
+          label
+        }),
         onClick: handleClear
-      }, void 0, false)]
-    }, void 0, true), /*#__PURE__*/_jsxDEV("div", {
+      })]
+    }), /*#__PURE__*/_jsx("div", {
       id: liveRegionID,
       role: "status",
       "aria-live": "polite",
@@ -477,7 +481,7 @@ export function FileInput({
         className: "x10l6tqk x1i1rx1s xjm9jq1 x1717udv xkdpibf xb3r6kr xzpqnlu xuxw1ft xc342km"
       },
       children: validationError
-    }, void 0, false), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  }, void 0, true);
+    }), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
+  });
 }
 FileInput.displayName = 'FileInput';

package/dist/FormLayout/FormLayout.js

@@ -25,7 +25,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Responsive breakpoint for horizontal-labels collapse
 // =============================================================================
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const HORIZONTAL_LABELS_COLLAPSE = '@media (max-width: 480px)';
 
 // =============================================================================
@@ -95,16 +95,16 @@ export function FormLayout({
   const contextValue = useMemo(() => ({
     direction
   }), [direction]);
-  return /*#__PURE__*/_jsxDEV(FormLayoutContext, {
+  return /*#__PURE__*/_jsx(FormLayoutContext, {
     value: contextValue,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsx("div", {
       ref: ref,
       ...mergeProps(themeProps('form-layout', {
         direction
       }), stylex.props(styles.base, direction === 'horizontal' && styles.horizontal, direction === 'horizontal-labels' && styles.horizontalLabels, xstyle), className, style),
       ...props,
       children: children
-    }, void 0, false)
-  }, void 0, false);
+    })
+  });
 }
 FormLayout.displayName = 'FormLayout';

package/dist/Grid/Grid.js

@@ -37,7 +37,7 @@ import { themeProps } from "../utils/themeProps.js";
  *     layout collapsing to a single column on mobile stretches to full width
  *     (no dead space on the right).
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const baseStyles = {
   grid: {
     k1xSpc: "xrvj5dj",
@@ -370,7 +370,7 @@ export function Grid({
 
   // For themeProps, extract numeric columns value for variant tracking
   const columnsVariant = typeof columns === 'number' ? columns : typeof columns === 'object' ? undefined : undefined;
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     ...mergeProps(themeProps('grid', {
       columns: columnsVariant,
@@ -383,6 +383,6 @@ export function Grid({
     }),
     ...props,
     children: children
-  }, void 0, false);
+  });
 }
 Grid.displayName = 'Grid';

package/dist/Grid/GridSpan.js

@@ -16,7 +16,7 @@
 import * as stylex from '@stylexjs/stylex';
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const baseStyles = {
   span: {
     k7Eaqz: "xeuugli",
@@ -59,7 +59,7 @@ export function GridSpan({
       gridRow: `span ${rows}`
     })
   };
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     ...mergeProps(themeProps('grid-span'), stylex.props(baseStyles.span, xstyle), className, {
       ...style,
@@ -67,6 +67,6 @@ export function GridSpan({
     }),
     ...props,
     children: children
-  }, void 0, false);
+  });
 }
 GridSpan.displayName = 'GridSpan';

package/dist/HStack/HStack.js

@@ -13,7 +13,7 @@
  */
 
 import { Stack } from "../Stack/Stack.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Horizontal stack component for arranging items left-to-right.
  * Convenience wrapper around `Stack` with `direction="horizontal"`.
@@ -34,12 +34,12 @@ export function HStack({
   vAlign,
   ...props
 }) {
-  return /*#__PURE__*/_jsxDEV(Stack, {
+  return /*#__PURE__*/_jsx(Stack, {
     ...props,
     direction: "horizontal",
     hAlign: hAlign ?? justify,
     vAlign: vAlign ?? align,
     ref: ref
-  }, void 0, false);
+  });
 }
 HStack.displayName = 'HStack';

package/dist/Heading/Heading.js

@@ -22,7 +22,7 @@ import { colorStyles, sizeByLevelStyles, sizeByTypeStyles, defaultWeightByTypeSt
 import { useTruncation } from "../Text/useTruncation.js";
 import { mergeProps, mergeRefs } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const LazyXDSTooltip = /*#__PURE__*/lazy(async () => import('../Tooltip/Tooltip').then(mod => ({
   default: mod.Tooltip
 })));
@@ -110,8 +110,8 @@ export function Heading({
   const inlineStyle = maxLines > 1 ? {
     WebkitLineClamp: maxLines
   } : undefined;
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV(Component, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Component, {
       ref: mergeRefs(ref, truncation.ref, headingRef),
       ...mergeProps(themeProps('heading', {
         level,
@@ -141,17 +141,17 @@ export function Heading({
       ...ariaProps,
       ...props,
       children: children
-    }, void 0, false), tooltipEnabled && /*#__PURE__*/_jsxDEV(Suspense, {
+    }), tooltipEnabled && /*#__PURE__*/_jsx(Suspense, {
       fallback: null,
-      children: /*#__PURE__*/_jsxDEV(LazyXDSTooltip, {
+      children: /*#__PURE__*/_jsx(LazyXDSTooltip, {
         anchorRef: headingRef,
-        content: /*#__PURE__*/_jsxDEV("span", {
+        content: /*#__PURE__*/_jsx("span", {
           ...stylex.props(truncationTooltipStyles.content),
           children: truncation.fullText
-        }, void 0, false),
+        }),
         placement: tooltipPlacement
-      }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
+      })
+    })]
+  });
 }
 Heading.displayName = 'Heading';

package/dist/HoverCard/HoverCard.js

@@ -20,7 +20,7 @@ import * as stylex from '@stylexjs/stylex';
 import { useHoverCard } from "./useHoverCard.js";
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars } from "../theme/tokens.stylex.js";
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Check if children are text-only (no React elements)
  */
@@ -145,8 +145,8 @@ export function HoverCard({
 
   // For text-only children: use inline span with ref on wrapper
   if (textOnly) {
-    return /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [/*#__PURE__*/_jsxDEV("span", {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("span", {
         ref: hoverCard.ref,
         tabIndex: 0,
         "aria-describedby": hoverCard.describedBy,
@@ -159,19 +159,19 @@ export function HoverCard({
           }
         }[!!showHoverIndication << 0],
         children: children
-      }, void 0, false), renderedHoverCard]
-    }, void 0, true);
+      }), renderedHoverCard]
+    });
   }
 
   // For element children: use inline-safe display:contents, ref on first child
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("span", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
       ref: wrapperRef,
       ...{
         className: "xjp7ctv"
       },
       children: children
-    }, void 0, false), renderedHoverCard]
-  }, void 0, true);
+    }), renderedHoverCard]
+  });
 }
 HoverCard.displayName = 'HoverCard';

package/dist/HoverCard/useHoverCard.js

@@ -19,7 +19,7 @@ import "../theme/tokens.stylex.js";
 import { colorVars, shadowVars, radiusVars, spacingVars } from "../theme/tokens.stylex.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   container: {
     kWkggS: "x10xzikg",
@@ -267,7 +267,7 @@ export function useHoverCard(options = {}) {
       // valid (and hydration-stable) inside inline contexts like a `<p>`.
       as: 'span'
     };
-    return layer.render(/*#__PURE__*/_jsxDEV("span", {
+    return layer.render(/*#__PURE__*/_jsx("span", {
       ...mergeProps(themeProps('hovercard'), {
         className: "x1lliihq x1vlblms xvmdzux x126nfab x1t818jl"
       }),
@@ -311,7 +311,7 @@ export function useHoverCard(options = {}) {
         scheduleHide();
       },
       children: children
-    }, void 0, false), renderProps);
+    }), renderProps);
   }, [layer, placement, alignment, clearTimeouts, scheduleHide, popoverXstyle]);
   return {
     ref,

package/dist/Icon/Icon.js

@@ -32,7 +32,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Styles
 // =============================================================================
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   root: {
     kmuXW: "x2lah0s",
@@ -218,17 +218,17 @@ export function Icon({
 }) {
   // String mode: resolve from icon registry, wrap in styled span
   if (typeof icon === 'string') {
-    return /*#__PURE__*/_jsxDEV(IconFromRegistry, {
+    return /*#__PURE__*/_jsx(IconFromRegistry, {
       name: icon,
       color: color,
       size: size,
       spanProps: props
-    }, void 0, false);
+    });
   }
 
   // Component mode: render SVG component directly with ref forwarding
   const IconComponent = icon;
-  return /*#__PURE__*/_jsxDEV(IconComponent, {
+  return /*#__PURE__*/_jsx(IconComponent, {
     ref: ref,
     "aria-hidden": "true",
     ...mergeProps(themeProps('icon', {
@@ -236,7 +236,7 @@ export function Icon({
       color
     }), stylex.props(styles.root, colorStyles[color], sizeStyles[size])),
     ...props
-  }, void 0, false);
+  });
 }
 Icon.displayName = 'Icon';
 
@@ -261,7 +261,7 @@ function IconFromRegistry({
   if (resolvedIcon == null) {
     return null;
   }
-  return /*#__PURE__*/_jsxDEV("span", {
+  return /*#__PURE__*/_jsx("span", {
     // Decorative by default, but placed BEFORE the prop spread so consumers
     // can override it (e.g. `aria-hidden={false}` + `role="img"` +
     // `aria-label`) to expose a meaningful standalone icon. This matches
@@ -273,7 +273,7 @@ function IconFromRegistry({
       color
     }), stylex.props(styles.span, colorStyles[color], spanSizeStyles[size])),
     children: resolvedIcon
-  }, void 0, false);
+  });
 }
 
 /**
@@ -285,16 +285,16 @@ function IconFromRegistry({
  */
 export function renderIconSlot(icon, props) {
   if (typeof icon === 'string') {
-    return /*#__PURE__*/_jsxDEV(Icon, {
+    return /*#__PURE__*/_jsx(Icon, {
       icon: icon,
       ...props
-    }, void 0, false);
+    });
   }
   if (typeof icon === 'function' || typeof icon === 'object' && icon !== null && 'render' in icon) {
-    return /*#__PURE__*/_jsxDEV(Icon, {
+    return /*#__PURE__*/_jsx(Icon, {
       icon: icon,
       ...props
-    }, void 0, false);
+    });
   }
   return icon;
 }