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

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @xds/core
 
+# 0.1.6
+
+#### New Features
+
+- Add `useTableGroupedRows` — groups a flat data array into collapsible section rows. Each distinct `groupBy` value becomes a full-width section-header row with a chevron toggle, group label, and member count; collapsing hides that group's rows while keeping the header. Mirrors `useTableRowExpansionState`: the consumer owns the `collapsedGroups` set and the hook returns `{data, plugin, idKey}` (pass to `Table` data / plugins / idKey). Supports `renderGroupHeader` and `groupOrder`. (#3763)
+- Add `useTableRowIndex` — a plugin that prepends a right-aligned, monospaced row-number column. Numbering follows the rendered `data` order, so it reflects the current sort / filter / pagination view (pass the sorted/paged array). Provides `getRowKey` for stable keyed lookup, plus `label` and `startFrom` to customize the header and starting ordinal. (#3756)
+
+#### Fixes
+
+- Rebrand the core package `displayName` from "XDS Core" to "Astryx Core"
+  The core package's `displayName` still read "XDS Core". It surfaces in the docsite package sidebar and landing cards as the friendly package label, so this rebrands it to "Astryx Core" to match the Astryx migration. Metadata-only — the package `name` and public API are unchanged.
+- Compile dist with the production JSX transform — 0.1.5 shipped `jsxDEV`, which crashes every consumer that renders in production
+  `@babel/preset-react` 8 derives its `development` option from the Babel env name (`api.env(env => env === 'development')`), and Babel falls back to `"development"` whenever `NODE_ENV`/`BABEL_ENV` is unset. The bump from 7.29.7 to 8.0.1 therefore flipped the published build to the development JSX transform without any config change: 193 of 479 files in `@astryxdesign/core@0.1.5`'s `dist` import `react/jsx-dev-runtime` and call `jsxDEV`, which React's production build does not export.
+
+#### Contributors
+
+Thanks to everyone who contributed to this release:
+
+- @ejhammond
+- @fatwang2
+- @humbertovirtudes
+
+---
+
 # 0.1.5
 
 #### New Features

package/README.md

@@ -2,6 +2,8 @@
 
 Core UI components, theme system, and utilities for the Astryx design system. For project setup, see [Quick Start](#quick-start) below.
 
+> **Building with an AI agent?** Run **`npx astryx init`** first. It installs the Astryx CLI's component index into your `AGENTS.md`/`CLAUDE.md` so your agent discovers components, templates, and design tokens instead of guessing. Without it, agents can't see the CLI — see [XDS CLI](#xds-cli).
+
 ## Component Docs
 
 Look up any component's full API (props, types, best practices, and theming):

package/dist/AlertDialog/AlertDialog.d.ts

@@ -89,7 +89,7 @@ export interface AlertDialogProps extends BaseProps<HTMLDialogElement> {
  * />
  * ```
  */
-export declare function AlertDialog({ ref, isOpen, isInline, onOpenChange, title, description, cancelLabel, actionLabel, actionVariant, isActionLoading, onAction, width, xstyle, className, style, 'data-testid': testId, ...rest }: AlertDialogProps): React.JSX.Element;
+export declare function AlertDialog({ ref, isOpen, isInline, onOpenChange, title, description, cancelLabel: cancelLabelFromProps, actionLabel, actionVariant, isActionLoading, onAction, width, xstyle, className, style, 'data-testid': testId, ...rest }: AlertDialogProps): React.JSX.Element;
 export declare namespace AlertDialog {
     var displayName: string;
 }

package/dist/AlertDialog/AlertDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,OAAO,EAAS,KAAK,aAAa,EAAC,MAAM,WAAW,CAAC;AACrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACpE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAE3C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,WAAW,EACX,aAA6B,EAC7B,eAAe,EACf,QAAQ,EACR,KAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,IAAI,EACR,EAAE,gBAAgB,qBAsDlB;yBAxEe,WAAW"}
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,OAAO,EAAS,KAAK,aAAa,EAAC,MAAM,WAAW,CAAC;AACrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAK5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACpE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAE3C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,WAAW,EAAE,oBAAoB,EACjC,WAAW,EACX,aAA6B,EAC7B,eAAe,EACf,QAAQ,EACR,KAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,IAAI,EACR,EAAE,gBAAgB,qBAwDlB;yBA1Ee,WAAW"}

package/dist/AlertDialog/AlertDialog.js

@@ -26,7 +26,8 @@ import { Text } from "../Text/Text.js";
 import { Button } from "../Button/index.js";
 import { mergeProps } from "../utils/index.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, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A confirmation dialog for destructive or irreversible actions.
  *
@@ -53,7 +54,7 @@ export function AlertDialog({
   onOpenChange,
   title,
   description,
-  cancelLabel = 'Cancel',
+  cancelLabel: cancelLabelFromProps,
   actionLabel,
   actionVariant = 'destructive',
   isActionLoading,
@@ -65,12 +66,14 @@ export function AlertDialog({
   'data-testid': testId,
   ...rest
 }) {
+  const t = useTranslator();
+  const cancelLabel = cancelLabelFromProps ?? t('@astryx.alertDialog.cancel');
   const titleId = useId();
   const descriptionId = useId();
   const handleCancel = useCallback(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  return /*#__PURE__*/_jsxDEV(Dialog, {
+  return /*#__PURE__*/_jsx(Dialog, {
     ...rest,
     ref: ref,
     isOpen: isOpen,
@@ -87,36 +90,36 @@ export function AlertDialog({
     }),
     xstyle: xstyle,
     "data-testid": testId,
-    children: /*#__PURE__*/_jsxDEV(Layout, {
-      content: /*#__PURE__*/_jsxDEV(LayoutContent, {
-        children: [/*#__PURE__*/_jsxDEV(Heading, {
+    children: /*#__PURE__*/_jsx(Layout, {
+      content: /*#__PURE__*/_jsxs(LayoutContent, {
+        children: [/*#__PURE__*/_jsx(Heading, {
           level: 2,
           id: titleId,
           children: title
-        }, void 0, false), /*#__PURE__*/_jsxDEV(Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           type: "body",
           color: "secondary",
           id: descriptionId,
           children: description
-        }, void 0, false)]
-      }, void 0, true),
-      footer: /*#__PURE__*/_jsxDEV(LayoutFooter, {
-        children: /*#__PURE__*/_jsxDEV(HStack, {
+        })]
+      }),
+      footer: /*#__PURE__*/_jsx(LayoutFooter, {
+        children: /*#__PURE__*/_jsxs(HStack, {
           gap: 2,
           hAlign: "end",
-          children: [/*#__PURE__*/_jsxDEV(Button, {
+          children: [/*#__PURE__*/_jsx(Button, {
             variant: "ghost",
             label: cancelLabel,
             onClick: handleCancel
-          }, void 0, false), /*#__PURE__*/_jsxDEV(Button, {
+          }), /*#__PURE__*/_jsx(Button, {
             variant: actionVariant,
             label: actionLabel,
             onClick: onAction,
             isLoading: isActionLoading
-          }, void 0, false)]
-        }, void 0, true)
-      }, void 0, false)
-    }, void 0, false)
-  }, void 0, false);
+          })]
+        })
+      })
+    })
+  });
 }
 AlertDialog.displayName = 'AlertDialog';

package/dist/AlertDialog/useImperativeAlertDialog.d.ts

@@ -28,7 +28,6 @@ export interface ImperativeAlertDialogReturn {
  * @example
  * ```
  * const alert = useImperativeAlertDialog();
- *
  * const handleDelete = () => {
  *   alert.show({
  *     title: 'Delete item?',
@@ -37,7 +36,6 @@ export interface ImperativeAlertDialogReturn {
  *     onAction: async () => { await deleteItem(); alert.hide(); },
  *   });
  * };
- *
  * return (
  *   <>
  *     <button onClick={handleDelete}>Delete</button>

package/dist/AlertDialog/useImperativeAlertDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useImperativeAlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/useImperativeAlertDialog.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,EAAiC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,EAAc,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEjE,KAAK,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,cAAc,CAAC,CAAC;AAE5E,MAAM,WAAW,2BAA2B;IAC1C,6BAA6B;IAC7B,IAAI,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5C,6BAA6B;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4CAA4C;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,OAAO,EAAE,SAAS,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,wBAAwB,IAAI,2BAA2B,CA+BtE"}
+{"version":3,"file":"useImperativeAlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/useImperativeAlertDialog.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,EAAiC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,EAAc,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEjE,KAAK,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,cAAc,CAAC,CAAC;AAE5E,MAAM,WAAW,2BAA2B;IAC1C,6BAA6B;IAC7B,IAAI,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5C,6BAA6B;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4CAA4C;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,OAAO,EAAE,SAAS,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,wBAAwB,IAAI,2BAA2B,CA+BtE"}

package/dist/AlertDialog/useImperativeAlertDialog.js

@@ -15,14 +15,13 @@
  */
 import { useState, useCallback, useMemo } from 'react';
 import { AlertDialog } from "./AlertDialog.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Imperative alert dialog — show/hide without managing state.
  *
  * @example
  * ```
  * const alert = useImperativeAlertDialog();
- *
  * const handleDelete = () => {
  *   alert.show({
  *     title: 'Delete item?',
@@ -31,7 +30,6 @@ import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
  *     onAction: async () => { await deleteItem(); alert.hide(); },
  *   });
  * };
- *
  * return (
  *   <>
  *     <button onClick={handleDelete}>Delete</button>
@@ -54,7 +52,7 @@ export function useImperativeAlertDialog() {
     if (!options) {
       return null;
     }
-    return /*#__PURE__*/_jsxDEV(AlertDialog, {
+    return /*#__PURE__*/_jsx(AlertDialog, {
       ...options,
       isOpen: isOpen,
       onOpenChange: open => {
@@ -62,7 +60,7 @@ export function useImperativeAlertDialog() {
           setIsOpen(false);
         }
       }
-    }, void 0, false);
+    });
   }, [isOpen, options]);
   return {
     show,

package/dist/AppShell/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAmBf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAkC5C;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE7D;;;;;;;GAOG;AACH;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,QAAQ,EAAE,IAAI,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAE7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,eAAe,GAAG,SAAS,CAAC;IAEhD;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAkKD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAoB,EACpB,MAAM,EACN,QAAQ,EACR,cAAc,EACd,aAAa,EAAE,UAAU,EACzB,MAAe,EACf,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,aAAa,qBAgXf;yBA/Xe,QAAQ"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAmBf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAmC5C;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE7D;;;;;;;GAOG;AACH;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,QAAQ,EAAE,IAAI,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAE7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,eAAe,GAAG,SAAS,CAAC;IAEhD;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAkKD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAoB,EACpB,MAAM,EACN,QAAQ,EACR,cAAc,EACd,aAAa,EAAE,UAAU,EACzB,MAAe,EACf,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,aAAa,qBAiXf;yBAhYe,QAAQ"}

package/dist/AppShell/AppShell.js

@@ -37,19 +37,20 @@ import { mergeProps, mergeRefs, isRenderable } from "../utils/index.js";
 import { useMediaQuery } from "../hooks/useMediaQuery.js";
 import { observeResize, unobserveResize } from "../utils/sharedResizeObserver.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";
 const HasActivity = typeof React.Activity !== 'undefined';
 const ActivityWrapper = HasActivity ? ({
   mode,
   children
-}) => /*#__PURE__*/_jsxDEV(React.Activity, {
+}) => /*#__PURE__*/_jsx(React.Activity, {
   mode: mode,
   children: children
-}, void 0, false) : ({
+}) : ({
   children
-}) => /*#__PURE__*/_jsxDEV(_Fragment, {
+}) => /*#__PURE__*/_jsx(_Fragment, {
   children: children
-}, void 0, false);
+});
 
 // =============================================================================
 // Constants
@@ -221,6 +222,7 @@ export function AppShell({
   ref,
   ...rest
 }) {
+  const t = useTranslator();
   // =========================================================================
   // Parse mobileNav prop — normalize to config, custom element, or disabled
   // =========================================================================
@@ -328,39 +330,39 @@ export function AppShell({
   const mobileContentValue = hasSideNav && mobileNavHasToggle ?
   /*#__PURE__*/
   // eslint-disable-next-line @eslint-react/no-unstable-context-value -- context transports ReactNode; instability is inherent
-  _jsxDEV(SideNavRenderContext, {
+  _jsx(SideNavRenderContext, {
     value: "drawer-content",
     children: sideNav
-  }, void 0, false) : null;
+  }) : null;
   const drawerMobileContentValue = hasSideNav ?
   /*#__PURE__*/
   // eslint-disable-next-line @eslint-react/no-unstable-context-value -- context transports ReactNode; instability is inherent
-  _jsxDEV(SideNavRenderContext, {
+  _jsx(SideNavRenderContext, {
     value: "drawer-content",
     children: sideNav
-  }, void 0, false) : null;
-  const topNavContent = hasTopNav ? isBelowBreakpoint && !mobileNavDisabled && mobileNavReactNode == null ? /*#__PURE__*/_jsxDEV(TopNavMobileContentContext, {
+  }) : null;
+  const topNavContent = hasTopNav ? isBelowBreakpoint && !mobileNavDisabled && mobileNavReactNode == null ? /*#__PURE__*/_jsx(TopNavMobileContentContext, {
     value: mobileContentValue,
-    children: /*#__PURE__*/_jsxDEV(TopNavRenderContext, {
+    children: /*#__PURE__*/_jsx(TopNavRenderContext, {
       value: "mobile-bar",
       children: topNav
-    }, void 0, false)
-  }, void 0, false) : topNav : null;
-  const headerInner = hasTopNav || hasBanner ? /*#__PURE__*/_jsxDEV(LayoutHeader, {
+    })
+  }) : topNav : null;
+  const headerInner = hasTopNav || hasBanner ? /*#__PURE__*/_jsxs(LayoutHeader, {
     padding: 0,
     hasDivider: navHasDividers && hasTopNav,
-    children: [hasBanner && /*#__PURE__*/_jsxDEV("div", {
+    children: [hasBanner && /*#__PURE__*/_jsx("div", {
       ...stylex.props(styles.banner, navAreaStyle),
       children: banner
-    }, void 0, false), hasTopNav && topNavContent]
-  }, void 0, true) : undefined;
-  const headerContent = headerInner != null ? /*#__PURE__*/_jsxDEV("div", {
+    }), hasTopNav && topNavContent]
+  }) : undefined;
+  const headerContent = headerInner != null ? /*#__PURE__*/_jsx("div", {
     ref: headerRef,
     ...mergeProps(themeProps('app-shell-header', {
       variant
     }), stylex.props(navAreaStyle, isAuto && styles.headerSticky)),
     children: headerInner
-  }, void 0, false) : undefined;
+  }) : undefined;
 
   // =========================================================================
   // Build sideNav content
@@ -370,7 +372,7 @@ export function AppShell({
   // below the header while the main content scrolls. A wrapper div applies
   // the sticky behavior since LayoutPanel doesn't accept style/className.
   // =========================================================================
-  const sideNavPanel = showSideNavInline ? /*#__PURE__*/_jsxDEV(LayoutPanel, {
+  const sideNavPanel = showSideNavInline ? /*#__PURE__*/_jsx(LayoutPanel, {
     padding: 0,
     hasDivider: navHasDividers,
     isScrollable: isFill,
@@ -379,36 +381,36 @@ export function AppShell({
     }),
     xstyle: [navAreaStyle, isAuto && stickyBgStyle, isAuto && styles.panelAutoFill],
     children: sideNav
-  }, void 0, false) : undefined;
-  const sideNavContent = sideNavPanel != null && isAuto ? /*#__PURE__*/_jsxDEV("div", {
+  }) : undefined;
+  const sideNavContent = sideNavPanel != null && isAuto ? /*#__PURE__*/_jsx("div", {
     ...{
       className: "x2lah0s x7giv3 x7wzq59 xepuwc7 x16zugyo x78zum5 xdt5ytf"
     },
     children: sideNavPanel
-  }, void 0, false) : sideNavPanel;
+  }) : sideNavPanel;
 
   // =========================================================================
   // Build main content
   // =========================================================================
   const shouldElevateWithCorner = isElevated && hasTopNav && showSideNavInline;
-  const mainInner = /*#__PURE__*/_jsxDEV(LayoutContent, {
+  const mainInner = /*#__PURE__*/_jsx(LayoutContent, {
     padding: contentPadding ?? 0,
     role: "main",
     id: MAIN_CONTENT_ID,
     isScrollable: isFill,
     xstyle: contentAreaStyle,
     children: children
-  }, void 0, false);
-  const mainContent = shouldElevateWithCorner ? /*#__PURE__*/_jsxDEV("div", {
+  });
+  const mainContent = shouldElevateWithCorner ? /*#__PURE__*/_jsxs("div", {
     ...{
       className: "x1n2onr6 x78zum5 x98rzlu x2lwn1j x5yr21d"
     },
-    children: [/*#__PURE__*/_jsxDEV("div", {
+    children: [/*#__PURE__*/_jsx("div", {
       ...{
         className: "x10l6tqk x10a8y8t x10xzikg x183tx6i x47corl"
       }
-    }, void 0, false), mainInner]
-  }, void 0, true) : mainInner;
+    }), mainInner]
+  }) : mainInner;
 
   // =========================================================================
   // Render
@@ -424,64 +426,64 @@ export function AppShell({
 
   // For sidenav-only layouts with no TopNav, render the sideNav in topbar
   // mode — it shows heading + footer icons horizontally, with the hamburger
-  const autoMobileTopBar = shouldShowAutoToggle && !hasTopNav && hasSideNav ? /*#__PURE__*/_jsxDEV("div", {
+  const autoMobileTopBar = shouldShowAutoToggle && !hasTopNav && hasSideNav ? /*#__PURE__*/_jsx("div", {
     ...mergeProps(themeProps('app-shell-header', {
       variant
     }), stylex.props(navAreaStyle, isAuto && styles.headerSticky)),
-    children: /*#__PURE__*/_jsxDEV(LayoutHeader, {
+    children: /*#__PURE__*/_jsx(LayoutHeader, {
       padding: 0,
       hasDivider: navHasDividers,
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x78zum5 x6s0dn4 x1k15mir xf314gf"
         },
         role: "navigation",
-        "aria-label": "Mobile navigation",
-        children: [/*#__PURE__*/_jsxDEV(SideNavRenderContext, {
+        "aria-label": t('@astryx.appShell.mobileNavigation'),
+        children: [/*#__PURE__*/_jsx(SideNavRenderContext, {
           value: "topbar",
           children: sideNav
-        }, void 0, false), /*#__PURE__*/_jsxDEV(MobileNavToggle, {}, void 0, false)]
-      }, void 0, true)
-    }, void 0, false)
-  }, void 0, false) : undefined;
-  return /*#__PURE__*/_jsxDEV(AppShellMobileContext, {
+        }), /*#__PURE__*/_jsx(MobileNavToggle, {})]
+      })
+    })
+  }) : undefined;
+  return /*#__PURE__*/_jsx(AppShellMobileContext, {
     value: mobileContextValue,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       ...rest,
       ref: mergeRefs(ref, shellRef),
       "data-testid": dataTestId,
       ...mergeProps(themeProps('app-shell', {
         variant
       }), stylex.props(styles.root, variant === 'wash' ? styles.variantWash : variant === 'surface' ? styles.variantSurface : variant === 'section' ? styles.variantSection : styles.variantElevated, isFill ? styles.rootFill : styles.rootAuto, xstyle), className, style),
-      children: [/*#__PURE__*/_jsxDEV("a", {
+      children: [/*#__PURE__*/_jsx("a", {
         href: `#${MAIN_CONTENT_ID}`,
         ...{
           className: "x10l6tqk x1xrnuwo x1i1rx1s x1jqxupm xjm9jq1 x15cytp8 xt970qd xh2mrf5 xnjsko4 x1cf3d6k xkdpibf x1y5lnwp xb3r6kr xomzh7y x1hyvwdk x1rsz1da xuxw1ft x1hbpcn8 xc342km x13vifvy x1rw3289 x1o0tod xodanix x10xzikg xjse4m1 x1q2oy4v x1hl2dhg x2mo6ok xjm74w1"
         },
         "data-testid": "skip-to-content",
         children: "Skip to content"
-      }, void 0, false), /*#__PURE__*/_jsxDEV(Layout, {
+      }), /*#__PURE__*/_jsx(Layout, {
         height: height,
         padding: 0,
-        header: /*#__PURE__*/_jsxDEV(_Fragment, {
+        header: /*#__PURE__*/_jsxs(_Fragment, {
           children: [headerContent, autoMobileTopBar]
-        }, void 0, true),
+        }),
         start: sideNavContent,
         content: mainContent
-      }, void 0, false), shouldRenderMobileNavReactNode && mobileNavReactNode, shouldRenderConfigContent && mobileNavConfigContent, isBelowBreakpoint && !mobileNavDisabled && mobileNavReactNode == null && !mobileNavConfigContent && /*#__PURE__*/_jsxDEV(ActivityWrapper, {
+      }), shouldRenderMobileNavReactNode && mobileNavReactNode, shouldRenderConfigContent && mobileNavConfigContent, isBelowBreakpoint && !mobileNavDisabled && mobileNavReactNode == null && !mobileNavConfigContent && /*#__PURE__*/_jsxs(ActivityWrapper, {
         mode: isMobileNavOpen ? 'visible' : 'hidden',
-        children: [hasSideNav && !hasTopNav && /*#__PURE__*/_jsxDEV(SideNavRenderContext, {
+        children: [hasSideNav && !hasTopNav && /*#__PURE__*/_jsx(SideNavRenderContext, {
           value: "drawer",
           children: sideNav
-        }, void 0, false), hasTopNav && /*#__PURE__*/_jsxDEV(TopNavMobileContentContext, {
+        }), hasTopNav && /*#__PURE__*/_jsx(TopNavMobileContentContext, {
           value: drawerMobileContentValue,
-          children: /*#__PURE__*/_jsxDEV(TopNavRenderContext, {
+          children: /*#__PURE__*/_jsx(TopNavRenderContext, {
             value: "drawer",
             children: topNav
-          }, void 0, false)
-        }, void 0, false)]
-      }, void 0, true)]
-    }, void 0, true)
-  }, void 0, false);
+          })
+        })]
+      })]
+    })
+  });
 }
 AppShell.displayName = 'AppShell';

package/dist/AspectRatio/AspectRatio.js

@@ -34,7 +34,7 @@ import { themeProps } from "../utils/themeProps.js";
  *   visible (`object-fit: contain`).
  * - `center`: the child keeps its natural size and sits centered in the box.
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   container: {
     kVAEAm: "x1n2onr6",
@@ -90,7 +90,7 @@ export function AspectRatio({
   ref,
   ...props
 }) {
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     ...mergeProps(themeProps('aspect-ratio', {
       shape
@@ -99,7 +99,7 @@ export function AspectRatio({
       aspectRatio: ratio
     }),
     ...props,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsx("div", {
       "data-astryx-aspect-ratio-override": fit,
       ...{
         0: {
@@ -110,7 +110,7 @@ export function AspectRatio({
         }
       }[!!(fit === 'center') << 0],
       children: children
-    }, void 0, false)
-  }, void 0, false);
+    })
+  });
 }
 AspectRatio.displayName = 'AspectRatio';

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);
+    })
+  });
 }
 
 /**
@@ -258,9 +258,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", {
       ...props,
       ref: ref,
       role: isDecorative ? 'presentation' : 'img',
@@ -270,38 +270,38 @@ export function Avatar({
       ...mergeProps(themeProps('avatar', {
         size: resolvedSize
       }), stylex.props(styles.wrapper, avatarGroup && groupStyles.ring, avatarGroup && groupStyles.overlap, avatarGroup && groupDynamicStyles.overlap(-avatarGroup.overlap), xstyle), className, style),
-      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),
           ...{
             className: "xh8yej3 x5yr21d xl1xv1r"
           }
-        }, void 0, false), showFallbackImage && /*#__PURE__*/_jsxDEV("img", {
+        }), showFallbackImage && /*#__PURE__*/_jsx("img", {
           src: fallbackSrc,
           alt: "",
           onError: () => setErroredFallbackSrc(fallbackSrc),
           ...{
             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", {
     ...props,
     ref: ref,
     ...(label ? {
@@ -184,11 +184,11 @@ export function AvatarStatusDot({
     ...mergeProps(themeProps('avatar-status-dot', {
       variant
     }), stylex.props(styles.dot, variantStyleMap[variant], dynamicStyles.size(dotSize, borderWidth), xstyle), className, style),
-    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.d.ts

@@ -53,7 +53,7 @@ export interface AvatarGroupProps extends BaseProps<HTMLDivElement> {
  * </AvatarGroup>
  * ```
  */
-export declare function AvatarGroup({ children, size, 'data-testid': testId, 'aria-label': ariaLabel, xstyle, className, style, ref, ...props }: AvatarGroupProps): ReactNode;
+export declare function AvatarGroup({ children, size, 'data-testid': testId, 'aria-label': ariaLabelFromProps, xstyle, className, style, ref, ...props }: AvatarGroupProps): ReactNode;
 export declare namespace AvatarGroup {
     var displayName: string;
 }

package/dist/AvatarGroup/AvatarGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAU,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAc,KAAK,UAAU,EAAC,MAAM,WAAW,CAAC;AAQvD,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAc,EACd,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,SAAqB,EACnC,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CA2B9B;yBArCe,WAAW"}
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAU,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAc,KAAK,UAAU,EAAC,MAAM,WAAW,CAAC;AASvD,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAc,EACd,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,kBAAkB,EAChC,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CA6B9B;yBAvCe,WAAW"}