@cdx-ui/components 0.0.1-beta.16 → 0.0.1-beta.161

package/lib/commonjs/components/Calendar/CalendarYearPickerGrid.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarYearPickerGrid = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _formatters = require("@cdx-ui/formatters");
+var _utils = require("@cdx-ui/utils");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const YEAR_RANGE_BEFORE = 9;
+const YEAR_RANGE_AFTER = 11;
+const CalendarYearPickerGrid = exports.CalendarYearPickerGrid = /*#__PURE__*/(0, _react.forwardRef)(({
+  monthId,
+  onMonthIdChange,
+  disabled = false,
+  onViewChange,
+  labels: labelsProp,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const labels = (0, _react.useMemo)(() => (0, _formatters.resolveDateComponentLabels)(labelsProp), [labelsProp]);
+  const parts = (0, _formatters.parseMonthId)(monthId);
+  const currentYear = parts?.year ?? new Date().getFullYear();
+  const currentMonth = parts?.month ?? 1;
+  const years = (0, _react.useMemo)(() => Array.from({
+    length: YEAR_RANGE_BEFORE + YEAR_RANGE_AFTER + 1
+  }, (_, i) => currentYear - YEAR_RANGE_BEFORE + i), [currentYear]);
+  const selectYear = (0, _react.useCallback)(year => {
+    if (disabled) {
+      return;
+    }
+    onMonthIdChange((0, _formatters.formatMonthId)({
+      year,
+      month: currentMonth
+    }));
+    onViewChange('month');
+  }, [currentMonth, disabled, onMonthIdChange, onViewChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.calendarYearPickerGridVariants)(), className),
+    style: style,
+    accessibilityRole: "none",
+    ...props,
+    children: years.map(year => {
+      const selected = year === currentYear;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        accessibilityRole: "button",
+        accessibilityState: {
+          selected,
+          disabled
+        },
+        accessibilityLabel: (0, _formatters.formatSelectYear)(labels, year),
+        disabled: disabled,
+        onPress: () => selectYear(year),
+        className: (0, _styles.calendarPillCellVariants)({
+          selected,
+          disabled
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          className: (0, _styles.calendarPillCellTextVariants)({
+            selected
+          }),
+          children: String(year)
+        })
+      }, year);
+    })
+  });
+});
+CalendarYearPickerGrid.displayName = 'CalendarYearPickerGrid';
+//# sourceMappingURL=CalendarYearPickerGrid.js.map

package/lib/commonjs/components/Calendar/CalendarYearPickerGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_formatters","_utils","_styles","_jsxRuntime","YEAR_RANGE_BEFORE","YEAR_RANGE_AFTER","CalendarYearPickerGrid","exports","forwardRef","monthId","onMonthIdChange","disabled","onViewChange","labels","labelsProp","className","style","props","ref","useMemo","resolveDateComponentLabels","parts","parseMonthId","currentYear","year","Date","getFullYear","currentMonth","month","years","Array","from","length","_","i","selectYear","useCallback","formatMonthId","jsx","View","cn","calendarYearPickerGridVariants","accessibilityRole","children","map","selected","Pressable","accessibilityState","accessibilityLabel","formatSelectYear","onPress","calendarPillCellVariants","Text","calendarPillCellTextVariants","String","displayName"],"sourceRoot":"../../../../src","sources":["components/Calendar/CalendarYearPickerGrid.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Calendar/flashCalendarAdapter.js

@@ -0,0 +1,298 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FLASH_CALENDAR_RANGE_DAY_SPACING = exports.FLASH_CALENDAR_DAY_HEIGHT = void 0;
+exports.formatFlashCalendarWeekdayShort = formatFlashCalendarWeekdayShort;
+exports.toCalendarDateId = toCalendarDateId;
+exports.useFlashCalendarRangeTheme = useFlashCalendarRangeTheme;
+exports.useFlashCalendarTheme = useFlashCalendarTheme;
+var _react = require("react");
+var _uniwind = require("uniwind");
+const DAY_SIZE = 36;
+const DAY_RADIUS = DAY_SIZE / 2;
+const CALENDAR_COLOR_VARS = ['--color-surface-action-strong', '--color-content-action-on-strong', '--color-content-tertiary', '--color-surface-action-subtle', '--color-content-primary', '--color-stroke-action', '--color-surface-action-subtle-hover', '--color-content-action'];
+const CALENDAR_LENGTH_VARS = ['--text-sm', '--border-width-selected', '--opacity-disabled'];
+const DAY_FONT_SIZE_FALLBACK = 14;
+const TODAY_BORDER_WIDTH_FALLBACK = 2;
+const DISABLED_OPACITY_FALLBACK = 0.5;
+const ROOT_FONT_SIZE_PX = 16;
+function tokenValue(resolved, cssVar) {
+  return resolved != null ? String(resolved) : `var(${cssVar})`;
+}
+
+/**
+ * Coerces a length token to the numeric px RN `fontSize`/`borderWidth` require.
+ *
+ * `useCSSVariable` resolves lengths differently per platform: native returns a
+ * number already in px, while web returns the raw CSS string (`0.875rem`). Only
+ * the rem form needs the root-font-size conversion — scaling the native value
+ * would multiply it a second time.
+ */
+function lengthToPx(resolved, fallback) {
+  if (typeof resolved === 'number') {
+    return Number.isFinite(resolved) ? resolved : fallback;
+  }
+  if (typeof resolved !== 'string') {
+    return fallback;
+  }
+  const trimmed = resolved.trim();
+  const numeric = Number.parseFloat(trimmed);
+  if (!Number.isFinite(numeric)) {
+    return fallback;
+  }
+  return trimmed.endsWith('rem') ? numeric * ROOT_FONT_SIZE_PX : numeric;
+}
+function useFlashCalendarColors() {
+  const [surfaceActionStrong, contentActionOnStrong, contentTertiary, surfaceActionSubtle, contentPrimary, strokeAction, surfaceActionSubtleHover, contentAction] = (0, _uniwind.useCSSVariable)(CALENDAR_COLOR_VARS);
+  return (0, _react.useMemo)(() => ({
+    surfaceActionStrong: tokenValue(surfaceActionStrong, '--color-surface-action-strong'),
+    contentActionOnStrong: tokenValue(contentActionOnStrong, '--color-content-action-on-strong'),
+    contentTertiary: tokenValue(contentTertiary, '--color-content-tertiary'),
+    surfaceActionSubtle: tokenValue(surfaceActionSubtle, '--color-surface-action-subtle'),
+    contentPrimary: tokenValue(contentPrimary, '--color-content-primary'),
+    strokeAction: tokenValue(strokeAction, '--color-stroke-action'),
+    surfaceActionSubtleHover: tokenValue(surfaceActionSubtleHover, '--color-surface-action-subtle-hover'),
+    contentAction: tokenValue(contentAction, '--color-content-action')
+  }), [contentAction, contentActionOnStrong, contentPrimary, contentTertiary, strokeAction, surfaceActionStrong, surfaceActionSubtle, surfaceActionSubtleHover]);
+}
+function useFlashCalendarLengths() {
+  const [textSm, borderWidthSelected, opacityDisabled] = (0, _uniwind.useCSSVariable)(CALENDAR_LENGTH_VARS);
+  return (0, _react.useMemo)(() => ({
+    dayFontSize: lengthToPx(textSm, DAY_FONT_SIZE_FALLBACK),
+    todayBorderWidth: lengthToPx(borderWidthSelected, TODAY_BORDER_WIDTH_FALLBACK),
+    disabledOpacity: lengthToPx(opacityDisabled, DISABLED_OPACITY_FALLBACK)
+  }), [borderWidthSelected, opacityDisabled, textSm]);
+}
+function isSelectedDay(id, selectedDateId) {
+  return selectedDateId !== undefined && id === selectedDateId;
+}
+function selectedDayStyles(colors) {
+  return {
+    container: {
+      borderRadius: DAY_RADIUS,
+      borderWidth: 0,
+      backgroundColor: colors.surfaceActionStrong
+    },
+    content: {
+      color: colors.contentActionOnStrong,
+      fontWeight: '600'
+    }
+  };
+}
+function useFlashCalendarTheme(selectedDateId) {
+  const colors = useFlashCalendarColors();
+  const lengths = useFlashCalendarLengths();
+  const selected = (0, _react.useMemo)(() => selectedDayStyles(colors), [colors]);
+  return (0, _react.useMemo)(() => ({
+    rowMonth: {
+      container: {
+        height: 0,
+        paddingVertical: 0,
+        overflow: 'hidden'
+      },
+      content: {
+        fontSize: 0,
+        height: 0,
+        opacity: 0
+      }
+    },
+    rowWeek: {
+      container: {
+        paddingBottom: 4
+      }
+    },
+    itemWeekName: {
+      content: {
+        fontSize: 13,
+        fontWeight: '500',
+        color: colors.contentTertiary
+      }
+    },
+    itemDay: {
+      base: () => ({
+        container: {
+          borderRadius: DAY_RADIUS,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        content: {
+          fontSize: lengths.dayFontSize,
+          fontWeight: '500'
+        }
+      }),
+      idle: ({
+        id,
+        isPressed
+      }) => isSelectedDay(id, selectedDateId) ? selected : {
+        container: {
+          borderRadius: DAY_RADIUS,
+          backgroundColor: isPressed ? colors.surfaceActionSubtle : 'transparent'
+        },
+        content: {
+          color: colors.contentPrimary
+        }
+      },
+      today: ({
+        id,
+        isPressed
+      }) => isSelectedDay(id, selectedDateId) ? selected : {
+        container: {
+          borderRadius: DAY_RADIUS,
+          borderWidth: lengths.todayBorderWidth,
+          borderColor: colors.strokeAction,
+          backgroundColor: isPressed ? colors.surfaceActionSubtle : 'transparent'
+        },
+        content: {
+          color: colors.contentPrimary,
+          fontWeight: '600'
+        }
+      },
+      active: () => selected,
+      disabled: () => ({
+        container: {
+          borderRadius: DAY_RADIUS,
+          backgroundColor: 'transparent'
+        },
+        content: {
+          color: colors.contentPrimary,
+          opacity: lengths.disabledOpacity
+        }
+      })
+    }
+  }), [colors, lengths, selected, selectedDateId]);
+}
+function useFlashCalendarRangeTheme(range) {
+  const colors = useFlashCalendarColors();
+  const lengths = useFlashCalendarLengths();
+  const selected = (0, _react.useMemo)(() => selectedDayStyles(colors), [colors]);
+  return (0, _react.useMemo)(() => ({
+    rowMonth: {
+      container: {
+        height: 0,
+        paddingVertical: 0,
+        overflow: 'hidden'
+      },
+      content: {
+        fontSize: 0,
+        height: 0,
+        opacity: 0
+      }
+    },
+    rowWeek: {
+      container: {
+        paddingBottom: 4
+      }
+    },
+    itemWeekName: {
+      content: {
+        fontSize: 13,
+        fontWeight: '500',
+        color: colors.contentTertiary
+      }
+    },
+    itemDayContainer: {
+      activeDayFiller: {
+        backgroundColor: colors.surfaceActionSubtleHover
+      }
+    },
+    itemDay: {
+      base: () => ({
+        container: {
+          borderRadius: 0,
+          padding: 0,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        content: {
+          fontSize: lengths.dayFontSize,
+          fontWeight: '500'
+        }
+      }),
+      idle: ({
+        isPressed
+      }) => ({
+        container: {
+          borderRadius: DAY_RADIUS,
+          backgroundColor: isPressed ? colors.surfaceActionSubtle : 'transparent'
+        },
+        content: {
+          color: colors.contentPrimary
+        }
+      }),
+      today: ({
+        id,
+        isPressed
+      }) => {
+        const isEndpoint = range?.startId !== undefined && id === range.startId || range?.endId !== undefined && id === range.endId;
+        if (isEndpoint) {
+          return selected;
+        }
+        return {
+          container: {
+            borderRadius: DAY_RADIUS,
+            borderWidth: lengths.todayBorderWidth,
+            borderColor: colors.strokeAction,
+            backgroundColor: isPressed ? colors.surfaceActionSubtle : 'transparent'
+          },
+          content: {
+            color: colors.contentPrimary,
+            fontWeight: '600'
+          }
+        };
+      },
+      active: ({
+        isStartOfRange,
+        isEndOfRange
+      }) => {
+        const isEndpoint = isStartOfRange || isEndOfRange;
+        const isSingleDay = isStartOfRange && isEndOfRange;
+        return {
+          container: {
+            padding: 0,
+            borderRadius: isSingleDay ? DAY_RADIUS : 0,
+            borderTopLeftRadius: isStartOfRange ? DAY_RADIUS : 0,
+            borderBottomLeftRadius: isStartOfRange ? DAY_RADIUS : 0,
+            borderTopRightRadius: isEndOfRange ? DAY_RADIUS : 0,
+            borderBottomRightRadius: isEndOfRange ? DAY_RADIUS : 0,
+            backgroundColor: isEndpoint ? colors.surfaceActionStrong : colors.surfaceActionSubtleHover
+          },
+          content: {
+            color: isEndpoint ? colors.contentActionOnStrong : colors.contentAction,
+            fontWeight: isEndpoint ? '600' : '500'
+          }
+        };
+      },
+      disabled: () => ({
+        container: {
+          borderRadius: DAY_RADIUS,
+          backgroundColor: 'transparent'
+        },
+        content: {
+          color: colors.contentPrimary,
+          opacity: lengths.disabledOpacity
+        }
+      })
+    }
+  }), [colors, lengths, range?.endId, range?.startId, selected]);
+}
+
+/** Keep range days flush so the band reads as one shape (filler covers residual sub-pixel gaps). */
+const FLASH_CALENDAR_RANGE_DAY_SPACING = exports.FLASH_CALENDAR_RANGE_DAY_SPACING = 0;
+const FLASH_CALENDAR_DAY_HEIGHT = exports.FLASH_CALENDAR_DAY_HEIGHT = DAY_SIZE;
+function formatFlashCalendarWeekdayShort(date, locale) {
+  return new Intl.DateTimeFormat(locale, {
+    weekday: 'short'
+  }).format(date);
+}
+
+/**
+ * Brands a raw Flash Calendar day id as a wire {@link DateId}. Flash Calendar
+ * always hands back `YYYY-MM-DD`, so this is the trusted third-party boundary
+ * where the wire brand is applied.
+ */
+function toCalendarDateId(id) {
+  return id;
+}
+//# sourceMappingURL=flashCalendarAdapter.js.map

package/lib/commonjs/components/Calendar/flashCalendarAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_uniwind","DAY_SIZE","DAY_RADIUS","CALENDAR_COLOR_VARS","CALENDAR_LENGTH_VARS","DAY_FONT_SIZE_FALLBACK","TODAY_BORDER_WIDTH_FALLBACK","DISABLED_OPACITY_FALLBACK","ROOT_FONT_SIZE_PX","tokenValue","resolved","cssVar","String","lengthToPx","fallback","Number","isFinite","trimmed","trim","numeric","parseFloat","endsWith","useFlashCalendarColors","surfaceActionStrong","contentActionOnStrong","contentTertiary","surfaceActionSubtle","contentPrimary","strokeAction","surfaceActionSubtleHover","contentAction","useCSSVariable","useMemo","useFlashCalendarLengths","textSm","borderWidthSelected","opacityDisabled","dayFontSize","todayBorderWidth","disabledOpacity","isSelectedDay","id","selectedDateId","undefined","selectedDayStyles","colors","container","borderRadius","borderWidth","backgroundColor","content","color","fontWeight","useFlashCalendarTheme","lengths","selected","rowMonth","height","paddingVertical","overflow","fontSize","opacity","rowWeek","paddingBottom","itemWeekName","itemDay","base","alignItems","justifyContent","idle","isPressed","today","borderColor","active","disabled","useFlashCalendarRangeTheme","range","itemDayContainer","activeDayFiller","padding","isEndpoint","startId","endId","isStartOfRange","isEndOfRange","isSingleDay","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","FLASH_CALENDAR_RANGE_DAY_SPACING","exports","FLASH_CALENDAR_DAY_HEIGHT","formatFlashCalendarWeekdayShort","date","locale","Intl","DateTimeFormat","weekday","format","toCalendarDateId"],"sourceRoot":"../../../../src","sources":["components/Calendar/flashCalendarAdapter.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Calendar/index.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Calendar = void 0;
+var _react = require("react");
+var _flashCalendar = require("@marceloterreiro/flash-calendar");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _CalendarMonthHeader = require("./CalendarMonthHeader");
+var _CalendarYearPickerGrid = require("./CalendarYearPickerGrid");
+var _flashCalendarAdapter = require("./flashCalendarAdapter");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function CalendarDefaultBody() {
+  const {
+    view
+  } = (0, _primitives.useCalendarContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarHeader, {}), view === 'year' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarYearPicker, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarGrid, {})]
+  });
+}
+const CalendarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.CalendarRoot, {
+  ref: ref,
+  className: (0, _utils.cn)((0, _styles.calendarRootVariants)(), className),
+  style: style,
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'calendar'
+  })),
+  children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarDefaultBody, {})
+}));
+CalendarRoot.displayName = 'Calendar';
+const CalendarHeader = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    monthId,
+    onMonthIdChange,
+    disabled,
+    view,
+    setView,
+    locale,
+    labels
+  } = (0, _primitives.useCalendarContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarMonthHeader.CalendarMonthHeader, {
+    ref: ref,
+    monthId: monthId,
+    onMonthIdChange: onMonthIdChange,
+    disabled: disabled,
+    view: view,
+    onViewChange: setView,
+    locale: locale,
+    labels: labels,
+    className: className,
+    style: style,
+    ...props
+  });
+});
+CalendarHeader.displayName = 'Calendar.Header';
+const CalendarGrid = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    value,
+    onValueChange,
+    monthId,
+    minValue,
+    maxValue,
+    disabled,
+    locale
+  } = (0, _primitives.useCalendarContext)();
+  const instanceId = (0, _react.useId)();
+  const theme = (0, _flashCalendarAdapter.useFlashCalendarTheme)(value);
+  const formatWeekday = (0, _react.useCallback)(date => (0, _flashCalendarAdapter.formatFlashCalendarWeekdayShort)(date, locale), [locale]);
+  const activeRanges = (0, _react.useMemo)(() => value ? [{
+    startId: value,
+    endId: value
+  }] : [], [value]);
+  const handleDayPress = (0, _react.useCallback)(dateId => {
+    if (!disabled) {
+      onValueChange?.((0, _flashCalendarAdapter.toCalendarDateId)(dateId));
+    }
+  }, [disabled, onValueChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.CalendarGrid, {
+    ref: ref,
+    className: className,
+    style: style,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_flashCalendar.Calendar, {
+      calendarInstanceId: instanceId,
+      calendarMonthId: monthId,
+      calendarActiveDateRanges: activeRanges,
+      calendarMinDateId: minValue,
+      calendarMaxDateId: maxValue,
+      calendarMonthHeaderHeight: 0,
+      calendarDayHeight: _flashCalendarAdapter.FLASH_CALENDAR_DAY_HEIGHT,
+      calendarWeekHeaderHeight: 28,
+      calendarRowVerticalSpacing: 4,
+      calendarRowHorizontalSpacing: 4,
+      getCalendarMonthFormat: () => '',
+      getCalendarWeekDayFormat: formatWeekday,
+      onCalendarDayPress: handleDayPress,
+      theme: theme
+    })
+  });
+});
+CalendarGrid.displayName = 'Calendar.Grid';
+const CalendarYearPicker = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    monthId,
+    onMonthIdChange,
+    disabled,
+    setView,
+    labels
+  } = (0, _primitives.useCalendarContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarYearPickerGrid.CalendarYearPickerGrid, {
+    ref: ref,
+    monthId: monthId,
+    onMonthIdChange: onMonthIdChange,
+    disabled: disabled,
+    onViewChange: setView,
+    labels: labels,
+    className: className,
+    style: style,
+    ...props
+  });
+});
+CalendarYearPicker.displayName = 'Calendar.YearPicker';
+const Calendar = exports.Calendar = Object.assign(CalendarRoot, {
+  Header: CalendarHeader,
+  Grid: CalendarGrid,
+  YearPicker: CalendarYearPicker
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_flashCalendar","_primitives","_utils","_CalendarMonthHeader","_CalendarYearPickerGrid","_flashCalendarAdapter","_styles","_jsxRuntime","CalendarDefaultBody","view","useCalendarContext","jsxs","Fragment","children","jsx","CalendarHeader","CalendarYearPicker","CalendarGrid","CalendarRoot","forwardRef","className","style","props","ref","cn","calendarRootVariants","mergeDataAttributes","dataAttributes","slot","displayName","monthId","onMonthIdChange","disabled","setView","locale","labels","CalendarMonthHeader","onViewChange","value","onValueChange","minValue","maxValue","instanceId","useId","theme","useFlashCalendarTheme","formatWeekday","useCallback","date","formatFlashCalendarWeekdayShort","activeRanges","useMemo","startId","endId","handleDayPress","dateId","toCalendarDateId","Calendar","calendarInstanceId","calendarMonthId","calendarActiveDateRanges","calendarMinDateId","calendarMaxDateId","calendarMonthHeaderHeight","calendarDayHeight","FLASH_CALENDAR_DAY_HEIGHT","calendarWeekHeaderHeight","calendarRowVerticalSpacing","calendarRowHorizontalSpacing","getCalendarMonthFormat","getCalendarWeekDayFormat","onCalendarDayPress","CalendarYearPickerGrid","exports","Object","assign","Header","Grid","YearPicker"],"sourceRoot":"../../../../src","sources":["components/Calendar/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Calendar/styles.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calendarYearPickerGridVariants = exports.calendarRootVariants = exports.calendarPillCellVariants = exports.calendarPillCellTextVariants = exports.calendarMonthHeaderVariants = exports.calendarMonthHeaderToggleVariants = exports.calendarMonthHeaderNavVariants = exports.calendarMonthHeaderLabelVariants = exports.calendarMonthHeaderIconVariants = void 0;
+var _utils = require("@cdx-ui/utils");
+var _constants = require("../../styles/constants");
+const calendarRootVariants = exports.calendarRootVariants = (0, _utils.cva)(['gap-3 rounded-[var(--border-radius-default)] bg-surface-primary p-3', _constants.DISABLED_OPACITY, _constants.DISABLED_CURSOR]);
+const calendarMonthHeaderVariants = exports.calendarMonthHeaderVariants = (0, _utils.cva)('flex-row items-center justify-between gap-2 px-1');
+const calendarMonthHeaderToggleVariants = exports.calendarMonthHeaderToggleVariants = (0, _utils.cva)('min-w-0 flex-1 flex-row items-center gap-1');
+const calendarMonthHeaderLabelVariants = exports.calendarMonthHeaderLabelVariants = (0, _utils.cva)('body-lg font-semibold shrink', {
+  variants: {
+    isYearView: {
+      true: 'text-content-action',
+      false: 'text-content-primary'
+    }
+  },
+  defaultVariants: {
+    isYearView: false
+  }
+});
+const calendarMonthHeaderIconVariants = exports.calendarMonthHeaderIconVariants = (0, _utils.cva)('size-5 shrink-0', {
+  variants: {
+    isYearView: {
+      true: 'text-content-action',
+      false: 'text-content-secondary'
+    }
+  },
+  defaultVariants: {
+    isYearView: false
+  }
+});
+const calendarMonthHeaderNavVariants = exports.calendarMonthHeaderNavVariants = (0, _utils.cva)('flex-row items-center gap-1');
+const calendarYearPickerGridVariants = exports.calendarYearPickerGridVariants = (0, _utils.cva)('flex-row flex-wrap justify-between gap-y-2 px-1 py-1');
+const calendarPillCellVariants = exports.calendarPillCellVariants = (0, _utils.cva)('my-0.5 w-[31%] items-center justify-center rounded-[var(--border-radius-round)] py-2.5', {
+  variants: {
+    selected: {
+      true: 'bg-surface-action-strong',
+      false: 'bg-transparent'
+    },
+    // Dims out-of-range / disabled cells and gates the compound variant
+    // below so hover is suppressed on disabled cells.
+    disabled: {
+      true: _constants.DISABLED_OPACITY,
+      false: ''
+    }
+  },
+  compoundVariants: [{
+    selected: false,
+    disabled: false,
+    className: 'web:hover:bg-surface-action-subtle'
+  }],
+  defaultVariants: {
+    selected: false,
+    disabled: false
+  }
+});
+const calendarPillCellTextVariants = exports.calendarPillCellTextVariants = (0, _utils.cva)('body-md', {
+  variants: {
+    selected: {
+      true: 'font-semibold text-content-action-on-strong',
+      false: 'text-content-primary'
+    }
+  },
+  defaultVariants: {
+    selected: false
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/Calendar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_constants","calendarRootVariants","exports","cva","DISABLED_OPACITY","DISABLED_CURSOR","calendarMonthHeaderVariants","calendarMonthHeaderToggleVariants","calendarMonthHeaderLabelVariants","variants","isYearView","true","false","defaultVariants","calendarMonthHeaderIconVariants","calendarMonthHeaderNavVariants","calendarYearPickerGridVariants","calendarPillCellVariants","selected","disabled","compoundVariants","className","calendarPillCellTextVariants"],"sourceRoot":"../../../../src","sources":["components/Calendar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,UAAG,EAAC,CACtC,qEAAqE,EACrEC,2BAAgB,EAChBC,0BAAe,CAChB,CAAC;AAEK,MAAMC,2BAA2B,GAAAJ,OAAA,CAAAI,2BAAA,GAAG,IAAAH,UAAG,EAAC,kDAAkD,CAAC;AAE3F,MAAMI,iCAAiC,GAAAL,OAAA,CAAAK,iCAAA,GAAG,IAAAJ,UAAG,EAAC,4CAA4C,CAAC;AAE3F,MAAMK,gCAAgC,GAAAN,OAAA,CAAAM,gCAAA,GAAG,IAAAL,UAAG,EAAC,8BAA8B,EAAE;EAClFM,QAAQ,EAAE;IACRC,UAAU,EAAE;MACVC,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,UAAU,EAAE;EAAM;AACvC,CAAC,CAAC;AAEK,MAAMI,+BAA+B,GAAAZ,OAAA,CAAAY,+BAAA,GAAG,IAAAX,UAAG,EAAC,iBAAiB,EAAE;EACpEM,QAAQ,EAAE;IACRC,UAAU,EAAE;MACVC,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,UAAU,EAAE;EAAM;AACvC,CAAC,CAAC;AAEK,MAAMK,8BAA8B,GAAAb,OAAA,CAAAa,8BAAA,GAAG,IAAAZ,UAAG,EAAC,6BAA6B,CAAC;AAEzE,MAAMa,8BAA8B,GAAAd,OAAA,CAAAc,8BAAA,GAAG,IAAAb,UAAG,EAC/C,sDACF,CAAC;AAEM,MAAMc,wBAAwB,GAAAf,OAAA,CAAAe,wBAAA,GAAG,IAAAd,UAAG,EACzC,wFAAwF,EACxF;EACEM,QAAQ,EAAE;IACRS,QAAQ,EAAE;MACRP,IAAI,EAAE,0BAA0B;MAChCC,KAAK,EAAE;IACT,CAAC;IACD;IACA;IACAO,QAAQ,EAAE;MACRR,IAAI,EAAEP,2BAAgB;MACtBQ,KAAK,EAAE;IACT;EACF,CAAC;EACDQ,gBAAgB,EAAE,CAChB;IACEF,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE,KAAK;IACfE,SAAS,EAAE;EACb,CAAC,CACF;EACDR,eAAe,EAAE;IAAEK,QAAQ,EAAE,KAAK;IAAEC,QAAQ,EAAE;EAAM;AACtD,CACF,CAAC;AAEM,MAAMG,4BAA4B,GAAApB,OAAA,CAAAoB,4BAAA,GAAG,IAAAnB,UAAG,EAAC,SAAS,EAAE;EACzDM,QAAQ,EAAE;IACRS,QAAQ,EAAE;MACRP,IAAI,EAAE,6CAA6C;MACnDC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEK,QAAQ,EAAE;EAAM;AACrC,CAAC,CAAC","ignoreList":[]}