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

package/dist/AvatarGroup/AvatarGroup.js

@@ -23,7 +23,8 @@ 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 { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const OVERLAP_RATIO = 0.25;
 const styles = {
   root: {
@@ -55,13 +56,15 @@ export function AvatarGroup({
   children,
   size = 'small',
   'data-testid': testId,
-  'aria-label': ariaLabel = 'Avatars',
+  'aria-label': ariaLabelFromProps,
   xstyle,
   className,
   style,
   ref,
   ...props
 }) {
+  const t = useTranslator();
+  const ariaLabel = ariaLabelFromProps ?? t('@astryx.avatarGroup.label');
   const numericSize = resolveSize(size);
   const overlap = Math.round(numericSize * OVERLAP_RATIO);
   const contextValue = useMemo(() => ({
@@ -69,9 +72,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", {
       ...props,
       ref: ref,
       role: "group",
@@ -81,7 +84,7 @@ export function AvatarGroup({
         size
       }), stylex.props(styles.root, xstyle), className, style),
       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({
       "aria-label": label,
       ...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,
     ...rest,
     "aria-label": label,
     ...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,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAuB5C;;;;;;;;;;;;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;AA8JD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,sCAkIb;yBAlJe,MAAM"}

package/dist/Banner/Banner.js

@@ -39,6 +39,7 @@ import { colorVars, spacingVars, radiusVars, fontWeightVars, typeScaleVars, bord
 import { mergeProps } from "../utils/index.js";
 import { edgeCompSlot } from "../Layout/edgeCompensation.stylex.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Types
@@ -84,7 +85,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
 // =============================================================================
@@ -247,6 +248,7 @@ export function Banner({
   ref,
   ...rest
 }) {
+  const t = useTranslator();
   const [isDismissed, setIsDismissed] = useState(false);
   const [isExpanded, setIsExpanded] = useState(defaultIsExpanded);
   // Links the expand/collapse toggle to the content region it shows/hides so
@@ -277,84 +279,84 @@ 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", {
+          label: isExpanded ? t('@astryx.banner.collapse') : t('@astryx.banner.expand'),
+          tooltip: isExpanded ? t('@astryx.banner.collapse') : t('@astryx.banner.expand'),
+          icon: /*#__PURE__*/_jsx("span", {
             ...{
               0: {
-                className: "x3nfvp2 x11xpdln xuedmi6 xlr8y92"
+                className: "x3nfvp2 x11xpdln xuedmi6 x12w9bfk xlr8y92"
               },
               1: {
-                className: "x3nfvp2 x11xpdln xuedmi6 xlr8y92 x19jd1h0"
+                className: "x3nfvp2 x11xpdln xuedmi6 x12w9bfk 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, {
+          label: t('@astryx.banner.dismiss'),
+          tooltip: t('@astryx.banner.dismiss'),
+          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", {
+        })]
+      })]
+    }), showContent && /*#__PURE__*/_jsx("div", {
       id: contentId,
       ...mergeProps(themeProps('banner-content', {
         container,
@@ -368,7 +370,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.d.ts

@@ -86,7 +86,7 @@ export interface BreadcrumbsProps extends BaseProps<HTMLElement> {
  * </Breadcrumbs>
  * ```
  */
-export declare function Breadcrumbs({ children, separator, variant, xstyle, className, style, label, ref, ...rest }: BreadcrumbsProps): import("react").JSX.Element;
+export declare function Breadcrumbs({ children, separator, variant, xstyle, className, style, label: labelFromProps, ref, ...rest }: BreadcrumbsProps): import("react").JSX.Element;
 export declare namespace Breadcrumbs {
     var displayName: string;
 }

package/dist/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAyB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAI7D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,IAAI,CAAC;IACd,UAAU,EAAE,IAAI,CAAC;CAClB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,qBAAqB,CAAC;AAM7D,8FAA8F;AAC9F,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,iDAG5B,CAAC;AAOH,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4BD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAe,EACf,OAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAoB,EACpB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAsBlB;yBAhCe,WAAW"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAyB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAI7D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,IAAI,CAAC;IACd,UAAU,EAAE,IAAI,CAAC;CAClB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,qBAAqB,CAAC;AAM7D,8FAA8F;AAC9F,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,iDAG5B,CAAC;AAOH,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4BD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAe,EACf,OAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EAAE,cAAc,EACrB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAwBlB;yBAlCe,WAAW"}

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -21,6 +21,7 @@ import "../theme/tokens.stylex.js";
 import { spacingVars } from "../theme/tokens.stylex.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Variant type
@@ -53,7 +54,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: '/'
@@ -102,30 +103,32 @@ export function Breadcrumbs({
   xstyle,
   className,
   style,
-  label = 'Breadcrumb',
+  label: labelFromProps,
   ref,
   ...rest
 }) {
+  const t = useTranslator();
+  const label = labelFromProps ?? t('@astryx.breadcrumbs.label');
   const ctxValue = useMemo(() => ({
     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';

package/dist/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/Button/Button.js

@@ -36,7 +36,7 @@ import { themeProps } from "../utils/themeProps.js";
  * Pseudo-classes are nested within properties per StyleX recommendation:
  * https://stylexjs.com/docs/learn/styling-ui/defining-styles#pseudo-classes
  */
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const styles = {
   base: {
     kVAEAm: "x1n2onr6",
@@ -228,12 +228,42 @@ const loadingStyles = {
     $$css: true
   }
 };
+
+/**
+ * "I am the last member of the group" — the trailing end cap.
+ *
+ * NOT `:last-child`: several members render an invisible layer element AFTER
+ * their button (a tooltip'd Button returns button + layer; DropdownMenu returns
+ * trigger + popover). `useLayer` renders those inline rather than portaling
+ * them, so the layer — not the button — took the `:last-child` slot and the real
+ * trailing button silently kept square corners (#2508).
+ *
+ * Layers always carry the native `popover` attribute (useLayer.tsx), and a
+ * popover is never an in-flow member — it is `display: none` until shown, then
+ * promoted to the top layer. So "last member" is: no following element sibling
+ * that isn't a popover.
+ *
+ * Reading it the other way round — marking the *buttons* and testing for a
+ * marked sibling — is the trap: it silently reclassifies anything it doesn't
+ * recognise as "not a member", so a member wrapped in a `display: contents`
+ * wrapper (Tooltip, HoverCard) or a raw child would make the button BEFORE it
+ * round mid-group. Ignoring known layers keeps the predicate conservative: an
+ * unrecognised sibling still counts, exactly as `:last-child` did, so the worst
+ * case degrades to the old behaviour instead of a wrong corner.
+ *
+ * Kept as a same-file const: StyleX only statically evaluates a selector key
+ * from a const in the same file.
+ *
+ * The leading edge still uses `:first-child` — a member's button always precedes
+ * its own layer, so the first button is genuinely `:first-child`.
+ */
+const IS_LAST_ITEM = ':not(:has(~ *:not([popover])))';
 const groupStyles = {
   horizontal: {
     krdFHd: "x15mokao x8eehn2",
     kVL7Gh: "xbiv7yw x1xrp5p4",
-    kfmiAY: "x1ga7v0g x11xp8u1",
-    kT0f0o: "x16uus16 x747jw7",
+    kfmiAY: "x1ga7v0g xbfdvlp",
+    kT0f0o: "x16uus16 xajhecq",
     k2ei4v: "xgbv0en x1pjv70x",
     kVhnKS: "x1t7ytsu xyf0ibl",
     kGJrpR: "x1j92z86",
@@ -242,8 +272,8 @@ const groupStyles = {
   vertical: {
     krdFHd: "x15mokao x8eehn2",
     kfmiAY: "x1ga7v0g x2qxyot",
-    kVL7Gh: "xbiv7yw x1yp72r9",
-    kT0f0o: "x16uus16 x747jw7",
+    kVL7Gh: "xbiv7yw x12tyzlf",
+    kT0f0o: "x16uus16 xajhecq",
     kEafiO: "x11xkdxz x1g31smg",
     kPef9Z: "x13fuv20 x1d9v4yf",
     kLZC3w: "x1pc3f07",
@@ -392,8 +422,8 @@ export function Button({
     variant,
     size
   }), sharedStylexProps, className, style);
-  const buttonContent = /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [isLoadingState && /*#__PURE__*/_jsxDEV("span", {
+  const buttonContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [isLoadingState && /*#__PURE__*/_jsx("span", {
       ...{
         0: {
           className: "x10l6tqk x13vifvy xu96u03 x3m8u43 x1ey2m1c xrvj5dj x1ku5rj1"
@@ -403,33 +433,33 @@ export function Button({
         }
       }[!!delaySpinner << 0],
       "aria-hidden": "true",
-      children: /*#__PURE__*/_jsxDEV(Spinner, {
+      children: /*#__PURE__*/_jsx(Spinner, {
         size: "sm",
         shade: "inherit"
-      }, void 0, false)
-    }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+      })
+    }), /*#__PURE__*/_jsxs("span", {
       ...stylex.props(styles.contentWrapper, isLoadingState && (delaySpinner ? loadingStyles.hiddenContentDelayed : loadingStyles.hiddenContent)),
       "aria-hidden": isLoadingState || undefined,
-      children: [icon && /*#__PURE__*/_jsxDEV("span", {
+      children: [icon && /*#__PURE__*/_jsx("span", {
         ...stylex.props(styles.iconWrapper, iconSizeStyles[size]),
         children: icon
-      }, void 0, false), isIconOnly ? null : /*#__PURE__*/_jsxDEV("span", {
+      }), isIconOnly ? null : /*#__PURE__*/_jsx("span", {
         ...{
           className: "xb3r6kr xlyipyv xeuugli"
         },
         children: children ?? label
-      }, void 0, false), !isIconOnly && endContent && /*#__PURE__*/_jsxDEV("span", {
+      }), !isIconOnly && endContent && /*#__PURE__*/_jsx("span", {
         ...{
           className: "x3nfvp2 x6s0dn4 x1heor9g"
         },
         children: endContent
-      }, void 0, false)]
-    }, void 0, true), /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+      })]
+    }), /*#__PURE__*/_jsx(VisuallyHidden, {
       role: "status",
       "aria-live": "polite",
       children: isLoadingState ? 'Loading' : ''
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 
   // aria-label is set when:
   // 1. Icon-only mode (label is the only accessible name)
@@ -452,7 +482,7 @@ export function Button({
   const mergedButtonRef = mergeRefs(ref, tooltip != null ? tooltipHook.ref : undefined);
   let element;
   if (renderAsLink) {
-    element = /*#__PURE__*/_jsxDEV(LinkComponent, {
+    element = /*#__PURE__*/_jsx(LinkComponent, {
       ref: mergedButtonRef,
       href: href,
       target: target,
@@ -464,9 +494,9 @@ export function Button({
       ...edgeCompAttr,
       onClick: handleClick,
       children: buttonContent
-    }, void 0, false);
+    });
   } else {
-    element = /*#__PURE__*/_jsxDEV("button", {
+    element = /*#__PURE__*/_jsx("button", {
       ref: mergedButtonRef,
       type: type,
       disabled: useAriaDisabled ? undefined : buttonDisabled,
@@ -482,12 +512,12 @@ export function Button({
         onKeyDown: handleKeyDown
       } : null),
       children: buttonContent
-    }, void 0, false);
+    });
   }
   if (tooltip) {
-    return /*#__PURE__*/_jsxDEV(_Fragment, {
+    return /*#__PURE__*/_jsxs(_Fragment, {
       children: [element, tooltipHook.renderTooltip(tooltip)]
-    }, void 0, true);
+    });
   }
   return element;
 }