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

package/dist/Dialog/DialogHeader.js

@@ -25,7 +25,8 @@ import { Icon } from "../Icon/index.js";
 import { Heading } from "../Heading/Heading.js";
 import { Text } from "../Text/Text.js";
 import { useDialogContext } from "./DialogContext.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";
 const styles = {
   titleFocusable: {
     kI3sdo: "x1a2a7pz",
@@ -65,6 +66,7 @@ export function DialogHeader({
   style,
   ref
 }) {
+  const t = useTranslator();
   const titleRef = useRef(null);
   const dialogContext = useDialogContext();
   const shouldAutoFocus = dialogContext?.isInline !== true;
@@ -77,38 +79,38 @@ export function DialogHeader({
       titleRef.current.focus();
     }
   }, [shouldAutoFocus]);
-  return /*#__PURE__*/_jsxDEV(LayoutHeader, {
+  return /*#__PURE__*/_jsx(LayoutHeader, {
     ref: ref,
     hasDivider: hasDivider,
     xstyle: xstyle,
     className: className,
     style: style,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       ...{
         className: "x78zum5 x1cy8zhl x1qughib xjcht0a"
       },
-      children: [startContent && /*#__PURE__*/_jsxDEV("div", {
+      children: [startContent && /*#__PURE__*/_jsx("div", {
         ...{
           className: "x78zum5 x6s0dn4 x1txdalj x2lah0s"
         },
         children: startContent
-      }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x98rzlu xeuugli xqixskq"
         },
-        children: [/*#__PURE__*/_jsxDEV(Heading, {
+        children: [/*#__PURE__*/_jsx(Heading, {
           ref: titleRef,
           level: 2,
           tabIndex: -1,
           xstyle: styles.titleFocusable,
           children: title
-        }, void 0, false), subtitle && /*#__PURE__*/_jsxDEV(Text, {
+        }), subtitle && /*#__PURE__*/_jsx(Text, {
           type: "body",
           size: "sm",
           color: "secondary",
           children: subtitle
-        }, void 0, false)]
-      }, void 0, true), (endContent || onOpenChange) && /*#__PURE__*/_jsxDEV("div", {
+        })]
+      }), (endContent || onOpenChange) && /*#__PURE__*/_jsxs("div", {
         ...{
           0: {
             className: "x78zum5 x6s0dn4 x1txdalj x2lah0s"
@@ -117,21 +119,21 @@ export function DialogHeader({
             className: "x78zum5 x6s0dn4 x1txdalj x2lah0s xhzvc8f x3kzqx6"
           }
         }[!!onOpenChange << 0],
-        children: [endContent, onOpenChange && /*#__PURE__*/_jsxDEV(Button, {
+        children: [endContent, onOpenChange && /*#__PURE__*/_jsx(Button, {
           variant: "ghost",
-          label: "Close",
-          tooltip: "Close",
-          icon: /*#__PURE__*/_jsxDEV(Icon, {
+          label: t('@astryx.dialog.close'),
+          tooltip: t('@astryx.dialog.close'),
+          icon: /*#__PURE__*/_jsx(Icon, {
             icon: "close",
             color: "inherit"
-          }, void 0, false),
+          }),
           onClick: () => {
             onOpenChange?.(false);
           },
           isIconOnly: true
-        }, void 0, false)]
-      }, void 0, true)]
-    }, void 0, true)
-  }, void 0, false);
+        })]
+      })]
+    })
+  });
 }
 DialogHeader.displayName = 'DialogHeader';

package/dist/Dialog/useImperativeDialog.js

@@ -21,7 +21,7 @@
  */
 import { useState, useCallback, useMemo } from 'react';
 import { Dialog } from "./Dialog.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Imperative dialog — show/hide without managing state.
  *
@@ -51,7 +51,7 @@ export function useImperativeDialog(defaultOptions) {
   const hide = useCallback(() => {
     setIsOpen(false);
   }, []);
-  const element = useMemo(() => /*#__PURE__*/_jsxDEV(Dialog, {
+  const element = useMemo(() => /*#__PURE__*/_jsx(Dialog, {
     isOpen: isOpen,
     onOpenChange: open => {
       if (!open) {
@@ -61,7 +61,7 @@ export function useImperativeDialog(defaultOptions) {
     ...(defaultOptions ?? {}),
     ...(options ?? {}),
     children: content
-  }, void 0, false), [isOpen, content, options, defaultOptions]);
+  }), [isOpen, content, options, defaultOptions]);
   return {
     show,
     hide,

package/dist/Divider/Divider.js

@@ -37,7 +37,7 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * Divider variant type. Extensible via module augmentation of DividerVariantMap.
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const baseStyles = {
   horizontal: {
     k1xSpc: "x78zum5",
@@ -113,7 +113,7 @@ export function Divider({
   ...props
 }) {
   const isHorizontal = orientation === 'horizontal';
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     role: "separator",
     "aria-orientation": orientation,
@@ -122,9 +122,9 @@ export function Divider({
       orientation
     }), stylex.props(isHorizontal ? baseStyles.horizontal : baseStyles.vertical, isFullBleed && (isHorizontal ? fullBleedStyles.horizontal : fullBleedStyles.vertical), xstyle), className, style),
     ...props,
-    children: [/*#__PURE__*/_jsxDEV("div", {
+    children: [/*#__PURE__*/_jsx("div", {
       ...stylex.props(isHorizontal ? lineStyles.horizontalLine : lineStyles.verticalLine, lineStyles[variant])
-    }, void 0, false), label && /*#__PURE__*/_jsxDEV("div", {
+    }), label && /*#__PURE__*/_jsx("div", {
       ...{
         0: {
           className: "x2lah0s xrrkdod x141an7d x1ltkj2j xv1l7n4"
@@ -134,9 +134,9 @@ export function Divider({
         }
       }[!!!isHorizontal << 0],
       children: label
-    }, void 0, false), label && /*#__PURE__*/_jsxDEV("div", {
+    }), label && /*#__PURE__*/_jsx("div", {
       ...stylex.props(isHorizontal ? lineStyles.horizontalLine : lineStyles.verticalLine, lineStyles[variant])
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 Divider.displayName = 'Divider';

package/dist/DropdownMenu/DropdownMenu.d.ts

@@ -62,7 +62,7 @@ interface DropdownMenuCompoundProps extends DropdownMenuBaseProps {
     children: ReactNode;
 }
 export type DropdownMenuProps = DropdownMenuDataProps | DropdownMenuCompoundProps;
-export declare function DropdownMenu({ button, isMenuOpen: controlledIsOpen, onOpenChange, menuWidth, onClick, hasChevron, placement, className, style, xstyle, 'data-testid': testId, ...props }: DropdownMenuProps): React.JSX.Element;
+export declare function DropdownMenu({ button: buttonFromProps, isMenuOpen: controlledIsOpen, onOpenChange, menuWidth, onClick, hasChevron, placement, className, style, xstyle, 'data-testid': testId, ...props }: DropdownMenuProps): React.JSX.Element;
 export declare namespace DropdownMenu {
     var displayName: string;
 }

package/dist/DropdownMenu/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAUtC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAQtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAwC5C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAC1B,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,CAAC;AAMxB,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEnE,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GACzB,qBAAqB,GACrB,yBAAyB,CAAC;AA4B9B,wBAAgB,YAAY,CAAC,EAC3B,MAAuB,EACvB,UAAU,EAAE,gBAAgB,EAC5B,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAiB,EACjB,SAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAqQnB;yBAlRe,YAAY"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAUtC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAQtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAyC5C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAC5B,oBAAoB,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAMnE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEnE,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAC3B,qBAAqB,GAAG,yBAAyB,CAAC;AA+BpD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EAAE,eAAe,EACvB,UAAU,EAAE,gBAAgB,EAC5B,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAiB,EACjB,SAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAwQnB;yBArRe,YAAY"}

package/dist/DropdownMenu/DropdownMenu.js

@@ -35,7 +35,8 @@ import "../theme/tokens.stylex.js";
 import { spacingVars, radiusVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
 import { mergeProps } 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";
 const styles = {
   dropdown: {
     kB7OPa: "x9f619",
@@ -108,11 +109,12 @@ const styles = {
  * />
  * ```
  */
-const DEFAULT_BUTTON = {
-  label: 'Menu'
-};
+// When the consumer doesn't pass `button`, the default label is looked up
+// at render time so it respects the active InternationalizationProvider
+// locale.
+const DEFAULT_BUTTON_I18N_KEY = '@astryx.dropdownMenu.label';
 export function DropdownMenu({
-  button = DEFAULT_BUTTON,
+  button: buttonFromProps,
   isMenuOpen: controlledIsOpen,
   onOpenChange,
   menuWidth,
@@ -125,10 +127,14 @@ export function DropdownMenu({
   'data-testid': testId,
   ...props
 }) {
+  const t = useTranslator();
+  const button = buttonFromProps ?? {
+    label: t(DEFAULT_BUTTON_I18N_KEY)
+  };
   const items = ('items' in props ? props.items : undefined) ?? [];
   const children = props.children;
   const menuId = useId();
-  const menuSize = button?.size ?? 'md';
+  const menuSize = button.size ?? 'md';
   const buttonRef = useRef(null);
 
   // Open state
@@ -273,11 +279,11 @@ export function DropdownMenu({
 
   // Icon-only
   const isIconOnly = button.isIconOnly === true;
-  const resolvedEndContent = button.endContent ?? (hasChevron && !isIconOnly ? /*#__PURE__*/_jsxDEV(Icon, {
+  const resolvedEndContent = button.endContent ?? (hasChevron && !isIconOnly ? /*#__PURE__*/_jsx(Icon, {
     icon: "chevronDown",
     size: "sm",
     color: "inherit"
-  }, void 0, false) : undefined);
+  }) : undefined);
   const popoverXstyle = menuWidth ? styles.popoverCustomWidth(menuWidth) : styles.popover;
   const popoverGapStyle = placement === 'above' || placement === 'below' ? styles.popoverBlockGap : styles.popoverInlineGap;
 
@@ -289,8 +295,8 @@ export function DropdownMenu({
 
   // Resolve menu content: data-driven items become components
   const menuContent = props.items !== undefined ? renderDropdownItems(items) : children;
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV(Button, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
       ...button,
       ref: el => {
         buttonRef.current = el;
@@ -312,7 +318,7 @@ export function DropdownMenu({
       "aria-expanded": isOpen,
       "aria-controls": menuId,
       "data-testid": testId
-    }, void 0, false), popover.render(/*#__PURE__*/_jsxDEV("div", {
+    }), popover.render(/*#__PURE__*/_jsx("div", {
       ref: listRef,
       id: menuId,
       role: "menu"
@@ -323,15 +329,15 @@ export function DropdownMenu({
       "aria-label": button.label,
       onKeyDown: listKeyDown,
       ...mergeProps(themeProps('dropdown-menu'), stylex.props(styles.dropdown, xstyle), className, style),
-      children: /*#__PURE__*/_jsxDEV(DropdownMenuContext, {
+      children: /*#__PURE__*/_jsx(DropdownMenuContext, {
         value: contextValue,
         children: menuContent
-      }, void 0, false)
-    }, void 0, false), {
+      })
+    }), {
       placement,
       alignment: 'start',
       xstyle: [popoverXstyle, popoverGapStyle, layerAnimations[placement]]
     })]
-  }, void 0, true);
+  });
 }
 DropdownMenu.displayName = 'DropdownMenu';

package/dist/DropdownMenu/DropdownMenuItem.js

@@ -31,7 +31,7 @@ import { colorVars, spacingVars, typographyVars, typeScaleVars } from "../theme/
 import { mergeProps } from "../utils/index.js";
 import { useDropdownMenuContext } from "./DropdownMenuContext.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 menuItemStyles = {
   root: {
     kB7OPa: "x9f619",
@@ -102,7 +102,7 @@ export function DropdownMenuItem({
     onClick();
     ctx?.closeMenu();
   }, [isDisabled, onClick, ctx]);
-  return /*#__PURE__*/_jsxDEV(Item, {
+  return /*#__PURE__*/_jsx(Item, {
     role: "menuitem",
     tabIndex: isDisabled ? undefined : -1,
     startContent: icon ? renderIconSlot(icon, {
@@ -121,6 +121,6 @@ export function DropdownMenuItem({
       className,
       style
     })
-  }, void 0, false);
+  });
 }
 DropdownMenuItem.displayName = 'DropdownMenuItem';

package/dist/DropdownMenu/renderDropdownItems.js

@@ -11,7 +11,7 @@ import { Divider } from "../Divider/index.js";
 import { DropdownMenuItem } from "./DropdownMenuItem.js";
 import "../theme/tokens.stylex.js";
 import { spacingVars, typographyVars, typeScaleVars, colorVars } from "../theme/tokens.stylex.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   divider: {
     kqGvvJ: "xsq74q5",
@@ -34,33 +34,33 @@ export function renderDropdownItems(items) {
   for (let i = 0; i < items.length; i++) {
     const option = items[i];
     if ('type' in option && option.type === 'divider') {
-      elements.push(/*#__PURE__*/_jsxDEV(Divider, {
+      elements.push(/*#__PURE__*/_jsx(Divider, {
         xstyle: styles.divider
-      }, `divider-${i}`, false));
+      }, `divider-${i}`));
     } else if ('type' in option && option.type === 'section') {
-      elements.push(/*#__PURE__*/_jsxDEV("div", {
+      elements.push(/*#__PURE__*/_jsxs("div", {
         role: "group",
         "aria-label": option.title,
-        children: [option.title && /*#__PURE__*/_jsxDEV("div", {
+        children: [option.title && /*#__PURE__*/_jsx("div", {
           ...{
             className: "xu0wf1k xf314gf x9ynric x141an7d x1ltkj2j xv1l7n4 x87ps6o"
           },
           "aria-hidden": "true",
           children: option.title
-        }, void 0, false), option.items.map(item => /*#__PURE__*/_jsxDEV(DropdownMenuItem, {
+        }), option.items.map(item => /*#__PURE__*/_jsx(DropdownMenuItem, {
           icon: item.icon,
           label: item.label,
           onClick: item.onClick,
           isDisabled: item.isDisabled
-        }, getItemKey(item), false))]
-      }, getSectionKey(option, i), true));
+        }, getItemKey(item)))]
+      }, getSectionKey(option, i)));
     } else if (!('type' in option)) {
-      elements.push(/*#__PURE__*/_jsxDEV(DropdownMenuItem, {
+      elements.push(/*#__PURE__*/_jsx(DropdownMenuItem, {
         icon: option.icon,
         label: option.label,
         onClick: option.onClick,
         isDisabled: option.isDisabled
-      }, getItemKey(option), false));
+      }, getItemKey(option)));
     }
   }
   return elements;

package/dist/EmptyState/EmptyState.d.ts

@@ -36,7 +36,10 @@ export interface EmptyStateProps extends BaseProps<HTMLDivElement> {
     actions?: ReactNode;
     /**
      * Semantic heading level for the title element.
-     * Controls the rendered HTML tag (h1–h6) to fit the document outline.
+     * Controls only the rendered HTML tag (h1–h6) so the title fits the
+     * document outline. This is a semantic change for accessibility and does
+     * not change the visual size of the title, which stays fixed regardless
+     * of level.
      * @default 3
      */
     headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;

package/dist/EmptyState/EmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAgB,MAAM,OAAO,CAAC;AAQpD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA4D5C,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAChE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,YAAgB,EAChB,SAAiB,EACjB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,+BA8CjB;yBA1De,UAAU"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAgB,MAAM,OAAO,CAAC;AAQpD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA4D5C,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAChE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,YAAgB,EAChB,SAAiB,EACjB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,+BA8CjB;yBA1De,UAAU"}

package/dist/EmptyState/EmptyState.js

@@ -20,7 +20,7 @@ import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, fontWeightVars, 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 = {
   container: {
     k1xSpc: "x78zum5",
@@ -75,17 +75,17 @@ export function EmptyState({
   ...props
 }) {
   const HeadingTag = `h${headingLevel}`;
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     role: "status",
     ...mergeProps(themeProps('empty-state', {
       variant: isCompact ? 'compact' : null
     }), stylex.props(styles.container, isCompact && styles.containerCompact, xstyle), className, style),
     ...props,
-    children: [icon != null && /*#__PURE__*/_jsxDEV("div", {
+    children: [icon != null && /*#__PURE__*/_jsx("div", {
       "aria-hidden": "true",
       children: icon
-    }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+    }), /*#__PURE__*/_jsxs("div", {
       ...{
         className: "x78zum5 xdt5ytf x6s0dn4 xxc7z9f"
       },
@@ -102,7 +102,7 @@ export function EmptyState({
       // <p> cannot legally contain block children, which causes hydration
       // mismatches. The StyleX style sets margin: 0, so appearance is
       // unchanged.
-      _jsxDEV("div", {
+      _jsx("div", {
         ...{
           0: {
             className: "x1ghz6dp xjb2p0i xjm74w1 x1sodnla xw6l6zx xv1l7n4"
@@ -112,8 +112,8 @@ export function EmptyState({
           }
         }[!!isCompact << 0],
         children: description
-      }, void 0, false)]
-    }, void 0, true), actions != null && /*#__PURE__*/_jsxDEV("div", {
+      })]
+    }), actions != null && /*#__PURE__*/_jsx("div", {
       ...{
         0: {
           className: "x78zum5 x1q0g3np x6s0dn4 x1txdalj xcsaf9d"
@@ -123,7 +123,7 @@ export function EmptyState({
         }
       }[!!isCompact << 0],
       children: actions
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 EmptyState.displayName = 'EmptyState';

package/dist/Field/Field.js

@@ -25,7 +25,7 @@ import { mergeProps } from "../utils/index.js";
 import { FormLayoutContext } from "../FormLayout/FormLayoutContext.js";
 import { Text } from "../Text/index.js";
 import { themeProps } from "../utils/themeProps.js";
-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 = {
   container: {
     k1xSpc: "x78zum5",
@@ -96,7 +96,7 @@ export function Field({
   if (isOptional && isRequired) {
     console.warn('Field: isOptional and isRequired are mutually exclusive. isOptional takes precedence.');
   }
-  const labelNode = /*#__PURE__*/_jsxDEV(FieldLabel, {
+  const labelNode = /*#__PURE__*/_jsx(FieldLabel, {
     label: label,
     inputID: inputID,
     labelID: labelID,
@@ -109,13 +109,13 @@ export function Field({
     labelTooltip: labelTooltip,
     description: isHorizontalLabels ? undefined : description,
     descriptionID: isHorizontalLabels ? undefined : resolvedDescriptionID
-  }, void 0, false);
-  const statusNode = status?.message ? /*#__PURE__*/_jsxDEV(FieldStatus, {
+  });
+  const statusNode = status?.message ? /*#__PURE__*/_jsx(FieldStatus, {
     type: status.type,
     message: status.message,
     id: resolvedMessageID,
     variant: statusVariant
-  }, void 0, false) : null;
+  }) : null;
 
   // ─── Horizontal-labels mode ───────────────────────────────────────────
   // Use display:contents so the parent grid's `auto 1fr` columns place
@@ -123,44 +123,44 @@ export function Field({
   // and status are grouped with the input in column 2.
   // The label wrapper gets top padding to align label text with input text.
   if (isHorizontalLabels) {
-    return /*#__PURE__*/_jsxDEV("div", {
+    return /*#__PURE__*/_jsxs("div", {
       ref: ref,
       ...mergeProps(themeProps('field', {
         layout: 'horizontal-labels'
       }), stylex.props(styles.horizontalLabels, xstyle), className, style),
       ...props,
-      children: [/*#__PURE__*/_jsxDEV("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         ...{
           className: "x1enrzb7"
         },
         children: labelNode
-      }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x78zum5 xdt5ytf xc8icb0"
         },
-        children: [description && /*#__PURE__*/_jsxDEV(Text, {
+        children: [description && /*#__PURE__*/_jsx(Text, {
           type: "supporting",
           display: "block",
           id: resolvedDescriptionID,
           children: description
-        }, void 0, false), children, statusNode]
-      }, void 0, true)]
-    }, void 0, true);
+        }), children, statusNode]
+      })]
+    });
   }
 
   // ─── Default mode (vertical / horizontal) ─────────────────────────────
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     ...mergeProps(themeProps('field'), stylex.props(styles.container, !isLabelHidden && styles.containerGap, width != null && dynamicStyles.width(width), xstyle), className, style),
     ...props,
-    children: [labelNode, statusVariant === 'attached' ? /*#__PURE__*/_jsxDEV("div", {
+    children: [labelNode, statusVariant === 'attached' ? /*#__PURE__*/_jsxs("div", {
       ...{
         className: "x78zum5 xdt5ytf xc8icb0"
       },
       children: [children, statusNode]
-    }, void 0, true) : /*#__PURE__*/_jsxDEV(_Fragment, {
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
       children: [children, statusNode]
-    }, void 0, true)]
-  }, void 0, true);
+    })]
+  });
 }
 Field.displayName = 'Field';

package/dist/Field/FieldLabel.js

@@ -19,7 +19,7 @@ import { colorVars, fontWeightVars, spacingVars, typographyVars, typeScaleVars }
 import { Icon, renderIconSlot } from "../Icon/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { themeProps } from "../utils/themeProps.js";
-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";
 /**
  * Label + description group for form fields. Handles sr-only hiding,
  * disabled styling, optional/required indicators, icons, and tooltips.
@@ -55,30 +55,30 @@ export function FieldLabel({
   // associated with a group. Render it as a `<span>` instead, keeping all the
   // label styling and slots. The group references it via `aria-labelledby`.
   const LabelElement = isGroupLabel ? 'span' : 'label';
-  const labelContent = /*#__PURE__*/_jsxDEV(_Fragment, {
+  const labelContent = /*#__PURE__*/_jsxs(_Fragment, {
     children: [labelIcon && renderIconSlot(labelIcon, {
       size: 'sm',
       color: 'inherit'
-    }), label, statusText && /*#__PURE__*/_jsxDEV("span", {
+    }), label, statusText && /*#__PURE__*/_jsxs("span", {
       ...{
         className: "x1sodnla x141an7d x1ltkj2j xv1l7n4"
       },
-      children: [/*#__PURE__*/_jsxDEV("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         "aria-hidden": "true",
         children: " \u2219 "
-      }, void 0, false), statusText]
-    }, void 0, true), labelTooltip && /*#__PURE__*/_jsxDEV(Tooltip, {
+      }), statusText]
+    }), labelTooltip && /*#__PURE__*/_jsx(Tooltip, {
       content: labelTooltip,
       placement: "above",
-      children: /*#__PURE__*/_jsxDEV(Icon, {
+      children: /*#__PURE__*/_jsx(Icon, {
         icon: "info",
         size: "sm",
         color: "inherit"
-      }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV(LabelElement, {
+      })
+    })]
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(LabelElement, {
       ref: ref,
       id: labelID
       // `htmlFor` only applies to a real `<label>` associating with a single
@@ -100,7 +100,7 @@ export function FieldLabel({
         }
       }[!!isDisabled << 1 | !!isLabelHidden << 0]),
       children: labelContent
-    }, void 0, false), description && /*#__PURE__*/_jsxDEV("span", {
+    }), description && /*#__PURE__*/_jsx("span", {
       id: descriptionID,
       ...{
         0: {
@@ -111,7 +111,7 @@ export function FieldLabel({
         }
       }[!!isLabelHidden << 0],
       children: description
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 FieldLabel.displayName = 'FieldLabel';

package/dist/Field/InputClearButton.js

@@ -11,7 +11,7 @@
 import * as stylex from '@stylexjs/stylex';
 import { Button } from "../Button/index.js";
 import { Icon } from "../Icon/index.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   button: {
     kZKoxP: "x1qx5ct2",
@@ -24,18 +24,18 @@ export function InputClearButton({
   onClick,
   xstyle
 }) {
-  return /*#__PURE__*/_jsxDEV(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     variant: "ghost",
     size: "sm",
     label: label,
-    icon: /*#__PURE__*/_jsxDEV(Icon, {
+    icon: /*#__PURE__*/_jsx(Icon, {
       icon: "close",
       size: "sm",
       color: "inherit"
-    }, void 0, false),
+    }),
     onClick: onClick,
     isIconOnly: true,
     xstyle: [styles.button, xstyle]
-  }, void 0, false);
+  });
 }
 InputClearButton.displayName = 'InputClearButton';