@astryxdesign/core 0.1.4-canary.ff77e1c → 0.1.4

package/dist/Switch/Switch.js

@@ -30,7 +30,7 @@ import { themeProps } from "../utils/themeProps.js";
 import { VisuallyHidden } from "../VisuallyHidden/index.js";
 
 // Fixed dimensions: 40px width, 24px height, 16px thumb (off), 20px thumb (on)
-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 SWITCH_WIDTH = 40;
 const SWITCH_HEIGHT = 24;
 const THUMB_SIZE_OFF = 16;
@@ -99,14 +99,13 @@ export function Switch({
   labelIcon,
   labelTooltip,
   labelPosition = 'end',
-  labelSpacing = 'hug',
+  labelSpacing = 'default',
   status,
   width,
   xstyle,
   className,
   style,
-  ref,
-  ...rest
+  ref
 }) {
   const id = useId();
   const descriptionID = useId();
@@ -116,9 +115,6 @@ export function Switch({
   const isBusy = isLoading || optimisticValue !== value;
   const isOn = optimisticValue === true;
 
-  // 'default' is a deprecated alias for 'hug' (#2889).
-  const resolvedLabelSpacing = labelSpacing === 'default' ? 'hug' : labelSpacing;
-
   // Disabled-reason tooltip. Disabled controls swallow pointer events, so the
   // tooltip listeners attach to the switch row (which already exists) and the
   // native checkbox stays perceivable via aria-disabled instead of the disabled
@@ -145,11 +141,11 @@ export function Switch({
     describedByParts.push(disabledMessageTooltip.describedBy);
   }
   const ariaDescribedBy = describedByParts.length > 0 ? describedByParts.join(' ') : undefined;
-  const switchElement = /*#__PURE__*/_jsxDEV("div", {
+  const switchElement = /*#__PURE__*/_jsxs("div", {
     ...{
       className: "x1n2onr6 x78zum5 x6s0dn4 x2lah0s x100vrsf xxk0z11 xc8icb0"
     },
-    children: [/*#__PURE__*/_jsxDEV("input", {
+    children: [/*#__PURE__*/_jsx("input", {
       ref: mergeRefs(ref, disabledMessageTooltip.positionRef),
       id: id,
       type: "checkbox",
@@ -199,7 +195,7 @@ export function Switch({
           className: "x10l6tqk x1ghz6dp x1717udv xg01cxk x1vjfegm x100vrsf xxk0z11 x1h6gzvc x47corl"
         }
       }[!!isDisabled << 1 | !!isBusy << 0]
-    }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+    }), /*#__PURE__*/_jsx("div", {
       "aria-hidden": "true",
       ...mergeProps(themeProps('switch', {
         checked: isOn ? 'checked' : null,
@@ -254,7 +250,7 @@ export function Switch({
           className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 x1a2a7pz x1gj1ihy x1edzap1 xbyyjgo xspzpui"
         }
       }[!!isOn << 3 | !!!isDisabled << 2 | !!isDisabled << 1 | !!(isDisabled && !isOn) << 0]),
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsx("div", {
         ...mergeProps(themeProps('switch-thumb', {
           checked: isOn ? 'checked' : null
         }), {
@@ -265,20 +261,20 @@ export function Switch({
             className: "x78zum5 x6s0dn4 xl56j7k xjspbzw x10xzikg xh3q6i0 xuedmi6 x12w9bfk xlr8y92 xw4jnvo x1qx5ct2 x15481yp"
           }
         }[!!isOn << 0]),
-        children: isBusy && /*#__PURE__*/_jsxDEV(Spinner, {
+        children: isBusy && /*#__PURE__*/_jsx(Spinner, {
           size: "sm"
-        }, void 0, false)
-      }, void 0, false)
-    }, void 0, false), isBusy && /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+        })
+      })
+    }), isBusy && /*#__PURE__*/_jsx(VisuallyHidden, {
       role: "status",
       children: "Loading"
-    }, void 0, false)]
-  }, void 0, true);
-  const labelElement = /*#__PURE__*/_jsxDEV("div", {
+    })]
+  });
+  const labelElement = /*#__PURE__*/_jsx("div", {
     ...{
       className: "x78zum5 xdt5ytf x1lsbc85 xl56j7k xjwf9q1"
     },
-    children: /*#__PURE__*/_jsxDEV(FieldLabel, {
+    children: /*#__PURE__*/_jsx(FieldLabel, {
       label: label,
       inputID: id,
       isLabelHidden: isLabelHidden,
@@ -289,15 +285,14 @@ export function Switch({
       labelTooltip: labelTooltip,
       description: description,
       descriptionID: descriptionID
-    }, void 0, false)
-  }, void 0, false);
-  return /*#__PURE__*/_jsxDEV("div", {
+    })
+  });
+  return /*#__PURE__*/_jsxs("div", {
     ...mergeProps(themeProps('switch-field', {
       labelPosition: labelPosition !== 'end' ? labelPosition : undefined,
-      labelSpacing: resolvedLabelSpacing !== 'hug' ? resolvedLabelSpacing : undefined
+      labelSpacing: labelSpacing !== 'default' ? labelSpacing : undefined
     }), stylex.props(width != null && dynamicWidthStyles.width(width), xstyle), className, style),
-    ...rest,
-    children: [/*#__PURE__*/_jsxDEV("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       ref: el => {
         // Interaction (hover/focus) listeners for the disabled-message
         // tooltip attach to the whole row for a larger trigger target;
@@ -307,23 +302,23 @@ export function Switch({
         // unconditionally is safe.
         disabledMessageTooltip.interactionRef(el);
       },
-      ...stylex.props(styles.container, resolvedLabelSpacing === 'spread' && styles.containerSpread, !isDisabled && switchScope),
-      children: [' ', labelPosition === 'start' ? /*#__PURE__*/_jsxDEV(_Fragment, {
+      ...stylex.props(styles.container, labelSpacing === 'spread' && styles.containerSpread, !isDisabled && switchScope),
+      children: [' ', labelPosition === 'start' ? /*#__PURE__*/_jsxs(_Fragment, {
         children: [labelElement, switchElement]
-      }, void 0, true) : /*#__PURE__*/_jsxDEV(_Fragment, {
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
         children: [switchElement, labelElement]
-      }, void 0, true)]
-    }, void 0, true), status?.message && /*#__PURE__*/_jsxDEV("div", {
+      })]
+    }), status?.message && /*#__PURE__*/_jsx("div", {
       ...{
         className: "xtbrsbv"
       },
-      children: /*#__PURE__*/_jsxDEV(FieldStatus, {
+      children: /*#__PURE__*/_jsx(FieldStatus, {
         type: status.type,
         message: status.message,
         id: statusMessageID,
         variant: "detached"
-      }, void 0, false)
-    }, void 0, false), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  }, void 0, true);
+      })
+    }), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
+  });
 }
 Switch.displayName = 'Switch';

package/dist/TabList/Tab.js

@@ -26,7 +26,7 @@ import { useLinkComponent } from "../Link/useLinkComponent.js";
 import { mergeProps } from "../utils/index.js";
 import { EDGE_COMP_ATTR } from "../Layout/edgeCompensation.stylex.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";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -176,10 +176,10 @@ export function Tab({
   const handleSelect = useCallback(() => {
     tabListCtx.onChange(value);
   }, [tabListCtx, value]);
-  const iconElement = displayIcon ? /*#__PURE__*/_jsxDEV("span", {
+  const iconElement = displayIcon ? /*#__PURE__*/_jsx("span", {
     ...stylex.props(styles.icon, iconSizeStyles[size]),
     children: displayIcon
-  }, void 0, false) : null;
+  }) : null;
   const sharedProps = {
     ...restProps,
     ...(isLabelHidden ? {
@@ -197,11 +197,11 @@ export function Tab({
       selected: isSelected ? 'selected' : null
     }), stylex.props(styles.base, sizeStyles[size], isSelected && styles.selected, isFill && layoutStyles.fill, tabScope, xstyle), className, style)
   };
-  const hoverBgElement = /*#__PURE__*/_jsxDEV("span", {
+  const hoverBgElement = /*#__PURE__*/_jsx("span", {
     "aria-hidden": "true",
     ...stylex.props(styles.hoverBg, hoverSizeStyles[size])
-  }, void 0, false);
-  const indicatorElement = /*#__PURE__*/_jsxDEV("span", {
+  });
+  const indicatorElement = /*#__PURE__*/_jsx("span", {
     ...mergeProps(themeProps('tab-indicator', {
       selected: isSelected ? 'selected' : null
     }), {
@@ -212,45 +212,45 @@ export function Tab({
         className: "x10l6tqk xqmqy1e xnp31yv xmz3bnw x36qwtl xjspbzw x47corl xnpjden xuedmi6 xlr8y92 x1ewilqj x1hc1fzr"
       }
     }[!!isSelected << 0])
-  }, void 0, false);
-  const labelElement = hasVisibleLabel ? /*#__PURE__*/_jsxDEV("span", {
+  });
+  const labelElement = hasVisibleLabel ? /*#__PURE__*/_jsxs("span", {
     ...{
       className: "xwz0xwf"
     },
-    children: [/*#__PURE__*/_jsxDEV("span", {
+    children: [/*#__PURE__*/_jsx("span", {
       ...{
         className: "x1agbcgv xcrlgei"
       },
       children: label
-    }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+    }), /*#__PURE__*/_jsx("span", {
       "aria-hidden": "true",
       ...{
         className: "x1agbcgv xcrlgei xlshs6z x47corl x2mo6ok"
       },
       children: label
-    }, void 0, false)]
-  }, void 0, true) : null;
-  const endContentElement = endContent ? /*#__PURE__*/_jsxDEV("span", {
+    })]
+  }) : null;
+  const endContentElement = endContent ? /*#__PURE__*/_jsx("span", {
     ...{
       className: "x3nfvp2 x6s0dn4 x2lah0s"
     },
     children: endContent
-  }, void 0, false) : null;
+  }) : null;
   if (href != null) {
-    return /*#__PURE__*/_jsxDEV(LinkComponent, {
+    return /*#__PURE__*/_jsxs(LinkComponent, {
       ref: ref,
       href: href,
       onClick: handleSelect,
       ...sharedProps,
       children: [hoverBgElement, iconElement, labelElement, endContentElement, indicatorElement]
-    }, void 0, true);
+    });
   }
-  return /*#__PURE__*/_jsxDEV("button", {
+  return /*#__PURE__*/_jsxs("button", {
     ref: ref,
     type: "button",
     onClick: handleSelect,
     ...sharedProps,
     children: [hoverBgElement, iconElement, labelElement, endContentElement, indicatorElement]
-  }, void 0, true);
+  });
 }
 Tab.displayName = 'Tab';

package/dist/TabList/TabList.js

@@ -33,7 +33,7 @@ import { themeProps } from "../utils/themeProps.js";
  * (`[data-tab-value]`) and every TabMenu trigger (`[data-tab-menu]`),
  * in DOM order. Disabled stops are filtered out by the handler.
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const TAB_STOP_SELECTOR = '[data-tab-value],[data-tab-menu]';
 const styles = {
   nav: {
@@ -155,9 +155,9 @@ export function TabList({
     }
     onHintBlur(e);
   }, [onBlurProp, onHintBlur]);
-  return /*#__PURE__*/_jsxDEV(TabListContext, {
+  return /*#__PURE__*/_jsx(TabListContext, {
     value: contextValue,
-    children: /*#__PURE__*/_jsxDEV("nav", {
+    children: /*#__PURE__*/_jsxs("nav", {
       ref: mergeRefs(ref, listRef),
       ...restProps,
       "aria-label": ariaLabel,
@@ -169,7 +169,7 @@ export function TabList({
         size
       }), stylex.props(styles.nav, layout === 'fill' && styles.fill, hasDivider && styles.divider, xstyle), className, style),
       children: [children, hintElement]
-    }, void 0, true)
-  }, void 0, false);
+    })
+  });
 }
 TabList.displayName = 'TabList';

package/dist/TabList/TabMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabMenu.d.ts","sourceRoot":"","sources":["../../src/TabList/TabMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAA6B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAiB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAiBtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,SAAS,CAAC,iBAAiB,CAAC,EAC5B,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AA8KD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,YAAY,qBAqLd;yBA5Le,OAAO"}
+{"version":3,"file":"TabMenu.d.ts","sourceRoot":"","sources":["../../src/TabList/TabMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAAqB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAiB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAiBtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,SAAS,CAAC,iBAAiB,CAAC,EAC5B,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AA8KD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,YAAY,qBAiJd;yBAxJe,OAAO"}

package/dist/TabList/TabMenu.js

@@ -15,7 +15,7 @@
  * - /packages/core/src/TabList/TabList.test.tsx
  * - /packages/cli/templates/blocks/components/TabList/ (showcase blocks)
  */
-import React, { useCallback, useId, useRef } from 'react';
+import React, { useCallback, useId } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import { Icon } from "../Icon/index.js";
 import { renderIconSlot } from "../Icon/index.js";
@@ -28,7 +28,7 @@ import "./tab.markers.stylex.js";
 import { tabScope } from "./tab.markers.stylex.js";
 import { mergeProps, mergeRefs } from "../utils/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";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -135,31 +135,18 @@ export function TabMenu({
 }) {
   const tabListCtx = useTabListContext();
   const menuId = useId();
-  const buttonRef = useRef(null);
   const popover = usePopover({
     hasLightDismiss: true,
     hasCloseButton: false,
     hasAutoFocus: false,
     // The popup's own role="menu" is the exposed semantics; a modal dialog
     // wrapper would announce an unnamed dialog around the menu.
-    role: 'none',
-    // Return focus to the trigger when the menu closes (Escape, Tab, select,
-    // or light dismiss) so keyboard focus is never dropped to <body>.
-    onHide: useCallback(() => {
-      buttonRef.current?.focus();
-    }, [])
+    role: 'none'
   });
-
-  // The overflow menu is a composite widget: a single roving tab stop with
-  // arrow-key navigation between items, per the APG menu pattern. The hook owns
-  // item tabindex — items render tabIndex={-1} and exactly one is promoted to 0.
   const {
     listRef,
-    handleKeyDown: handleListKeyDown,
-    handleFocus,
-    focusFirst
+    handleKeyDown: handleListKeyDown
   } = useListFocus({
-    hasRovingTabIndex: true,
     onEscape: () => popover.hide()
   });
   const handleToggle = useCallback(() => {
@@ -167,21 +154,8 @@ export function TabMenu({
       popover.hide();
     } else {
       popover.show();
-      // Move focus into the menu on open so arrow navigation works and the
-      // roving tab stop lands on a real item (APG menu-button focus-on-open).
-      requestAnimationFrame(() => focusFirst());
-    }
-  }, [popover, focusFirst]);
-  const handleMenuKeyDown = useCallback(e => {
-    // APG menu-button: Tab leaves the menu rather than walking its items.
-    // Close and let onHide return focus to the trigger, from which the
-    // browser's default Tab continues to the next element.
-    if (e.key === 'Tab') {
-      popover.hide();
-      return;
     }
-    handleListKeyDown(e);
-  }, [handleListKeyDown, popover]);
+  }, [popover]);
   const selectedOption = options.find(o => o.value === tabListCtx.value);
   const triggerLabel = selectedOption?.label ?? label;
   const hasSelectedOption = selectedOption != null;
@@ -190,9 +164,9 @@ export function TabMenu({
     tabListCtx.onChange(value);
     popover.hide();
   }, [tabListCtx, popover]);
-  const setButtonRef = mergeRefs(popover.triggerRef, buttonRef, ref);
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("button", {
+  const setButtonRef = mergeRefs(popover.triggerRef, ref);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("button", {
       ref: setButtonRef,
       type: "button",
       "aria-haspopup": "menu",
@@ -202,26 +176,26 @@ export function TabMenu({
       tabIndex: hasSelectedOption ? 0 : -1,
       onClick: handleToggle,
       ...mergeProps(themeProps('tab-menu'), stylex.props(styles.trigger, sizeStyles[size], hasSelectedOption && styles.triggerSelected, tabScope, xstyle), className, style),
-      children: [/*#__PURE__*/_jsxDEV("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         "aria-hidden": "true",
         ...stylex.props(styles.hoverBg, hoverSizeStyles[size])
-      }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+      }), /*#__PURE__*/_jsxs("span", {
         ...{
           className: "x1n2onr6 xwz0xwf x6s0dn4 xkh2ocl"
         },
-        children: [/*#__PURE__*/_jsxDEV("span", {
+        children: [/*#__PURE__*/_jsx("span", {
           ...{
             className: "x1agbcgv xcrlgei"
           },
           children: triggerLabel
-        }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+        }), /*#__PURE__*/_jsx("span", {
           "aria-hidden": "true",
           ...{
             className: "x1agbcgv xcrlgei xlshs6z x47corl x2mo6ok"
           },
           children: triggerLabel
-        }, void 0, false)]
-      }, void 0, true), /*#__PURE__*/_jsxDEV("span", {
+        })]
+      }), /*#__PURE__*/_jsx("span", {
         "aria-hidden": "true",
         ...{
           0: {
@@ -231,39 +205,38 @@ export function TabMenu({
             className: "x12xnipv x6b6gus x2lah0s x11xpdln xuedmi6 xlr8y92 x19jd1h0"
           }
         }[!!popover.isOpen << 0],
-        children: /*#__PURE__*/_jsxDEV(Icon, {
+        children: /*#__PURE__*/_jsx(Icon, {
           icon: "chevronDown",
           size: "sm",
           color: "inherit"
-        }, void 0, false)
-      }, void 0, false), hasSelectedOption && /*#__PURE__*/_jsxDEV("span", {
+        })
+      }), hasSelectedOption && /*#__PURE__*/_jsx("span", {
         ...mergeProps(themeProps('tab-indicator', {
           selected: 'selected'
         }), {
           className: "x10l6tqk xqmqy1e xnp31yv xmz3bnw x36qwtl xjspbzw x47corl xnpjden xuedmi6 xlr8y92 xowkcby x1hc1fzr"
         })
-      }, void 0, false)]
-    }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
+      })]
+    }), popover.render(/*#__PURE__*/_jsxs("div", {
       ref: listRef,
       id: menuId,
       role: "menu",
       "aria-label": label,
-      onKeyDown: handleMenuKeyDown,
-      onFocus: handleFocus,
+      onKeyDown: handleListKeyDown,
       ...mergeProps(themeProps('tab-menu-dropdown'), {
         className: "x78zum5 xdt5ytf x1lsbc85 xu0wf1k x7a5moj"
       }),
-      children: [/*#__PURE__*/_jsxDEV("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         role: "presentation",
         ...{
           className: "x141an7d x1ltkj2j x2mo6ok xv1l7n4 xu0wf1k xrrkdod"
         },
         children: label
-      }, void 0, false), options.map(option => {
+      }), options.map(option => {
         const isSelected = tabListCtx.value === option.value;
-        return /*#__PURE__*/_jsxDEV("div", {
+        return /*#__PURE__*/_jsxs("div", {
           role: "menuitem",
-          tabIndex: -1,
+          tabIndex: 0,
           "aria-current": isSelected ? 'true' : undefined,
           onClick: () => handleSelect(option.value),
           onKeyDown: e => {
@@ -280,7 +253,7 @@ export function TabMenu({
               className: "x78zum5 x6s0dn4 x1qughib x1txdalj xce4md1 xrrkdod xh6dtrn xjb2p0i xcr08ib x1kq96og x1tgivj0 x1ypdohk x15406qy xuedmi6 xlr8y92 xjbqb8w xe9uy6x x17nn4n9 x1e4wzip"
             }
           }[!!isSelected << 0]),
-          children: [/*#__PURE__*/_jsxDEV("span", {
+          children: [/*#__PURE__*/_jsxs("span", {
             ...{
               className: "x78zum5 x6s0dn4 x1txdalj"
             },
@@ -288,17 +261,17 @@ export function TabMenu({
               size: 'sm',
               color: 'secondary'
             }), option.label]
-          }, void 0, true), isSelected && /*#__PURE__*/_jsxDEV(Icon, {
+          }), isSelected && /*#__PURE__*/_jsx(Icon, {
             icon: "check",
             size: "sm",
             color: "accent"
-          }, void 0, false)]
-        }, option.value, true);
+          })]
+        }, option.value);
       })]
-    }, void 0, true), {
+    }), {
       placement: 'below',
       alignment: 'start'
     })]
-  }, void 0, true);
+  });
 }
 TabMenu.displayName = 'TabMenu';

package/dist/TabList/tab.markers.stylex.d.ts

@@ -5,6 +5,6 @@ import * as stylex from '@stylexjs/stylex';
  * and ensure they don't leak from parent containers.
  */
 export declare const tabScope: Readonly<{
-    readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
+    readonly marker: stylex.StyleXClassNameFor<"marker", typeof import("@stylexjs/stylex/lib/types/StyleXTypes").StyleXMarkerTag>;
 }>;
 //# sourceMappingURL=tab.markers.stylex.d.ts.map

package/dist/Table/BaseTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../src/Table/BaseTable.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAe,KAAK,YAAY,EAAkB,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EACV,cAAc,EAYf,MAAM,SAAS,CAAC;AA0iBjB;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,EAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3E,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAC,KACrD,YAAY,CAAC"}
+{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../src/Table/BaseTable.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAe,KAAK,YAAY,EAAkB,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EACV,cAAc,EAYf,MAAM,SAAS,CAAC;AA+hBjB;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,EAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3E,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAC,KACrD,YAAY,CAAC"}