@astryxdesign/core 0.1.4-canary.ff77e1c → 0.1.4

package/dist/Avatar/Avatar.js

@@ -35,7 +35,7 @@ import { themeProps } from "../utils/themeProps.js";
  *
  * This constant represents that ratio: (1 - 1/√2) / 2 ≈ 0.146
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CIRCLE_EDGE_OFFSET_RATIO = (1 - 1 / Math.SQRT2) / 2;
 
 /**
@@ -202,16 +202,16 @@ function getInitials(name) {
 function DefaultIcon({
   size
 }) {
-  return /*#__PURE__*/_jsxDEV("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     width: size * 0.6,
     height: size * 0.6,
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
-    children: /*#__PURE__*/_jsxDEV("path", {
+    children: /*#__PURE__*/_jsx("path", {
       d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-    }, void 0, false)
-  }, void 0, false);
+    })
+  });
 }
 
 /**
@@ -241,12 +241,10 @@ export function Avatar({
   ref,
   ...props
 }) {
-  // Track the exact src that failed (rather than a boolean) so a changed
-  // src/fallbackSrc gets a fresh load attempt instead of the stale error.
-  const [erroredSrc, setErroredSrc] = useState(undefined);
-  const [erroredFallbackSrc, setErroredFallbackSrc] = useState(undefined);
-  const showImage = src && erroredSrc !== src;
-  const showFallbackImage = !showImage && fallbackSrc && erroredFallbackSrc !== fallbackSrc;
+  const [imageError, setImageError] = useState(false);
+  const [fallbackError, setFallbackError] = useState(false);
+  const showImage = src && !imageError;
+  const showFallbackImage = !showImage && fallbackSrc && !fallbackError;
   const showInitials = !showImage && !showFallbackImage && name;
   const showIcon = !showImage && !showFallbackImage && !name;
 
@@ -258,9 +256,9 @@ export function Avatar({
   const avatarGroup = useAvatarGroup();
   const resolvedSize = avatarGroup?.size ?? size;
   const numericSize = useMemo(() => resolveSize(resolvedSize), [resolvedSize]);
-  return /*#__PURE__*/_jsxDEV(AvatarSizeContext, {
+  return /*#__PURE__*/_jsx(AvatarSizeContext, {
     value: numericSize,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       ref: ref,
       role: isDecorative ? 'presentation' : 'img',
       "aria-label": isDecorative ? undefined : accessibleName,
@@ -270,38 +268,38 @@ export function Avatar({
         size: resolvedSize
       }), stylex.props(styles.wrapper, avatarGroup && groupStyles.ring, avatarGroup && groupStyles.overlap, avatarGroup && groupDynamicStyles.overlap(-avatarGroup.overlap), xstyle), className, style),
       ...props,
-      children: [/*#__PURE__*/_jsxDEV("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         ...stylex.props(styles.content, dynamicStyles.size(numericSize)),
-        children: [showImage && /*#__PURE__*/_jsxDEV("img", {
+        children: [showImage && /*#__PURE__*/_jsx("img", {
           src: src,
           alt: "",
-          onError: () => setErroredSrc(src),
+          onError: () => setImageError(true),
           ...{
             className: "xh8yej3 x5yr21d xl1xv1r"
           }
-        }, void 0, false), showFallbackImage && /*#__PURE__*/_jsxDEV("img", {
+        }), showFallbackImage && /*#__PURE__*/_jsx("img", {
           src: fallbackSrc,
           alt: "",
-          onError: () => setErroredFallbackSrc(fallbackSrc),
+          onError: () => setFallbackError(true),
           ...{
             className: "xh8yej3 x5yr21d xl1xv1r"
           }
-        }, void 0, false), showInitials && /*#__PURE__*/_jsxDEV("div", {
+        }), showInitials && /*#__PURE__*/_jsx("div", {
           ...stylex.props(styles.fallback, dynamicStyles.fontSize(numericSize)),
           children: getInitials(name)
-        }, void 0, false), showIcon && /*#__PURE__*/_jsxDEV("div", {
+        }), showIcon && /*#__PURE__*/_jsx("div", {
           ...{
             className: "x78zum5 x6s0dn4 xl56j7k xh8yej3 x5yr21d x17x4s8c xv1l7n4 x9ynric x1e4wzip xtvhhri"
           },
-          children: /*#__PURE__*/_jsxDEV(DefaultIcon, {
+          children: /*#__PURE__*/_jsx(DefaultIcon, {
             size: numericSize
-          }, void 0, false)
-        }, void 0, false)]
-      }, void 0, true), status && /*#__PURE__*/_jsxDEV("div", {
+          })
+        })]
+      }), status && /*#__PURE__*/_jsx("div", {
         ...stylex.props(styles.status, dynamicStyles.statusPosition(numericSize)),
         children: status
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+      })]
+    })
+  });
 }
 Avatar.displayName = 'Avatar';

package/dist/Avatar/AvatarStatusDot.js

@@ -38,7 +38,7 @@ import { themeProps } from "../utils/themeProps.js";
  * Icons are not rendered at the smallest tier — there isn't enough
  * room for them to be legible.
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 function resolveStatusDotSize(avatarSize) {
   if (avatarSize <= 36) {
     return {
@@ -174,7 +174,7 @@ export function AvatarStatusDot({
     borderWidth,
     iconSize
   } = resolveStatusDotSize(avatarSize);
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     ...(label ? {
       role: 'img',
@@ -184,11 +184,11 @@ export function AvatarStatusDot({
       variant
     }), stylex.props(styles.dot, variantStyleMap[variant], dynamicStyles.size(dotSize, borderWidth), xstyle), className, style),
     ...props,
-    children: icon && iconSize > 0 && /*#__PURE__*/_jsxDEV("span", {
+    children: icon && iconSize > 0 && /*#__PURE__*/_jsx("span", {
       "aria-hidden": "true",
       ...stylex.props(styles.icon, dynamicStyles.iconSize(iconSize)),
       children: icon
-    }, void 0, false)
-  }, void 0, false);
+    })
+  });
 }
 AvatarStatusDot.displayName = 'AvatarStatusDot';

package/dist/AvatarGroup/AvatarGroup.js

@@ -23,7 +23,7 @@ import * as stylex from '@stylexjs/stylex';
 import { mergeProps } from "../utils/index.js";
 import { AvatarGroupContext } from "./AvatarGroupContext.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 OVERLAP_RATIO = 0.25;
 const styles = {
   root: {
@@ -69,9 +69,9 @@ export function AvatarGroup({
     overlap,
     numericSize
   }), [size, overlap, numericSize]);
-  return /*#__PURE__*/_jsxDEV(AvatarGroupContext, {
+  return /*#__PURE__*/_jsx(AvatarGroupContext, {
     value: contextValue,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsx("div", {
       ref: ref,
       role: "group",
       "aria-label": ariaLabel,
@@ -81,7 +81,7 @@ export function AvatarGroup({
       }), stylex.props(styles.root, xstyle), className, style),
       ...props,
       children: children
-    }, void 0, false)
-  }, void 0, false);
+    })
+  });
 }
 AvatarGroup.displayName = 'AvatarGroup';

package/dist/AvatarGroup/AvatarGroupOverflow.js

@@ -19,7 +19,7 @@ import { colorVars, typographyVars, fontWeightVars, radiusVars } from "../theme/
 import { mergeProps } from "../utils/index.js";
 import { useAvatarGroup } from "./AvatarGroupContext.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 BORDER_WIDTH = 2;
 const OVERFLOW_FONT_RATIO = 0.35;
 const styles = {
@@ -109,7 +109,7 @@ export function AvatarGroupOverflow({
   const label = `${count} more`;
   const content = children ?? `+${count}`;
   if (onClick) {
-    return /*#__PURE__*/_jsxDEV("button", {
+    return /*#__PURE__*/_jsx("button", {
       ref: ref,
       type: "button",
       onClick: onClick,
@@ -117,14 +117,14 @@ export function AvatarGroupOverflow({
       ...rest,
       ...mergeProps(themeProps('avatar-group-overflow'), stylex.props(styles.base, styles.button, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), xstyle), className, style),
       children: content
-    }, void 0, false);
+    });
   }
-  return /*#__PURE__*/_jsxDEV("span", {
+  return /*#__PURE__*/_jsx("span", {
     ref: ref,
     "aria-label": label,
     ...rest,
     ...mergeProps(themeProps('avatar-group-overflow'), stylex.props(styles.base, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), xstyle), className, style),
     children: content
-  }, void 0, false);
+  });
 }
 AvatarGroupOverflow.displayName = 'AvatarGroupOverflow';

package/dist/Badge/Badge.js

@@ -24,7 +24,7 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * Base badge styles
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   base: {
     k1xSpc: "x3nfvp2",
@@ -164,13 +164,13 @@ export function Badge({
   ref,
   ...props
 }) {
-  return /*#__PURE__*/_jsxDEV("span", {
+  return /*#__PURE__*/_jsxs("span", {
     ref: ref,
     ...mergeProps(themeProps('badge', {
       variant
     }), stylex.props(styles.base, variants[variant], xstyle), className, style),
     ...props,
     children: [icon, label]
-  }, void 0, true);
+  });
 }
 Badge.displayName = 'Badge';

package/dist/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsB5C;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,IAAI,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;CACf;AAED;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA2JD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,UAAU,EACV,SAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,sCAiIb;yBAjJe,MAAM"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsB5C;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,IAAI,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;CACf;AAED;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA2JD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,UAAU,EACV,SAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,sCA0Hb;yBA1Ie,MAAM"}

package/dist/Banner/Banner.js

@@ -30,7 +30,7 @@
  * - /apps/storybook/stories/Banner.stories.tsx (storybook stories)
  * - /packages/cli/templates/blocks/components/Banner/ (showcase blocks)
  */
-import { useId, useState } from 'react';
+import { useState } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import { Button } from "../Button/index.js";
 import { Icon } from "../Icon/index.js";
@@ -84,7 +84,7 @@ import { themeProps } from "../utils/themeProps.js";
  *
  * Extensible via module augmentation of BannerContainerMap.
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Status → Icon mapping
 // =============================================================================
@@ -249,11 +249,6 @@ export function Banner({
 }) {
   const [isDismissed, setIsDismissed] = useState(false);
   const [isExpanded, setIsExpanded] = useState(defaultIsExpanded);
-  // Links the expand/collapse toggle to the content region it shows/hides so
-  // assistive tech can move from the button to its controlled content
-  // (disclosure pattern). The region is conditionally rendered, so aria-controls
-  // below is set only while it's mounted to avoid a dangling reference.
-  const contentId = useId();
   const defaultIconName = defaultIconNames[status];
   const role = statusRole[status];
   const iconColor = statusIconColor[status];
@@ -277,51 +272,51 @@ export function Banner({
   const isSingleLine = description == null && hasActions;
   const showContent = hasChildren && isExpanded;
   const isCard = container === 'card';
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     role: role,
     ...mergeProps(stylex.props(styles.root, xstyle), className, style),
     ...rest,
-    children: [/*#__PURE__*/_jsxDEV("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       ...mergeProps(themeProps('banner', {
         container,
         status
       }), stylex.props(styles.header, isSingleLine && styles.headerCentered, statusStyles[status], isCard && (showContent ? styles.headerCardWithContent : styles.headerCardStandalone))),
-      children: [/*#__PURE__*/_jsxDEV("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         ...mergeProps(themeProps('banner-icon', {
           status
         }), {
           className: "x78zum5 x6s0dn4 x2lah0s"
         }),
         "aria-hidden": "true",
-        children: icon != null ? icon : /*#__PURE__*/_jsxDEV(Icon, {
+        children: icon != null ? icon : /*#__PURE__*/_jsx(Icon, {
           icon: defaultIconName,
           size: "md",
           color: iconColor
-        }, void 0, false)
-      }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+        })
+      }), /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x78zum5 xdt5ytf xxhr3t x98rzlu xeuugli"
         },
-        children: [/*#__PURE__*/_jsxDEV("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           ...{
             className: "x1ghz6dp xjb2p0i xcr08ib x2mo6ok x1kq96og x1tgivj0"
           },
           children: title
-        }, void 0, false), description != null && /*#__PURE__*/_jsxDEV("div", {
+        }), description != null && /*#__PURE__*/_jsx("div", {
           ...{
             className: "x1ghz6dp xjb2p0i x141an7d x1sodnla x1ltkj2j xv1l7n4"
           },
           children: description
-        }, void 0, false)]
-      }, void 0, true), showEndArea && /*#__PURE__*/_jsxDEV("div", {
+        })]
+      }), showEndArea && /*#__PURE__*/_jsxs("div", {
         ...stylex.props(styles.endArea, edgeCompSlot.inset(spacingVars['--spacing-2'])),
-        children: [endContent, hasChildren && /*#__PURE__*/_jsxDEV(Button, {
+        children: [endContent, hasChildren && /*#__PURE__*/_jsx(Button, {
           variant: "ghost",
           size: "sm",
           label: isExpanded ? 'Collapse' : 'Expand',
           tooltip: isExpanded ? 'Collapse' : 'Expand',
-          icon: /*#__PURE__*/_jsxDEV("span", {
+          icon: /*#__PURE__*/_jsx("span", {
             ...{
               0: {
                 className: "x3nfvp2 x11xpdln xuedmi6 xlr8y92"
@@ -330,32 +325,30 @@ export function Banner({
                 className: "x3nfvp2 x11xpdln xuedmi6 xlr8y92 x19jd1h0"
               }
             }[!!isExpanded << 0],
-            children: /*#__PURE__*/_jsxDEV(Icon, {
+            children: /*#__PURE__*/_jsx(Icon, {
               icon: "chevronDown",
               size: "sm",
               color: "inherit"
-            }, void 0, false)
-          }, void 0, false),
+            })
+          }),
           onClick: handleToggleExpand,
           "aria-expanded": isExpanded,
-          "aria-controls": showContent ? contentId : undefined,
           isIconOnly: true
-        }, void 0, false), isDismissable && /*#__PURE__*/_jsxDEV(Button, {
+        }), isDismissable && /*#__PURE__*/_jsx(Button, {
           variant: "ghost",
           size: "sm",
           label: "Dismiss",
           tooltip: "Dismiss",
-          icon: /*#__PURE__*/_jsxDEV(Icon, {
+          icon: /*#__PURE__*/_jsx(Icon, {
             icon: "close",
             size: "sm",
             color: "inherit"
-          }, void 0, false),
+          }),
           onClick: handleDismiss,
           isIconOnly: true
-        }, void 0, false)]
-      }, void 0, true)]
-    }, void 0, true), showContent && /*#__PURE__*/_jsxDEV("div", {
-      id: contentId,
+        })]
+      })]
+    }), showContent && /*#__PURE__*/_jsx("div", {
       ...mergeProps(themeProps('banner-content', {
         container,
         status
@@ -368,7 +361,7 @@ export function Banner({
         }
       }[!!isCard << 0]),
       children: children
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 Banner.displayName = 'Banner';

package/dist/Blockquote/Blockquote.js

@@ -19,7 +19,7 @@ import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, typeScaleVars } 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, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   root: {
     k2ei4v: "xtpqe59",
@@ -55,18 +55,18 @@ export function Blockquote({
   ref,
   ...props
 }) {
-  return /*#__PURE__*/_jsxDEV("blockquote", {
+  return /*#__PURE__*/_jsxs("blockquote", {
     ref: ref,
     ...mergeProps(themeProps('blockquote'), stylex.props(styles.root, xstyle), className, style),
     ...props,
-    children: [children, cite != null && /*#__PURE__*/_jsxDEV("footer", {
-      children: /*#__PURE__*/_jsxDEV("cite", {
+    children: [children, cite != null && /*#__PURE__*/_jsx("footer", {
+      children: /*#__PURE__*/_jsx("cite", {
         ...{
           className: "x1lliihq xtbrsbv x141an7d x1ltkj2j x1j61x8r"
         },
         children: cite
-      }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
+      })
+    })]
+  });
 }
 Blockquote.displayName = 'Blockquote';

package/dist/Breadcrumbs/BreadcrumbItem.js

@@ -27,7 +27,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Props
 // =============================================================================
-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";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -132,27 +132,27 @@ export function BreadcrumbItem({
       };
     }
   });
-  const content = /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [startIcon && /*#__PURE__*/_jsxDEV("span", {
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [startIcon && /*#__PURE__*/_jsx("span", {
       ...{
         className: "x78zum5 x6s0dn4 x2lah0s"
       },
       children: startIcon
-    }, void 0, false), children]
-  }, void 0, true);
+    }), children]
+  });
   if (isCurrent) {
-    return /*#__PURE__*/_jsxDEV("li", {
+    return /*#__PURE__*/_jsxs("li", {
       ref: mergeRefs(ref, liRef),
       ...mergeProps(themeProps('breadcrumb-item'), stylex.props(itemStyles.root, isSupporting ? itemStyles.supportingSize : itemStyles.defaultSize, xstyle), className, style),
       "data-testid": testId,
       ...rest,
-      children: [/*#__PURE__*/_jsxDEV("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         "aria-hidden": "true",
         ...{
           className: "x11ke7fs x6s0dn4 xv1l7n4 xu0wf1k x87ps6o"
         },
         children: ctx.separator
-      }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+      }), /*#__PURE__*/_jsx("span", {
         ...{
           0: {
             className: "x78zum5 x6s0dn4 xzye2dw x1pd3egz x1tgivj0"
@@ -163,24 +163,24 @@ export function BreadcrumbItem({
         }[!!isSupporting << 0],
         "aria-current": "page",
         children: content
-      }, void 0, false)]
-    }, void 0, true);
+      })]
+    });
   }
 
   // Items without isCurrent set render as links (if href) or plain spans.
   // The effect handles adding aria-current for auto-last detection.
-  return /*#__PURE__*/_jsxDEV("li", {
+  return /*#__PURE__*/_jsxs("li", {
     ref: mergeRefs(ref, liRef),
     ...mergeProps(themeProps('breadcrumb-item'), stylex.props(itemStyles.root, isSupporting ? itemStyles.supportingSize : itemStyles.defaultSize, xstyle), className, style),
     "data-testid": testId,
     ...rest,
-    children: [/*#__PURE__*/_jsxDEV("span", {
+    children: [/*#__PURE__*/_jsx("span", {
       "aria-hidden": "true",
       ...{
         className: "x11ke7fs x6s0dn4 xv1l7n4 xu0wf1k x87ps6o"
       },
       children: ctx.separator
-    }, void 0, false), href != null ? /*#__PURE__*/_jsxDEV(LinkComponent, {
+    }), href != null ? /*#__PURE__*/_jsx(LinkComponent, {
       ref: contentRef,
       href: href,
       onClick: onClick,
@@ -193,7 +193,7 @@ export function BreadcrumbItem({
         }
       }[!!isSupporting << 0],
       children: content
-    }, void 0, false) : onClick != null ? /*#__PURE__*/_jsxDEV("button", {
+    }) : onClick != null ? /*#__PURE__*/_jsx("button", {
       ref: contentRef,
       type: "button",
       onClick: onClick,
@@ -206,7 +206,7 @@ export function BreadcrumbItem({
         }
       }[!!isSupporting << 0],
       children: content
-    }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+    }) : /*#__PURE__*/_jsx("span", {
       ref: contentRef,
       ...{
         0: {
@@ -217,7 +217,7 @@ export function BreadcrumbItem({
         }
       }[!!isSupporting << 0],
       children: content
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 BreadcrumbItem.displayName = 'BreadcrumbItem';

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -53,7 +53,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 
 /** @internal Context for passing variant and separator from Breadcrumbs to BreadcrumbItem. */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const BreadcrumbContext = /*#__PURE__*/createContext({
   variant: 'default',
   separator: '/'
@@ -110,22 +110,22 @@ export function Breadcrumbs({
     variant,
     separator
   }), [variant, separator]);
-  return /*#__PURE__*/_jsxDEV(BreadcrumbContext, {
+  return /*#__PURE__*/_jsx(BreadcrumbContext, {
     value: ctxValue,
-    children: /*#__PURE__*/_jsxDEV("nav", {
+    children: /*#__PURE__*/_jsx("nav", {
       ref: ref,
       "aria-label": label,
       ...mergeProps(themeProps('breadcrumbs', {
         variant
       }), stylex.props(navStyles.root, xstyle), className, style),
       ...rest,
-      children: /*#__PURE__*/_jsxDEV("ol", {
+      children: /*#__PURE__*/_jsx("ol", {
         ...{
           className: "x78zum5 x6s0dn4 x1a02dak xe8uvvx x1ghz6dp x1717udv xzye2dw"
         },
         children: children
-      }, void 0, false)
-    }, void 0, false)
-  }, void 0, false);
+      })
+    })
+  });
 }
 Breadcrumbs.displayName = 'Breadcrumbs';