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

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

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeField = void 0;
+var _react = require("react");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _DateField = require("../DateField");
+var _styles = require("../DateField/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const SCOPE = 'DATE_FIELD';
+const useDateFieldStyleContext = () => (0, _utils.useParentContext)()[SCOPE] ?? {};
+const DateTimeFieldRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  variant = 'outline',
+  size = 'default',
+  fullWidth,
+  ...props
+}, ref) => {
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
+      variant,
+      size,
+      fullWidth
+    }
+  }), [parent, variant, size, fullWidth]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimeFieldRoot, {
+      ref: ref,
+      className: (0, _utils.cn)((0, _styles.dateFieldRootVariants)(), className),
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'date-time-field'
+      })),
+      children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateField.DateField.Group, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeField.Input, {
+          children: segment => /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeField.Segment, {
+            segment: segment
+          })
+        })
+      })
+    })
+  });
+});
+DateTimeFieldRoot.displayName = 'DateTimeField';
+const DateTimeFieldInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useDateFieldStyleContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimeFieldInput, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.dateFieldInputVariants)({
+      size: size ?? 'default'
+    }), className),
+    style: style,
+    ...props
+  });
+});
+DateTimeFieldInput.displayName = 'DateTimeField.Input';
+const DateTimeFieldSegment = /*#__PURE__*/(0, _react.forwardRef)(({
+  segment,
+  className,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimeFieldSegment, {
+  ref: ref,
+  segment: segment,
+  className: (0, _utils.cn)((0, _styles.dateFieldSegmentVariants)({
+    literal: !segment.isEditable
+  }), className),
+  style: style,
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    placeholder: segment.isEditable && segment.value == null
+  }))
+}));
+DateTimeFieldSegment.displayName = 'DateTimeField.Segment';
+const DateTimeField = exports.DateTimeField = Object.assign(DateTimeFieldRoot, {
+  Group: _DateField.DateField.Group,
+  Input: DateTimeFieldInput,
+  Segment: DateTimeFieldSegment,
+  Suffix: _DateField.DateField.Suffix
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_primitives","_utils","_DateField","_styles","_jsxRuntime","SCOPE","useDateFieldStyleContext","useParentContext","DateTimeFieldRoot","forwardRef","className","children","style","variant","size","fullWidth","props","ref","parent","ctx","useMemo","jsx","ParentContext","Provider","value","cn","dateFieldRootVariants","mergeDataAttributes","dataAttributes","slot","DateField","Group","DateTimeField","Input","segment","Segment","displayName","DateTimeFieldInput","dateFieldInputVariants","DateTimeFieldSegment","dateFieldSegmentVariants","literal","isEditable","placeholder","exports","Object","assign","Suffix"],"sourceRoot":"../../../../src","sources":["components/DateTimeField/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeList = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _uniwind = require("uniwind");
+var _primitives = require("@cdx-ui/primitives");
+var _formatters = require("@cdx-ui/formatters");
+var _utils = require("@cdx-ui/utils");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function DateTimeListDefaultBody() {
+  const {
+    granularity,
+    hour12
+  } = (0, _primitives.useDateTimeListContext)();
+  const {
+    showTime,
+    showMinute,
+    showSecond
+  } = (0, _formatters.getDateTimeSegmentVisibility)(granularity);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListDateColumn, {}), showTime ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListHourColumn, {}), showMinute ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListMinuteColumn, {}) : null, showSecond ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListSecondColumn, {}) : null, hour12 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListPeriodColumn, {}) : null]
+    }) : null]
+  });
+}
+
+/** Cross-platform edge fade (Uniwind gradients are unreliable on native). */
+function EdgeFade({
+  edge
+}) {
+  const surface = (0, _uniwind.useCSSVariable)('--color-surface-primary') || 'transparent';
+  const isTop = edge === 'top';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    className: (0, _styles.dateTimeListEdgeFadeVariants)({
+      edge
+    }),
+    style: {
+      height: _primitives.DATE_TIME_LIST_ITEM_HEIGHT * 1.75,
+      experimental_backgroundImage: isTop ? `linear-gradient(to bottom, ${surface}, transparent)` : `linear-gradient(to top, ${surface}, transparent)`
+    }
+  });
+}
+const DateTimeListRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.DateTimeListRoot, {
+  ref: ref,
+  className: (0, _utils.cn)((0, _styles.dateTimeListRootVariants)(), className),
+  style: [{
+    height: _primitives.DATE_TIME_LIST_HEIGHT
+  }, style],
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'date-time-list'
+  })),
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    className: (0, _styles.dateTimeListHighlightVariants)(),
+    style: {
+      top: (_primitives.DATE_TIME_LIST_HEIGHT - _primitives.DATE_TIME_LIST_ITEM_HEIGHT) / 2,
+      height: _primitives.DATE_TIME_LIST_ITEM_HEIGHT
+    }
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: (0, _styles.dateTimeListColumnsVariants)(),
+    children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListDefaultBody, {})
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(EdgeFade, {
+    edge: "top"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(EdgeFade, {
+    edge: "bottom"
+  })]
+}));
+DateTimeListRoot.displayName = 'DateTimeList';
+function ColumnOption({
+  option
+}) {
+  const {
+    onSelect,
+    column
+  } = (0, _primitives.useDateTimeListColumnContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: option.label,
+    accessibilityState: {
+      selected: option.selected
+    },
+    onPress: () => onSelect(option.value),
+    className: (0, _styles.dateTimeListOptionVariants)(),
+    'data-column': column,
+    'data-selected': option.selected,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      className: (0, _styles.dateTimeListOptionTextVariants)({
+        selected: option.selected
+      }),
+      numberOfLines: 1,
+      children: option.label
+    })
+  });
+}
+function ColumnShell({
+  className,
+  style,
+  column,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimeListColumn, {
+    column: column,
+    className: (0, _utils.cn)((0, _styles.dateTimeListColumnVariants)({
+      column
+    }), className),
+    style: [{
+      height: _primitives.DATE_TIME_LIST_HEIGHT
+    }, style],
+    ...props,
+    children: option => /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnOption, {
+      option: option
+    })
+  });
+}
+function DateTimeListDateColumn(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnShell, {
+    column: "date",
+    ...props
+  });
+}
+function DateTimeListHourColumn(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnShell, {
+    column: "hour",
+    ...props
+  });
+}
+function DateTimeListMinuteColumn(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnShell, {
+    column: "minute",
+    ...props
+  });
+}
+function DateTimeListSecondColumn(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnShell, {
+    column: "second",
+    ...props
+  });
+}
+function DateTimeListTimeColumn(props) {
+  const {
+    granularity
+  } = (0, _primitives.useDateTimeListContext)();
+  const {
+    showMinute,
+    showSecond
+  } = (0, _formatters.getDateTimeSegmentVisibility)(granularity);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListHourColumn, {
+      ...props
+    }), showMinute ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListMinuteColumn, {
+      ...props
+    }) : null, showSecond ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListSecondColumn, {
+      ...props
+    }) : null]
+  });
+}
+function DateTimeListPeriodColumn(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnShell, {
+    column: "period",
+    ...props
+  });
+}
+const DateTimeList = exports.DateTimeList = Object.assign(DateTimeListRoot, {
+  DateColumn: DateTimeListDateColumn,
+  TimeColumn: DateTimeListTimeColumn,
+  PeriodColumn: DateTimeListPeriodColumn
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_uniwind","_primitives","_formatters","_utils","_styles","_jsxRuntime","DateTimeListDefaultBody","granularity","hour12","useDateTimeListContext","showTime","showMinute","showSecond","getDateTimeSegmentVisibility","jsxs","Fragment","children","jsx","DateTimeListDateColumn","DateTimeListHourColumn","DateTimeListMinuteColumn","DateTimeListSecondColumn","DateTimeListPeriodColumn","EdgeFade","edge","surface","useCSSVariable","isTop","View","pointerEvents","className","dateTimeListEdgeFadeVariants","style","height","DATE_TIME_LIST_ITEM_HEIGHT","experimental_backgroundImage","DateTimeListRoot","forwardRef","props","ref","cn","dateTimeListRootVariants","DATE_TIME_LIST_HEIGHT","mergeDataAttributes","dataAttributes","slot","dateTimeListHighlightVariants","top","dateTimeListColumnsVariants","displayName","ColumnOption","option","onSelect","column","useDateTimeListColumnContext","Pressable","accessibilityRole","accessibilityLabel","label","accessibilityState","selected","onPress","value","dateTimeListOptionVariants","Text","dateTimeListOptionTextVariants","numberOfLines","ColumnShell","DateTimeListColumn","dateTimeListColumnVariants","DateTimeListTimeColumn","DateTimeList","exports","Object","assign","DateColumn","TimeColumn","PeriodColumn"],"sourceRoot":"../../../../src","sources":["components/DateTimeList/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateTimeListRootVariants = exports.dateTimeListOptionVariants = exports.dateTimeListOptionTextVariants = exports.dateTimeListHighlightVariants = exports.dateTimeListEdgeFadeVariants = exports.dateTimeListColumnsVariants = exports.dateTimeListColumnVariants = void 0;
+var _utils = require("@cdx-ui/utils");
+// Stacking order inside the DateTimeList root: the highlight band sits behind
+// the option columns, and the edge fades sit above both. Uniwind requires
+// statically detectable class names, so each layer is a named literal rather
+// than a computed `z-[...]` string.
+const LAYER_HIGHLIGHT = 'z-[1]';
+const LAYER_COLUMNS = 'z-[2]';
+const LAYER_EDGE_FADE = 'z-[3]';
+const dateTimeListRootVariants = exports.dateTimeListRootVariants = (0, _utils.cva)('relative overflow-hidden rounded-[var(--border-radius-default)] bg-surface-primary px-2');
+const dateTimeListHighlightVariants = exports.dateTimeListHighlightVariants = (0, _utils.cva)(['absolute left-2 right-2', LAYER_HIGHLIGHT, 'rounded-[var(--border-radius-default)] bg-surface-secondary']);
+const dateTimeListColumnsVariants = exports.dateTimeListColumnsVariants = (0, _utils.cva)([LAYER_COLUMNS, 'h-full flex-row']);
+const dateTimeListColumnVariants = exports.dateTimeListColumnVariants = (0, _utils.cva)('min-w-0', {
+  variants: {
+    column: {
+      date: 'flex-[1.8]',
+      hour: 'flex-1',
+      minute: 'flex-1',
+      second: 'flex-1',
+      period: 'flex-[0.8]'
+    }
+  },
+  defaultVariants: {
+    column: 'hour'
+  }
+});
+const dateTimeListOptionVariants = exports.dateTimeListOptionVariants = (0, _utils.cva)('h-full items-center justify-center px-1');
+const dateTimeListOptionTextVariants = exports.dateTimeListOptionTextVariants = (0, _utils.cva)('body-md tabular-nums', {
+  variants: {
+    selected: {
+      true: 'font-semibold text-content-primary',
+      false: 'text-content-tertiary'
+    }
+  },
+  defaultVariants: {
+    selected: false
+  }
+});
+const dateTimeListEdgeFadeVariants = exports.dateTimeListEdgeFadeVariants = (0, _utils.cva)(['absolute left-0 right-0', LAYER_EDGE_FADE], {
+  variants: {
+    edge: {
+      top: 'top-0',
+      bottom: 'bottom-0'
+    }
+  },
+  defaultVariants: {
+    edge: 'top'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","LAYER_HIGHLIGHT","LAYER_COLUMNS","LAYER_EDGE_FADE","dateTimeListRootVariants","exports","cva","dateTimeListHighlightVariants","dateTimeListColumnsVariants","dateTimeListColumnVariants","variants","column","date","hour","minute","second","period","defaultVariants","dateTimeListOptionVariants","dateTimeListOptionTextVariants","selected","true","false","dateTimeListEdgeFadeVariants","edge","top","bottom"],"sourceRoot":"../../../../src","sources":["components/DateTimeList/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAG,OAAO;AAC/B,MAAMC,aAAa,GAAG,OAAO;AAC7B,MAAMC,eAAe,GAAG,OAAO;AAExB,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,UAAG,EACzC,yFACF,CAAC;AAEM,MAAMC,6BAA6B,GAAAF,OAAA,CAAAE,6BAAA,GAAG,IAAAD,UAAG,EAAC,CAC/C,yBAAyB,EACzBL,eAAe,EACf,6DAA6D,CAC9D,CAAC;AAEK,MAAMO,2BAA2B,GAAAH,OAAA,CAAAG,2BAAA,GAAG,IAAAF,UAAG,EAAC,CAACJ,aAAa,EAAE,iBAAiB,CAAC,CAAC;AAE3E,MAAMO,0BAA0B,GAAAJ,OAAA,CAAAI,0BAAA,GAAG,IAAAH,UAAG,EAAC,SAAS,EAAE;EACvDI,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,IAAI,EAAE,YAAY;MAClBC,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE,QAAQ;MAChBC,MAAM,EAAE,QAAQ;MAChBC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,eAAe,EAAE;IAAEN,MAAM,EAAE;EAAO;AACpC,CAAC,CAAC;AAEK,MAAMO,0BAA0B,GAAAb,OAAA,CAAAa,0BAAA,GAAG,IAAAZ,UAAG,EAAC,yCAAyC,CAAC;AAEjF,MAAMa,8BAA8B,GAAAd,OAAA,CAAAc,8BAAA,GAAG,IAAAb,UAAG,EAAC,sBAAsB,EAAE;EACxEI,QAAQ,EAAE;IACRU,QAAQ,EAAE;MACRC,IAAI,EAAE,oCAAoC;MAC1CC,KAAK,EAAE;IACT;EACF,CAAC;EACDL,eAAe,EAAE;IAAEG,QAAQ,EAAE;EAAM;AACrC,CAAC,CAAC;AAEK,MAAMG,4BAA4B,GAAAlB,OAAA,CAAAkB,4BAAA,GAAG,IAAAjB,UAAG,EAAC,CAAC,yBAAyB,EAAEH,eAAe,CAAC,EAAE;EAC5FO,QAAQ,EAAE;IACRc,IAAI,EAAE;MACJC,GAAG,EAAE,OAAO;MACZC,MAAM,EAAE;IACV;EACF,CAAC;EACDT,eAAe,EAAE;IAAEO,IAAI,EAAE;EAAM;AACjC,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimePicker = void 0;
+var _react = require("react");
+var _icons = require("@cdx-ui/icons");
+var _primitives = require("@cdx-ui/primitives");
+var _formatters = require("@cdx-ui/formatters");
+var _utils = require("@cdx-ui/utils");
+var _Dialog = require("../Dialog");
+var _Icon = require("../Icon");
+var _DateTimeList = require("../DateTimeList");
+var _PickerTrigger = require("../picker/PickerTrigger");
+var _surfaces = require("../picker/surfaces");
+var _jsxRuntime = require("react/jsx-runtime");
+const DATE_FIELD_SCOPE = 'DATE_FIELD';
+const DateTimePickerRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [DATE_FIELD_SCOPE]: {
+      variant: 'outline',
+      size: 'default',
+      fullWidth: true
+    }
+  }), [parent]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimePickerRoot, {
+      ref: ref,
+      className: (0, _utils.cn)('gap-2', className),
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'date-time-picker'
+      })),
+      children: children
+    })
+  });
+});
+DateTimePickerRoot.displayName = 'DateTimePicker';
+const DateTimePickerTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
+  accessibilityLabel,
+  ...props
+}, ref) => {
+  const {
+    open,
+    setOpen,
+    disabled,
+    triggerRef,
+    labels
+  } = (0, _primitives.useDateTimePickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerTrigger.PickerTrigger, {
+    ref: ref,
+    open: open,
+    setOpen: setOpen,
+    disabled: disabled,
+    triggerRef: triggerRef,
+    accessibilityLabel: accessibilityLabel ?? labels.openDateTimePicker,
+    ...props
+  });
+});
+DateTimePickerTrigger.displayName = 'DateTimePicker.Trigger';
+const DateTimePickerTriggerIndicator = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+  as: _icons.Schedule,
+  className: "text-content-secondary"
+});
+DateTimePickerTriggerIndicator.displayName = 'DateTimePicker.TriggerIndicator';
+const DateTimePickerList = /*#__PURE__*/(0, _react.forwardRef)(({
+  ...props
+}, ref) => {
+  const {
+    value,
+    onValueChange,
+    draftValue,
+    setDraftValue,
+    open,
+    granularity,
+    locale,
+    hour12,
+    minValue,
+    maxValue
+  } = (0, _primitives.useDateTimePickerContext)();
+  const userInteractedRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    if (open) {
+      userInteractedRef.current = false;
+    }
+  }, [open]);
+  const handleUserInteract = (0, _react.useCallback)(() => {
+    userInteractedRef.current = true;
+  }, []);
+  const handleValueChange = (0, _react.useCallback)(next => {
+    setDraftValue(next);
+    if (!open) {
+      onValueChange?.(next);
+      return;
+    }
+    if (value !== undefined || userInteractedRef.current) {
+      onValueChange?.(next);
+    }
+  }, [onValueChange, open, setDraftValue, value]);
+  const listValue = open ? draftValue ?? (0, _formatters.clampDateTimeId)(value ?? (0, _formatters.nowDateTimeId)({
+    granularity
+  }), {
+    min: minValue,
+    max: maxValue
+  }) : value;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimeList.DateTimeList, {
+    ref: ref,
+    value: listValue,
+    onValueChange: handleValueChange,
+    onUserInteract: handleUserInteract,
+    granularity: granularity,
+    locale: locale,
+    hour12: hour12,
+    minValue: minValue,
+    maxValue: maxValue,
+    ...props
+  });
+});
+DateTimePickerList.displayName = 'DateTimePicker.List';
+function DateTimePickerDialog({
+  children
+}) {
+  const ctx = (0, _primitives.useDateTimePickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaces.PickerDialogSurface, {
+    open: ctx.open,
+    setOpen: ctx.setOpen,
+    registerSurface: ctx.registerSurface,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog.Popup, {
+      className: "p-4",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimePickerContext.Provider, {
+        value: ctx,
+        children: children
+      })
+    })
+  });
+}
+function DateTimePickerBottomSheet({
+  children
+}) {
+  const ctx = (0, _primitives.useDateTimePickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaces.PickerBottomSheetSurface, {
+    open: ctx.open,
+    setOpen: ctx.setOpen,
+    registerSurface: ctx.registerSurface,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimePickerContext.Provider, {
+      value: ctx,
+      children: children
+    })
+  });
+}
+function DateTimePickerPopover({
+  children,
+  className
+}) {
+  const ctx = (0, _primitives.useDateTimePickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaces.PickerPopoverSurface, {
+    open: ctx.open,
+    setOpen: ctx.setOpen,
+    registerSurface: ctx.registerSurface,
+    anchorRef: ctx.anchorRef,
+    triggerRef: ctx.triggerRef,
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimePickerContext.Provider, {
+      value: ctx,
+      children: children
+    })
+  });
+}
+const DateTimePicker = exports.DateTimePicker = Object.assign(DateTimePickerRoot, {
+  Trigger: DateTimePickerTrigger,
+  TriggerIndicator: DateTimePickerTriggerIndicator,
+  List: DateTimePickerList,
+  Popover: DateTimePickerPopover,
+  Dialog: DateTimePickerDialog,
+  BottomSheet: DateTimePickerBottomSheet
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_icons","_primitives","_formatters","_utils","_Dialog","_Icon","_DateTimeList","_PickerTrigger","_surfaces","_jsxRuntime","DATE_FIELD_SCOPE","DateTimePickerRoot","forwardRef","className","children","style","props","ref","parent","useParentContext","ctx","useMemo","variant","size","fullWidth","jsx","ParentContext","Provider","value","cn","mergeDataAttributes","dataAttributes","slot","displayName","DateTimePickerTrigger","accessibilityLabel","open","setOpen","disabled","triggerRef","labels","useDateTimePickerContext","PickerTrigger","openDateTimePicker","DateTimePickerTriggerIndicator","Icon","as","Schedule","DateTimePickerList","onValueChange","draftValue","setDraftValue","granularity","locale","hour12","minValue","maxValue","userInteractedRef","useRef","useEffect","current","handleUserInteract","useCallback","handleValueChange","next","undefined","listValue","clampDateTimeId","nowDateTimeId","min","max","DateTimeList","onUserInteract","DateTimePickerDialog","PickerDialogSurface","registerSurface","Dialog","Popup","DateTimePickerContext","DateTimePickerBottomSheet","PickerBottomSheetSurface","DateTimePickerPopover","PickerPopoverSurface","anchorRef","DateTimePicker","exports","Object","assign","Trigger","TriggerIndicator","List","Popover","BottomSheet"],"sourceRoot":"../../../../src","sources":["components/DateTimePicker/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Dialog/animation.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDialogAnimation = exports.DialogAnimationProvider = void 0;
+var _utils = require("@cdx-ui/utils");
+const [DialogAnimationProvider, useDialogAnimation] = (0, _utils.createContext)('DialogAnimationContext', {
+  strict: false
+});
+exports.useDialogAnimation = useDialogAnimation;
+exports.DialogAnimationProvider = DialogAnimationProvider;
+//# sourceMappingURL=animation.js.map

package/lib/commonjs/components/Dialog/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","DialogAnimationProvider","useDialogAnimation","createContext","strict","exports"],"sourceRoot":"../../../../src","sources":["components/Dialog/animation.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAQO,MAAM,CAACC,uBAAuB,EAAEC,kBAAkB,CAAC,GACxD,IAAAC,oBAAa,EAA8B,wBAAwB,EAAE;EACnEC,MAAM,EAAE;AACV,CAAC,CAAC;AAACC,OAAA,CAAAH,kBAAA,GAAAA,kBAAA;AAAAG,OAAA,CAAAJ,uBAAA,GAAAA,uBAAA","ignoreList":[]}