@xaui/native 0.0.26 → 0.0.28

package/dist/datepicker/index.cjs

@@ -1,116 +1,26 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/datepicker/index.ts
-var datepicker_exports = {};
-__export(datepicker_exports, {
-  DatePicker: () => DatePicker
-});
-module.exports = __toCommonJS(datepicker_exports);
-
-// src/components/datepicker/datepicker.tsx
-var import_react15 = __toESM(require("react"), 1);
-var import_react_native13 = require("react-native");
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }require('../chunk-HSPTLUFA.cjs');
 
-// src/components/datepicker/datepicker.hook.ts
-var import_react6 = require("react");
-var import_core = require("@xaui/core");
-var import_palette2 = require("@xaui/core/palette");
-
-// src/core/theme-context.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
-var import_theme = require("@xaui/core/theme");
-var import_palette = require("@xaui/core/palette");
 
-// src/core/portal/portal.tsx
-var import_react2 = require("react");
 
-// src/core/portal/portal-context.ts
-var import_react = require("react");
-var PortalContext = (0, import_react.createContext)(null);
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
-// src/core/portal/portal.tsx
-var portalId = 0;
-var Portal = ({ children }) => {
-  const context = (0, import_react2.useContext)(PortalContext);
-  const keyRef = (0, import_react2.useRef)(`portal-${++portalId}`);
-  (0, import_react2.useLayoutEffect)(() => {
-    if (!context) return;
-    context.addPortal(keyRef.current, children);
-  }, [children, context]);
-  (0, import_react2.useEffect)(() => {
-    if (!context) return;
-    const key = keyRef.current;
-    return () => {
-      context.removePortal(key);
-    };
-  }, [context]);
-  return null;
-};
-
-// src/core/portal/portal-host.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_react_native = require("react-native");
-var hostStyles = import_react_native.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-
-// src/core/theme-context.tsx
-var XUIThemeContext = (0, import_react4.createContext)(null);
-
-// src/core/theme-hooks.ts
-var import_react5 = require("react");
-var import_react_native3 = require("react-native");
-function useXUITheme() {
-  const theme = (0, import_react5.useContext)(XUIThemeContext);
-  if (!theme) {
-    throw new Error("useXUITheme must be used within XUIProvider");
-  }
-  return theme;
-}
-
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
+// src/components/datepicker/datepicker.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/datepicker/datepicker.hook.ts
+
+var _core = require('@xaui/core');
+var _palette = require('@xaui/core/palette');
 var useDatePickerColorScheme = (themeColor) => {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core.getSafeThemeColor)(themeColor);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   return { theme, colorScheme };
 };
 var useDatePickerSizeStyles = (size) => {
-  const theme = useXUITheme();
-  return (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         minHeight: 34,
@@ -145,8 +55,8 @@ var useDatePickerSizeStyles = (size) => {
   }, [size, theme]);
 };
 var useDatePickerRadiusStyles = (radius) => {
-  const theme = useXUITheme();
-  return (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const radii = {
       none: theme.borderRadius.none,
       sm: theme.borderRadius.sm,
@@ -159,10 +69,10 @@ var useDatePickerRadiusStyles = (radius) => {
 };
 var useDatePickerVariantStyles = (themeColor, variant, isInvalid) => {
   const { theme, colorScheme } = useDatePickerColorScheme(themeColor);
-  return (0, import_react6.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     let borderColor = isInvalid ? theme.colors.danger.main : colorScheme.main;
     if ((variant === "outlined" || variant === "faded") && themeColor === "default") {
-      borderColor = import_palette2.colors.gray[300];
+      borderColor = _palette.colors.gray[300];
     }
     const variantStyles = {
       outlined: {
@@ -194,7 +104,7 @@ var useDatePickerVariantStyles = (themeColor, variant, isInvalid) => {
 };
 var useDatePickerLabelStyle = (themeColor, isInvalid, labelSize) => {
   const { theme, colorScheme } = useDatePickerColorScheme(themeColor);
-  return (0, import_react6.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     let baseColor = theme.colors.foreground;
     if (isInvalid) {
       baseColor = theme.colors.danger.main;
@@ -208,32 +118,32 @@ var useDatePickerLabelStyle = (themeColor, isInvalid, labelSize) => {
   }, [isInvalid, labelSize, theme, themeColor, colorScheme]);
 };
 var useDatePickerHelperColor = (isInvalid) => {
-  const theme = useXUITheme();
-  return (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     if (isInvalid) {
       return theme.colors.danger.main;
     }
-    return import_palette2.colors.gray[600];
+    return _palette.colors.gray[600];
   }, [isInvalid, theme]);
 };
 
 // src/components/datepicker/datepicker.state.hook.ts
-var import_react7 = require("react");
+
 var useDatePickerState = ({
   value,
   defaultValue,
   onChange
 }) => {
-  const [internalValue, setInternalValue] = (0, import_react7.useState)(
-    defaultValue ?? null
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, 
+    _nullishCoalesce(defaultValue, () => ( null))
   );
   const selectedDate = value !== void 0 ? value : internalValue;
-  const updateDate = (0, import_react7.useCallback)(
+  const updateDate = _react.useCallback.call(void 0, 
     (date) => {
       if (value === void 0) {
         setInternalValue(date);
       }
-      onChange?.(date);
+      _optionalChain([onChange, 'optionalCall', _2 => _2(date)]);
     },
     [value, onChange]
   );
@@ -245,16 +155,16 @@ var useDatePickerOpenState = ({
   onOpen,
   onClose
 }) => {
-  const [isOpen, setInternalOpen] = (0, import_react7.useState)(false);
-  const setOpen = (0, import_react7.useCallback)(
+  const [isOpen, setInternalOpen] = _react.useState.call(void 0, false);
+  const setOpen = _react.useCallback.call(void 0, 
     (open) => {
       if (isDisabled && open) return;
       setInternalOpen(open);
-      onOpenChange?.(open);
+      _optionalChain([onOpenChange, 'optionalCall', _3 => _3(open)]);
       if (open) {
-        onOpen?.();
+        _optionalChain([onOpen, 'optionalCall', _4 => _4()]);
       } else {
-        onClose?.();
+        _optionalChain([onClose, 'optionalCall', _5 => _5()]);
       }
     },
     [isDisabled, onOpenChange, onOpen, onClose]
@@ -263,30 +173,30 @@ var useDatePickerOpenState = ({
 };
 var useDatePickerViewState = (initialDate) => {
   const now = /* @__PURE__ */ new Date();
-  const [viewDate, setViewDate] = (0, import_react7.useState)(initialDate ?? now);
-  const [viewMode, setViewMode] = (0, import_react7.useState)("calendar");
-  const goToPreviousMonth = (0, import_react7.useCallback)(() => {
+  const [viewDate, setViewDate] = _react.useState.call(void 0, _nullishCoalesce(initialDate, () => ( now)));
+  const [viewMode, setViewMode] = _react.useState.call(void 0, "calendar");
+  const goToPreviousMonth = _react.useCallback.call(void 0, () => {
     setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth() - 1, 1));
   }, []);
-  const goToNextMonth = (0, import_react7.useCallback)(() => {
+  const goToNextMonth = _react.useCallback.call(void 0, () => {
     setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth() + 1, 1));
   }, []);
-  const goToYear = (0, import_react7.useCallback)((year) => {
+  const goToYear = _react.useCallback.call(void 0, (year) => {
     setViewDate((prev) => new Date(year, prev.getMonth(), 1));
     setViewMode("month");
   }, []);
-  const goToMonth = (0, import_react7.useCallback)((month) => {
+  const goToMonth = _react.useCallback.call(void 0, (month) => {
     setViewDate((prev) => new Date(prev.getFullYear(), month, 1));
     setViewMode("calendar");
   }, []);
-  const goToToday = (0, import_react7.useCallback)(() => {
+  const goToToday = _react.useCallback.call(void 0, () => {
     setViewDate(/* @__PURE__ */ new Date());
     setViewMode("calendar");
   }, []);
-  const toggleYearPicker = (0, import_react7.useCallback)(() => {
+  const toggleYearPicker = _react.useCallback.call(void 0, () => {
     setViewMode((prev) => prev === "year" ? "calendar" : "year");
   }, []);
-  const syncViewToDate = (0, import_react7.useCallback)((date) => {
+  const syncViewToDate = _react.useCallback.call(void 0, (date) => {
     setViewDate(date);
   }, []);
   return {
@@ -434,7 +344,7 @@ var DEFAULT_LABELS = {
 };
 var getDatePickerLabels = (locale) => {
   const baseLocale = locale.split("-")[0].toLowerCase();
-  return LOCALE_LABELS[baseLocale] ?? DEFAULT_LABELS;
+  return _nullishCoalesce(LOCALE_LABELS[baseLocale], () => ( DEFAULT_LABELS));
 };
 var getFirstDayOfWeek = (locale) => {
   const mondayLocales = [
@@ -470,8 +380,8 @@ var getFirstDayOfWeek = (locale) => {
 };
 
 // src/components/datepicker/datepicker.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     gap: 6,
     position: "relative"
@@ -521,13 +431,20 @@ var styles = import_react_native4.StyleSheet.create({
 });
 
 // src/components/dialogs/datepicker-dialog/datepicker-dialog.tsx
-var import_react13 = __toESM(require("react"), 1);
-var import_react_native11 = require("react-native");
-var import_react_native_gesture_handler2 = require("react-native-gesture-handler");
+
+
+
+
+
+
+
+
+
+var _reactnativegesturehandler = require('react-native-gesture-handler');
 
 // src/components/dialogs/datepicker-dialog/datepicker-dialog.animation.ts
-var import_react8 = require("react");
-var import_react_native5 = require("react-native");
+
+
 var useDatePickerDialogAnimation = ({
   visible,
   fadeAnim,
@@ -535,26 +452,26 @@ var useDatePickerDialogAnimation = ({
   scaleAnim,
   onCloseComplete
 }) => {
-  const [shouldRender, setShouldRender] = (0, import_react8.useState)(false);
-  const isClosingRef = (0, import_react8.useRef)(false);
-  (0, import_react8.useEffect)(() => {
+  const [shouldRender, setShouldRender] = _react.useState.call(void 0, false);
+  const isClosingRef = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
     if (visible) {
       setShouldRender(true);
       isClosingRef.current = false;
-      import_react_native5.Animated.parallel([
-        import_react_native5.Animated.timing(fadeAnim, {
+      _reactnative.Animated.parallel([
+        _reactnative.Animated.timing(fadeAnim, {
           toValue: 1,
           duration: 220,
           useNativeDriver: true
         }),
-        import_react_native5.Animated.spring(slideAnim, {
+        _reactnative.Animated.spring(slideAnim, {
           toValue: 1,
           useNativeDriver: true,
           damping: 20,
           stiffness: 300,
           mass: 0.8
         }),
-        import_react_native5.Animated.spring(scaleAnim, {
+        _reactnative.Animated.spring(scaleAnim, {
           toValue: 1,
           useNativeDriver: true,
           damping: 18,
@@ -566,23 +483,23 @@ var useDatePickerDialogAnimation = ({
     }
     if (!shouldRender || isClosingRef.current) return;
     isClosingRef.current = true;
-    import_react_native5.Animated.parallel([
-      import_react_native5.Animated.timing(fadeAnim, {
+    _reactnative.Animated.parallel([
+      _reactnative.Animated.timing(fadeAnim, {
         toValue: 0,
         duration: 180,
-        easing: import_react_native5.Easing.out(import_react_native5.Easing.ease),
+        easing: _reactnative.Easing.out(_reactnative.Easing.ease),
         useNativeDriver: true
       }),
-      import_react_native5.Animated.timing(slideAnim, {
+      _reactnative.Animated.timing(slideAnim, {
         toValue: 0,
         duration: 180,
-        easing: import_react_native5.Easing.out(import_react_native5.Easing.ease),
+        easing: _reactnative.Easing.out(_reactnative.Easing.ease),
         useNativeDriver: true
       }),
-      import_react_native5.Animated.timing(scaleAnim, {
+      _reactnative.Animated.timing(scaleAnim, {
         toValue: 0,
         duration: 180,
-        easing: import_react_native5.Easing.out(import_react_native5.Easing.ease),
+        easing: _reactnative.Easing.out(_reactnative.Easing.ease),
         useNativeDriver: true
       })
     ]).start(() => {
@@ -596,9 +513,9 @@ var useDatePickerDialogAnimation = ({
 var useViewTransitionAnimation = ({
   fadeAnim
 }) => {
-  const animate = (0, import_react8.useCallback)(() => {
+  const animate = _react.useCallback.call(void 0, () => {
     fadeAnim.setValue(0);
-    import_react_native5.Animated.timing(fadeAnim, {
+    _reactnative.Animated.timing(fadeAnim, {
       toValue: 1,
       duration: 200,
       useNativeDriver: true
@@ -610,20 +527,20 @@ var useMonthSlideAnimation = ({
   slideAnim,
   fadeAnim
 }) => {
-  const animate = (0, import_react8.useCallback)(
+  const animate = _react.useCallback.call(void 0, 
     (direction) => {
       const startX = direction === "right" ? 60 : -60;
       slideAnim.setValue(startX);
       fadeAnim.setValue(0);
-      import_react_native5.Animated.parallel([
-        import_react_native5.Animated.spring(slideAnim, {
+      _reactnative.Animated.parallel([
+        _reactnative.Animated.spring(slideAnim, {
           toValue: 0,
           useNativeDriver: true,
           damping: 22,
           stiffness: 280,
           mass: 0.7
         }),
-        import_react_native5.Animated.timing(fadeAnim, {
+        _reactnative.Animated.timing(fadeAnim, {
           toValue: 1,
           duration: 180,
           useNativeDriver: true
@@ -636,15 +553,18 @@ var useMonthSlideAnimation = ({
 };
 
 // src/components/dialogs/datepicker-dialog/datepicker-dialog-calendar.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native7 = require("react-native");
-var import_react_native_gesture_handler = require("react-native-gesture-handler");
+
+
+
+
+
+
 
 // src/components/dialogs/datepicker-dialog/datepicker-dialog.style.ts
-var import_react_native6 = require("react-native");
-var styles2 = import_react_native6.StyleSheet.create({
+
+var styles2 = _reactnative.StyleSheet.create({
   backdrop: {
-    ...import_react_native6.StyleSheet.absoluteFillObject,
+    ..._reactnative.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0, 0, 0, 0.5)"
   },
   dialogContainer: {
@@ -851,16 +771,16 @@ var AnimatedDayCell = ({
   themeColor,
   onSelectDay
 }) => {
-  const theme = useXUITheme();
-  const colorScheme = theme.colors[themeColor] ?? theme.colors.primary;
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const colorScheme = _nullishCoalesce(theme.colors[themeColor], () => ( theme.colors.primary));
   const isDefault = themeColor === "default";
   const accentColor = isDefault ? theme.colors.foreground : colorScheme.main;
   const accentFg = isDefault ? theme.colors.background : colorScheme.foreground;
-  const scaleAnim = (0, import_react9.useRef)(new import_react_native7.Animated.Value(isSelected ? 1 : 0)).current;
-  (0, import_react9.useEffect)(() => {
+  const scaleAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(isSelected ? 1 : 0)).current;
+  _react.useEffect.call(void 0, () => {
     if (isSelected) {
       scaleAnim.setValue(0.92);
-      import_react_native7.Animated.spring(scaleAnim, {
+      _reactnative.Animated.spring(scaleAnim, {
         toValue: 1,
         useNativeDriver: true,
         damping: 20,
@@ -872,8 +792,8 @@ var AnimatedDayCell = ({
     }
   }, [isSelected, scaleAnim]);
   const animatedStyle = isSelected ? { transform: [{ scale: scaleAnim }] } : void 0;
-  return /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native7.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       style: [
         styles2.dayCell,
@@ -895,8 +815,8 @@ var AnimatedDayCell = ({
         disabled: isDisabled
       }
     },
-    isSelected ? /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native7.Animated.View,
+    isSelected ? /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Animated.View,
       {
         style: [
           styles2.selectedCellInner,
@@ -904,9 +824,9 @@ var AnimatedDayCell = ({
           animatedStyle
         ]
       },
-      /* @__PURE__ */ import_react9.default.createElement(import_react_native7.Text, { style: [styles2.dayText, { color: accentFg }] }, day)
-    ) : /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native7.Text,
+      /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles2.dayText, { color: accentFg }] }, day)
+    ) : /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           styles2.dayText,
@@ -935,13 +855,13 @@ var DatePickerDialogCalendar = ({
   onPreviousMonth,
   onNextMonth
 }) => {
-  const theme = useXUITheme();
-  const swipeHandledRef = (0, import_react9.useRef)(false);
-  const weekdays = (0, import_react9.useMemo)(
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const swipeHandledRef = _react.useRef.call(void 0, false);
+  const weekdays = _react.useMemo.call(void 0, 
     () => getWeekdayNames(locale, firstDayOfWeek),
     [locale, firstDayOfWeek]
   );
-  const days = (0, import_react9.useMemo)(
+  const days = _react.useMemo.call(void 0, 
     () => getCalendarDays(
       viewDate.getFullYear(),
       viewDate.getMonth(),
@@ -951,7 +871,7 @@ var DatePickerDialogCalendar = ({
     ),
     [viewDate, firstDayOfWeek, minDate, maxDate]
   );
-  const weeks = (0, import_react9.useMemo)(() => {
+  const weeks = _react.useMemo.call(void 0, () => {
     const result = [];
     for (let i = 0; i < days.length; i += 7) {
       result.push(days.slice(i, i + 7));
@@ -960,7 +880,7 @@ var DatePickerDialogCalendar = ({
   }, [days]);
   const onSwipeEnd = (event) => {
     const { state, translationX, velocityX } = event.nativeEvent;
-    if (state !== import_react_native_gesture_handler.State.END || swipeHandledRef.current) return;
+    if (state !== _reactnativegesturehandler.State.END || swipeHandledRef.current) return;
     const shouldSwipe = Math.abs(translationX) > 40 || Math.abs(velocityX) > 600;
     if (!shouldSwipe) return;
     swipeHandledRef.current = true;
@@ -971,20 +891,20 @@ var DatePickerDialogCalendar = ({
     }
   };
   const onSwipeStateChange = (event) => {
-    if (event.nativeEvent.state === import_react_native_gesture_handler.State.BEGAN) {
+    if (event.nativeEvent.state === _reactnativegesturehandler.State.BEGAN) {
       swipeHandledRef.current = false;
     }
     onSwipeEnd(event);
   };
-  return /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native_gesture_handler.PanGestureHandler,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnativegesturehandler.PanGestureHandler,
     {
       activeOffsetX: [-12, 12],
       failOffsetY: [-12, 12],
       onHandlerStateChange: onSwipeStateChange
     },
-    /* @__PURE__ */ import_react9.default.createElement(import_react_native7.View, { style: styles2.calendarGrid }, /* @__PURE__ */ import_react9.default.createElement(import_react_native7.View, { style: styles2.weekdayRow }, weekdays.map((day, index) => /* @__PURE__ */ import_react9.default.createElement(import_react_native7.View, { key: index, style: styles2.weekdayCell }, /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native7.Text,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.calendarGrid }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.weekdayRow }, weekdays.map((day, index) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: index, style: styles2.weekdayCell }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           styles2.weekdayText,
@@ -992,7 +912,7 @@ var DatePickerDialogCalendar = ({
         ]
       },
       day
-    )))), weeks.map((week, weekIndex) => /* @__PURE__ */ import_react9.default.createElement(import_react_native7.View, { key: weekIndex, style: styles2.dayRow }, week.map((dayInfo, dayIndex) => /* @__PURE__ */ import_react9.default.createElement(
+    )))), weeks.map((week, weekIndex) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: weekIndex, style: styles2.dayRow }, week.map((dayInfo, dayIndex) => /* @__PURE__ */ _react2.default.createElement(
       AnimatedDayCell,
       {
         key: dayIndex,
@@ -1011,12 +931,12 @@ var DatePickerDialogCalendar = ({
 };
 
 // src/components/dialogs/datepicker-dialog/datepicker-dialog-header.tsx
-var import_react10 = __toESM(require("react"), 1);
-var import_react_native8 = require("react-native");
-var import_chevron_down = require("@xaui/icons/chevron-down");
-var import_chevron_left = require("@xaui/icons/chevron-left");
-var import_chevron_right = require("@xaui/icons/chevron-right");
-var import_close = require("@xaui/icons/close");
+
+
+var _chevrondown = require('@xaui/icons/chevron-down');
+var _chevronleft = require('@xaui/icons/chevron-left');
+var _chevronright = require('@xaui/icons/chevron-right');
+var _close = require('@xaui/icons/close');
 var DatePickerDialogHeader = ({
   viewDate,
   selectedDate,
@@ -1028,79 +948,79 @@ var DatePickerDialogHeader = ({
   onNextMonth,
   onToggleYearPicker
 }) => {
-  const theme = useXUITheme();
-  const colorScheme = theme.colors[themeColor] ?? theme.colors.primary;
-  const dateText = (0, import_react10.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const colorScheme = _nullishCoalesce(theme.colors[themeColor], () => ( theme.colors.primary));
+  const dateText = _react.useMemo.call(void 0, () => {
     if (!selectedDate) return "---";
     return formatDate(selectedDate, locale);
   }, [selectedDate, locale]);
-  const monthYearLabel = (0, import_react10.useMemo)(() => {
+  const monthYearLabel = _react.useMemo.call(void 0, () => {
     const month = getMonthName(viewDate.getMonth(), locale);
     return `${month} ${viewDate.getFullYear()}`;
   }, [viewDate, locale]);
-  return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(import_react_native8.View, { style: [styles2.header, { backgroundColor: colorScheme.main }] }, /* @__PURE__ */ import_react10.default.createElement(import_react_native8.Text, { style: [styles2.headerLabel, { color: colorScheme.foreground }] }, selectDateLabel), /* @__PURE__ */ import_react10.default.createElement(import_react_native8.View, { style: styles2.headerDateRow }, /* @__PURE__ */ import_react10.default.createElement(import_react_native8.Text, { style: [styles2.headerDate, { color: colorScheme.foreground }] }, dateText), selectedDate ? /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native8.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles2.header, { backgroundColor: colorScheme.main }] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles2.headerLabel, { color: colorScheme.foreground }] }, selectDateLabel), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.headerDateRow }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles2.headerDate, { color: colorScheme.foreground }] }, dateText), selectedDate ? /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: onClearValue,
       hitSlop: { top: 8, right: 8, bottom: 8, left: 8 },
       accessibilityLabel: "Clear date",
       accessibilityRole: "button"
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_close.CloseIcon, { size: 20, color: colorScheme.foreground })
-  ) : null)), /* @__PURE__ */ import_react10.default.createElement(import_react_native8.View, { style: styles2.navigationRow }, /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native8.Pressable,
+    /* @__PURE__ */ _react2.default.createElement(_close.CloseIcon, { size: 20, color: colorScheme.foreground })
+  ) : null)), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.navigationRow }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       style: styles2.monthYearButton,
       onPress: onToggleYearPicker,
       accessibilityLabel: `${monthYearLabel}, tap to change`,
       accessibilityRole: "button"
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_react_native8.Text, { style: [styles2.monthYearText, { color: theme.colors.foreground }] }, monthYearLabel),
-    /* @__PURE__ */ import_react10.default.createElement(import_chevron_down.ChevronDownIcon, { size: 18, color: theme.colors.foreground })
-  ), /* @__PURE__ */ import_react10.default.createElement(import_react_native8.View, { style: styles2.navButtons }, /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native8.Pressable,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles2.monthYearText, { color: theme.colors.foreground }] }, monthYearLabel),
+    /* @__PURE__ */ _react2.default.createElement(_chevrondown.ChevronDownIcon, { size: 18, color: theme.colors.foreground })
+  ), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.navButtons }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       style: styles2.navButton,
       onPress: onPreviousMonth,
       accessibilityLabel: "Previous month",
       accessibilityRole: "button"
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_chevron_left.ChevronLeftIcon, { size: 20, color: theme.colors.foreground })
-  ), /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native8.Pressable,
+    /* @__PURE__ */ _react2.default.createElement(_chevronleft.ChevronLeftIcon, { size: 20, color: theme.colors.foreground })
+  ), /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       style: styles2.navButton,
       onPress: onNextMonth,
       accessibilityLabel: "Next month",
       accessibilityRole: "button"
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_chevron_right.ChevronRightIcon, { size: 20, color: theme.colors.foreground })
+    /* @__PURE__ */ _react2.default.createElement(_chevronright.ChevronRightIcon, { size: 20, color: theme.colors.foreground })
   ))));
 };
 
 // src/components/dialogs/datepicker-dialog/datepicker-dialog-month-picker.tsx
-var import_react11 = __toESM(require("react"), 1);
-var import_react_native9 = require("react-native");
+
+
 var DatePickerDialogMonthPicker = ({ viewDate, locale, themeColor, onSelectMonth }) => {
-  const theme = useXUITheme();
-  const colorScheme = theme.colors[themeColor] ?? theme.colors.primary;
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const colorScheme = _nullishCoalesce(theme.colors[themeColor], () => ( theme.colors.primary));
   const isDefault = themeColor === "default";
   const accentColor = isDefault ? theme.colors.foreground : colorScheme.main;
   const accentFg = isDefault ? theme.colors.background : colorScheme.foreground;
-  const months = (0, import_react11.useMemo)(() => getMonthNames(locale), [locale]);
+  const months = _react.useMemo.call(void 0, () => getMonthNames(locale), [locale]);
   const currentMonth = viewDate.getMonth();
-  const groupAnim = (0, import_react11.useRef)(new import_react_native9.Animated.Value(0)).current;
-  (0, import_react11.useEffect)(() => {
+  const groupAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  _react.useEffect.call(void 0, () => {
     groupAnim.setValue(0);
-    import_react_native9.Animated.timing(groupAnim, {
+    _reactnative.Animated.timing(groupAnim, {
       toValue: 1,
       duration: 220,
-      easing: import_react_native9.Easing.out(import_react_native9.Easing.cubic),
+      easing: _reactnative.Easing.out(_reactnative.Easing.cubic),
       useNativeDriver: true
     }).start();
   }, [groupAnim]);
-  return /* @__PURE__ */ import_react11.default.createElement(import_react_native9.View, { style: styles2.monthPickerContainer }, /* @__PURE__ */ import_react11.default.createElement(
-    import_react_native9.Animated.View,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.monthPickerContainer }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Animated.View,
     {
       style: {
         opacity: groupAnim,
@@ -1114,10 +1034,10 @@ var DatePickerDialogMonthPicker = ({ viewDate, locale, themeColor, onSelectMonth
         ]
       }
     },
-    /* @__PURE__ */ import_react11.default.createElement(import_react_native9.View, { style: styles2.monthGrid }, months.map((name, index) => {
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.monthGrid }, months.map((name, index) => {
       const isCurrentMonth = index === currentMonth;
-      return /* @__PURE__ */ import_react11.default.createElement(
-        import_react_native9.Pressable,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Pressable,
         {
           key: index,
           style: [
@@ -1129,8 +1049,8 @@ var DatePickerDialogMonthPicker = ({ viewDate, locale, themeColor, onSelectMonth
           accessibilityRole: "button",
           accessibilityState: { selected: isCurrentMonth }
         },
-        /* @__PURE__ */ import_react11.default.createElement(
-          import_react_native9.Text,
+        /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Text,
           {
             style: [
               styles2.monthText,
@@ -1149,35 +1069,35 @@ var DatePickerDialogMonthPicker = ({ viewDate, locale, themeColor, onSelectMonth
 };
 
 // src/components/dialogs/datepicker-dialog/datepicker-dialog-year-picker.tsx
-var import_react12 = __toESM(require("react"), 1);
-var import_react_native10 = require("react-native");
+
+
 var ITEM_HEIGHT = 48;
 var NUM_COLUMNS = 4;
 var DatePickerDialogYearPicker = ({ viewDate, themeColor, minDate, maxDate, onSelectYear }) => {
-  const listRef = (0, import_react12.useRef)(null);
-  const groupAnim = (0, import_react12.useRef)(new import_react_native10.Animated.Value(0)).current;
-  const theme = useXUITheme();
-  const colorScheme = theme.colors[themeColor] ?? theme.colors.primary;
+  const listRef = _react.useRef.call(void 0, null);
+  const groupAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const colorScheme = _nullishCoalesce(theme.colors[themeColor], () => ( theme.colors.primary));
   const isDefault = themeColor === "default";
   const accentColor = isDefault ? theme.colors.foreground : colorScheme.main;
   const accentFg = isDefault ? theme.colors.background : colorScheme.foreground;
-  const years = (0, import_react12.useMemo)(() => getYearRange(minDate, maxDate), [minDate, maxDate]);
+  const years = _react.useMemo.call(void 0, () => getYearRange(minDate, maxDate), [minDate, maxDate]);
   const currentYear = viewDate.getFullYear();
-  const initialIndex = (0, import_react12.useMemo)(() => {
+  const initialIndex = _react.useMemo.call(void 0, () => {
     const index = years.indexOf(currentYear);
     const rowIndex = Math.floor(index / NUM_COLUMNS);
     return Math.max(0, rowIndex);
   }, [years, currentYear]);
-  (0, import_react12.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     groupAnim.setValue(0);
-    import_react_native10.Animated.timing(groupAnim, {
+    _reactnative.Animated.timing(groupAnim, {
       toValue: 1,
       duration: 220,
-      easing: import_react_native10.Easing.out(import_react_native10.Easing.cubic),
+      easing: _reactnative.Easing.out(_reactnative.Easing.cubic),
       useNativeDriver: true
     }).start();
   }, [groupAnim]);
-  const getItemLayout = (0, import_react12.useCallback)(
+  const getItemLayout = _react.useCallback.call(void 0, 
     (_, index) => ({
       length: ITEM_HEIGHT,
       offset: ITEM_HEIGHT * index,
@@ -1185,11 +1105,11 @@ var DatePickerDialogYearPicker = ({ viewDate, themeColor, minDate, maxDate, onSe
     }),
     []
   );
-  const renderYear = (0, import_react12.useCallback)(
+  const renderYear = _react.useCallback.call(void 0, 
     ({ item }) => {
       const isCurrentYear = item === currentYear;
-      return /* @__PURE__ */ import_react12.default.createElement(
-        import_react_native10.Pressable,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Pressable,
         {
           style: [
             styles2.yearCell,
@@ -1200,8 +1120,8 @@ var DatePickerDialogYearPicker = ({ viewDate, themeColor, minDate, maxDate, onSe
           accessibilityRole: "button",
           accessibilityState: { selected: isCurrentYear }
         },
-        /* @__PURE__ */ import_react12.default.createElement(
-          import_react_native10.Text,
+        /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Text,
           {
             style: [
               styles2.yearText,
@@ -1218,8 +1138,8 @@ var DatePickerDialogYearPicker = ({ viewDate, themeColor, minDate, maxDate, onSe
     },
     [currentYear, onSelectYear, accentColor, accentFg, theme.colors.foreground]
   );
-  return /* @__PURE__ */ import_react12.default.createElement(import_react_native10.View, { style: styles2.yearPickerContainer }, /* @__PURE__ */ import_react12.default.createElement(
-    import_react_native10.Animated.View,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.yearPickerContainer }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Animated.View,
     {
       style: {
         opacity: groupAnim,
@@ -1233,8 +1153,8 @@ var DatePickerDialogYearPicker = ({ viewDate, themeColor, minDate, maxDate, onSe
         ]
       }
     },
-    /* @__PURE__ */ import_react12.default.createElement(
-      import_react_native10.FlatList,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.FlatList,
       {
         ref: listRef,
         data: years,
@@ -1266,20 +1186,20 @@ var DatePickerDialog = ({
   onClearValue,
   onClose
 }) => {
-  const theme = useXUITheme();
-  const { width: screenWidth, height: screenHeight } = (0, import_react_native11.useWindowDimensions)();
-  const fadeAnim = (0, import_react13.useRef)(new import_react_native11.Animated.Value(0)).current;
-  const slideAnim = (0, import_react13.useRef)(new import_react_native11.Animated.Value(0)).current;
-  const scaleAnim = (0, import_react13.useRef)(new import_react_native11.Animated.Value(0)).current;
-  const viewFadeAnim = (0, import_react13.useRef)(new import_react_native11.Animated.Value(1)).current;
-  const monthSlideXAnim = (0, import_react13.useRef)(new import_react_native11.Animated.Value(0)).current;
-  const monthFadeAnim = (0, import_react13.useRef)(new import_react_native11.Animated.Value(1)).current;
-  const colorScheme = theme.colors[themeColor] ?? theme.colors.primary;
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const { width: screenWidth, height: screenHeight } = _reactnative.useWindowDimensions.call(void 0, );
+  const fadeAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const slideAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const scaleAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const viewFadeAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(1)).current;
+  const monthSlideXAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const monthFadeAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(1)).current;
+  const colorScheme = _nullishCoalesce(theme.colors[themeColor], () => ( theme.colors.primary));
   const isDefault = themeColor === "default";
   const accentColor = isDefault ? theme.colors.foreground : colorScheme.main;
   const labels = getDatePickerLabels(locale);
-  const resolvedTodayLabel = todayLabel ?? labels.today;
-  const resolvedConfirmLabel = confirmLabel ?? labels.confirm;
+  const resolvedTodayLabel = _nullishCoalesce(todayLabel, () => ( labels.today));
+  const resolvedConfirmLabel = _nullishCoalesce(confirmLabel, () => ( labels.confirm));
   const {
     viewDate,
     viewMode,
@@ -1291,7 +1211,7 @@ var DatePickerDialog = ({
     toggleYearPicker,
     syncViewToDate
   } = useDatePickerViewState(selectedDate);
-  const onCloseComplete = (0, import_react13.useCallback)(() => {
+  const onCloseComplete = _react.useCallback.call(void 0, () => {
     fadeAnim.setValue(0);
     slideAnim.setValue(0);
     scaleAnim.setValue(0);
@@ -1313,41 +1233,41 @@ var DatePickerDialog = ({
     slideAnim: monthSlideXAnim,
     fadeAnim: monthFadeAnim
   });
-  const prevViewModeRef = (0, import_react13.useRef)(viewMode);
-  (0, import_react13.useEffect)(() => {
+  const prevViewModeRef = _react.useRef.call(void 0, viewMode);
+  _react.useEffect.call(void 0, () => {
     if (prevViewModeRef.current !== viewMode) {
       prevViewModeRef.current = viewMode;
       animateViewTransition();
     }
   }, [viewMode, animateViewTransition]);
-  (0, import_react13.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (visible && selectedDate) {
       syncViewToDate(selectedDate);
     }
   }, [visible, selectedDate, syncViewToDate]);
-  (0, import_react13.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!visible) return;
-    const sub = import_react_native11.BackHandler.addEventListener("hardwareBackPress", () => {
+    const sub = _reactnative.BackHandler.addEventListener("hardwareBackPress", () => {
       onClose();
       return true;
     });
     return () => sub.remove();
   }, [visible, onClose]);
-  const handlePreviousMonth = (0, import_react13.useCallback)(() => {
+  const handlePreviousMonth = _react.useCallback.call(void 0, () => {
     goToPreviousMonth();
     animateMonthSlide("left");
   }, [goToPreviousMonth, animateMonthSlide]);
-  const handleNextMonth = (0, import_react13.useCallback)(() => {
+  const handleNextMonth = _react.useCallback.call(void 0, () => {
     goToNextMonth();
     animateMonthSlide("right");
   }, [goToNextMonth, animateMonthSlide]);
-  const handleDaySelect = (0, import_react13.useCallback)(
+  const handleDaySelect = _react.useCallback.call(void 0, 
     (date) => {
       onDateSelect(date);
     },
     [onDateSelect]
   );
-  const handleTodayPress = (0, import_react13.useCallback)(() => {
+  const handleTodayPress = _react.useCallback.call(void 0, () => {
     const today = /* @__PURE__ */ new Date();
     if (!isDateInRange(today, minDate, maxDate)) return;
     goToToday();
@@ -1396,7 +1316,7 @@ var DatePickerDialog = ({
   const renderContent = () => {
     switch (viewMode) {
       case "year":
-        return /* @__PURE__ */ import_react13.default.createElement(
+        return /* @__PURE__ */ _react2.default.createElement(
           DatePickerDialogYearPicker,
           {
             viewDate,
@@ -1407,7 +1327,7 @@ var DatePickerDialog = ({
           }
         );
       case "month":
-        return /* @__PURE__ */ import_react13.default.createElement(
+        return /* @__PURE__ */ _react2.default.createElement(
           DatePickerDialogMonthPicker,
           {
             viewDate,
@@ -1418,7 +1338,7 @@ var DatePickerDialog = ({
         );
       case "calendar":
       default:
-        return /* @__PURE__ */ import_react13.default.createElement(import_react_native11.Animated.View, { style: [viewTransitionStyle, monthSlideStyle] }, /* @__PURE__ */ import_react13.default.createElement(
+        return /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [viewTransitionStyle, monthSlideStyle] }, /* @__PURE__ */ _react2.default.createElement(
           DatePickerDialogCalendar,
           {
             viewDate,
@@ -1435,23 +1355,23 @@ var DatePickerDialog = ({
         ));
     }
   };
-  return /* @__PURE__ */ import_react13.default.createElement(Portal, null, /* @__PURE__ */ import_react13.default.createElement(import_react_native_gesture_handler2.GestureHandlerRootView, { style: [overlayStyle, style] }, /* @__PURE__ */ import_react13.default.createElement(import_react_native11.View, { style: overlayStyle }, /* @__PURE__ */ import_react13.default.createElement(import_react_native11.Animated.View, { style: [styles2.backdrop, { opacity: fadeAnim }] }, /* @__PURE__ */ import_react13.default.createElement(
-    import_react_native11.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(_chunkOQ2BLOOGcjs.Portal, null, /* @__PURE__ */ _react2.default.createElement(_reactnativegesturehandler.GestureHandlerRootView, { style: [overlayStyle, style] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: overlayStyle }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles2.backdrop, { opacity: fadeAnim }] }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       style: { flex: 1 },
       onPress: onClose,
       accessibilityLabel: "Close calendar",
       accessibilityRole: "button"
     }
-  )), /* @__PURE__ */ import_react13.default.createElement(import_react_native11.Animated.View, { style: [styles2.dialogContainer, containerAnimatedStyle] }, /* @__PURE__ */ import_react13.default.createElement(
-    import_react_native11.View,
+  )), /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles2.dialogContainer, containerAnimatedStyle] }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles2.container,
         { backgroundColor: theme.colors.background }
       ]
     },
-    /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ _react2.default.createElement(
       DatePickerDialogHeader,
       {
         viewDate,
@@ -1466,33 +1386,33 @@ var DatePickerDialog = ({
       }
     ),
     renderContent(),
-    /* @__PURE__ */ import_react13.default.createElement(import_react_native11.View, { style: styles2.footer }, /* @__PURE__ */ import_react13.default.createElement(
-      import_react_native11.Pressable,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.footer }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Pressable,
       {
         style: styles2.footerButton,
         onPress: handleTodayPress,
         accessibilityLabel: resolvedTodayLabel,
         accessibilityRole: "button"
       },
-      /* @__PURE__ */ import_react13.default.createElement(import_react_native11.Text, { style: [styles2.footerButtonText, { color: accentColor }] }, resolvedTodayLabel)
-    ), /* @__PURE__ */ import_react13.default.createElement(
-      import_react_native11.Pressable,
+      /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles2.footerButtonText, { color: accentColor }] }, resolvedTodayLabel)
+    ), /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Pressable,
       {
         style: styles2.footerButton,
         onPress: onClose,
         accessibilityLabel: resolvedConfirmLabel,
         accessibilityRole: "button"
       },
-      /* @__PURE__ */ import_react13.default.createElement(import_react_native11.Text, { style: [styles2.footerButtonText, { color: accentColor }] }, resolvedConfirmLabel)
+      /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles2.footerButtonText, { color: accentColor }] }, resolvedConfirmLabel)
     ))
   )))));
 };
 
 // src/components/datepicker/datepicker-trigger.tsx
-var import_react14 = __toESM(require("react"), 1);
-var import_react_native12 = require("react-native");
-var import_calendar = require("@xaui/icons/calendar");
-var import_close2 = require("@xaui/icons/close");
+
+
+var _calendar = require('@xaui/icons/calendar');
+
 var DatePickerTrigger = ({
   triggerRef,
   isDisabled,
@@ -1514,8 +1434,8 @@ var DatePickerTrigger = ({
   onLayout: handleTriggerLayout
 }) => {
   const renderLabel = isLabelInside && label;
-  return /* @__PURE__ */ import_react14.default.createElement(
-    import_react_native12.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       ref: triggerRef,
       onPress: handleTriggerPress,
@@ -1533,12 +1453,12 @@ var DatePickerTrigger = ({
         isDisabled && styles.disabled,
         style
       ],
-      accessibilityLabel: labelText ?? (typeof label === "string" ? label : void 0),
+      accessibilityLabel: _nullishCoalesce(labelText, () => ( (typeof label === "string" ? label : void 0))),
       accessibilityRole: "button",
       accessibilityState: { disabled: isDisabled }
     },
-    /* @__PURE__ */ import_react14.default.createElement(import_react_native12.View, { style: styles.triggerContent }, isLabelInside && renderLabel, /* @__PURE__ */ import_react14.default.createElement(
-      import_react_native12.Text,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.triggerContent }, isLabelInside && renderLabel, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           styles.triggerText,
@@ -1551,15 +1471,15 @@ var DatePickerTrigger = ({
       },
       displayValue
     )),
-    isClearable && hasValue ? /* @__PURE__ */ import_react14.default.createElement(
-      import_react_native12.TouchableOpacity,
+    isClearable && hasValue ? /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.TouchableOpacity,
       {
         onPress: handleClear,
         style: styles.clearButton,
         hitSlop: { top: 8, right: 8, bottom: 8, left: 8 }
       },
-      /* @__PURE__ */ import_react14.default.createElement(import_close2.CloseIcon, { color: theme.colors.foreground, size: 20 })
-    ) : calendarIcon ?? /* @__PURE__ */ import_react14.default.createElement(import_calendar.CalendarIcon, { color: theme.colors.foreground, size: 20 })
+      /* @__PURE__ */ _react2.default.createElement(_close.CloseIcon, { color: theme.colors.foreground, size: 20 })
+    ) : _nullishCoalesce(calendarIcon, () => ( /* @__PURE__ */ _react2.default.createElement(_calendar.CalendarIcon, { color: theme.colors.foreground, size: 20 })))
   );
 };
 
@@ -1592,7 +1512,7 @@ var DatePicker = ({
   onClose,
   onOpenChange
 }) => {
-  const theme = useXUITheme();
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
   const { selectedDate, updateDate } = useDatePickerState({
     value,
     defaultValue,
@@ -1604,11 +1524,11 @@ var DatePicker = ({
     onOpen,
     onClose
   });
-  const triggerRef = (0, import_react15.useRef)(null);
-  const handleTriggerLayout = (0, import_react15.useCallback)(() => {
+  const triggerRef = _react.useRef.call(void 0, null);
+  const handleTriggerLayout = _react.useCallback.call(void 0, () => {
   }, []);
-  const firstDayOfWeek = (0, import_react15.useMemo)(
-    () => firstDayOfWeekProp ?? getFirstDayOfWeek(locale),
+  const firstDayOfWeek = _react.useMemo.call(void 0, 
+    () => _nullishCoalesce(firstDayOfWeekProp, () => ( getFirstDayOfWeek(locale))),
     [firstDayOfWeekProp, locale]
   );
   const sizeStyles = useDatePickerSizeStyles(size);
@@ -1620,35 +1540,35 @@ var DatePicker = ({
     sizeStyles.labelSize
   );
   const helperColor = useDatePickerHelperColor(isInvalid);
-  const displayValue = (0, import_react15.useMemo)(() => {
+  const displayValue = _react.useMemo.call(void 0, () => {
     if (!selectedDate) return placeholder;
     return formatDate(selectedDate, locale);
   }, [selectedDate, locale, placeholder]);
-  const handleTriggerPress = (0, import_react15.useCallback)(() => {
+  const handleTriggerPress = _react.useCallback.call(void 0, () => {
     if (!isDisabled && !isReadOnly) {
       setOpen(true);
     }
   }, [isDisabled, isReadOnly, setOpen]);
-  const handleClear = (0, import_react15.useCallback)(() => {
+  const handleClear = _react.useCallback.call(void 0, () => {
     if (isDisabled || isReadOnly) return;
     updateDate(null);
   }, [isDisabled, isReadOnly, updateDate]);
-  const handleDateSelect = (0, import_react15.useCallback)(
+  const handleDateSelect = _react.useCallback.call(void 0, 
     (date) => {
       updateDate(date);
     },
     [updateDate]
   );
-  const handleClose = (0, import_react15.useCallback)(() => {
+  const handleClose = _react.useCallback.call(void 0, () => {
     setOpen(false);
   }, [setOpen]);
   const isLabelInside = labelPlacement === "inside";
   const isLabelOutsideLeft = labelPlacement === "outside-left";
   const isLabelOutside = labelPlacement === "outside" || labelPlacement === "outside-top";
-  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ import_react15.default.createElement(import_react_native13.Text, { style: [styles.label, labelStyle] }, label) : /* @__PURE__ */ import_react15.default.createElement(import_react_native13.View, null, label) : null;
+  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.label, labelStyle] }, label) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, label) : null;
   const shouldShowHelper = Boolean(description || errorMessage);
   const helperContent = isInvalid && errorMessage ? errorMessage : description;
-  const triggerContent = /* @__PURE__ */ import_react15.default.createElement(
+  const triggerContent = /* @__PURE__ */ _react2.default.createElement(
     DatePickerTrigger,
     {
       triggerRef,
@@ -1664,27 +1584,27 @@ var DatePicker = ({
       labelText: typeof label === "string" ? label : void 0,
       isLabelInside,
       calendarIcon,
-      style: customAppearance?.trigger,
-      textStyle: customAppearance?.text,
+      style: _optionalChain([customAppearance, 'optionalAccess', _6 => _6.trigger]),
+      textStyle: _optionalChain([customAppearance, 'optionalAccess', _7 => _7.text]),
       onPress: handleTriggerPress,
       onClear: handleClear,
       onLayout: handleTriggerLayout
     }
   );
   const labelBlock = isLabelOutside || isLabelInside ? renderLabel : null;
-  return /* @__PURE__ */ import_react15.default.createElement(
-    import_react_native13.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.container,
         fullWidth ? styles.fullWidth : styles.minWidth,
-        customAppearance?.container
+        _optionalChain([customAppearance, 'optionalAccess', _8 => _8.container])
       ]
     },
     isLabelOutside && labelBlock,
-    isLabelOutsideLeft ? /* @__PURE__ */ import_react15.default.createElement(import_react_native13.View, { style: styles.outsideLeftRow }, renderLabel, triggerContent) : triggerContent,
-    shouldShowHelper && helperContent ? typeof helperContent === "string" || typeof helperContent === "number" ? /* @__PURE__ */ import_react15.default.createElement(import_react_native13.Text, { style: [styles.helperText, { color: helperColor }] }, helperContent) : /* @__PURE__ */ import_react15.default.createElement(import_react_native13.View, null, helperContent) : null,
-    /* @__PURE__ */ import_react15.default.createElement(
+    isLabelOutsideLeft ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.outsideLeftRow }, renderLabel, triggerContent) : triggerContent,
+    shouldShowHelper && helperContent ? typeof helperContent === "string" || typeof helperContent === "number" ? /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.helperText, { color: helperColor }] }, helperContent) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, helperContent) : null,
+    /* @__PURE__ */ _react2.default.createElement(
       DatePickerDialog,
       {
         visible: isOpen,
@@ -1694,7 +1614,7 @@ var DatePicker = ({
         themeColor,
         minDate,
         maxDate,
-        style: customAppearance?.calendar,
+        style: _optionalChain([customAppearance, 'optionalAccess', _9 => _9.calendar]),
         onDateSelect: handleDateSelect,
         onClearValue: handleClear,
         onClose: handleClose
@@ -1702,7 +1622,6 @@ var DatePicker = ({
     )
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DatePicker
-});
+
+
+exports.DatePicker = DatePicker;