@cdx-ui/primitives 0.0.1-beta.16 → 0.0.1-beta.160

package/lib/commonjs/menu/useMenuOverlayLifecycle.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuOverlayCloseFocus = useMenuOverlayCloseFocus;
+exports.useMenuOverlayOpenFocus = useMenuOverlayOpenFocus;
+var _react = require("react");
+var _reactNative = require("react-native");
+function focusDomNode(node) {
+  if (_reactNative.Platform.OS !== 'web') {
+    return;
+  }
+  requestAnimationFrame(() => {
+    node?.focus?.();
+  });
+}
+
+/**
+ * On open, keyboard-opened menus focus the first or last enabled item;
+ * pointer-opened menus focus the menu container so the first item is not
+ * highlighted until hover or arrow keys.
+ */
+function useMenuOverlayOpenFocus({
+  overlay,
+  getItems,
+  setFocusedItemId
+}) {
+  const open = overlay?.open ?? false;
+  (0, _react.useEffect)(() => {
+    if (!overlay || !open) {
+      return;
+    }
+    const intent = overlay.focusOnOpenRef.current;
+    const enabled = getItems().filter(([, entry]) => !entry.disabled);
+    if (intent === 'menu' || enabled.length === 0) {
+      setFocusedItemId(undefined);
+      focusDomNode(overlay.contentRef.current);
+      return;
+    }
+    const target = intent === 'last' ? enabled.at(-1) : enabled[0];
+    if (!target) {
+      return;
+    }
+    setFocusedItemId(target[0]);
+    focusDomNode(target[1].node);
+  }, [open, getItems, overlay, setFocusedItemId]);
+}
+function useMenuOverlayCloseFocus(overlay) {
+  const {
+    closeReasonRef,
+    open,
+    triggerRef
+  } = overlay;
+  const prevOpenRef = (0, _react.useRef)(open);
+  (0, _react.useEffect)(() => {
+    if (open) {
+      closeReasonRef.current = 'programmatic';
+    } else if (prevOpenRef.current && _reactNative.Platform.OS === 'web') {
+      const shouldRestoreFocus = closeReasonRef.current === 'escape' || closeReasonRef.current === 'programmatic' || closeReasonRef.current === 'select';
+      if (shouldRestoreFocus) {
+        triggerRef.current?.focus?.();
+      }
+    }
+    prevOpenRef.current = open;
+  }, [closeReasonRef, open, triggerRef]);
+}
+//# sourceMappingURL=useMenuOverlayLifecycle.js.map

package/lib/commonjs/menu/useMenuOverlayLifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","focusDomNode","node","Platform","OS","requestAnimationFrame","focus","useMenuOverlayOpenFocus","overlay","getItems","setFocusedItemId","open","useEffect","intent","focusOnOpenRef","current","enabled","filter","entry","disabled","length","undefined","contentRef","target","at","useMenuOverlayCloseFocus","closeReasonRef","triggerRef","prevOpenRef","useRef","shouldRestoreFocus"],"sourceRoot":"../../../src","sources":["menu/useMenuOverlayLifecycle.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,SAASE,YAAYA,CAACC,IAA+C,EAAE;EACrE,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB;EACF;EACAC,qBAAqB,CAAC,MAAM;IAC1BH,IAAI,EAAEI,KAAK,GAAG,CAAC;EACjB,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,uBAAuBA,CAAC;EACtCC,OAAO;EACPC,QAAQ;EACRC;AAC8B,CAAC,EAAE;EACjC,MAAMC,IAAI,GAAGH,OAAO,EAAEG,IAAI,IAAI,KAAK;EAEnC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACJ,OAAO,IAAI,CAACG,IAAI,EAAE;MACrB;IACF;IAEA,MAAME,MAAM,GAAGL,OAAO,CAACM,cAAc,CAACC,OAAO;IAC7C,MAAMC,OAAO,GAAGP,QAAQ,CAAC,CAAC,CAACQ,MAAM,CAAC,CAAC,GAAGC,KAAK,CAAC,KAAK,CAACA,KAAK,CAACC,QAAQ,CAAC;IAEjE,IAAIN,MAAM,KAAK,MAAM,IAAIG,OAAO,CAACI,MAAM,KAAK,CAAC,EAAE;MAC7CV,gBAAgB,CAACW,SAAS,CAAC;MAC3BpB,YAAY,CAACO,OAAO,CAACc,UAAU,CAACP,OAAwC,CAAC;MACzE;IACF;IAEA,MAAMQ,MAAM,GAAGV,MAAM,KAAK,MAAM,GAAGG,OAAO,CAACQ,EAAE,CAAC,CAAC,CAAC,CAAC,GAAGR,OAAO,CAAC,CAAC,CAAC;IAC9D,IAAI,CAACO,MAAM,EAAE;MACX;IACF;IAEAb,gBAAgB,CAACa,MAAM,CAAC,CAAC,CAAC,CAAC;IAC3BtB,YAAY,CAACsB,MAAM,CAAC,CAAC,CAAC,CAACrB,IAAI,CAAC;EAC9B,CAAC,EAAE,CAACS,IAAI,EAAEF,QAAQ,EAAED,OAAO,EAAEE,gBAAgB,CAAC,CAAC;AACjD;AAEO,SAASe,wBAAwBA,CAACjB,OAAgC,EAAE;EACzE,MAAM;IAAEkB,cAAc;IAAEf,IAAI;IAAEgB;EAAW,CAAC,GAAGnB,OAAO;EACpD,MAAMoB,WAAW,GAAG,IAAAC,aAAM,EAAClB,IAAI,CAAC;EAEhC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAID,IAAI,EAAE;MACRe,cAAc,CAACX,OAAO,GAAG,cAAc;IACzC,CAAC,MAAM,IAAIa,WAAW,CAACb,OAAO,IAAIZ,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACvD,MAAM0B,kBAAkB,GACtBJ,cAAc,CAACX,OAAO,KAAK,QAAQ,IACnCW,cAAc,CAACX,OAAO,KAAK,cAAc,IACzCW,cAAc,CAACX,OAAO,KAAK,QAAQ;MAErC,IAAIe,kBAAkB,EAAE;QACrBH,UAAU,CAACZ,OAAO,EAAoCT,KAAK,GAAG,CAAC;MAClE;IACF;IAEAsB,WAAW,CAACb,OAAO,GAAGJ,IAAI;EAC5B,CAAC,EAAE,CAACe,cAAc,EAAEf,IAAI,EAAEgB,UAAU,CAAC,CAAC;AACxC","ignoreList":[]}

package/lib/commonjs/menu/useMenuTrigger.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuTrigger = useMenuTrigger;
+var _react = require("react");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _overlayContext = require("./overlayContext");
+function useMenuTrigger(forwardedRef, options) {
+  const {
+    onPress: consumerOnPress,
+    onHoverIn: consumerOnHoverIn,
+    onHoverOut: consumerOnHoverOut,
+    onFocus: consumerOnFocus,
+    onBlur: consumerOnBlur,
+    onKeyDown: consumerOnKeyDown
+  } = options;
+  const {
+    open,
+    setOpen,
+    closeMenu,
+    disabled,
+    triggerRef,
+    triggerId,
+    menuId,
+    focusOnOpenRef
+  } = (0, _overlayContext.useMenuOverlayContext)();
+  const pendingKeyboardOpenRef = (0, _react.useRef)(null);
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const {
+    isHovered,
+    hoverProps
+  } = (0, _interactions.useHover)();
+  const clearPendingKeyboardOpen = (0, _react.useCallback)(() => {
+    pendingKeyboardOpenRef.current = null;
+  }, []);
+  const handlePress = (0, _react.useCallback)(_e => {
+    if (disabled) {
+      return;
+    }
+    if (open) {
+      pendingKeyboardOpenRef.current = null;
+      closeMenu('trigger');
+      return;
+    }
+    focusOnOpenRef.current = pendingKeyboardOpenRef.current ?? 'menu';
+    pendingKeyboardOpenRef.current = null;
+    setOpen(true);
+  }, [closeMenu, disabled, focusOnOpenRef, open, setOpen]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (disabled) {
+      return;
+    }
+    switch (e.key) {
+      case 'Enter':
+      case ' ':
+        {
+          e.preventDefault();
+          pendingKeyboardOpenRef.current = 'first';
+          break;
+        }
+      case 'ArrowDown':
+        {
+          e.preventDefault();
+          pendingKeyboardOpenRef.current = null;
+          focusOnOpenRef.current = 'first';
+          setOpen(true);
+          break;
+        }
+      case 'ArrowUp':
+        {
+          e.preventDefault();
+          pendingKeyboardOpenRef.current = null;
+          focusOnOpenRef.current = 'last';
+          setOpen(true);
+          break;
+        }
+    }
+  }, [disabled, focusOnOpenRef, setOpen]);
+  const interactionState = (0, _react.useMemo)(() => ({
+    hover: !!isHovered,
+    focus: !!isFocused,
+    disabled: !!disabled
+  }), [isHovered, isFocused, disabled]);
+  const mergedRef = (0, _utils.mergeRefs)(forwardedRef, triggerRef);
+  const ariaProps = {
+    role: 'button',
+    id: triggerId,
+    'aria-haspopup': 'menu',
+    'aria-expanded': open,
+    'aria-controls': menuId,
+    disabled
+  };
+  const handlers = {
+    onPress: (0, _utils.composeEventHandlers)(consumerOnPress, handlePress),
+    onHoverIn: (0, _utils.composeEventHandlers)(consumerOnHoverIn, hoverProps.onHoverIn),
+    onHoverOut: (0, _utils.composeEventHandlers)(consumerOnHoverOut, hoverProps.onHoverOut),
+    onFocus: (0, _utils.composeEventHandlers)(consumerOnFocus, focusProps.onFocus),
+    onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(consumerOnBlur, focusProps.onBlur), clearPendingKeyboardOpen),
+    onKeyDown: (0, _utils.composeEventHandlers)(consumerOnKeyDown, handleKeyDown)
+  };
+  return {
+    ariaProps,
+    interactionState,
+    mergedRef,
+    handlers
+  };
+}
+//# sourceMappingURL=useMenuTrigger.js.map

package/lib/commonjs/menu/useMenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","_focus","_interactions","_overlayContext","useMenuTrigger","forwardedRef","options","onPress","consumerOnPress","onHoverIn","consumerOnHoverIn","onHoverOut","consumerOnHoverOut","onFocus","consumerOnFocus","onBlur","consumerOnBlur","onKeyDown","consumerOnKeyDown","open","setOpen","closeMenu","disabled","triggerRef","triggerId","menuId","focusOnOpenRef","useMenuOverlayContext","pendingKeyboardOpenRef","useRef","isFocused","focusProps","useFocus","isHovered","hoverProps","useHover","clearPendingKeyboardOpen","useCallback","current","handlePress","_e","handleKeyDown","e","key","preventDefault","interactionState","useMemo","hover","focus","mergedRef","mergeRefs","ariaProps","role","id","handlers","composeEventHandlers"],"sourceRoot":"../../../src","sources":["menu/useMenuTrigger.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/month-calendar/MonthCalendarCell.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthCalendarCell = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _formatters = require("@cdx-ui/formatters");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const MonthCalendarCell = exports.MonthCalendarCell = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  month,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    visibleYear,
+    value,
+    onValueChange,
+    disabled,
+    minValue,
+    maxValue
+  } = (0, _context.useMonthCalendarContext)();
+  const monthId = (0, _formatters.formatMonthId)({
+    year: visibleYear,
+    month
+  });
+  const selected = value === monthId;
+  const outOfRange = minValue != null && (0, _formatters.compareMonthIds)(monthId, minValue) < 0 || maxValue != null && (0, _formatters.compareMonthIds)(monthId, maxValue) > 0;
+  const cellDisabled = disabled || outOfRange;
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: className,
+    style: style,
+    accessibilityRole: "button",
+    accessibilityState: {
+      selected,
+      disabled: cellDisabled
+    },
+    disabled: cellDisabled,
+    onPress: () => {
+      if (cellDisabled) {
+        return;
+      }
+      onValueChange?.(monthId);
+    },
+    ...props,
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      selected,
+      disabled: cellDisabled,
+      slot: 'month-calendar-cell'
+    })),
+    children: children
+  });
+});
+MonthCalendarCell.displayName = 'MonthCalendarCell';
+//# sourceMappingURL=MonthCalendarCell.js.map

package/lib/commonjs/month-calendar/MonthCalendarCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_formatters","_slot","_dataAttributes","_context","_jsxRuntime","MonthCalendarCell","exports","forwardRef","asChild","month","className","style","children","props","ref","visibleYear","value","onValueChange","disabled","minValue","maxValue","useMonthCalendarContext","monthId","formatMonthId","year","selected","outOfRange","compareMonthIds","cellDisabled","Comp","Slot","Pressable","jsx","accessibilityRole","accessibilityState","onPress","mergeDataAttributes","dataAttributes","slot","displayName"],"sourceRoot":"../../../src","sources":["month-calendar/MonthCalendarCell.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAS7C,MAAMO,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,iBAAU,EACzC,CAAC;EAAEC,OAAO;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjE,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC,aAAa;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GACvE,IAAAC,gCAAuB,EAAC,CAAC;EAC3B,MAAMC,OAAgB,GAAG,IAAAC,yBAAa,EAAC;IAAEC,IAAI,EAAET,WAAW;IAAEN;EAAM,CAAC,CAAC;EACpE,MAAMgB,QAAQ,GAAGT,KAAK,KAAKM,OAAO;EAClC,MAAMI,UAAU,GACbP,QAAQ,IAAI,IAAI,IAAI,IAAAQ,2BAAe,EAACL,OAAO,EAAEH,QAAQ,CAAC,GAAG,CAAC,IAC1DC,QAAQ,IAAI,IAAI,IAAI,IAAAO,2BAAe,EAACL,OAAO,EAAEF,QAAQ,CAAC,GAAG,CAAE;EAC9D,MAAMQ,YAAY,GAAGV,QAAQ,IAAIQ,UAAU;EAC3C,MAAMG,IAAI,GAAGrB,OAAO,GAAGsB,UAAI,GAAGC,sBAAS;EAEvC,oBACE,IAAA3B,WAAA,CAAA4B,GAAA,EAACH,IAAI;IACHf,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbsB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAET,QAAQ;MAAEP,QAAQ,EAAEU;IAAa,CAAE;IACzDV,QAAQ,EAAEU,YAAa;IACvBO,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIP,YAAY,EAAE;QAChB;MACF;MACAX,aAAa,GAAGK,OAAO,CAAC;IAC1B,CAAE;IAAA,GACET,KAAK;IAAA,GACL,IAAAuB,mCAAmB,EACrBvB,KAAK,EACL,IAAAwB,8BAAc,EAAC;MAAEZ,QAAQ;MAAEP,QAAQ,EAAEU,YAAY;MAAEU,IAAI,EAAE;IAAsB,CAAC,CAClF,CAAC;IAAA1B,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDP,iBAAiB,CAACkC,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/lib/commonjs/month-calendar/MonthCalendarRoot.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthCalendarRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _formatters = require("@cdx-ui/formatters");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _accessibleLabel = require("../utils/accessibleLabel");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const MonthCalendarRoot = exports.MonthCalendarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  view: viewProp,
+  defaultView = 'month',
+  onViewChange,
+  visibleYear: visibleYearProp,
+  defaultVisibleYear,
+  onVisibleYearChange,
+  disabled = false,
+  minValue,
+  maxValue,
+  locale = 'en-US',
+  labels: labelsProp,
+  accessibilityLabel: accessibilityLabelProp,
+  'aria-label': ariaLabelProp,
+  ...props
+}, ref) => {
+  const labels = (0, _react.useMemo)(() => (0, _formatters.resolveDateComponentLabels)(labelsProp), [labelsProp]);
+  const accessibilityLabel = (0, _accessibleLabel.resolveAccessibleLabel)({
+    accessibilityLabel: accessibilityLabelProp,
+    'aria-label': ariaLabelProp
+  });
+  const [value, setValue] = (0, _utils.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const parsed = value ? (0, _formatters.parseMonthId)(value) : null;
+  const [view, setView] = (0, _utils.useControllableState)({
+    prop: viewProp,
+    defaultProp: defaultView,
+    onChange: onViewChange
+  });
+  const [visibleYear, setVisibleYear] = (0, _utils.useControllableState)({
+    prop: visibleYearProp,
+    defaultProp: defaultVisibleYear ?? parsed?.year ?? new Date().getFullYear(),
+    onChange: onVisibleYearChange
+  });
+  const prevValueRef = (0, _react.useRef)(value);
+  (0, _react.useEffect)(() => {
+    if (visibleYearProp !== undefined) {
+      prevValueRef.current = value;
+      return;
+    }
+    if (value === undefined || prevValueRef.current === value) {
+      prevValueRef.current = value;
+      return;
+    }
+    prevValueRef.current = value;
+    const nextParsed = (0, _formatters.parseMonthId)(value);
+    if (nextParsed) {
+      setVisibleYear(nextParsed.year);
+    }
+  }, [setVisibleYear, value, visibleYearProp]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    value,
+    onValueChange: setValue,
+    view: view ?? 'month',
+    onViewChange: setView,
+    visibleYear: visibleYear ?? new Date().getFullYear(),
+    onVisibleYearChange: setVisibleYear,
+    disabled,
+    minValue,
+    maxValue,
+    locale,
+    labels
+  }), [value, setValue, view, setView, visibleYear, setVisibleYear, disabled, minValue, maxValue, locale, labels]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.MonthCalendarContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      accessibilityRole: "none",
+      ...props,
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        disabled
+      })),
+      ...(0, _accessibleLabel.accessibleLabelAttributes)(accessibilityLabel),
+      children: children
+    })
+  });
+});
+MonthCalendarRoot.displayName = 'MonthCalendarRoot';
+//# sourceMappingURL=MonthCalendarRoot.js.map

package/lib/commonjs/month-calendar/MonthCalendarRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_formatters","_utils","_slot","_accessibleLabel","_dataAttributes","_context","_jsxRuntime","MonthCalendarRoot","exports","forwardRef","asChild","children","value","valueProp","defaultValue","onValueChange","view","viewProp","defaultView","onViewChange","visibleYear","visibleYearProp","defaultVisibleYear","onVisibleYearChange","disabled","minValue","maxValue","locale","labels","labelsProp","accessibilityLabel","accessibilityLabelProp","ariaLabelProp","props","ref","useMemo","resolveDateComponentLabels","resolveAccessibleLabel","setValue","useControllableState","prop","defaultProp","onChange","parsed","parseMonthId","setView","setVisibleYear","year","Date","getFullYear","prevValueRef","useRef","useEffect","undefined","current","nextParsed","contextValue","Comp","Slot","View","jsx","MonthCalendarContext","Provider","accessibilityRole","mergeDataAttributes","dataAttributes","accessibleLabelAttributes","displayName"],"sourceRoot":"../../../src","sources":["month-calendar/MonthCalendarRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/month-calendar/MonthCalendarYearCell.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthCalendarYearCell = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _formatters = require("@cdx-ui/formatters");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const MonthCalendarYearCell = exports.MonthCalendarYearCell = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  year,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    visibleYear,
+    onVisibleYearChange,
+    onViewChange,
+    disabled,
+    minValue,
+    maxValue
+  } = (0, _context.useMonthCalendarContext)();
+  const selected = visibleYear === year;
+  const minYear = minValue ? (0, _formatters.parseMonthId)(minValue)?.year : undefined;
+  const maxYear = maxValue ? (0, _formatters.parseMonthId)(maxValue)?.year : undefined;
+  const outOfRange = minYear != null && year < minYear || maxYear != null && year > maxYear;
+  const cellDisabled = disabled || outOfRange;
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: className,
+    style: style,
+    accessibilityRole: "button",
+    accessibilityState: {
+      selected,
+      disabled: cellDisabled
+    },
+    disabled: cellDisabled,
+    onPress: () => {
+      if (cellDisabled) {
+        return;
+      }
+      onVisibleYearChange(year);
+      onViewChange('month');
+    },
+    ...props,
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      selected,
+      disabled: cellDisabled,
+      slot: 'month-calendar-year-cell'
+    })),
+    children: children
+  });
+});
+MonthCalendarYearCell.displayName = 'MonthCalendarYearCell';
+//# sourceMappingURL=MonthCalendarYearCell.js.map

package/lib/commonjs/month-calendar/MonthCalendarYearCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_formatters","_slot","_dataAttributes","_context","_jsxRuntime","MonthCalendarYearCell","exports","forwardRef","asChild","year","className","style","children","props","ref","visibleYear","onVisibleYearChange","onViewChange","disabled","minValue","maxValue","useMonthCalendarContext","selected","minYear","parseMonthId","undefined","maxYear","outOfRange","cellDisabled","Comp","Slot","Pressable","jsx","accessibilityRole","accessibilityState","onPress","mergeDataAttributes","dataAttributes","slot","displayName"],"sourceRoot":"../../../src","sources":["month-calendar/MonthCalendarYearCell.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAS7C,MAAMO,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,gBAAG,IAAAE,iBAAU,EAG7C,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClE,MAAM;IAAEC,WAAW;IAAEC,mBAAmB;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GACpF,IAAAC,gCAAuB,EAAC,CAAC;EAC3B,MAAMC,QAAQ,GAAGP,WAAW,KAAKN,IAAI;EACrC,MAAMc,OAAO,GAAGJ,QAAQ,GAAG,IAAAK,wBAAY,EAACL,QAAQ,CAAC,EAAEV,IAAI,GAAGgB,SAAS;EACnE,MAAMC,OAAO,GAAGN,QAAQ,GAAG,IAAAI,wBAAY,EAACJ,QAAQ,CAAC,EAAEX,IAAI,GAAGgB,SAAS;EACnE,MAAME,UAAU,GAAIJ,OAAO,IAAI,IAAI,IAAId,IAAI,GAAGc,OAAO,IAAMG,OAAO,IAAI,IAAI,IAAIjB,IAAI,GAAGiB,OAAQ;EAC7F,MAAME,YAAY,GAAGV,QAAQ,IAAIS,UAAU;EAC3C,MAAME,IAAI,GAAGrB,OAAO,GAAGsB,UAAI,GAAGC,sBAAS;EAEvC,oBACE,IAAA3B,WAAA,CAAA4B,GAAA,EAACH,IAAI;IACHf,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbsB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEZ,QAAQ;MAAEJ,QAAQ,EAAEU;IAAa,CAAE;IACzDV,QAAQ,EAAEU,YAAa;IACvBO,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIP,YAAY,EAAE;QAChB;MACF;MACAZ,mBAAmB,CAACP,IAAI,CAAC;MACzBQ,YAAY,CAAC,OAAO,CAAC;IACvB,CAAE;IAAA,GACEJ,KAAK;IAAA,GACL,IAAAuB,mCAAmB,EACrBvB,KAAK,EACL,IAAAwB,8BAAc,EAAC;MAAEf,QAAQ;MAAEJ,QAAQ,EAAEU,YAAY;MAAEU,IAAI,EAAE;IAA2B,CAAC,CACvF,CAAC;IAAA1B,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEFP,qBAAqB,CAACkC,WAAW,GAAG,uBAAuB","ignoreList":[]}

package/lib/commonjs/month-calendar/context.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthCalendarContext = void 0;
+exports.useMonthCalendarContext = useMonthCalendarContext;
+var _react = require("react");
+const MonthCalendarContext = exports.MonthCalendarContext = /*#__PURE__*/(0, _react.createContext)(null);
+function useMonthCalendarContext() {
+  const ctx = (0, _react.useContext)(MonthCalendarContext);
+  if (!ctx) {
+    throw new Error('MonthCalendar compound components must be used within MonthCalendarRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

package/lib/commonjs/month-calendar/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","MonthCalendarContext","exports","createContext","useMonthCalendarContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["month-calendar/context.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAqBO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,oBAAa,EAAmC,IAAI,CAAC;AAElF,SAASC,uBAAuBA,CAAA,EAA8B;EACnE,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACL,oBAAoB,CAAC;EAC5C,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,yEAAyE,CAAC;EAC5F;EACA,OAAOF,GAAG;AACZ","ignoreList":[]}

package/lib/commonjs/month-calendar/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MonthCalendarCell", {
+  enumerable: true,
+  get: function () {
+    return _MonthCalendarCell.MonthCalendarCell;
+  }
+});
+Object.defineProperty(exports, "MonthCalendarRoot", {
+  enumerable: true,
+  get: function () {
+    return _MonthCalendarRoot.MonthCalendarRoot;
+  }
+});
+Object.defineProperty(exports, "MonthCalendarYearCell", {
+  enumerable: true,
+  get: function () {
+    return _MonthCalendarYearCell.MonthCalendarYearCell;
+  }
+});
+Object.defineProperty(exports, "useMonthCalendarContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useMonthCalendarContext;
+  }
+});
+var _MonthCalendarRoot = require("./MonthCalendarRoot");
+var _MonthCalendarCell = require("./MonthCalendarCell");
+var _MonthCalendarYearCell = require("./MonthCalendarYearCell");
+var _context = require("./context");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/month-calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MonthCalendarRoot","require","_MonthCalendarCell","_MonthCalendarYearCell","_context"],"sourceRoot":"../../../src","sources":["month-calendar/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/month-picker/MonthPickerRoot.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthPickerRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _formatters = require("@cdx-ui/formatters");
+var _utils = require("@cdx-ui/utils");
+var _DateFieldRoot = require("../date-field/DateFieldRoot");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const MonthPickerRoot = exports.MonthPickerRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  isOpen: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  isDisabled: disabled = false,
+  isReadOnly,
+  isInvalid,
+  isRequired,
+  minValue,
+  maxValue,
+  locale = 'en-US',
+  labels: labelsProp,
+  ...props
+}, ref) => {
+  const labels = (0, _react.useMemo)(() => (0, _formatters.resolveDateComponentLabels)(labelsProp), [labelsProp]);
+  const [value, setValue] = (0, _utils.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const [open, setOpenState] = (0, _utils.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [draftValue, setDraftValue] = (0, _react.useState)(value);
+  const surfacesRef = (0, _react.useRef)(new Set());
+  const anchorRef = (0, _react.useRef)(null);
+  const triggerRef = (0, _react.useRef)(null);
+  const setOpen = (0, _react.useCallback)(next => {
+    if (disabled && next) {
+      return;
+    }
+    if (next) {
+      setDraftValue(value);
+    }
+    setOpenState(next);
+  }, [disabled, setOpenState, value]);
+  const registerSurface = (0, _react.useCallback)(type => {
+    if (surfacesRef.current.has(type)) {
+      return;
+    }
+    surfacesRef.current.add(type);
+    if (surfacesRef.current.size > 1) {
+      console.warn('[Forge UI] MonthPicker: multiple presentation surfaces detected. Use only one of Popover, Dialog, or BottomSheet.');
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    setDraftValue(value);
+  }, [value]);
+  (0, _react.useEffect)(() => {
+    if (!open) {
+      surfacesRef.current.clear();
+    }
+  }, [open]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    value,
+    onValueChange: setValue,
+    draftValue,
+    setDraftValue,
+    open: open ?? false,
+    setOpen,
+    disabled,
+    minValue,
+    maxValue,
+    locale,
+    labels,
+    registerSurface,
+    anchorRef,
+    triggerRef
+  }), [value, setValue, draftValue, open, setOpen, disabled, minValue, maxValue, locale, labels, registerSurface]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.MonthPickerContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: (0, _utils.mergeRefs)(ref, anchorRef),
+      ...props,
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        disabled,
+        open
+      })),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateFieldRoot.DateFieldRoot, {
+        value: value,
+        onValueChange: next => setValue(next),
+        mode: "month",
+        locale: locale,
+        labels: labelsProp,
+        isDisabled: disabled,
+        isReadOnly: isReadOnly,
+        isInvalid: isInvalid,
+        isRequired: isRequired,
+        children: children
+      })
+    })
+  });
+});
+MonthPickerRoot.displayName = 'MonthPickerRoot';
+//# sourceMappingURL=MonthPickerRoot.js.map

package/lib/commonjs/month-picker/MonthPickerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_formatters","_utils","_DateFieldRoot","_slot","_dataAttributes","_context","_jsxRuntime","MonthPickerRoot","exports","forwardRef","asChild","children","value","valueProp","defaultValue","onValueChange","isOpen","openProp","defaultOpen","onOpenChange","isDisabled","disabled","isReadOnly","isInvalid","isRequired","minValue","maxValue","locale","labels","labelsProp","props","ref","useMemo","resolveDateComponentLabels","setValue","useControllableState","prop","defaultProp","onChange","open","setOpenState","draftValue","setDraftValue","useState","surfacesRef","useRef","Set","anchorRef","triggerRef","setOpen","useCallback","next","registerSurface","type","current","has","add","size","console","warn","useEffect","clear","contextValue","Comp","Slot","View","jsx","MonthPickerContext","Provider","mergeRefs","mergeDataAttributes","dataAttributes","DateFieldRoot","mode","displayName"],"sourceRoot":"../../../src","sources":["month-picker/MonthPickerRoot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AAEA,IAAAO,QAAA,GAAAP,OAAA;AAA+C,IAAAQ,WAAA,GAAAR,OAAA;AA2BxC,MAAMS,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EACvC,CACE;EACEC,OAAO;EACPC,QAAQ;EACRC,KAAK,EAAEC,SAAS;EAChBC,YAAY;EACZC,aAAa;EACbC,MAAM,EAAEC,QAAQ;EAChBC,WAAW,GAAG,KAAK;EACnBC,YAAY;EACZC,UAAU,EAAEC,QAAQ,GAAG,KAAK;EAC5BC,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC,QAAQ;EACRC,QAAQ;EACRC,MAAM,GAAG,OAAO;EAChBC,MAAM,EAAEC,UAAU;EAClB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMH,MAAM,GAAG,IAAAI,cAAO,EAAC,MAAM,IAAAC,sCAA0B,EAACJ,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAClF,MAAM,CAACjB,KAAK,EAAEsB,QAAQ,CAAC,GAAG,IAAAC,2BAAoB,EAAsB;IAClEC,IAAI,EAAEvB,SAAS;IACfwB,WAAW,EAAEvB,YAAY;IACzBwB,QAAQ,EAAEvB;EACZ,CAAC,CAAC;EAEF,MAAM,CAACwB,IAAI,EAAEC,YAAY,CAAC,GAAG,IAAAL,2BAAoB,EAAU;IACzDC,IAAI,EAAEnB,QAAQ;IACdoB,WAAW,EAAEnB,WAAW;IACxBoB,QAAQ,EAAEnB;EACZ,CAAC,CAAC;EAEF,MAAM,CAACsB,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAsB/B,KAAK,CAAC;EAExE,MAAMgC,WAAW,GAAG,IAAAC,aAAM,EAAyB,IAAIC,GAAG,CAAC,CAAC,CAAC;EAC7D,MAAMC,SAAS,GAAG,IAAAF,aAAM,EAA4B,IAAI,CAAC;EACzD,MAAMG,UAAU,GAAG,IAAAH,aAAM,EAA4B,IAAI,CAAC;EAE1D,MAAMI,OAAO,GAAG,IAAAC,kBAAW,EACxBC,IAAa,IAAK;IACjB,IAAI9B,QAAQ,IAAI8B,IAAI,EAAE;MACpB;IACF;IACA,IAAIA,IAAI,EAAE;MACRT,aAAa,CAAC9B,KAAK,CAAC;IACtB;IACA4B,YAAY,CAACW,IAAI,CAAC;EACpB,CAAC,EACD,CAAC9B,QAAQ,EAAEmB,YAAY,EAAE5B,KAAK,CAChC,CAAC;EAED,MAAMwC,eAAe,GAAG,IAAAF,kBAAW,EAAEG,IAAuB,IAAK;IAC/D,IAAIT,WAAW,CAACU,OAAO,CAACC,GAAG,CAACF,IAAI,CAAC,EAAE;MACjC;IACF;IACAT,WAAW,CAACU,OAAO,CAACE,GAAG,CAACH,IAAI,CAAC;IAC7B,IAAIT,WAAW,CAACU,OAAO,CAACG,IAAI,GAAG,CAAC,EAAE;MAChCC,OAAO,CAACC,IAAI,CACV,mHACF,CAAC;IACH;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,gBAAS,EAAC,MAAM;IACdlB,aAAa,CAAC9B,KAAK,CAAC;EACtB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAAgD,gBAAS,EAAC,MAAM;IACd,IAAI,CAACrB,IAAI,EAAE;MACTK,WAAW,CAACU,OAAO,CAACO,KAAK,CAAC,CAAC;IAC7B;EACF,CAAC,EAAE,CAACtB,IAAI,CAAC,CAAC;EAEV,MAAMuB,YAAY,GAAG,IAAA9B,cAAO,EAC1B,OAAO;IACLpB,KAAK;IACLG,aAAa,EAAEmB,QAAQ;IACvBO,UAAU;IACVC,aAAa;IACbH,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBU,OAAO;IACP5B,QAAQ;IACRI,QAAQ;IACRC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNwB,eAAe;IACfL,SAAS;IACTC;EACF,CAAC,CAAC,EACF,CACEpC,KAAK,EACLsB,QAAQ,EACRO,UAAU,EACVF,IAAI,EACJU,OAAO,EACP5B,QAAQ,EACRI,QAAQ,EACRC,QAAQ,EACRC,MAAM,EACNC,MAAM,EACNwB,eAAe,CAEnB,CAAC;EAED,MAAMW,IAAI,GAAGrD,OAAO,GAAGsD,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAA3D,WAAA,CAAA4D,GAAA,EAAC7D,QAAA,CAAA8D,kBAAkB,CAACC,QAAQ;IAACxD,KAAK,EAAEkD,YAAa;IAAAnD,QAAA,eAC/C,IAAAL,WAAA,CAAA4D,GAAA,EAACH,IAAI;MACHhC,GAAG,EAAE,IAAAsC,gBAAS,EAACtC,GAAG,EAAEgB,SAAS,CAAE;MAAA,GAC3BjB,KAAK;MAAA,GACL,IAAAwC,mCAAmB,EAACxC,KAAK,EAAE,IAAAyC,8BAAc,EAAC;QAAElD,QAAQ;QAAEkB;MAAK,CAAC,CAAC,CAAC;MAAA5B,QAAA,eAElE,IAAAL,WAAA,CAAA4D,GAAA,EAAChE,cAAA,CAAAsE,aAAa;QACZ5D,KAAK,EAAEA,KAAM;QACbG,aAAa,EAAGoC,IAAI,IAAKjB,QAAQ,CAACiB,IAA2B,CAAE;QAC/DsB,IAAI,EAAC,OAAO;QACZ9C,MAAM,EAAEA,MAAO;QACfC,MAAM,EAAEC,UAAW;QACnBT,UAAU,EAAEC,QAAS;QACrBC,UAAU,EAAEA,UAAW;QACvBC,SAAS,EAAEA,SAAU;QACrBC,UAAU,EAAEA,UAAW;QAAAb,QAAA,EAEtBA;MAAQ,CACI;IAAC,CACZ;EAAC,CACoB,CAAC;AAElC,CACF,CAAC;AAEDJ,eAAe,CAACmE,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/lib/commonjs/month-picker/context.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthPickerContext = void 0;
+exports.useMonthPickerContext = useMonthPickerContext;
+var _react = require("react");
+const MonthPickerContext = exports.MonthPickerContext = /*#__PURE__*/(0, _react.createContext)(null);
+function useMonthPickerContext() {
+  const ctx = (0, _react.useContext)(MonthPickerContext);
+  if (!ctx) {
+    throw new Error('MonthPicker compound components must be used within MonthPickerRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map