@astryxdesign/core 0.1.3 → 0.1.4-canary.01e5b29

package/dist/CommandPalette/CommandPaletteFooter.js

@@ -18,7 +18,7 @@ import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, typeScaleVars, typographyVars } from "../theme/tokens.stylex.js";
 import { Kbd } from "../Kbd/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 const styles = {
   footer: {
     k1xSpc: "x78zum5",
@@ -61,36 +61,36 @@ export function CommandPaletteFooter({
   style,
   ...props
 }) {
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     ref: ref,
     ...mergeProps(themeProps('command-palette-footer'), stylex.props(styles.footer, xstyle), className, style),
     ...props,
-    children: children ?? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs("span", {
+    children: children ?? /*#__PURE__*/_jsxDEV(_Fragment, {
+      children: [/*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x78zum5 x6s0dn4 xzye2dw"
         },
-        children: [/*#__PURE__*/_jsx(Kbd, {
+        children: [/*#__PURE__*/_jsxDEV(Kbd, {
           keys: "up"
-        }), /*#__PURE__*/_jsx(Kbd, {
+        }, void 0, false), /*#__PURE__*/_jsxDEV(Kbd, {
           keys: "down"
-        }), "Navigate"]
-      }), /*#__PURE__*/_jsxs("span", {
+        }, void 0, false), "Navigate"]
+      }, void 0, true), /*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x78zum5 x6s0dn4 xzye2dw"
         },
-        children: [/*#__PURE__*/_jsx(Kbd, {
+        children: [/*#__PURE__*/_jsxDEV(Kbd, {
           keys: "enter"
-        }), "Select"]
-      }), /*#__PURE__*/_jsxs("span", {
+        }, void 0, false), "Select"]
+      }, void 0, true), /*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x78zum5 x6s0dn4 xzye2dw"
         },
-        children: [/*#__PURE__*/_jsx(Kbd, {
+        children: [/*#__PURE__*/_jsxDEV(Kbd, {
           keys: "escape"
-        }), "Close"]
-      })]
-    })
-  });
+        }, void 0, false), "Close"]
+      }, void 0, true)]
+    }, void 0, true)
+  }, void 0, false);
 }
 CommandPaletteFooter.displayName = 'CommandPaletteFooter';

package/dist/CommandPalette/CommandPaletteGroup.js

@@ -17,7 +17,7 @@ import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, typeScaleVars, typographyVars } from "../theme/tokens.stylex.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const styles = {
   group: {
     k1xSpc: "x78zum5",
@@ -54,19 +54,19 @@ export function CommandPaletteGroup({
   style,
   ...props
 }) {
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     ref: ref,
     role: "group",
     "aria-label": heading,
     ...mergeProps(themeProps('command-palette-group'), stylex.props(styles.group, xstyle), className, style),
     ...props,
-    children: [/*#__PURE__*/_jsx("div", {
+    children: [/*#__PURE__*/_jsxDEV("div", {
       "aria-hidden": "true",
       ...{
         className: "xrrkdod xu0wf1k x9ynric x141an7d x1ltkj2j xv1l7n4 x87ps6o"
       },
       children: heading
-    }), children]
-  });
+    }, void 0, false), children]
+  }, void 0, true);
 }
 CommandPaletteGroup.displayName = 'CommandPaletteGroup';

package/dist/CommandPalette/CommandPaletteInput.js

@@ -22,7 +22,7 @@ import { colorVars, typeScaleVars, spacingVars, typographyVars } from "../theme/
 import { useCommandPaletteContext } from "./CommandPaletteContext.js";
 import { useDialogContext } from "../Dialog/DialogContext.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const styles = {
   wrapper: {
     k1xSpc: "x78zum5",
@@ -95,18 +95,18 @@ export function CommandPaletteInput({
     // Delegate to useCombobox's keyboard handler from context
     ctx?.onKeyDown(e);
   }, [ctx, onKeyDown]);
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     ...mergeProps(themeProps('command-palette-input'), stylex.props(styles.wrapper, xstyle)),
-    children: [/*#__PURE__*/_jsx("span", {
+    children: [/*#__PURE__*/_jsxDEV("span", {
       ...{
         className: "x78zum5 x6s0dn4 x2lah0s xv1l7n4"
       },
-      children: /*#__PURE__*/_jsx(Icon, {
+      children: /*#__PURE__*/_jsxDEV(Icon, {
         icon: "search",
         size: "sm",
         color: "inherit"
-      })
-    }), /*#__PURE__*/_jsx("input", {
+      }, void 0, false)
+    }, void 0, false), /*#__PURE__*/_jsxDEV("input", {
       ref: mergeRefs(ref, inputRef),
       type: "text",
       role: "combobox",
@@ -126,19 +126,19 @@ export function CommandPaletteInput({
         className: "x98rzlu xeuugli x1a2a7pz xjbqb8w x1tgivj0 x9ynric xjm74w1 x6pjikd xw6l6zx x1717udv xeyghm5"
       },
       ...props
-    }), (ctx?.isBusy || endContent) && /*#__PURE__*/_jsxs("span", {
+    }, void 0, false), (ctx?.isBusy || endContent) && /*#__PURE__*/_jsxDEV("span", {
       ...{
         className: "x78zum5 x6s0dn4 xzye2dw x2lah0s"
       },
-      children: [ctx?.isBusy && /*#__PURE__*/_jsx("span", {
+      children: [ctx?.isBusy && /*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x78zum5 x6s0dn4 x2lah0s xv1l7n4 x1hc1fzr x19991ni xjd9b36 x5h36tt x4itv7f"
         },
-        children: /*#__PURE__*/_jsx(Spinner, {
+        children: /*#__PURE__*/_jsxDEV(Spinner, {
           size: "sm"
-        })
-      }), endContent]
-    }), ' ']
-  });
+        }, void 0, false)
+      }, void 0, false), endContent]
+    }, void 0, true), ' ']
+  }, void 0, true);
 }
 CommandPaletteInput.displayName = 'CommandPaletteInput';

package/dist/CommandPalette/CommandPaletteItem.js

@@ -19,7 +19,7 @@ import { colorVars, spacingVars, radiusVars, typographyVars, typeScaleVars } fro
 import { useCommandPaletteContext } from "./CommandPaletteContext.js";
 import { useDialogContext } from "../Dialog/DialogContext.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const HOVER_HOVER = '@media (hover: hover)';
 const styles = {
   item: {
@@ -133,7 +133,7 @@ export function CommandPaletteItem({
     }
     ctx.setHighlightedIndex(itemIndex);
   }, [isDisabled, itemIndex, ctx]);
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     ref: mergeRefs(ref, itemRef),
     id: ctx && itemIndex >= 0 ? ctx.getItemId(itemIndex) : undefined,
     role: "option",
@@ -145,6 +145,6 @@ export function CommandPaletteItem({
     ...mergeProps(themeProps('command-palette-item'), stylex.props(styles.item, !isDisabled && styles.itemHover, isHighlighted && styles.itemHighlighted, isSelected && styles.itemSelected, isDisabled && styles.itemDisabled, xstyle), className, style),
     ...props,
     children: children
-  });
+  }, void 0, false);
 }
 CommandPaletteItem.displayName = 'CommandPaletteItem';

package/dist/CommandPalette/CommandPaletteList.js

@@ -19,7 +19,7 @@ import "../theme/tokens.stylex.js";
 import { spacingVars } from "../theme/tokens.stylex.js";
 import { useCommandPaletteContext } from "./CommandPaletteContext.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const styles = {
   list: {
     kORKVm: "x1odjw0f",
@@ -61,7 +61,7 @@ export function CommandPaletteList({
   ...props
 }) {
   const ctx = useCommandPaletteContext();
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     ref: ref,
     id: ctx?.listId,
     role: "listbox",
@@ -69,6 +69,6 @@ export function CommandPaletteList({
     ...mergeProps(themeProps('command-palette-list'), stylex.props(styles.list, xstyle), className, style),
     ...props,
     children: children
-  });
+  }, void 0, false);
 }
 CommandPaletteList.displayName = 'CommandPaletteList';

package/dist/ContextMenu/ContextMenu.d.ts

@@ -24,6 +24,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import type { BaseProps } from '../BaseProps';
+import type { StyleXStyles } from '../theme/types';
 import type { DropdownMenuOption, DropdownMenuItemData, DropdownMenuDivider, DropdownMenuSection } from '../DropdownMenu/DropdownMenu';
 export type ContextMenuItemData = DropdownMenuItemData;
 export type ContextMenuDivider = DropdownMenuDivider;
@@ -32,6 +33,13 @@ export type ContextMenuOption = DropdownMenuOption;
 interface ContextMenuBaseProps extends BaseProps {
     /** Ref forwarded to the trigger wrapper element. */
     ref?: React.Ref<HTMLDivElement>;
+    /**
+     * Styles applied to the trigger wrapper element (the right-click target).
+     * By default the trigger is a plain block that hugs its content — pass a
+     * fill style (e.g. `width/height: 100%`) when the whole parent area should
+     * be right-clickable (as the Table does for full-cell context menus).
+     */
+    triggerXstyle?: StyleXStyles | StyleXStyles[];
     /** The trigger area — right-click on this to open the menu. */
     children: ReactNode;
     /** Custom menu width. @default '160px' */
@@ -83,7 +91,7 @@ export type ContextMenuProps = ContextMenuDataProps | ContextMenuCompoundProps;
  * </ContextMenu>
  * ```
  */
-export declare function ContextMenu({ children, menuWidth, size, label, isDisabled, onOpenChange, ref, className, style, xstyle, 'data-testid': testId, ...props }: ContextMenuProps): React.JSX.Element;
+export declare function ContextMenu({ children, menuWidth, size, label, isDisabled, onOpenChange, ref, className, style, xstyle, triggerXstyle, 'data-testid': testId, ...props }: ContextMenuProps): React.JSX.Element;
 export declare namespace ContextMenu {
     var displayName: string;
 }

package/dist/ContextMenu/ContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAqBrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,8BAA8B,CAAC;AAsCtC,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAMnD,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,oDAAoD;IACpD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+DAA+D;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,wCAAwC;IACxC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,oBAAqB,SAAQ,oBAAoB;IACzD,gDAAgD;IAChD,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,UAAU,wBAAyB,SAAQ,oBAAoB;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;AAM/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,IAAW,EACX,KAAsB,EACtB,UAAkB,EAClB,YAAY,EACZ,GAAG,EACH,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAiOlB;yBA9Oe,WAAW"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAqBrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,8BAA8B,CAAC;AAuCtC,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAMnD,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,oDAAoD;IACpD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAC9C,+DAA+D;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,wCAAwC;IACxC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,oBAAqB,SAAQ,oBAAoB;IACzD,gDAAgD;IAChD,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,UAAU,wBAAyB,SAAQ,oBAAoB;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;AAM/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,IAAW,EACX,KAAsB,EACtB,UAAkB,EAClB,YAAY,EACZ,GAAG,EACH,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EACb,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAyOlB;yBAvPe,WAAW"}

package/dist/ContextMenu/ContextMenu.js

@@ -37,8 +37,12 @@ import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, radiusVars, durationVars, easeVars, shadowVars } from "../theme/tokens.stylex.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 const styles = {
+  trigger: {
+    k7VYTy: "xpdipgo",
+    $$css: true
+  },
   menu: {
     kB7OPa: "x9f619",
     k1xSpc: "x78zum5",
@@ -56,6 +60,7 @@ const styles = {
     k1ekBW: "x19991ni",
     kIyJzY: "xuedmi6",
     kAMwcw: "xlr8y92",
+    kfSwDN: "x87ps6o",
     $$css: true
   },
   popover: {
@@ -116,6 +121,7 @@ export function ContextMenu({
   className,
   style,
   xstyle,
+  triggerXstyle,
   'data-testid': testId,
   ...props
 }) {
@@ -278,32 +284,31 @@ export function ContextMenu({
     menuSize: size
   }), [closeMenu, size]);
   const resolvedMenuContent = props.items !== undefined ? renderDropdownItems(items) : menuContent;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxDEV(_Fragment, {
+    children: [/*#__PURE__*/_jsxDEV("div", {
       ref: ref,
       onContextMenu: handleContextMenu,
       ...longPressHandlers,
       "data-testid": testId,
-      ...{
-        className: "xpdipgo"
-      },
+      ...stylex.props(styles.trigger, ...(triggerXstyle ? Array.isArray(triggerXstyle) ? triggerXstyle : [triggerXstyle] : [])),
       children: children
-    }), layer.render(/*#__PURE__*/_jsx("div", {
+    }, void 0, false), layer.render(/*#__PURE__*/_jsxDEV("div", {
       ref: listRef,
       id: menuId,
       role: "menu",
       "aria-label": label,
       onKeyDown: listKeyDown,
+      onContextMenu: e => e.preventDefault(),
       ...mergeProps(themeProps('context-menu'), stylex.props(styles.menu, xstyle), className, style),
-      children: /*#__PURE__*/_jsx(DropdownMenuContext, {
+      children: /*#__PURE__*/_jsxDEV(DropdownMenuContext, {
         value: contextValue,
         children: resolvedMenuContent
-      })
-    }), {
+      }, void 0, false)
+    }, void 0, false), {
       x: positionRef.current.x,
       y: positionRef.current.y,
       xstyle: [popoverXstyle, layerAnimations.below]
     })]
-  });
+  }, void 0, true);
 }
 ContextMenu.displayName = 'ContextMenu';

package/dist/DateInput/DateInput.js

@@ -54,7 +54,7 @@ const sizeStyles = {
 
 import { mergeProps, mergeRefs } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 /**
  * A date picker component combining a text input with a calendar popover.
  *
@@ -291,7 +291,7 @@ export function DateInput({
       commitPendingInput();
     }
   }, [popover, commitPendingInput, isEffectivelyDisabled]);
-  const inputWrapper = /*#__PURE__*/_jsxs("div", {
+  const inputWrapper = /*#__PURE__*/_jsxDEV("div", {
     ref: el => {
       popover.triggerRef(el);
       // Anchor + hover/focus listeners for the disabled-message tooltip.
@@ -304,10 +304,10 @@ export function DateInput({
       size,
       status: status?.type ?? null
     }), stylex.props(inputWrapperStyles.base, sizeStyles[size], isEffectivelyDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], inputGroup && groupStyles.inGroup, xstyle), className, style),
-    children: [inputGroup && /*#__PURE__*/_jsx(VisuallyHidden, {
+    children: [inputGroup && /*#__PURE__*/_jsxDEV(VisuallyHidden, {
       id: inputLabelID,
       children: label
-    }), /*#__PURE__*/_jsx("button", {
+    }, void 0, false), /*#__PURE__*/_jsxDEV("button", {
       type: "button",
       onClick: handleToggle,
       disabled: isEffectivelyDisabled,
@@ -320,12 +320,12 @@ export function DateInput({
           className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xh6dtrn x1a2a7pz x1p25gnr x1y3gkto x1h6gzvc"
         }
       }[!!isEffectivelyDisabled << 0],
-      children: /*#__PURE__*/_jsx(Icon, {
+      children: /*#__PURE__*/_jsxDEV(Icon, {
         icon: "calendar",
         size: "sm",
         color: "secondary"
-      })
-    }), /*#__PURE__*/_jsx("input", {
+      }, void 0, false)
+    }, void 0, false), /*#__PURE__*/_jsxDEV("input", {
       ref: mergeRefs(ref, inputRef),
       id: id,
       type: "text",
@@ -368,30 +368,30 @@ export function DateInput({
           className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc xv1l7n4"
         }
       }[!!isEffectivelyDisabled << 1 | !!!isInputValid << 0]
-    }), /*#__PURE__*/_jsx(VisuallyHidden, {
+    }, void 0, false), /*#__PURE__*/_jsxDEV(VisuallyHidden, {
       as: "div",
       role: "alert",
       "aria-live": "assertive",
       children: !isInputValid ? 'Invalid date' : ''
-    }), hasClear && value !== undefined && !isEffectivelyDisabled && /*#__PURE__*/_jsx("button", {
+    }, void 0, false), hasClear && value !== undefined && !isEffectivelyDisabled && /*#__PURE__*/_jsxDEV("button", {
       type: "button",
       onClick: handleClear,
       "aria-label": `Clear ${label}`,
       ...{
         className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
       },
-      children: /*#__PURE__*/_jsx(Icon, {
+      children: /*#__PURE__*/_jsxDEV(Icon, {
         icon: "close",
         size: "sm",
         color: "secondary"
-      })
-    }), isBusy && /*#__PURE__*/_jsx(Spinner, {
+      }, void 0, false)
+    }, void 0, false), isBusy && /*#__PURE__*/_jsxDEV(Spinner, {
       size: "sm"
-    }), status && !inputGroup && /*#__PURE__*/_jsx(Icon, {
+    }, void 0, false), status && !inputGroup && /*#__PURE__*/_jsxDEV(Icon, {
       icon: statusIconMap[status.type],
       size: "md",
       color: statusIconColorMap[status.type]
-    }), popover.render(/*#__PURE__*/_jsx(Calendar, {
+    }, void 0, false), popover.render(/*#__PURE__*/_jsxDEV(Calendar, {
       handleRef: calendarRef,
       mode: "single",
       value: optimisticValue,
@@ -400,15 +400,15 @@ export function DateInput({
       max: max,
       dateConstraints: dateConstraints,
       numberOfMonths: numberOfMonths
-    }), {
+    }, void 0, false), {
       placement: 'below',
       alignment: 'start'
     }), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  });
+  }, void 0, true);
   if (inputGroup) {
     return inputWrapper;
   }
-  return /*#__PURE__*/_jsx(Field, {
+  return /*#__PURE__*/_jsxDEV(Field, {
     label: label,
     isLabelHidden: isLabelHidden,
     description: description,
@@ -425,6 +425,6 @@ export function DateInput({
     labelTooltip: labelTooltip,
     width: width,
     children: inputWrapper
-  });
+  }, void 0, false);
 }
 DateInput.displayName = 'DateInput';

package/dist/DateRangeInput/DateRangeInput.js

@@ -29,7 +29,7 @@ import { useTooltip } from "../Tooltip/index.js";
 import { mergeProps } from "../utils/index.js";
 import { useSize } from "../SizeContext/SizeContext.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const sizeStyles = {
   sm: {
     kZKoxP: "x6k0iem",
@@ -185,7 +185,7 @@ export function DateRangeInput({
     fireChange(null);
   }, [fireChange]);
   const triggerAriaLabel = value ? `${label}: ${displayValue}` : `${label}: ${placeholder}`;
-  return /*#__PURE__*/_jsxs(Field, {
+  return /*#__PURE__*/_jsxDEV(Field, {
     label: label,
     isLabelHidden: isLabelHidden,
     description: description,
@@ -201,7 +201,7 @@ export function DateRangeInput({
     } : undefined,
     labelTooltip: labelTooltip,
     width: width,
-    children: [/*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsxDEV("div", {
       ref: el => {
         popover.triggerRef(el);
         // Anchor + hover/focus listeners for the disabled-message tooltip.
@@ -214,7 +214,7 @@ export function DateRangeInput({
         size,
         status: status?.type ?? null
       }), stylex.props(inputWrapperStyles.base, sizeStyles[size], isEffectivelyDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], xstyle), className, style),
-      children: [/*#__PURE__*/_jsx("button", {
+      children: [/*#__PURE__*/_jsxDEV("button", {
         type: "button",
         onClick: handleToggle,
         disabled: isEffectivelyDisabled,
@@ -228,12 +228,12 @@ export function DateRangeInput({
             className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xh6dtrn x1a2a7pz x1p25gnr x1y3gkto x1h6gzvc"
           }
         }[!!isEffectivelyDisabled << 0],
-        children: /*#__PURE__*/_jsx(Icon, {
+        children: /*#__PURE__*/_jsxDEV(Icon, {
           icon: "calendar",
           size: "sm",
           color: "secondary"
-        })
-      }), /*#__PURE__*/_jsx("button", {
+        }, void 0, false)
+      }, void 0, false), /*#__PURE__*/_jsxDEV("button", {
         ref: ref,
         id: id,
         type: "button",
@@ -267,30 +267,30 @@ export function DateRangeInput({
           }
         }[!!!displayValue << 1 | !!isEffectivelyDisabled << 0],
         children: displayValue || placeholder
-      }), hasClear && value !== null && !isEffectivelyDisabled && /*#__PURE__*/_jsx("button", {
+      }, void 0, false), hasClear && value !== null && !isEffectivelyDisabled && /*#__PURE__*/_jsxDEV("button", {
         type: "button",
         onClick: handleClear,
         "aria-label": `Clear ${label}`,
         ...{
           className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
         },
-        children: /*#__PURE__*/_jsx(Icon, {
+        children: /*#__PURE__*/_jsxDEV(Icon, {
           icon: "close",
           size: "sm",
           color: "secondary"
-        })
-      }), isBusy && /*#__PURE__*/_jsx(Spinner, {
+        }, void 0, false)
+      }, void 0, false), isBusy && /*#__PURE__*/_jsxDEV(Spinner, {
         size: "sm"
-      }), status && /*#__PURE__*/_jsx(Icon, {
+      }, void 0, false), status && /*#__PURE__*/_jsxDEV(Icon, {
         icon: statusIconMap[status.type],
         size: "md",
         color: statusIconColorMap[status.type]
-      })]
-    }), popover.render(/*#__PURE__*/_jsxs("div", {
+      }, void 0, false)]
+    }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
       ...{
         className: "x78zum5"
       },
-      children: [presets && presets.length > 0 && /*#__PURE__*/_jsx("div", {
+      children: [presets && presets.length > 0 && /*#__PURE__*/_jsxDEV("div", {
         role: "group",
         "aria-label": "Preset date ranges",
         ...{
@@ -299,7 +299,7 @@ export function DateRangeInput({
         children: presets.map(preset => {
           const presetRange = preset.getRange();
           const isActive = isRangeEqual(value, presetRange);
-          return /*#__PURE__*/_jsx("button", {
+          return /*#__PURE__*/_jsxDEV("button", {
             type: "button"
             // These presets are independent action buttons navigated by
             // Tab, not a single-tab-stop listbox — so they are a labeled
@@ -311,16 +311,16 @@ export function DateRangeInput({
             onClick: () => handlePresetClick(preset),
             ...{
               0: {
-                className: "x1lliihq xh8yej3 xtozwh x1ghz6dp xc342km xng3xce xh6dtrn xjbqb8w xe9uy6x x9ynric xjm74w1 xw6l6zx x1tgivj0 x1ypdohk x1yc453h x1a2a7pz x1p25gnr"
+                className: "x1lliihq xh8yej3 xtozwh x1ghz6dp xc342km xng3xce xh6dtrn xjbqb8w xe9uy6x x9ynric xcr08ib x1kq96og x1tgivj0 x1ypdohk x1yc453h x1a2a7pz x1p25gnr"
               },
               1: {
-                className: "x1lliihq xh8yej3 xtozwh x1ghz6dp xc342km xng3xce xh6dtrn x9ynric xjm74w1 xw6l6zx x1ypdohk x1yc453h x1a2a7pz x1p25gnr xgcxg3y xqwr325"
+                className: "x1lliihq xh8yej3 xtozwh x1ghz6dp xc342km xng3xce xh6dtrn x9ynric xcr08ib x1kq96og x1ypdohk x1yc453h x1a2a7pz x1p25gnr xgcxg3y xqwr325"
               }
             }[!!isActive << 0],
             children: preset.label
-          }, preset.label);
+          }, preset.label, false);
         })
-      }), /*#__PURE__*/_jsx(Calendar, {
+      }, void 0, false), /*#__PURE__*/_jsxDEV(Calendar, {
         mode: "range",
         value: value ?? undefined,
         onChange: handleRangeSelect,
@@ -328,11 +328,11 @@ export function DateRangeInput({
         max: max,
         dateConstraints: dateConstraints,
         numberOfMonths: numberOfMonths
-      })]
-    }), {
+      }, void 0, false)]
+    }, void 0, true), {
       placement: 'below',
       alignment: 'start'
     }), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  });
+  }, void 0, true);
 }
 DateRangeInput.displayName = 'DateRangeInput';

package/dist/DateTimeInput/DateTimeInput.d.ts

@@ -1,5 +1,4 @@
 import { type InputStatus } from '../Field';
-import type { StyleXStyles } from '@stylexjs/stylex';
 import type { BaseProps } from '../BaseProps';
 import type { SizeValue } from '../utils/types';
 export type ISODateTimeString = string & {
@@ -7,6 +6,8 @@ export type ISODateTimeString = string & {
 };
 export type DateTimeInputHourFormat = '12h' | '24h';
 export type DateTimeInputSize = 'sm' | 'md' | 'lg';
+/** Supported minute increments for arrow-key stepping of the time field. */
+export type DateTimeInputTimeIncrement = 1 | 5 | 10 | 15 | 30;
 export type { InputStatus as DateTimeInputStatus, InputStatusType as DateTimeInputStatusType, } from '../Field';
 export interface DateTimeInputProps extends Omit<BaseProps, 'onChange' | 'defaultValue'> {
     /** Ref forwarded to the date input element */
@@ -105,10 +106,11 @@ export interface DateTimeInputProps extends Omit<BaseProps, 'onChange' | 'defaul
      */
     hourFormat?: DateTimeInputHourFormat;
     /**
-     * Time increment in minutes when using arrow keys in the time input.
+     * Minutes added or subtracted when stepping the time field with the arrow
+     * keys. Constrained to a set of sensible increments.
      * @default 1
      */
-    timeIncrement?: number;
+    timeIncrement?: DateTimeInputTimeIncrement;
     /**
      * Whether to show a clear button when a value is set.
      * @default false
@@ -154,10 +156,6 @@ export interface DateTimeInputProps extends Omit<BaseProps, 'onChange' | 'defaul
      * @default 1
      */
     numberOfMonths?: 1 | 2;
-    /**
-     * Style overrides applied to the outer row container.
-     */
-    xstyle?: StyleXStyles;
 }
 /**
  * A combined date and time picker with side-by-side date input and

package/dist/DateTimeInput/DateTimeInput.d.ts.map

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