@xaui/native 0.0.26 → 0.0.28

package/dist/timepicker/index.cjs

@@ -1,119 +1,24 @@
-"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);
+"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; }
 
-// src/components/timepicker/index.ts
-var timepicker_exports = {};
-__export(timepicker_exports, {
-  TimePicker: () => TimePicker,
-  TimePickerDialog: () => TimePickerDialog,
-  TimePickerTrigger: () => TimePickerTrigger,
-  angleToHour: () => angleToHour,
-  angleToMinute: () => angleToMinute,
-  calculateAngleFromPosition: () => calculateAngleFromPosition,
-  clampHour: () => clampHour,
-  clampMinute: () => clampMinute,
-  formatTimeValue: () => formatTimeValue,
-  getCurrentTime: () => getCurrentTime,
-  getHourAngle: () => getHourAngle,
-  getMinuteAngle: () => getMinuteAngle,
-  isTimeInRange: () => isTimeInRange,
-  to12HourFormat: () => to12HourFormat,
-  to24HourFormat: () => to24HourFormat
-});
-module.exports = __toCommonJS(timepicker_exports);
+var _chunkXFPPR2VBcjs = require('../chunk-XFPPR2VB.cjs');
+require('../chunk-HSPTLUFA.cjs');
 
-// src/components/timepicker/timepicker.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
-var import_react_native_reanimated = __toESM(require("react-native-reanimated"), 1);
 
-// src/components/timepicker/timepicker.hook.ts
-var import_react6 = require("react");
-var import_core = require("@xaui/core");
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
-// 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/components/timepicker/timepicker.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
-// 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);
 
-// 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);
+var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
 
-// 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/components/timepicker/timepicker.hook.ts
 
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
+var _core = require('@xaui/core');
 
 // src/components/timepicker/timepicker.utils.ts
 var to12HourFormat = (hours) => {
@@ -197,9 +102,9 @@ var clampMinute = (minute) => {
 
 // src/components/timepicker/timepicker.hook.ts
 var useTimePickerState = (initialValue, is24Hour = false, onChange) => {
-  const [time, setTime] = (0, import_react6.useState)(initialValue || getCurrentTime());
-  const [mode, setMode] = (0, import_react6.useState)("hour");
-  const { hours: displayHours, period } = (0, import_react6.useMemo)(
+  const [time, setTime] = _react.useState.call(void 0, initialValue || getCurrentTime());
+  const [mode, setMode] = _react.useState.call(void 0, "hour");
+  const { hours: displayHours, period } = _react.useMemo.call(void 0, 
     () => is24Hour ? { hours: time.hours, period: "AM" } : to12HourFormat(time.hours),
     [time.hours, is24Hour]
   );
@@ -209,7 +114,7 @@ var useTimePickerState = (initialValue, is24Hour = false, onChange) => {
       hours: hour
     };
     setTime(newTime);
-    onChange?.(newTime);
+    _optionalChain([onChange, 'optionalCall', _2 => _2(newTime)]);
     setMode("minute");
   };
   const handleMinuteChange = (minute) => {
@@ -218,7 +123,7 @@ var useTimePickerState = (initialValue, is24Hour = false, onChange) => {
       minutes: minute
     };
     setTime(newTime);
-    onChange?.(newTime);
+    _optionalChain([onChange, 'optionalCall', _3 => _3(newTime)]);
   };
   const handlePeriodToggle = (newPeriod) => {
     if (is24Hour) return;
@@ -228,12 +133,12 @@ var useTimePickerState = (initialValue, is24Hour = false, onChange) => {
       hours: newHours
     };
     setTime(newTime);
-    onChange?.(newTime);
+    _optionalChain([onChange, 'optionalCall', _4 => _4(newTime)]);
   };
   const handleManualInput = (hours, minutes) => {
     const newTime = { hours, minutes };
     setTime(newTime);
-    onChange?.(newTime);
+    _optionalChain([onChange, 'optionalCall', _5 => _5(newTime)]);
   };
   const toggleMode = () => {
     setMode((prev) => prev === "hour" ? "minute" : "hour");
@@ -252,19 +157,19 @@ var useTimePickerState = (initialValue, is24Hour = false, onChange) => {
   };
 };
 var useTimePickerColors = (themeColor) => {
-  const theme = useXUITheme();
-  const colorScheme = theme.colors[(0, import_core.getSafeThemeColor)(themeColor)];
-  return (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const colorScheme = theme.colors[_core.getSafeThemeColor.call(void 0, themeColor)];
+  return _react.useMemo.call(void 0, () => {
     return {
       background: theme.colors.background,
-      surface: (0, import_core.withOpacity)(colorScheme.main, 0.12),
+      surface: _core.withOpacity.call(void 0, colorScheme.main, 0.12),
       primary: colorScheme.main,
       onPrimary: colorScheme.foreground,
       text: theme.colors.foreground,
-      textSecondary: (0, import_core.withOpacity)(theme.colors.foreground, 0.6),
-      border: (0, import_core.withOpacity)(theme.colors.foreground, 0.12),
-      clockFace: (0, import_core.withOpacity)(colorScheme.main, 0.08),
-      selectedDigit: (0, import_core.withOpacity)(colorScheme.main, 0.12)
+      textSecondary: _core.withOpacity.call(void 0, theme.colors.foreground, 0.6),
+      border: _core.withOpacity.call(void 0, theme.colors.foreground, 0.12),
+      clockFace: _core.withOpacity.call(void 0, colorScheme.main, 0.08),
+      selectedDigit: _core.withOpacity.call(void 0, colorScheme.main, 0.12)
     };
   }, [
     colorScheme.main,
@@ -275,8 +180,8 @@ var useTimePickerColors = (themeColor) => {
 };
 
 // src/components/timepicker/timepicker.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     padding: 24,
     alignItems: "center"
@@ -482,33 +387,33 @@ var TimePicker = ({
     handleManualInput,
     setMode
   } = useTimePickerState(value, is24Hour, onChange);
-  const colors2 = useTimePickerColors(themeColor);
-  const hourAngle = (0, import_react7.useMemo)(
+  const colors = useTimePickerColors(themeColor);
+  const hourAngle = _react.useMemo.call(void 0, 
     () => getHourAngle(displayHours, is24Hour),
     [displayHours, is24Hour]
   );
-  const minuteAngle = (0, import_react7.useMemo)(() => getMinuteAngle(time.minutes), [time.minutes]);
+  const minuteAngle = _react.useMemo.call(void 0, () => getMinuteAngle(time.minutes), [time.minutes]);
   const currentAngle = mode === "hour" ? hourAngle : minuteAngle;
-  const handRotation = (0, import_react_native_reanimated.useSharedValue)(currentAngle);
-  const [hourInput, setHourInput] = (0, import_react7.useState)(
+  const handRotation = _reactnativereanimated.useSharedValue.call(void 0, currentAngle);
+  const [hourInput, setHourInput] = _react.useState.call(void 0, 
     displayHours.toString().padStart(2, "0")
   );
-  const [minuteInput, setMinuteInput] = (0, import_react7.useState)(
+  const [minuteInput, setMinuteInput] = _react.useState.call(void 0, 
     time.minutes.toString().padStart(2, "0")
   );
-  (0, import_react7.useEffect)(() => {
-    handRotation.value = (0, import_react_native_reanimated.withTiming)(currentAngle - 180, {
+  _react.useEffect.call(void 0, () => {
+    handRotation.value = _reactnativereanimated.withTiming.call(void 0, currentAngle - 180, {
       duration: 120,
-      easing: import_react_native_reanimated.Easing.out(import_react_native_reanimated.Easing.cubic)
+      easing: _reactnativereanimated.Easing.out(_reactnativereanimated.Easing.cubic)
     });
   }, [currentAngle, handRotation]);
-  (0, import_react7.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     setHourInput(displayHours.toString().padStart(2, "0"));
   }, [displayHours]);
-  (0, import_react7.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     setMinuteInput(time.minutes.toString().padStart(2, "0"));
   }, [time.minutes]);
-  const handStyle = (0, import_react_native_reanimated.useAnimatedStyle)(() => ({
+  const handStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, () => ({
     transform: [{ rotate: `${handRotation.value}deg` }]
   }));
   const commitHourInput = () => {
@@ -552,46 +457,46 @@ var TimePicker = ({
         const innerY = innerRadius * Math.sin(radian);
         const outerSelected = outerValue === displayHours;
         const innerSelected = innerValue === displayHours;
-        return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, { key: `hour-24-slot-${slot}` }, /* @__PURE__ */ import_react7.default.createElement(
-          import_react_native5.Pressable,
+        return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, { key: `hour-24-slot-${slot}` }, /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Pressable,
           {
             onPress: () => handleHourChange(outerValue),
             style: [
               styles.clockNumber,
               {
                 transform: [{ translateX: outerX }, { translateY: outerY }],
-                backgroundColor: outerSelected ? colors2.primary : "transparent"
+                backgroundColor: outerSelected ? colors.primary : "transparent"
               }
             ]
           },
-          /* @__PURE__ */ import_react7.default.createElement(
-            import_react_native5.Text,
+          /* @__PURE__ */ _react2.default.createElement(
+            _reactnative.Text,
             {
               style: [
                 styles.clockNumberText,
-                { color: outerSelected ? colors2.onPrimary : colors2.text }
+                { color: outerSelected ? colors.onPrimary : colors.text }
               ]
             },
             outerValue
           )
-        ), /* @__PURE__ */ import_react7.default.createElement(
-          import_react_native5.Pressable,
+        ), /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Pressable,
           {
             onPress: () => handleHourChange(innerValue),
             style: [
               styles.clockNumber,
               {
                 transform: [{ translateX: innerX }, { translateY: innerY }],
-                backgroundColor: innerSelected ? colors2.primary : "transparent"
+                backgroundColor: innerSelected ? colors.primary : "transparent"
               }
             ]
           },
-          /* @__PURE__ */ import_react7.default.createElement(
-            import_react_native5.Text,
+          /* @__PURE__ */ _react2.default.createElement(
+            _reactnative.Text,
             {
               style: [
                 styles.clockNumberText,
-                { color: innerSelected ? colors2.onPrimary : colors2.text }
+                { color: innerSelected ? colors.onPrimary : colors.text }
               ]
             },
             innerValue === 0 ? 24 : innerValue
@@ -609,8 +514,8 @@ var TimePicker = ({
       const x = radius * Math.cos(radian);
       const y = radius * Math.sin(radian);
       const isSelected = mode === "hour" ? value2 === displayHours : value2 === time.minutes;
-      return /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native5.Pressable,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Pressable,
         {
           key: `${mode}-${value2}`,
           onPress: () => {
@@ -624,16 +529,16 @@ var TimePicker = ({
             styles.clockNumber,
             {
               transform: [{ translateX: x }, { translateY: y }],
-              backgroundColor: isSelected ? colors2.primary : "transparent"
+              backgroundColor: isSelected ? colors.primary : "transparent"
             }
           ]
         },
-        /* @__PURE__ */ import_react7.default.createElement(
-          import_react_native5.Text,
+        /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Text,
           {
             style: [
               styles.clockNumberText,
-              { color: isSelected ? colors2.onPrimary : colors2.text }
+              { color: isSelected ? colors.onPrimary : colors.text }
             ]
           },
           mode === "minute" && value2 < 10 ? `0${value2}` : value2
@@ -641,19 +546,19 @@ var TimePicker = ({
       );
     });
   };
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: [styles.container, style] }, /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: styles.header }, /* @__PURE__ */ import_react7.default.createElement(import_react_native5.Text, { style: [styles.headerTitle, { color: colors2.textSecondary }] }, "Select time"), /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.View,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, style] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.header }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.headerTitle, { color: colors.textSecondary }] }, "Select time"), /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [styles.timeDisplay, !is24Hour && styles.timeDisplayWithPeriod]
     },
-    /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: styles.timeSection }, /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native5.TextInput,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.timeSection }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.TextInput,
       {
         style: [
           styles.timeDigit,
           {
-            color: mode === "hour" ? colors2.primary : colors2.text,
-            backgroundColor: mode === "hour" ? colors2.selectedDigit : "transparent"
+            color: mode === "hour" ? colors.primary : colors.text,
+            backgroundColor: mode === "hour" ? colors.selectedDigit : "transparent"
           }
         ],
         value: hourInput,
@@ -675,14 +580,14 @@ var TimePicker = ({
         maxLength: 2,
         selectTextOnFocus: true
       }
-    ), /* @__PURE__ */ import_react7.default.createElement(import_react_native5.Text, { style: [styles.timeSeparator, { color: colors2.text }] }, ":"), /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native5.TextInput,
+    ), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.timeSeparator, { color: colors.text }] }, ":"), /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.TextInput,
       {
         style: [
           styles.timeDigit,
           {
-            color: mode === "minute" ? colors2.primary : colors2.text,
-            backgroundColor: mode === "minute" ? colors2.selectedDigit : "transparent"
+            color: mode === "minute" ? colors.primary : colors.text,
+            backgroundColor: mode === "minute" ? colors.selectedDigit : "transparent"
           }
         ],
         value: minuteInput,
@@ -703,53 +608,53 @@ var TimePicker = ({
         selectTextOnFocus: true
       }
     )),
-    !is24Hour && /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: styles.periodSelector }, /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native5.Pressable,
+    !is24Hour && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.periodSelector }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Pressable,
       {
         onPress: () => handlePeriodToggle("AM"),
         style: [
           styles.periodButton,
           {
-            backgroundColor: period === "AM" ? colors2.surface : "transparent",
-            borderColor: period === "AM" ? colors2.primary : colors2.border
+            backgroundColor: period === "AM" ? colors.surface : "transparent",
+            borderColor: period === "AM" ? colors.primary : colors.border
           }
         ]
       },
-      /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native5.Text,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.periodText,
-            { color: period === "AM" ? colors2.primary : colors2.text }
+            { color: period === "AM" ? colors.primary : colors.text }
           ]
         },
         "AM"
       )
-    ), /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native5.Pressable,
+    ), /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Pressable,
       {
         onPress: () => handlePeriodToggle("PM"),
         style: [
           styles.periodButton,
           {
-            backgroundColor: period === "PM" ? colors2.surface : "transparent",
-            borderColor: period === "PM" ? colors2.primary : colors2.border
+            backgroundColor: period === "PM" ? colors.surface : "transparent",
+            borderColor: period === "PM" ? colors.primary : colors.border
           }
         ]
       },
-      /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native5.Text,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.periodText,
-            { color: period === "PM" ? colors2.primary : colors2.text }
+            { color: period === "PM" ? colors.primary : colors.text }
           ]
         },
         "PM"
       )
     ))
-  )), /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: styles.clockContainer }, /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: [styles.clockFace, { backgroundColor: colors2.clockFace }] }, renderClockNumbers(), /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: [styles.clockCenter, { backgroundColor: colors2.primary }] }), /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native_reanimated.default.View,
+  )), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.clockContainer }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.clockFace, { backgroundColor: colors.clockFace }] }, renderClockNumbers(), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.clockCenter, { backgroundColor: colors.primary }] }), /* @__PURE__ */ _react2.default.createElement(
+    _reactnativereanimated2.default.View,
     {
       style: [
         styles.clockHand,
@@ -762,389 +667,27 @@ var TimePicker = ({
         handStyle
       ]
     },
-    /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native5.View,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           styles.clockHandLine,
-          { height: "100%", backgroundColor: colors2.primary }
+          { height: "100%", backgroundColor: colors.primary }
         ]
       }
     ),
-    /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native5.View,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
-        style: [styles.clockHandDot, { backgroundColor: colors2.primary }]
+        style: [styles.clockHandDot, { backgroundColor: colors.primary }]
       }
     )
   ))));
 };
 
 // src/components/timepicker/timepicker-dialog.tsx
-var import_react10 = __toESM(require("react"), 1);
-var import_react_native10 = require("react-native");
-
-// src/components/bottom-sheet/bottom-sheet.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native9 = require("react-native");
 
-// src/components/bottom-sheet/bottom-sheet.hook.ts
-var import_react8 = require("react");
-var import_react_native7 = require("react-native");
-var import_core4 = require("@xaui/core");
-
-// src/components/bottom-sheet/bottom-sheet.animation.ts
-var import_react_native6 = require("react-native");
-var SPRING_CONFIG = {
-  useNativeDriver: true,
-  speed: 14,
-  bounciness: 4
-};
-var TIMING_CONFIG = {
-  duration: 280,
-  easing: import_react_native6.Easing.bezier(0.2, 0, 0, 1),
-  useNativeDriver: true
-};
-var runOpenAnimation = (translateY, backdropOpacity, targetTranslateY) => {
-  const animation = import_react_native6.Animated.parallel([
-    import_react_native6.Animated.spring(translateY, {
-      ...SPRING_CONFIG,
-      toValue: targetTranslateY
-    }),
-    import_react_native6.Animated.timing(backdropOpacity, {
-      ...TIMING_CONFIG,
-      toValue: 1
-    })
-  ]);
-  animation.start();
-  return animation;
-};
-var runCloseAnimation = (translateY, backdropOpacity, screenHeight, onComplete) => {
-  const animation = import_react_native6.Animated.parallel([
-    import_react_native6.Animated.timing(translateY, {
-      ...TIMING_CONFIG,
-      toValue: screenHeight
-    }),
-    import_react_native6.Animated.timing(backdropOpacity, {
-      ...TIMING_CONFIG,
-      toValue: 0
-    })
-  ]);
-  animation.start(({ finished }) => {
-    if (finished && onComplete) {
-      onComplete();
-    }
-  });
-  return animation;
-};
-var runSnapAnimation = (translateY, targetTranslateY) => {
-  const animation = import_react_native6.Animated.spring(translateY, {
-    ...SPRING_CONFIG,
-    toValue: targetTranslateY
-  });
-  animation.start();
-  return animation;
-};
 
-// src/components/bottom-sheet/bottom-sheet.hook.ts
-var DISMISS_VELOCITY_THRESHOLD = 0.5;
-var DISMISS_DISTANCE_FRACTION = 0.3;
-var SCREEN_HEIGHT = import_react_native7.Dimensions.get("window").height;
-var getTranslateYForSnap = (snapFraction) => SCREEN_HEIGHT * (1 - snapFraction);
-var useBottomSheetAnimation = ({
-  isOpen,
-  snapPoints,
-  initialSnapIndex,
-  enableSwipeToDismiss,
-  disableAnimation,
-  onClose,
-  onSnapChange
-}) => {
-  const [shouldRender, setShouldRender] = (0, import_react8.useState)(false);
-  const currentSnapIndex = (0, import_react8.useRef)(initialSnapIndex);
-  const animationRef = (0, import_react8.useRef)(null);
-  const translateY = (0, import_react8.useRef)(new import_react_native7.Animated.Value(SCREEN_HEIGHT)).current;
-  const backdropOpacity = (0, import_react8.useRef)(new import_react_native7.Animated.Value(0)).current;
-  const sortedSnapPoints = (0, import_react8.useMemo)(
-    () => [...snapPoints].sort((a, b) => a - b),
-    [snapPoints]
-  );
-  const snapTranslateValues = (0, import_react8.useMemo)(
-    () => sortedSnapPoints.map(getTranslateYForSnap),
-    [sortedSnapPoints]
-  );
-  const open = (0, import_react8.useCallback)(() => {
-    setShouldRender(true);
-    const targetIndex = Math.min(initialSnapIndex, sortedSnapPoints.length - 1);
-    currentSnapIndex.current = targetIndex;
-    if (disableAnimation) {
-      translateY.setValue(snapTranslateValues[targetIndex]);
-      backdropOpacity.setValue(1);
-      return;
-    }
-    translateY.setValue(SCREEN_HEIGHT);
-    backdropOpacity.setValue(0);
-    animationRef.current?.stop();
-    animationRef.current = runOpenAnimation(
-      translateY,
-      backdropOpacity,
-      snapTranslateValues[targetIndex]
-    );
-  }, [
-    initialSnapIndex,
-    sortedSnapPoints,
-    snapTranslateValues,
-    disableAnimation,
-    translateY,
-    backdropOpacity
-  ]);
-  const close = (0, import_react8.useCallback)(() => {
-    if (disableAnimation) {
-      translateY.setValue(SCREEN_HEIGHT);
-      backdropOpacity.setValue(0);
-      setShouldRender(false);
-      onClose?.();
-      return;
-    }
-    animationRef.current?.stop();
-    animationRef.current = runCloseAnimation(
-      translateY,
-      backdropOpacity,
-      SCREEN_HEIGHT,
-      () => {
-        setShouldRender(false);
-        onClose?.();
-      }
-    );
-  }, [disableAnimation, translateY, backdropOpacity, onClose]);
-  const snapTo = (0, import_react8.useCallback)(
-    (index) => {
-      const clampedIndex = Math.max(0, Math.min(index, sortedSnapPoints.length - 1));
-      currentSnapIndex.current = clampedIndex;
-      onSnapChange?.(clampedIndex);
-      if (disableAnimation) {
-        translateY.setValue(snapTranslateValues[clampedIndex]);
-        return;
-      }
-      animationRef.current?.stop();
-      animationRef.current = runSnapAnimation(
-        translateY,
-        snapTranslateValues[clampedIndex]
-      );
-    },
-    [
-      sortedSnapPoints,
-      snapTranslateValues,
-      disableAnimation,
-      translateY,
-      onSnapChange
-    ]
-  );
-  (0, import_react8.useEffect)(() => {
-    if (isOpen) {
-      open();
-    } else if (shouldRender) {
-      close();
-    }
-  }, [isOpen]);
-  const panResponder = (0, import_react8.useMemo)(
-    () => import_react_native7.PanResponder.create({
-      onStartShouldSetPanResponder: () => true,
-      onMoveShouldSetPanResponder: (_, gestureState) => Math.abs(gestureState.dy) > 5,
-      onPanResponderMove: (_, gestureState) => {
-        const currentTranslate = snapTranslateValues[currentSnapIndex.current];
-        const newTranslateY = currentTranslate + gestureState.dy;
-        const maxExpanded = snapTranslateValues[snapTranslateValues.length - 1];
-        const clamped = Math.max(maxExpanded, newTranslateY);
-        translateY.setValue(clamped);
-      },
-      onPanResponderRelease: (_, gestureState) => {
-        const currentTranslate = snapTranslateValues[currentSnapIndex.current];
-        const finalPosition = currentTranslate + gestureState.dy;
-        if (enableSwipeToDismiss && (gestureState.vy > DISMISS_VELOCITY_THRESHOLD || finalPosition > SCREEN_HEIGHT * (1 - sortedSnapPoints[0] * DISMISS_DISTANCE_FRACTION))) {
-          close();
-          return;
-        }
-        if (gestureState.vy < -DISMISS_VELOCITY_THRESHOLD) {
-          const nextIndex = Math.min(
-            currentSnapIndex.current + 1,
-            sortedSnapPoints.length - 1
-          );
-          snapTo(nextIndex);
-          return;
-        }
-        if (gestureState.vy > DISMISS_VELOCITY_THRESHOLD) {
-          const prevIndex = Math.max(currentSnapIndex.current - 1, 0);
-          if (prevIndex === currentSnapIndex.current && enableSwipeToDismiss) {
-            close();
-            return;
-          }
-          snapTo(prevIndex);
-          return;
-        }
-        let closestIndex = 0;
-        let minDistance = Infinity;
-        snapTranslateValues.forEach((snapVal, index) => {
-          const distance = Math.abs(finalPosition - snapVal);
-          if (distance < minDistance) {
-            minDistance = distance;
-            closestIndex = index;
-          }
-        });
-        snapTo(closestIndex);
-      }
-    }),
-    [
-      snapTranslateValues,
-      sortedSnapPoints,
-      enableSwipeToDismiss,
-      translateY,
-      close,
-      snapTo
-    ]
-  );
-  return {
-    shouldRender,
-    translateY,
-    backdropOpacity,
-    panResponder,
-    close,
-    snapTo,
-    screenHeight: SCREEN_HEIGHT
-  };
-};
-var useBottomSheetStyles = (themeColor, radius) => {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core4.getSafeThemeColor)(themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  const sheetStyles = (0, import_react8.useMemo)(
-    () => ({
-      backgroundColor: colorScheme.background ?? theme.colors.background ?? "#ffffff",
-      borderTopLeftRadius: theme.borderRadius[radius],
-      borderTopRightRadius: theme.borderRadius[radius]
-    }),
-    [theme, colorScheme, radius]
-  );
-  const handleIndicatorColor = (0, import_react8.useMemo)(
-    () => theme.mode === "dark" ? `${colorScheme.main}60` : `${colorScheme.main}40`,
-    [theme, colorScheme]
-  );
-  return { sheetStyles, handleIndicatorColor };
-};
-
-// src/components/bottom-sheet/bottom-sheet.style.ts
-var import_react_native8 = require("react-native");
-var styles2 = import_react_native8.StyleSheet.create({
-  backdrop: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: "rgba(0, 0, 0, 0.5)"
-  },
-  container: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    bottom: 0
-  },
-  sheet: {
-    overflow: "hidden"
-  },
-  handle: {
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 10
-  },
-  handleIndicator: {
-    width: 36,
-    height: 4,
-    borderRadius: 2
-  },
-  content: {
-    flex: 1
-  }
-});
-
-// src/components/bottom-sheet/bottom-sheet.tsx
-var BottomSheet = ({
-  children,
-  isOpen,
-  snapPoints = [0.4, 0.9],
-  initialSnapIndex = 0,
-  themeColor = "default",
-  radius = "lg",
-  showBackdrop = true,
-  closeOnBackdropPress = true,
-  enableSwipeToDismiss = true,
-  showHandle = true,
-  disableAnimation = false,
-  style,
-  handleContent,
-  onClose,
-  onSnapChange
-}) => {
-  const {
-    shouldRender,
-    translateY,
-    backdropOpacity,
-    panResponder,
-    close,
-    screenHeight
-  } = useBottomSheetAnimation({
-    isOpen,
-    snapPoints,
-    initialSnapIndex,
-    enableSwipeToDismiss,
-    disableAnimation,
-    onClose,
-    onSnapChange
-  });
-  const { sheetStyles, handleIndicatorColor } = useBottomSheetStyles(
-    themeColor,
-    radius
-  );
-  if (!shouldRender) {
-    return null;
-  }
-  const handleBackdropPress = () => {
-    if (closeOnBackdropPress) {
-      close();
-    }
-  };
-  return /* @__PURE__ */ import_react9.default.createElement(Portal, null, showBackdrop && /* @__PURE__ */ import_react9.default.createElement(import_react_native9.Animated.View, { style: [styles2.backdrop, { opacity: backdropOpacity }] }, /* @__PURE__ */ import_react9.default.createElement(import_react_native9.Pressable, { style: styles2.backdrop, onPress: handleBackdropPress })), /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native9.Animated.View,
-    {
-      style: [
-        styles2.container,
-        {
-          height: screenHeight,
-          transform: [{ translateY }]
-        }
-      ]
-    },
-    /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native9.View,
-      {
-        style: [styles2.sheet, { height: screenHeight }, sheetStyles, style],
-        ...panResponder.panHandlers
-      },
-      showHandle && /* @__PURE__ */ import_react9.default.createElement(import_react_native9.View, { style: styles2.handle }, handleContent ?? /* @__PURE__ */ import_react9.default.createElement(
-        import_react_native9.View,
-        {
-          style: [
-            styles2.handleIndicator,
-            { backgroundColor: handleIndicatorColor }
-          ]
-        }
-      )),
-      /* @__PURE__ */ import_react9.default.createElement(import_react_native9.View, { style: styles2.content }, children)
-    )
-  ));
-};
-
-// src/components/timepicker/timepicker-dialog.tsx
 var TimePickerDialog = ({
   isOpen,
   onClose,
@@ -1157,23 +700,23 @@ var TimePickerDialog = ({
   onConfirm,
   onCancel
 }) => {
-  const [tempValue, setTempValue] = (0, import_react10.useState)(value);
-  const colors2 = useTimePickerColors(themeColor);
+  const [tempValue, setTempValue] = _react.useState.call(void 0, value);
+  const colors = useTimePickerColors(themeColor);
   const handleChange = (time) => {
     setTempValue(time);
-    onChange?.(time);
+    _optionalChain([onChange, 'optionalCall', _6 => _6(time)]);
   };
   const handleConfirm = () => {
     if (tempValue) {
-      onConfirm?.(tempValue);
+      _optionalChain([onConfirm, 'optionalCall', _7 => _7(tempValue)]);
     }
     onClose();
   };
   const handleCancel = () => {
-    onCancel?.();
+    _optionalChain([onCancel, 'optionalCall', _8 => _8()]);
     onClose();
   };
-  return /* @__PURE__ */ import_react10.default.createElement(BottomSheet, { isOpen, onClose, snapPoints: [0.7] }, /* @__PURE__ */ import_react10.default.createElement(import_react_native10.View, null, /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement(_chunkXFPPR2VBcjs.BottomSheet, { isOpen, onClose, snapPoints: [0.7] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, /* @__PURE__ */ _react2.default.createElement(
     TimePicker,
     {
       value: tempValue,
@@ -1181,27 +724,27 @@ var TimePickerDialog = ({
       is24Hour,
       themeColor
     }
-  ), /* @__PURE__ */ import_react10.default.createElement(import_react_native10.View, { style: styles.actions }, /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native10.Pressable,
+  ), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.actions }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: handleCancel,
       style: [styles.actionButton, { backgroundColor: "transparent" }]
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_react_native10.Text, { style: [styles.actionButtonText, { color: colors2.primary }] }, cancelText)
-  ), /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native10.Pressable,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.actionButtonText, { color: colors.primary }] }, cancelText)
+  ), /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: handleConfirm,
       style: [styles.actionButton, { backgroundColor: "transparent" }]
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_react_native10.Text, { style: [styles.actionButtonText, { color: colors2.primary }] }, confirmText)
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.actionButtonText, { color: colors.primary }] }, confirmText)
   ))));
 };
 
 // src/components/timepicker/timepicker-trigger.tsx
-var import_react11 = __toESM(require("react"), 1);
-var import_react_native11 = require("react-native");
-var import_icons = require("@xaui/icons");
+
+
+var _icons = require('@xaui/icons');
 var TimePickerTrigger = ({
   value,
   placeholder = "Select time",
@@ -1216,23 +759,23 @@ var TimePickerTrigger = ({
   onPress,
   onClear
 }) => {
-  const theme = useXUITheme();
-  const colors2 = useTimePickerColors(themeColor);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const colors = useTimePickerColors(themeColor);
   const hasValue = Boolean(value);
-  const displayValue = (0, import_react11.useMemo)(() => {
+  const displayValue = _react.useMemo.call(void 0, () => {
     if (!value) return placeholder;
     return formatTimeValue(value, is24Hour);
   }, [value, placeholder, is24Hour]);
   const triggerStyle = {
-    borderColor: colors2.border,
-    backgroundColor: colors2.background
+    borderColor: colors.border,
+    backgroundColor: colors.background
   };
   const triggerTextStyle = {
-    color: hasValue ? theme.colors.foreground : colors2.textSecondary
+    color: hasValue ? theme.colors.foreground : colors.textSecondary
   };
   const isBlocked = isDisabled || isReadOnly;
-  return /* @__PURE__ */ import_react11.default.createElement(
-    import_react_native11.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: isBlocked ? void 0 : onPress,
       disabled: isBlocked,
@@ -1240,8 +783,8 @@ var TimePickerTrigger = ({
       accessibilityRole: "button",
       accessibilityState: { disabled: isBlocked }
     },
-    /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles.triggerContent }, /* @__PURE__ */ import_react11.default.createElement(
-      import_react_native11.Text,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.triggerContent }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [styles.triggerText, triggerTextStyle, textStyle],
         numberOfLines: 1,
@@ -1249,32 +792,31 @@ var TimePickerTrigger = ({
       },
       displayValue
     )),
-    isClearable && hasValue && !isBlocked ? /* @__PURE__ */ import_react11.default.createElement(
-      import_react_native11.TouchableOpacity,
+    isClearable && hasValue && !isBlocked ? /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.TouchableOpacity,
       {
         onPress: onClear,
         style: styles.clearButton,
         hitSlop: { top: 8, right: 8, bottom: 8, left: 8 }
       },
-      /* @__PURE__ */ import_react11.default.createElement(import_icons.CloseIcon, { color: theme.colors.foreground, size: 20 })
-    ) : icon ?? /* @__PURE__ */ import_react11.default.createElement(import_icons.TimeIcon, { color: theme.colors.foreground, size: 20 })
+      /* @__PURE__ */ _react2.default.createElement(_icons.CloseIcon, { color: theme.colors.foreground, size: 20 })
+    ) : _nullishCoalesce(icon, () => ( /* @__PURE__ */ _react2.default.createElement(_icons.TimeIcon, { color: theme.colors.foreground, size: 20 })))
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TimePicker,
-  TimePickerDialog,
-  TimePickerTrigger,
-  angleToHour,
-  angleToMinute,
-  calculateAngleFromPosition,
-  clampHour,
-  clampMinute,
-  formatTimeValue,
-  getCurrentTime,
-  getHourAngle,
-  getMinuteAngle,
-  isTimeInRange,
-  to12HourFormat,
-  to24HourFormat
-});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.TimePicker = TimePicker; exports.TimePickerDialog = TimePickerDialog; exports.TimePickerTrigger = TimePickerTrigger; exports.angleToHour = angleToHour; exports.angleToMinute = angleToMinute; exports.calculateAngleFromPosition = calculateAngleFromPosition; exports.clampHour = clampHour; exports.clampMinute = clampMinute; exports.formatTimeValue = formatTimeValue; exports.getCurrentTime = getCurrentTime; exports.getHourAngle = getHourAngle; exports.getMinuteAngle = getMinuteAngle; exports.isTimeInRange = isTimeInRange; exports.to12HourFormat = to12HourFormat; exports.to24HourFormat = to24HourFormat;