@cdx-ui/primitives 0.0.1-beta.99 → 0.1.0

package/lib/module/menu/useMenuOverlayLifecycle.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { Platform } from 'react-native';
+function focusDomNode(node) {
+  if (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.
+ */
+export function useMenuOverlayOpenFocus({
+  overlay,
+  getItems,
+  setFocusedItemId
+}) {
+  const open = overlay?.open ?? false;
+  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]);
+}
+export function useMenuOverlayCloseFocus(overlay) {
+  const {
+    closeReasonRef,
+    open,
+    triggerRef
+  } = overlay;
+  const prevOpenRef = useRef(open);
+  useEffect(() => {
+    if (open) {
+      closeReasonRef.current = 'programmatic';
+    } else if (prevOpenRef.current && 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/module/menu/useMenuOverlayLifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Platform","focusDomNode","node","OS","requestAnimationFrame","focus","useMenuOverlayOpenFocus","overlay","getItems","setFocusedItemId","open","intent","focusOnOpenRef","current","enabled","filter","entry","disabled","length","undefined","contentRef","target","at","useMenuOverlayCloseFocus","closeReasonRef","triggerRef","prevOpenRef","shouldRestoreFocus"],"sourceRoot":"../../../src","sources":["menu/useMenuOverlayLifecycle.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,cAAc;AAUvC,SAASC,YAAYA,CAACC,IAA+C,EAAE;EACrE,IAAIF,QAAQ,CAACG,EAAE,KAAK,KAAK,EAAE;IACzB;EACF;EACAC,qBAAqB,CAAC,MAAM;IAC1BF,IAAI,EAAEG,KAAK,GAAG,CAAC;EACjB,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAAC;EACtCC,OAAO;EACPC,QAAQ;EACRC;AAC8B,CAAC,EAAE;EACjC,MAAMC,IAAI,GAAGH,OAAO,EAAEG,IAAI,IAAI,KAAK;EAEnCZ,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,OAAO,IAAI,CAACG,IAAI,EAAE;MACrB;IACF;IAEA,MAAMC,MAAM,GAAGJ,OAAO,CAACK,cAAc,CAACC,OAAO;IAC7C,MAAMC,OAAO,GAAGN,QAAQ,CAAC,CAAC,CAACO,MAAM,CAAC,CAAC,GAAGC,KAAK,CAAC,KAAK,CAACA,KAAK,CAACC,QAAQ,CAAC;IAEjE,IAAIN,MAAM,KAAK,MAAM,IAAIG,OAAO,CAACI,MAAM,KAAK,CAAC,EAAE;MAC7CT,gBAAgB,CAACU,SAAS,CAAC;MAC3BlB,YAAY,CAACM,OAAO,CAACa,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;IAEAZ,gBAAgB,CAACY,MAAM,CAAC,CAAC,CAAC,CAAC;IAC3BpB,YAAY,CAACoB,MAAM,CAAC,CAAC,CAAC,CAACnB,IAAI,CAAC;EAC9B,CAAC,EAAE,CAACQ,IAAI,EAAEF,QAAQ,EAAED,OAAO,EAAEE,gBAAgB,CAAC,CAAC;AACjD;AAEA,OAAO,SAASc,wBAAwBA,CAAChB,OAAgC,EAAE;EACzE,MAAM;IAAEiB,cAAc;IAAEd,IAAI;IAAEe;EAAW,CAAC,GAAGlB,OAAO;EACpD,MAAMmB,WAAW,GAAG3B,MAAM,CAACW,IAAI,CAAC;EAEhCZ,SAAS,CAAC,MAAM;IACd,IAAIY,IAAI,EAAE;MACRc,cAAc,CAACX,OAAO,GAAG,cAAc;IACzC,CAAC,MAAM,IAAIa,WAAW,CAACb,OAAO,IAAIb,QAAQ,CAACG,EAAE,KAAK,KAAK,EAAE;MACvD,MAAMwB,kBAAkB,GACtBH,cAAc,CAACX,OAAO,KAAK,QAAQ,IACnCW,cAAc,CAACX,OAAO,KAAK,cAAc,IACzCW,cAAc,CAACX,OAAO,KAAK,QAAQ;MAErC,IAAIc,kBAAkB,EAAE;QACrBF,UAAU,CAACZ,OAAO,EAAoCR,KAAK,GAAG,CAAC;MAClE;IACF;IAEAqB,WAAW,CAACb,OAAO,GAAGH,IAAI;EAC5B,CAAC,EAAE,CAACc,cAAc,EAAEd,IAAI,EAAEe,UAAU,CAAC,CAAC;AACxC","ignoreList":[]}

package/lib/module/menu/useMenuTrigger.js

@@ -0,0 +1,111 @@
+"use strict";
+
+import { useCallback, useMemo, useRef } from 'react';
+import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
+import { useFocus } from '@react-native-aria/focus';
+import { useHover } from '@react-native-aria/interactions';
+import { useMenuOverlayContext } from './overlayContext';
+export 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
+  } = useMenuOverlayContext();
+  const pendingKeyboardOpenRef = useRef(null);
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isHovered,
+    hoverProps
+  } = useHover();
+  const clearPendingKeyboardOpen = useCallback(() => {
+    pendingKeyboardOpenRef.current = null;
+  }, []);
+  const handlePress = 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 = 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 = useMemo(() => ({
+    hover: !!isHovered,
+    focus: !!isFocused,
+    disabled: !!disabled
+  }), [isHovered, isFocused, disabled]);
+  const mergedRef = mergeRefs(forwardedRef, triggerRef);
+  const ariaProps = {
+    role: 'button',
+    id: triggerId,
+    'aria-haspopup': 'menu',
+    'aria-expanded': open,
+    'aria-controls': menuId,
+    disabled
+  };
+  const handlers = {
+    onPress: composeEventHandlers(consumerOnPress, handlePress),
+    onHoverIn: composeEventHandlers(consumerOnHoverIn, hoverProps.onHoverIn),
+    onHoverOut: composeEventHandlers(consumerOnHoverOut, hoverProps.onHoverOut),
+    onFocus: composeEventHandlers(consumerOnFocus, focusProps.onFocus),
+    onBlur: composeEventHandlers(composeEventHandlers(consumerOnBlur, focusProps.onBlur), clearPendingKeyboardOpen),
+    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown)
+  };
+  return {
+    ariaProps,
+    interactionState,
+    mergedRef,
+    handlers
+  };
+}
+//# sourceMappingURL=useMenuTrigger.js.map

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

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

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

@@ -0,0 +1,60 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable } from 'react-native';
+import { compareMonthIds, formatMonthId } from '@cdx-ui/formatters';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useMonthCalendarContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MonthCalendarCell = /*#__PURE__*/forwardRef(({
+  asChild,
+  month,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    visibleYear,
+    value,
+    onValueChange,
+    disabled,
+    minValue,
+    maxValue
+  } = useMonthCalendarContext();
+  const monthId = formatMonthId({
+    year: visibleYear,
+    month
+  });
+  const selected = value === monthId;
+  const outOfRange = minValue != null && compareMonthIds(monthId, minValue) < 0 || maxValue != null && compareMonthIds(monthId, maxValue) > 0;
+  const cellDisabled = disabled || outOfRange;
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    className: className,
+    style: style,
+    accessibilityRole: "button",
+    accessibilityState: {
+      selected,
+      disabled: cellDisabled
+    },
+    disabled: cellDisabled,
+    onPress: () => {
+      if (cellDisabled) {
+        return;
+      }
+      onValueChange?.(monthId);
+    },
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      selected,
+      disabled: cellDisabled,
+      slot: 'month-calendar-cell'
+    })),
+    children: children
+  });
+});
+MonthCalendarCell.displayName = 'MonthCalendarCell';
+//# sourceMappingURL=MonthCalendarCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","compareMonthIds","formatMonthId","Slot","dataAttributes","mergeDataAttributes","useMonthCalendarContext","jsx","_jsx","MonthCalendarCell","asChild","month","className","style","children","props","ref","visibleYear","value","onValueChange","disabled","minValue","maxValue","monthId","year","selected","outOfRange","cellDisabled","Comp","accessibilityRole","accessibilityState","onPress","slot","displayName"],"sourceRoot":"../../../src","sources":["month-calendar/MonthCalendarCell.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,SAAS,QAA8B,cAAc;AAC9D,SAASC,eAAe,EAAEC,aAAa,QAAsB,oBAAoB;AACjF,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,uBAAuB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpD,OAAO,MAAMC,iBAAiB,gBAAGV,UAAU,CACzC,CAAC;EAAEW,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,GACvEhB,uBAAuB,CAAC,CAAC;EAC3B,MAAMiB,OAAgB,GAAGrB,aAAa,CAAC;IAAEsB,IAAI,EAAEP,WAAW;IAAEN;EAAM,CAAC,CAAC;EACpE,MAAMc,QAAQ,GAAGP,KAAK,KAAKK,OAAO;EAClC,MAAMG,UAAU,GACbL,QAAQ,IAAI,IAAI,IAAIpB,eAAe,CAACsB,OAAO,EAAEF,QAAQ,CAAC,GAAG,CAAC,IAC1DC,QAAQ,IAAI,IAAI,IAAIrB,eAAe,CAACsB,OAAO,EAAED,QAAQ,CAAC,GAAG,CAAE;EAC9D,MAAMK,YAAY,GAAGP,QAAQ,IAAIM,UAAU;EAC3C,MAAME,IAAI,GAAGlB,OAAO,GAAGP,IAAI,GAAGH,SAAS;EAEvC,oBACEQ,IAAA,CAACoB,IAAI;IACHZ,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbgB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEL,QAAQ;MAAEL,QAAQ,EAAEO;IAAa,CAAE;IACzDP,QAAQ,EAAEO,YAAa;IACvBI,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIJ,YAAY,EAAE;QAChB;MACF;MACAR,aAAa,GAAGI,OAAO,CAAC;IAC1B,CAAE;IAAA,GACER,KAAK;IAAA,GACLV,mBAAmB,CACrBU,KAAK,EACLX,cAAc,CAAC;MAAEqB,QAAQ;MAAEL,QAAQ,EAAEO,YAAY;MAAEK,IAAI,EAAE;IAAsB,CAAC,CAClF,CAAC;IAAAlB,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDL,iBAAiB,CAACwB,WAAW,GAAG,mBAAmB","ignoreList":[]}

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

@@ -0,0 +1,99 @@
+"use strict";
+
+import { forwardRef, useEffect, useMemo, useRef } from 'react';
+import { View } from 'react-native';
+import { parseMonthId, resolveDateComponentLabels } from '@cdx-ui/formatters';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { accessibleLabelAttributes, resolveAccessibleLabel } from '../utils/accessibleLabel';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { MonthCalendarContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MonthCalendarRoot = /*#__PURE__*/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 = useMemo(() => resolveDateComponentLabels(labelsProp), [labelsProp]);
+  const accessibilityLabel = resolveAccessibleLabel({
+    accessibilityLabel: accessibilityLabelProp,
+    'aria-label': ariaLabelProp
+  });
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const parsed = value ? parseMonthId(value) : null;
+  const [view, setView] = useControllableState({
+    prop: viewProp,
+    defaultProp: defaultView,
+    onChange: onViewChange
+  });
+  const [visibleYear, setVisibleYear] = useControllableState({
+    prop: visibleYearProp,
+    defaultProp: defaultVisibleYear ?? parsed?.year ?? new Date().getFullYear(),
+    onChange: onVisibleYearChange
+  });
+  const prevValueRef = useRef(value);
+  useEffect(() => {
+    if (visibleYearProp !== undefined) {
+      prevValueRef.current = value;
+      return;
+    }
+    if (value === undefined || prevValueRef.current === value) {
+      prevValueRef.current = value;
+      return;
+    }
+    prevValueRef.current = value;
+    const nextParsed = parseMonthId(value);
+    if (nextParsed) {
+      setVisibleYear(nextParsed.year);
+    }
+  }, [setVisibleYear, value, visibleYearProp]);
+  const contextValue = 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 : View;
+  return /*#__PURE__*/_jsx(MonthCalendarContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      accessibilityRole: "none",
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        disabled
+      })),
+      ...accessibleLabelAttributes(accessibilityLabel),
+      children: children
+    })
+  });
+});
+MonthCalendarRoot.displayName = 'MonthCalendarRoot';
+//# sourceMappingURL=MonthCalendarRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","useMemo","useRef","View","parseMonthId","resolveDateComponentLabels","useControllableState","Slot","accessibleLabelAttributes","resolveAccessibleLabel","dataAttributes","mergeDataAttributes","MonthCalendarContext","jsx","_jsx","MonthCalendarRoot","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","setValue","prop","defaultProp","onChange","parsed","setView","setVisibleYear","year","Date","getFullYear","prevValueRef","undefined","current","nextParsed","contextValue","Comp","Provider","accessibilityRole","displayName"],"sourceRoot":"../../../src","sources":["month-calendar/MonthCalendarRoot.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable } from 'react-native';
+import { parseMonthId } from '@cdx-ui/formatters';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useMonthCalendarContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MonthCalendarYearCell = /*#__PURE__*/forwardRef(({
+  asChild,
+  year,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    visibleYear,
+    onVisibleYearChange,
+    onViewChange,
+    disabled,
+    minValue,
+    maxValue
+  } = useMonthCalendarContext();
+  const selected = visibleYear === year;
+  const minYear = minValue ? parseMonthId(minValue)?.year : undefined;
+  const maxYear = maxValue ? parseMonthId(maxValue)?.year : undefined;
+  const outOfRange = minYear != null && year < minYear || maxYear != null && year > maxYear;
+  const cellDisabled = disabled || outOfRange;
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_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,
+    ...mergeDataAttributes(props, dataAttributes({
+      selected,
+      disabled: cellDisabled,
+      slot: 'month-calendar-year-cell'
+    })),
+    children: children
+  });
+});
+MonthCalendarYearCell.displayName = 'MonthCalendarYearCell';
+//# sourceMappingURL=MonthCalendarYearCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","parseMonthId","Slot","dataAttributes","mergeDataAttributes","useMonthCalendarContext","jsx","_jsx","MonthCalendarYearCell","asChild","year","className","style","children","props","ref","visibleYear","onVisibleYearChange","onViewChange","disabled","minValue","maxValue","selected","minYear","undefined","maxYear","outOfRange","cellDisabled","Comp","accessibilityRole","accessibilityState","onPress","slot","displayName"],"sourceRoot":"../../../src","sources":["month-calendar/MonthCalendarYearCell.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,SAAS,QAA8B,cAAc;AAC9D,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,uBAAuB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpD,OAAO,MAAMC,qBAAqB,gBAAGT,UAAU,CAG7C,CAAC;EAAEU,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,GACpFhB,uBAAuB,CAAC,CAAC;EAC3B,MAAMiB,QAAQ,GAAGN,WAAW,KAAKN,IAAI;EACrC,MAAMa,OAAO,GAAGH,QAAQ,GAAGnB,YAAY,CAACmB,QAAQ,CAAC,EAAEV,IAAI,GAAGc,SAAS;EACnE,MAAMC,OAAO,GAAGJ,QAAQ,GAAGpB,YAAY,CAACoB,QAAQ,CAAC,EAAEX,IAAI,GAAGc,SAAS;EACnE,MAAME,UAAU,GAAIH,OAAO,IAAI,IAAI,IAAIb,IAAI,GAAGa,OAAO,IAAME,OAAO,IAAI,IAAI,IAAIf,IAAI,GAAGe,OAAQ;EAC7F,MAAME,YAAY,GAAGR,QAAQ,IAAIO,UAAU;EAC3C,MAAME,IAAI,GAAGnB,OAAO,GAAGP,IAAI,GAAGF,SAAS;EAEvC,oBACEO,IAAA,CAACqB,IAAI;IACHb,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbiB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAER,QAAQ;MAAEH,QAAQ,EAAEQ;IAAa,CAAE;IACzDR,QAAQ,EAAEQ,YAAa;IACvBI,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIJ,YAAY,EAAE;QAChB;MACF;MACAV,mBAAmB,CAACP,IAAI,CAAC;MACzBQ,YAAY,CAAC,OAAO,CAAC;IACvB,CAAE;IAAA,GACEJ,KAAK;IAAA,GACLV,mBAAmB,CACrBU,KAAK,EACLX,cAAc,CAAC;MAAEmB,QAAQ;MAAEH,QAAQ,EAAEQ,YAAY;MAAEK,IAAI,EAAE;IAA2B,CAAC,CACvF,CAAC;IAAAnB,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEFL,qBAAqB,CAACyB,WAAW,GAAG,uBAAuB","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+export const MonthCalendarContext = /*#__PURE__*/createContext(null);
+export function useMonthCalendarContext() {
+  const ctx = useContext(MonthCalendarContext);
+  if (!ctx) {
+    throw new Error('MonthCalendar compound components must be used within MonthCalendarRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","MonthCalendarContext","useMonthCalendarContext","ctx","Error"],"sourceRoot":"../../../src","sources":["month-calendar/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAqBjD,OAAO,MAAMC,oBAAoB,gBAAGF,aAAa,CAAmC,IAAI,CAAC;AAEzF,OAAO,SAASG,uBAAuBA,CAAA,EAA8B;EACnE,MAAMC,GAAG,GAAGH,UAAU,CAACC,oBAAoB,CAAC;EAC5C,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,yEAAyE,CAAC;EAC5F;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+export { MonthCalendarRoot } from './MonthCalendarRoot';
+export { MonthCalendarCell } from './MonthCalendarCell';
+export { MonthCalendarYearCell } from './MonthCalendarYearCell';
+export { useMonthCalendarContext } from './context';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MonthCalendarRoot","MonthCalendarCell","MonthCalendarYearCell","useMonthCalendarContext"],"sourceRoot":"../../../src","sources":["month-calendar/index.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,qBAAqB;AAEvD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,uBAAuB,QAAQ,WAAW","ignoreList":[]}

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

@@ -0,0 +1,114 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { resolveDateComponentLabels } from '@cdx-ui/formatters';
+import { mergeRefs, useControllableState } from '@cdx-ui/utils';
+import { DateFieldRoot } from '../date-field/DateFieldRoot';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { MonthPickerContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MonthPickerRoot = /*#__PURE__*/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 = useMemo(() => resolveDateComponentLabels(labelsProp), [labelsProp]);
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const [open, setOpenState] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [draftValue, setDraftValue] = useState(value);
+  const surfacesRef = useRef(new Set());
+  const anchorRef = useRef(null);
+  const triggerRef = useRef(null);
+  const setOpen = useCallback(next => {
+    if (disabled && next) {
+      return;
+    }
+    if (next) {
+      setDraftValue(value);
+    }
+    setOpenState(next);
+  }, [disabled, setOpenState, value]);
+  const registerSurface = 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.');
+    }
+  }, []);
+  useEffect(() => {
+    setDraftValue(value);
+  }, [value]);
+  useEffect(() => {
+    if (!open) {
+      surfacesRef.current.clear();
+    }
+  }, [open]);
+  const contextValue = 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 : View;
+  return /*#__PURE__*/_jsx(MonthPickerContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: mergeRefs(ref, anchorRef),
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        disabled,
+        open
+      })),
+      children: /*#__PURE__*/_jsx(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/module/month-picker/MonthPickerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useMemo","useRef","useState","View","resolveDateComponentLabels","mergeRefs","useControllableState","DateFieldRoot","Slot","dataAttributes","mergeDataAttributes","MonthPickerContext","jsx","_jsx","MonthPickerRoot","asChild","children","value","valueProp","defaultValue","onValueChange","isOpen","openProp","defaultOpen","onOpenChange","isDisabled","disabled","isReadOnly","isInvalid","isRequired","minValue","maxValue","locale","labels","labelsProp","props","ref","setValue","prop","defaultProp","onChange","open","setOpenState","draftValue","setDraftValue","surfacesRef","Set","anchorRef","triggerRef","setOpen","next","registerSurface","type","current","has","add","size","console","warn","clear","contextValue","Comp","Provider","mode","displayName"],"sourceRoot":"../../../src","sources":["month-picker/MonthPickerRoot.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QAGH,OAAO;AACd,SAASC,IAAI,QAAwB,cAAc;AAEnD,SAASC,0BAA0B,QAAQ,oBAAoB;AAC/D,SAASC,SAAS,EAAEC,oBAAoB,QAAQ,eAAe;AAC/D,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAE7E,SAASC,kBAAkB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA2B/C,OAAO,MAAMC,eAAe,gBAAGjB,UAAU,CACvC,CACE;EACEkB,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,GAAGjC,OAAO,CAAC,MAAMI,0BAA0B,CAAC8B,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAClF,MAAM,CAACjB,KAAK,EAAEoB,QAAQ,CAAC,GAAG/B,oBAAoB,CAAsB;IAClEgC,IAAI,EAAEpB,SAAS;IACfqB,WAAW,EAAEpB,YAAY;IACzBqB,QAAQ,EAAEpB;EACZ,CAAC,CAAC;EAEF,MAAM,CAACqB,IAAI,EAAEC,YAAY,CAAC,GAAGpC,oBAAoB,CAAU;IACzDgC,IAAI,EAAEhB,QAAQ;IACdiB,WAAW,EAAEhB,WAAW;IACxBiB,QAAQ,EAAEhB;EACZ,CAAC,CAAC;EAEF,MAAM,CAACmB,UAAU,EAAEC,aAAa,CAAC,GAAG1C,QAAQ,CAAsBe,KAAK,CAAC;EAExE,MAAM4B,WAAW,GAAG5C,MAAM,CAAyB,IAAI6C,GAAG,CAAC,CAAC,CAAC;EAC7D,MAAMC,SAAS,GAAG9C,MAAM,CAA4B,IAAI,CAAC;EACzD,MAAM+C,UAAU,GAAG/C,MAAM,CAA4B,IAAI,CAAC;EAE1D,MAAMgD,OAAO,GAAGnD,WAAW,CACxBoD,IAAa,IAAK;IACjB,IAAIxB,QAAQ,IAAIwB,IAAI,EAAE;MACpB;IACF;IACA,IAAIA,IAAI,EAAE;MACRN,aAAa,CAAC3B,KAAK,CAAC;IACtB;IACAyB,YAAY,CAACQ,IAAI,CAAC;EACpB,CAAC,EACD,CAACxB,QAAQ,EAAEgB,YAAY,EAAEzB,KAAK,CAChC,CAAC;EAED,MAAMkC,eAAe,GAAGrD,WAAW,CAAEsD,IAAuB,IAAK;IAC/D,IAAIP,WAAW,CAACQ,OAAO,CAACC,GAAG,CAACF,IAAI,CAAC,EAAE;MACjC;IACF;IACAP,WAAW,CAACQ,OAAO,CAACE,GAAG,CAACH,IAAI,CAAC;IAC7B,IAAIP,WAAW,CAACQ,OAAO,CAACG,IAAI,GAAG,CAAC,EAAE;MAChCC,OAAO,CAACC,IAAI,CACV,mHACF,CAAC;IACH;EACF,CAAC,EAAE,EAAE,CAAC;EAEN3D,SAAS,CAAC,MAAM;IACd6C,aAAa,CAAC3B,KAAK,CAAC;EACtB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEXlB,SAAS,CAAC,MAAM;IACd,IAAI,CAAC0C,IAAI,EAAE;MACTI,WAAW,CAACQ,OAAO,CAACM,KAAK,CAAC,CAAC;IAC7B;EACF,CAAC,EAAE,CAAClB,IAAI,CAAC,CAAC;EAEV,MAAMmB,YAAY,GAAG5D,OAAO,CAC1B,OAAO;IACLiB,KAAK;IACLG,aAAa,EAAEiB,QAAQ;IACvBM,UAAU;IACVC,aAAa;IACbH,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBQ,OAAO;IACPvB,QAAQ;IACRI,QAAQ;IACRC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNkB,eAAe;IACfJ,SAAS;IACTC;EACF,CAAC,CAAC,EACF,CACE/B,KAAK,EACLoB,QAAQ,EACRM,UAAU,EACVF,IAAI,EACJQ,OAAO,EACPvB,QAAQ,EACRI,QAAQ,EACRC,QAAQ,EACRC,MAAM,EACNC,MAAM,EACNkB,eAAe,CAEnB,CAAC;EAED,MAAMU,IAAI,GAAG9C,OAAO,GAAGP,IAAI,GAAGL,IAAI;EAElC,oBACEU,IAAA,CAACF,kBAAkB,CAACmD,QAAQ;IAAC7C,KAAK,EAAE2C,YAAa;IAAA5C,QAAA,eAC/CH,IAAA,CAACgD,IAAI;MACHzB,GAAG,EAAE/B,SAAS,CAAC+B,GAAG,EAAEW,SAAS,CAAE;MAAA,GAC3BZ,KAAK;MAAA,GACLzB,mBAAmB,CAACyB,KAAK,EAAE1B,cAAc,CAAC;QAAEiB,QAAQ;QAAEe;MAAK,CAAC,CAAC,CAAC;MAAAzB,QAAA,eAElEH,IAAA,CAACN,aAAa;QACZU,KAAK,EAAEA,KAAM;QACbG,aAAa,EAAG8B,IAAI,IAAKb,QAAQ,CAACa,IAA2B,CAAE;QAC/Da,IAAI,EAAC,OAAO;QACZ/B,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;AAEDF,eAAe,CAACkD,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+export const MonthPickerContext = /*#__PURE__*/createContext(null);
+export function useMonthPickerContext() {
+  const ctx = useContext(MonthPickerContext);
+  if (!ctx) {
+    throw new Error('MonthPicker compound components must be used within MonthPickerRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

package/lib/module/month-picker/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","MonthPickerContext","useMonthPickerContext","ctx","Error"],"sourceRoot":"../../../src","sources":["month-picker/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;AAsBjE,OAAO,MAAMC,kBAAkB,gBAAGF,aAAa,CAAiC,IAAI,CAAC;AAErF,OAAO,SAASG,qBAAqBA,CAAA,EAA4B;EAC/D,MAAMC,GAAG,GAAGH,UAAU,CAACC,kBAAkB,CAAC;EAC1C,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,qEAAqE,CAAC;EACxF;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}

package/lib/module/month-picker/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { MonthPickerRoot } from './MonthPickerRoot';
+export { MonthPickerContext, useMonthPickerContext } from './context';
+//# sourceMappingURL=index.js.map

package/lib/module/month-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MonthPickerRoot","MonthPickerContext","useMonthPickerContext"],"sourceRoot":"../../../src","sources":["month-picker/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,kBAAkB,EAAEC,qBAAqB,QAAsC,WAAW","ignoreList":[]}

package/lib/module/overlay/OverlayContainer.js

@@ -3,12 +3,13 @@
 import { Modal, Platform, Pressable, StyleSheet, View } from 'react-native';
 import Animated from 'react-native-reanimated';
 import { createPortalFn } from '../utils/createPortal';
+import { MODAL_OVERLAY_Z_INDEX } from './constants';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Cross-platform overlay container.
  *
  * - Web: renders children into a `createPortal` at `document.body` with
- *   `position: fixed` and `zIndex: 50`. Uses a plain `View` rather than
+ *   `position: fixed` and `MODAL_OVERLAY_Z_INDEX`. Uses a plain `View` rather than
  *   Reanimated's `Animated.View` because Reanimated's layout animations
  *   (`entering`/`exiting`) rely on `require()` calls that break silently
  *   in Vite production bundles, leaving elements stuck at opacity 0.
@@ -30,7 +31,7 @@ export function OverlayContainer({
     return createPortalFn(/*#__PURE__*/_jsx(View, {
       style: [{
         position: 'fixed',
-        zIndex: 50
+        zIndex: MODAL_OVERLAY_Z_INDEX
       }, style],
       children: children
     }), document.body);
@@ -49,9 +50,8 @@ export function OverlayContainer({
     }), /*#__PURE__*/_jsx(Animated.View, {
       entering: entering,
       exiting: exiting,
-      style: [{
-        position: 'absolute'
-      }, style],
+      pointerEvents: "box-none",
+      style: [StyleSheet.absoluteFill, style],
       children: children
     })]
   });