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

package/dist/Layout/Layout.js

@@ -32,7 +32,7 @@ import { layoutPaddingOuterXVarStyles, layoutPaddingOuterYVarStyles } from "./pa
  * - `fill`: Layout fills container height, content scrolls internally (default)
  * - `auto`: Layout grows with content, container/page scrolls
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   layoutOuter: {
     keTefX: "xojxgvx",
@@ -97,10 +97,10 @@ function AreaProvider({
   if (children == null) {
     return null;
   }
-  return /*#__PURE__*/_jsxDEV(LayoutAreaContext, {
+  return /*#__PURE__*/_jsx(LayoutAreaContext, {
     value: area,
     children: children
-  }, void 0, false);
+  });
 }
 
 /**
@@ -188,51 +188,51 @@ export function Layout({
     hasStart,
     hasEnd
   }), [hasHeader, hasFooter, hasStart, hasEnd]);
-  const tree = /*#__PURE__*/_jsxDEV(LayoutSlotsContext, {
+  const tree = /*#__PURE__*/_jsx(LayoutSlotsContext, {
     value: slotsValue,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsx("div", {
       ref: ref,
       ...mergeProps(themeProps('layout', {
         height
       }), stylex.props(styles.layoutOuter, isFill ? styles.fill : styles.auto, xstyle), className, style),
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsxs("div", {
         ...stylex.props(_temp2, styles.layoutInner, ...stack({
           direction: 'vertical'
         }), isFill ? styles.fill : styles.auto, padding === 0 && styles.fullBleed, padding != null && layoutPaddingOuterXVarStyles[padding], padding != null && layoutPaddingOuterYVarStyles[padding], contentWidth != null && dynamicStyles.contentWidthVar(contentWidth)),
-        children: [/*#__PURE__*/_jsxDEV(AreaProvider, {
+        children: [/*#__PURE__*/_jsx(AreaProvider, {
           area: "header",
           children: header
-        }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+        }), /*#__PURE__*/_jsxs("div", {
           ...stylex.props(...stack({
             direction: 'horizontal'
           }), styles.middle, contentWidth != null && dynamicStyles.contentWidth(contentWidth)),
-          children: [/*#__PURE__*/_jsxDEV(AreaProvider, {
+          children: [/*#__PURE__*/_jsx(AreaProvider, {
             area: "start",
             children: start
-          }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+          }), /*#__PURE__*/_jsx("div", {
             ...stylex.props(...stackItem({
               size: 'fill'
             })),
-            children: /*#__PURE__*/_jsxDEV(AreaProvider, {
+            children: /*#__PURE__*/_jsx(AreaProvider, {
               area: "content",
               children: resolvedContent
-            }, void 0, false)
-          }, void 0, false), /*#__PURE__*/_jsxDEV(AreaProvider, {
+            })
+          }), /*#__PURE__*/_jsx(AreaProvider, {
             area: "end",
             children: end
-          }, void 0, false)]
-        }, void 0, true), /*#__PURE__*/_jsxDEV(AreaProvider, {
+          })]
+        }), /*#__PURE__*/_jsx(AreaProvider, {
           area: "footer",
           children: footer
-        }, void 0, false)]
-      }, void 0, true)
-    }, void 0, false)
-  }, void 0, false);
+        })]
+      })
+    })
+  });
   if (dividerCtxValue != null) {
-    return /*#__PURE__*/_jsxDEV(LayoutDividerContext, {
+    return /*#__PURE__*/_jsx(LayoutDividerContext, {
       value: dividerCtxValue,
       children: tree
-    }, void 0, false);
+    });
   }
   return tree;
 }

package/dist/Layout/LayoutContent.js

@@ -22,7 +22,7 @@ import { LayoutSlotsContext } from "./LayoutSlotsContext.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 import { paddingStyles, containerPaddingInlineVarStyles, containerPaddingBlockStartVarStyles, containerPaddingBlockEndVarStyles } from "./padding.stylex.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   content: {
     kB7OPa: "x9f619",
@@ -130,7 +130,7 @@ export function LayoutContent({
     hasEnd
   } = use(LayoutSlotsContext);
   const isZeroPadding = padding === 0;
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     role: role,
     "aria-label": label,
@@ -139,6 +139,6 @@ export function LayoutContent({
     !hasStart && !isZeroPadding && padding == null && styles.noStart, !hasEnd && !isZeroPadding && padding == null && styles.noEnd, !hasHeader && !isZeroPadding && padding == null && styles.noHeader, !hasFooter && !isZeroPadding && padding == null && styles.noFooter, isScrollable && styles.scrollable, isZeroPadding && styles.fullBleed, padding != null && paddingStyles[padding], padding != null && containerPaddingInlineVarStyles[padding], padding != null && containerPaddingBlockStartVarStyles[padding], padding != null && containerPaddingBlockEndVarStyles[padding], xstyle), className, style),
     ...props,
     children: children
-  }, void 0, false);
+  });
 }
 LayoutContent.displayName = 'LayoutContent';

package/dist/Layout/LayoutFooter.js

@@ -22,7 +22,7 @@ import { colorVars, spacingVars } from "../theme/tokens.stylex.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 import { paddingStyles, containerPaddingInlineVarStyles, containerPaddingBlockStartVarStyles, containerPaddingBlockEndVarStyles } from "./padding.stylex.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   footer: {
     kmuXW: "x2lah0s",
@@ -103,17 +103,17 @@ export function LayoutFooter({
   const dividerCtx = use(LayoutDividerContext);
   const resolvedHasDivider = hasDivider ?? dividerCtx?.defaultHasDividers ?? false;
   const isZeroPadding = padding === 0;
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     role: role,
     "aria-label": label,
     "data-divider": resolvedHasDivider || undefined,
     ...mergeProps(themeProps('layout-footer'), stylex.props(styles.footer, dynamicStyles.sizing(height ?? null), resolvedHasDivider && styles.divider, xstyle), className, style),
     ...props,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsx("div", {
       ...stylex.props(styles.inner, isZeroPadding && styles.fullBleed, padding != null && paddingStyles[padding], padding != null && containerPaddingInlineVarStyles[padding], padding != null && containerPaddingBlockStartVarStyles[padding], padding != null && containerPaddingBlockEndVarStyles[padding]),
       children: children
-    }, void 0, false)
-  }, void 0, false);
+    })
+  });
 }
 LayoutFooter.displayName = 'LayoutFooter';

package/dist/Layout/LayoutHeader.js

@@ -22,7 +22,7 @@ import { colorVars, spacingVars } from "../theme/tokens.stylex.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 import { paddingStyles, containerPaddingInlineVarStyles, containerPaddingBlockStartVarStyles, containerPaddingBlockEndVarStyles } from "./padding.stylex.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   header: {
     kmuXW: "x2lah0s",
@@ -103,17 +103,17 @@ export function LayoutHeader({
   const dividerCtx = use(LayoutDividerContext);
   const resolvedHasDivider = hasDivider ?? dividerCtx?.defaultHasDividers ?? false;
   const isZeroPadding = padding === 0;
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     role: role,
     "aria-label": label,
     "data-divider": resolvedHasDivider || undefined,
     ...mergeProps(themeProps('layout-header'), stylex.props(styles.header, dynamicStyles.sizing(height ?? null), resolvedHasDivider && styles.divider, xstyle), className, style),
     ...props,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsx("div", {
       ...stylex.props(styles.inner, isZeroPadding && styles.fullBleed, padding != null && paddingStyles[padding], padding != null && containerPaddingInlineVarStyles[padding], padding != null && containerPaddingBlockStartVarStyles[padding], padding != null && containerPaddingBlockEndVarStyles[padding]),
       children: children
-    }, void 0, false)
-  }, void 0, false);
+    })
+  });
 }
 LayoutHeader.displayName = 'LayoutHeader';

package/dist/Layout/LayoutPanel.js

@@ -23,7 +23,7 @@ import { LayoutSlotsContext } from "./LayoutSlotsContext.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 import { paddingStyles, containerPaddingInlineVarStyles, containerPaddingBlockStartVarStyles, containerPaddingBlockEndVarStyles } from "./padding.stylex.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   panel: {
     kB7OPa: "x9f619",
@@ -166,7 +166,7 @@ export function LayoutPanel({
 
   // Select collapse style based on position (collapse the side where divider would be)
   const collapseStyle = isStartPanel ? styles.collapseEnd : isEndPanel ? styles.collapseStart : null;
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     role: role,
     "aria-label": label,
@@ -175,6 +175,6 @@ export function LayoutPanel({
     isStartPanel && !isZeroPadding && padding == null && styles.startPanel, isEndPanel && !isZeroPadding && padding == null && styles.endPanel, !hasHeader && !isZeroPadding && padding == null && styles.noHeader, !hasFooter && !isZeroPadding && padding == null && styles.noFooter, isScrollable && styles.scrollable, isZeroPadding && styles.fullBleed, padding != null && paddingStyles[padding], padding != null && containerPaddingInlineVarStyles[padding], padding != null && containerPaddingBlockStartVarStyles[padding], padding != null && containerPaddingBlockEndVarStyles[padding], hasDivider && dividerStyle, shouldCollapseSpacing && collapseStyle, xstyle), className, style),
     ...props,
     children: children
-  }, void 0, false);
+  });
 }
 LayoutPanel.displayName = 'LayoutPanel';

package/dist/Lightbox/Lightbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,GAAG,EAAE,MAAM,CAAC;IACZ,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACjE,+CAA+C;IAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,KAAK,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAqID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,YAAY,EACZ,KAAK,EACL,KAAK,EAAE,eAAe,EACtB,YAAgB,EAChB,aAAa,EACb,OAAe,EACf,WAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,GAAG,KAAK,EACT,EAAE,aAAa,sCAmUf;yBAnVe,QAAQ"}
+{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,GAAG,EAAE,MAAM,CAAC;IACZ,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACjE,+CAA+C;IAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,KAAK,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAqID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,YAAY,EACZ,KAAK,EACL,KAAK,EAAE,eAAe,EACtB,YAAgB,EAChB,aAAa,EACb,OAAe,EACf,WAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,GAAG,KAAK,EACT,EAAE,aAAa,sCAoUf;yBApVe,QAAQ"}

package/dist/Lightbox/Lightbox.js

@@ -26,6 +26,7 @@ import { useScrollLock } from "../hooks/useScrollLock.js";
 import { useIsomorphicLayoutEffect } from "../hooks/useIsomorphicLayoutEffect.js";
 import { mergeProps, mergeRefs } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 /**
  * Media type for lightbox items.
@@ -34,7 +35,7 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * Describes a single media item in a lightbox.
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -133,6 +134,7 @@ export function Lightbox({
   onKeyDown: onKeyDownProp,
   ...props
 }) {
+  const t = useTranslator();
   const dialogRef = useRef(null);
   const imageWrapperRef = useRef(null);
   const triggerElementRef = useRef(null);
@@ -325,7 +327,7 @@ export function Lightbox({
   if (!currentItem) {
     return null;
   }
-  return /*#__PURE__*/_jsxDEV("dialog", {
+  return /*#__PURE__*/_jsx("dialog", {
     ref: mergeRefs(ref, dialogRef),
     onCancel: handleCancel,
     onClick: e => {
@@ -336,49 +338,49 @@ export function Lightbox({
       handleKeyDown(e);
       onKeyDownProp?.(e);
     },
-    "aria-label": currentItem.alt || 'Media viewer',
+    "aria-label": currentItem.alt || t('@astryx.lightbox.mediaViewer'),
     ...mergeProps(themeProps('lightbox'), stylex.props(styles.dialog, xstyle), className, style),
     ...props,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       ...{
         className: "x78zum5 xdt5ytf x6s0dn4 xl56j7k xh8yej3 x5yr21d x1n2onr6"
       },
-      children: [/*#__PURE__*/_jsxDEV("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         ...{
           className: "x10l6tqk xyx6v2t xmz3bnw x1vjfegm"
         },
-        children: /*#__PURE__*/_jsxDEV(IconButton, {
-          icon: /*#__PURE__*/_jsxDEV(Icon, {
+        children: /*#__PURE__*/_jsx(IconButton, {
+          icon: /*#__PURE__*/_jsx(Icon, {
             icon: "close",
             size: "sm",
             color: "inherit"
-          }, void 0, false),
-          label: "Close",
+          }),
+          label: t('@astryx.lightbox.close'),
           variant: "ghost",
           onClick: handleClose,
           xstyle: styles.controlButton
-        }, void 0, false)
-      }, void 0, false), isGallery && /*#__PURE__*/_jsxDEV("div", {
+        })
+      }), isGallery && /*#__PURE__*/_jsx("div", {
         ...{
           className: "x10l6tqk xwa60dl x1cb1t30 x1vjfegm xnp31yv"
         },
-        children: /*#__PURE__*/_jsxDEV(IconButton, {
-          icon: /*#__PURE__*/_jsxDEV(Icon, {
+        children: /*#__PURE__*/_jsx(IconButton, {
+          icon: /*#__PURE__*/_jsx(Icon, {
             icon: "chevronLeft",
             size: "sm",
             color: "inherit"
-          }, void 0, false),
-          label: "Previous",
+          }),
+          label: t('@astryx.lightbox.previous'),
           variant: "ghost",
           isDisabled: !canPrev,
           onClick: goToPrev,
           xstyle: styles.controlButton
-        }, void 0, false)
-      }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+        })
+      }), /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x78zum5 xdt5ytf x6s0dn4 x193iq5w xmz0i5r xb3r6kr"
         },
-        children: [/*#__PURE__*/_jsxDEV("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           ref: imageWrapperRef,
           ...{
             0: {
@@ -408,7 +410,7 @@ export function Lightbox({
           }[!!(!isVideo && hasZoom && !isZoomed) << 2 | !!(!isVideo && isZoomed) << 1 | !!(!isVideo && isDragging) << 0],
           onDoubleClick: isVideo ? undefined : handleDoubleClick,
           onPointerDown: isVideo ? undefined : handlePointerDown,
-          children: isVideo ? /*#__PURE__*/_jsxDEV("video", {
+          children: isVideo ? /*#__PURE__*/_jsx("video", {
             src: currentItem.src,
             "aria-label": currentItem.alt,
             controls: true,
@@ -416,41 +418,41 @@ export function Lightbox({
             ...{
               className: "x193iq5w xmz0i5r x19kjcj4 x1a2a7pz"
             }
-          }, void 0, false) : /*#__PURE__*/_jsxDEV("img", {
+          }) : /*#__PURE__*/_jsx("img", {
             src: currentItem.src,
             alt: currentItem.alt,
             draggable: false,
             ...stylex.props(styles.image, isDragging && styles.imageDragging, imageTransform != null && dynamicStyles.imageTransform(imageTransform))
-          }, void 0, false)
-        }, void 0, false), currentItem.caption && /*#__PURE__*/_jsxDEV("div", {
+          })
+        }), currentItem.caption && /*#__PURE__*/_jsx("div", {
           ...{
             className: "x9e3rv5 x18juvz8 xf74fhv x2b8uid x1xye8es x18d9i69 xrrkdod xrlsmeg x2lah0s"
           },
           children: currentItem.caption
-        }, void 0, false)]
-      }, void 0, true), isGallery && /*#__PURE__*/_jsxDEV("div", {
+        })]
+      }), isGallery && /*#__PURE__*/_jsx("div", {
         ...{
           className: "x10l6tqk xwa60dl x1cb1t30 x1vjfegm xmz3bnw"
         },
-        children: /*#__PURE__*/_jsxDEV(IconButton, {
-          icon: /*#__PURE__*/_jsxDEV(Icon, {
+        children: /*#__PURE__*/_jsx(IconButton, {
+          icon: /*#__PURE__*/_jsx(Icon, {
             icon: "chevronRight",
             size: "sm",
             color: "inherit"
-          }, void 0, false),
-          label: "Next",
+          }),
+          label: t('@astryx.lightbox.next'),
           variant: "ghost",
           isDisabled: !canNext,
           onClick: goToNext,
           xstyle: styles.controlButton
-        }, void 0, false)
-      }, void 0, false), isGallery && mediaArray.length > 1 && /*#__PURE__*/_jsxDEV("div", {
+        })
+      }), isGallery && mediaArray.length > 1 && /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x10l6tqk xyx6v2t xnp31yv x9e3rv5 xjm74w1 xw6l6zx x1vjfegm"
         },
         children: [index + 1, " / ", mediaArray.length]
-      }, void 0, true)]
-    }, void 0, true)
-  }, void 0, false);
+      })]
+    })
+  });
 }
 Lightbox.displayName = 'Lightbox';

package/dist/Lightbox/useLightbox.d.ts

@@ -55,7 +55,6 @@ export interface UseLightboxReturn {
  * @example
  * ```
  * const lightbox = useLightbox({ media: photos });
- *
  * {photos.map((photo, i) => (
  *   <img
  *     key={photo.src}

package/dist/Lightbox/useLightbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox/useLightbox.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAiC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,YAAY,CAAC;AAEpB,KAAK,eAAe,GAAG,IAAI,CACzB,aAAa,EACX,QAAQ,GACR,cAAc,GACd,OAAO,GACP,OAAO,GACP,cAAc,GACd,eAAe,CAClB,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,wCAAwC;IACxC,KAAK,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,iBAAiB;IAChC,iEAAiE;IACjE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,OAAO,EAAE,SAAS,CAAC;IACnB,8DAA8D;IAC9D,YAAY,EAAE;QACZ,IAAI,EAAE,QAAQ,CAAC;QACf,QAAQ,EAAE,CAAC,CAAC;QACZ,eAAe,EAAE,QAAQ,CAAC;QAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;KAC7C,CAAC;IACF,mEAAmE;IACnE,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAClC,IAAI,EAAE,QAAQ,CAAC;QACf,QAAQ,EAAE,CAAC,CAAC;QACZ,eAAe,EAAE,QAAQ,CAAC;QAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;KAC7C,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,kBAAkB,GAC1B,iBAAiB,CAiEnB"}
+{"version":3,"file":"useLightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox/useLightbox.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAiC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,YAAY,CAAC;AAEpB,KAAK,eAAe,GAAG,IAAI,CACzB,aAAa,EACX,QAAQ,GACR,cAAc,GACd,OAAO,GACP,OAAO,GACP,cAAc,GACd,eAAe,CAClB,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,wCAAwC;IACxC,KAAK,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,iBAAiB;IAChC,iEAAiE;IACjE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,OAAO,EAAE,SAAS,CAAC;IACnB,8DAA8D;IAC9D,YAAY,EAAE;QACZ,IAAI,EAAE,QAAQ,CAAC;QACf,QAAQ,EAAE,CAAC,CAAC;QACZ,eAAe,EAAE,QAAQ,CAAC;QAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;KAC7C,CAAC;IACF,mEAAmE;IACnE,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAClC,IAAI,EAAE,QAAQ,CAAC;QACf,QAAQ,EAAE,CAAC,CAAC;QACZ,eAAe,EAAE,QAAQ,CAAC;QAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;KAC7C,CAAC;CACH;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,kBAAkB,GAC1B,iBAAiB,CAiEnB"}

package/dist/Lightbox/useLightbox.js

@@ -20,14 +20,13 @@
  */
 import { useState, useCallback, useMemo } from 'react';
 import { Lightbox } from "./Lightbox.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Hook for lightbox with trigger props and state management.
  *
  * @example
  * ```
  * const lightbox = useLightbox({ media: photos });
- *
  * {photos.map((photo, i) => (
  *   <img
  *     key={photo.src}
@@ -77,7 +76,7 @@ export function useLightbox(options) {
       }
     }
   }), [open]);
-  const element = useMemo(() => /*#__PURE__*/_jsxDEV(Lightbox, {
+  const element = useMemo(() => /*#__PURE__*/_jsx(Lightbox, {
     isOpen: isOpen,
     onOpenChange: nextOpen => {
       if (!nextOpen) {
@@ -88,7 +87,7 @@ export function useLightbox(options) {
     index: index,
     onIndexChange: setIndex,
     ...lightboxProps
-  }, void 0, false), [isOpen, media, index, lightboxProps]);
+  }), [isOpen, media, index, lightboxProps]);
   return {
     open,
     close,

package/dist/Link/Link.d.ts

@@ -46,6 +46,10 @@ export interface LinkProps extends BaseProps<HTMLAnchorElement | HTMLButtonEleme
     hasUnderline?: boolean;
     /**
      * Whether the link is disabled.
+     * A disabled link renders as a plain anchor without an href (and without
+     * target/rel/onClick), so it cannot be focused or activated — no
+     * navigation and no onClick, even via programmatic focus or assistive
+     * technology activation.
      * @default false
      */
     isDisabled?: boolean;
@@ -145,14 +149,12 @@ export interface LinkProps extends BaseProps<HTMLAnchorElement | HTMLButtonEleme
  * <Link href="/settings" color="secondary">Settings</Link>
  * <Link href="/privacy" hasUnderline>Privacy Policy</Link>
  * <Link label="Close dialog" href="/home"><Icon icon="x" /></Link>
- *
- * // Inline link inside text — inherits the surrounding type/size:
  * <Text type="large">
  *   Read our <Link href="/terms" type="inherit">terms</Link> first.
  * </Text>
  * ```
  */
-export declare function Link({ as, label, href, hasUnderline, isDisabled, isExternalLink, newTabLabel, target: targetFromProps, onClick, tooltip, isStandalone, type, size, weight, color, display, maxLines, children, rel: relFromProps, xstyle, className, style, ref, ...props }: LinkProps): import("react").JSX.Element;
+export declare function Link({ as, label, href, hasUnderline, isDisabled, isExternalLink, newTabLabel: newTabLabelFromProps, target: targetFromProps, onClick, tooltip, isStandalone, type, size, weight, color, display, maxLines, children, rel: relFromProps, xstyle, className, style, ref, ...props }: LinkProps): import("react").JSX.Element;
 export declare namespace Link {
     var displayName: string;
 }

package/dist/Link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAc5C,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAsG/C,MAAM,WAAW,SAAU,SAAQ,SAAS,CAC1C,iBAAiB,GAAG,iBAAiB,CACtC;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACvD;;;;;OAKG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,2BAA2B,CAAC;IACnD;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACzE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,IAAI,CAAC,EACnB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,YAAoB,EACpB,UAAkB,EAClB,cAAsB,EACtB,WAAkC,EAClC,MAAM,EAAE,eAAe,EACvB,OAAO,EACP,OAAO,EACP,YAAoB,EACpB,IAAa,EACb,IAAI,EACJ,MAAM,EACN,KAAgB,EAChB,OAAkB,EAClB,QAAY,EACZ,QAAQ,EACR,GAAG,EAAE,YAAY,EACjB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,+BAwGX;yBAjIe,IAAI"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAc5C,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAuG/C,MAAM,WAAW,SAAU,SAAQ,SAAS,CAC1C,iBAAiB,GAAG,iBAAiB,CACtC;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACvD;;;;;OAKG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,2BAA2B,CAAC;IACnD;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACzE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAWD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,EACnB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,YAAoB,EACpB,UAAkB,EAClB,cAAsB,EACtB,WAAW,EAAE,oBAAoB,EACjC,MAAM,EAAE,eAAe,EACvB,OAAO,EACP,OAAO,EACP,YAAoB,EACpB,IAAa,EACb,IAAI,EACJ,MAAM,EACN,KAAgB,EAChB,OAAkB,EAClB,QAAY,EACZ,QAAQ,EACR,GAAG,EAAE,YAAY,EACjB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,+BAyIX;yBAlKe,IAAI"}

package/dist/Link/Link.js

@@ -27,11 +27,12 @@ import { mergeProps } from "../utils/index.js";
 import { computeTargetAndRel } from "./computeTargetAndRel.js";
 import { useInteractiveRole } from "../hooks/useInteractiveRole.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 /**
  * Base link styles
  */
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   base: {
     k1xSpc: "x3nfvp2",
@@ -105,6 +106,15 @@ const linkColorStyles = {
     $$css: true
   }
 };
+/**
+ * Click handler for disabled links. The disabled anchor renders without an
+ * href, so there is no navigation to block in practice; preventDefault is a
+ * defensive guard against synthetic/programmatic clicks.
+ */
+function preventDefaultClick(event) {
+  event.preventDefault();
+}
+
 /**
  * A styled anchor link component.
  *
@@ -118,8 +128,6 @@ const linkColorStyles = {
  * <Link href="/settings" color="secondary">Settings</Link>
  * <Link href="/privacy" hasUnderline>Privacy Policy</Link>
  * <Link label="Close dialog" href="/home"><Icon icon="x" /></Link>
- *
- * // Inline link inside text — inherits the surrounding type/size:
  * <Text type="large">
  *   Read our <Link href="/terms" type="inherit">terms</Link> first.
  * </Text>
@@ -132,7 +140,7 @@ export function Link({
   hasUnderline = false,
   isDisabled = false,
   isExternalLink = false,
-  newTabLabel = '(opens in new tab)',
+  newTabLabel: newTabLabelFromProps,
   target: targetFromProps,
   onClick,
   tooltip,
@@ -151,6 +159,8 @@ export function Link({
   ref,
   ...props
 }) {
+  const t = useTranslator();
+  const newTabLabel = newTabLabelFromProps ?? t('@astryx.link.newTab');
   const LinkComponent = useLinkComponent(as);
   const role = useInteractiveRole({
     href,
@@ -166,8 +176,8 @@ export function Link({
   // When role resolves to 'button' (no href, or context-provided),
   // render as a <button> with link styling for semantic correctness.
   const renderAsButton = role === 'button' || role === 'inert' && href == null;
-  const sharedContent = /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV(Text, {
+  const sharedContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Text, {
       type: type,
       size: size,
       weight: weight,
@@ -175,19 +185,19 @@ export function Link({
       display: display,
       maxLines: maxLines,
       children: children
-    }, void 0, false), isExternalLink && !renderAsButton && /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [/*#__PURE__*/_jsxDEV(Icon, {
+    }), isExternalLink && !renderAsButton && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Icon, {
         icon: "externalLink",
         size: "xsm",
         color: "inherit"
-      }, void 0, false), /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+      }), /*#__PURE__*/_jsx(VisuallyHidden, {
         children: newTabLabel
-      }, void 0, false)]
-    }, void 0, true)]
-  }, void 0, true);
+      })]
+    })]
+  });
   let linkElement;
   if (renderAsButton) {
-    linkElement = /*#__PURE__*/_jsxDEV("button", {
+    linkElement = /*#__PURE__*/_jsx("button", {
       ref: ref,
       type: "button",
       onClick: onClick,
@@ -200,9 +210,28 @@ export function Link({
       }), stylex.props(styles.base, styles.buttonReset, linkColorStyles[color], hasUnderline && styles.hasUnderline, isStandalone && styles.standalone, isDisabled && styles.disabled, xstyle), className, style),
       ...props,
       children: sharedContent
-    }, void 0, false);
+    });
+  } else if (isDisabled) {
+    // A disabled link renders as a plain <a> with no href: an href-less
+    // anchor is not focusable and exposes no link affordance, so programmatic
+    // focus + Enter, AT activation commands, and middle-click cannot navigate
+    // or fire the consumer onClick. The router LinkComponent is deliberately
+    // skipped — a disabled link performs no navigation, and custom router
+    // links may require a live href. target/rel are omitted with the href.
+    linkElement = /*#__PURE__*/_jsx("a", {
+      ref: ref,
+      onClick: preventDefaultClick,
+      "aria-label": label || undefined,
+      "aria-disabled": true,
+      tabIndex: -1,
+      ...mergeProps(themeProps('link', {
+        color
+      }), stylex.props(styles.base, linkColorStyles[color], hasUnderline && styles.hasUnderline, isStandalone && styles.standalone, styles.disabled, xstyle), className, style),
+      ...props,
+      children: sharedContent
+    });
   } else {
-    linkElement = /*#__PURE__*/_jsxDEV(LinkComponent, {
+    linkElement = /*#__PURE__*/_jsx(LinkComponent, {
       ref: ref,
       href: href,
       target: target,
@@ -216,16 +245,16 @@ export function Link({
       }), stylex.props(styles.base, linkColorStyles[color], hasUnderline && styles.hasUnderline, isStandalone && styles.standalone, isDisabled && styles.disabled, xstyle), className, style),
       ...props,
       children: sharedContent
-    }, void 0, false);
+    });
   }
 
   // Wrap with tooltip if provided
   if (tooltip) {
-    return /*#__PURE__*/_jsxDEV(Tooltip, {
+    return /*#__PURE__*/_jsx(Tooltip, {
       content: tooltip,
       placement: "above",
       children: linkElement
-    }, void 0, false);
+    });
   }
   return linkElement;
 }

package/dist/Link/LinkProvider.js

@@ -27,7 +27,7 @@
  */
 import { useMemo } from 'react';
 import { LinkContext } from "./LinkContext.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Provides a custom link component to all Astryx components in the subtree.
  *
@@ -42,9 +42,9 @@ export function LinkProvider({
   const value = useMemo(() => ({
     component
   }), [component]);
-  return /*#__PURE__*/_jsxDEV(LinkContext, {
+  return /*#__PURE__*/_jsx(LinkContext, {
     value: value,
     children: children
-  }, void 0, false);
+  });
 }
 LinkProvider.displayName = 'LinkProvider';