@xaui/native 0.2.8 → 0.9.1-alpha.1

package/dist/timepicker/index.cjs

@@ -1,823 +0,0 @@
-"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-EUQDGTST.cjs');
-
-
-var _chunkBYWUAPC4cjs = require('../chunk-BYWUAPC4.cjs');
-require('../chunk-56RPWZD2.cjs');
-
-
-var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
-
-// src/components/timepicker/timepicker.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _reactnative = require('react-native');
-
-
-
-
-
-var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
-
-// src/components/timepicker/timepicker.hook.ts
-
-var _core = require('@xaui/core');
-
-// src/components/timepicker/timepicker.utils.ts
-var to12HourFormat = (hours) => {
-  if (hours === 0) {
-    return { hours: 12, period: "AM" };
-  }
-  if (hours < 12) {
-    return { hours, period: "AM" };
-  }
-  if (hours === 12) {
-    return { hours: 12, period: "PM" };
-  }
-  return { hours: hours - 12, period: "PM" };
-};
-var to24HourFormat = (hours, period) => {
-  if (period === "AM") {
-    return hours === 12 ? 0 : hours;
-  }
-  return hours === 12 ? 12 : hours + 12;
-};
-var formatTimeValue = (time, is24Hour) => {
-  const { hours, minutes } = time;
-  if (is24Hour) {
-    return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
-  }
-  const { hours: displayHours, period } = to12HourFormat(hours);
-  return `${displayHours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")} ${period}`;
-};
-var getHourAngle = (hour, is24Hour) => {
-  const displayHour = is24Hour ? hour % 12 : hour;
-  return displayHour * 30 % 360;
-};
-var getMinuteAngle = (minute) => {
-  return minute * 6 % 360;
-};
-var angleToHour = (angle, _is24Hour) => {
-  const normalizedAngle = (angle % 360 + 360) % 360;
-  const hour = Math.round(normalizedAngle / 30) % 12;
-  return hour === 0 ? 12 : hour;
-};
-var angleToMinute = (angle) => {
-  const normalizedAngle = (angle % 360 + 360) % 360;
-  return Math.round(normalizedAngle / 6) % 60;
-};
-var calculateAngleFromPosition = (centerX, centerY, touchX, touchY) => {
-  const deltaX = touchX - centerX;
-  const deltaY = touchY - centerY;
-  const radians = Math.atan2(deltaY, deltaX);
-  const degrees = radians * 180 / Math.PI;
-  return (degrees + 90 + 360) % 360;
-};
-var isTimeInRange = (time, minTime, maxTime) => {
-  if (!minTime && !maxTime) return true;
-  const timeInMinutes = time.hours * 60 + time.minutes;
-  if (minTime) {
-    const minInMinutes = minTime.hours * 60 + minTime.minutes;
-    if (timeInMinutes < minInMinutes) return false;
-  }
-  if (maxTime) {
-    const maxInMinutes = maxTime.hours * 60 + maxTime.minutes;
-    if (timeInMinutes > maxInMinutes) return false;
-  }
-  return true;
-};
-var getCurrentTime = () => {
-  const now = /* @__PURE__ */ new Date();
-  return {
-    hours: now.getHours(),
-    minutes: now.getMinutes()
-  };
-};
-var clampHour = (hour, is24Hour) => {
-  if (is24Hour) {
-    return Math.max(0, Math.min(23, hour));
-  }
-  return Math.max(1, Math.min(12, hour));
-};
-var clampMinute = (minute) => {
-  return Math.max(0, Math.min(59, minute));
-};
-
-// src/components/timepicker/timepicker.hook.ts
-var useTimePickerState = (initialValue, is24Hour = false, onChange) => {
-  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]
-  );
-  const handleHourChange = (hour) => {
-    const newTime = {
-      ...time,
-      hours: hour
-    };
-    setTime(newTime);
-    _optionalChain([onChange, 'optionalCall', _2 => _2(newTime)]);
-    setMode("minute");
-  };
-  const handleMinuteChange = (minute) => {
-    const newTime = {
-      ...time,
-      minutes: minute
-    };
-    setTime(newTime);
-    _optionalChain([onChange, 'optionalCall', _3 => _3(newTime)]);
-  };
-  const handlePeriodToggle = (newPeriod) => {
-    if (is24Hour) return;
-    const newHours = to24HourFormat(displayHours, newPeriod);
-    const newTime = {
-      ...time,
-      hours: newHours
-    };
-    setTime(newTime);
-    _optionalChain([onChange, 'optionalCall', _4 => _4(newTime)]);
-  };
-  const handleManualInput = (hours, minutes) => {
-    const newTime = { hours, minutes };
-    setTime(newTime);
-    _optionalChain([onChange, 'optionalCall', _5 => _5(newTime)]);
-  };
-  const toggleMode = () => {
-    setMode((prev) => prev === "hour" ? "minute" : "hour");
-  };
-  return {
-    time,
-    displayHours,
-    period,
-    mode,
-    handleHourChange,
-    handleMinuteChange,
-    handlePeriodToggle,
-    handleManualInput,
-    toggleMode,
-    setMode
-  };
-};
-var useTimePickerColors = (themeColor) => {
-  const theme = _chunk7UFBLUMVcjs.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: _core.withOpacity.call(void 0, colorScheme.main, 0.12),
-      primary: colorScheme.main,
-      onPrimary: colorScheme.onMain,
-      text: theme.colors.foreground,
-      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,
-    colorScheme.onMain,
-    theme.colors.background,
-    theme.colors.foreground
-  ]);
-};
-
-// src/components/timepicker/timepicker.style.ts
-
-var styles = _reactnative.StyleSheet.create({
-  container: {
-    padding: 24,
-    alignItems: "center"
-  },
-  header: {
-    alignSelf: "stretch",
-    marginBottom: 24
-  },
-  headerTitle: {
-    fontSize: 14,
-    fontWeight: "400",
-    marginBottom: 16
-  },
-  timeDisplay: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 8
-  },
-  timeDisplayWithPeriod: {
-    justifyContent: "space-between"
-  },
-  timeSection: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  timeDigit: {
-    fontSize: 57,
-    fontWeight: "400",
-    lineHeight: 64,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderRadius: 8,
-    minWidth: 96,
-    textAlign: "center"
-  },
-  timeSeparator: {
-    fontSize: 57,
-    fontWeight: "400",
-    lineHeight: 64
-  },
-  periodSelector: {
-    gap: 4
-  },
-  periodButton: {
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    borderRadius: 8,
-    borderWidth: 1,
-    minWidth: 52,
-    alignItems: "center"
-  },
-  periodText: {
-    fontSize: 16,
-    fontWeight: "500"
-  },
-  clockContainer: {
-    width: 256,
-    height: 256,
-    justifyContent: "center",
-    alignItems: "center",
-    marginBottom: 24
-  },
-  clockFace: {
-    width: 256,
-    height: 256,
-    borderRadius: 128,
-    justifyContent: "center",
-    alignItems: "center",
-    position: "relative"
-  },
-  clockCenter: {
-    width: 6,
-    height: 6,
-    borderRadius: 3,
-    position: "absolute"
-  },
-  clockHand: {
-    position: "absolute",
-    width: 2,
-    backgroundColor: "transparent",
-    transformOrigin: "top center"
-  },
-  clockHandLine: {
-    width: 2,
-    backgroundColor: "transparent"
-  },
-  clockHandDot: {
-    width: 16,
-    height: 16,
-    borderRadius: 8,
-    position: "absolute",
-    top: -8,
-    left: -7,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  clockNumber: {
-    position: "absolute",
-    width: 48,
-    height: 48,
-    borderRadius: 24,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  clockNumberText: {
-    fontSize: 16,
-    fontWeight: "400"
-  },
-  actions: {
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    gap: 8,
-    alignSelf: "stretch"
-  },
-  actionButton: {
-    paddingVertical: 10,
-    paddingHorizontal: 24,
-    borderRadius: 20
-  },
-  actionButtonText: {
-    fontSize: 14,
-    fontWeight: "500"
-  },
-  keyboardButton: {
-    width: 48,
-    height: 48,
-    borderRadius: 24,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  inputContainer: {
-    width: 256,
-    height: 256,
-    justifyContent: "center",
-    alignItems: "center",
-    gap: 16
-  },
-  inputRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  input: {
-    width: 96,
-    height: 80,
-    borderRadius: 8,
-    borderWidth: 1,
-    fontSize: 57,
-    fontWeight: "400",
-    textAlign: "center",
-    padding: 8
-  },
-  inputSeparator: {
-    fontSize: 36,
-    fontWeight: "400"
-  },
-  trigger: {
-    minHeight: 52,
-    borderWidth: 1,
-    borderRadius: 12,
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 12
-  },
-  triggerContent: {
-    flex: 1,
-    minWidth: 0
-  },
-  triggerText: {
-    fontSize: 16,
-    fontWeight: "500"
-  },
-  clearButton: {
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  disabled: {
-    opacity: 0.5
-  }
-});
-
-// src/components/timepicker/timepicker.tsx
-var TimePicker = ({
-  value,
-  onChange,
-  is24Hour = false,
-  themeColor = "primary",
-  style
-}) => {
-  const {
-    time,
-    displayHours,
-    period,
-    mode,
-    handleHourChange,
-    handleMinuteChange,
-    handlePeriodToggle,
-    handleManualInput,
-    setMode
-  } = useTimePickerState(value, is24Hour, onChange);
-  const colors = useTimePickerColors(themeColor);
-  const hourAngle = _react.useMemo.call(void 0, 
-    () => getHourAngle(displayHours, is24Hour),
-    [displayHours, is24Hour]
-  );
-  const minuteAngle = _react.useMemo.call(void 0, () => getMinuteAngle(time.minutes), [time.minutes]);
-  const currentAngle = mode === "hour" ? hourAngle : minuteAngle;
-  const handRotation = _reactnativereanimated.useSharedValue.call(void 0, currentAngle);
-  const [hourInput, setHourInput] = _react.useState.call(void 0, 
-    displayHours.toString().padStart(2, "0")
-  );
-  const [minuteInput, setMinuteInput] = _react.useState.call(void 0, 
-    time.minutes.toString().padStart(2, "0")
-  );
-  _react.useEffect.call(void 0, () => {
-    handRotation.value = _reactnativereanimated.withTiming.call(void 0, currentAngle - 180, {
-      duration: 120,
-      easing: _reactnativereanimated.Easing.out(_reactnativereanimated.Easing.cubic)
-    });
-  }, [currentAngle, handRotation]);
-  _react.useEffect.call(void 0, () => {
-    setHourInput(displayHours.toString().padStart(2, "0"));
-  }, [displayHours]);
-  _react.useEffect.call(void 0, () => {
-    setMinuteInput(time.minutes.toString().padStart(2, "0"));
-  }, [time.minutes]);
-  const handStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, () => ({
-    transform: [{ rotate: `${handRotation.value}deg` }]
-  }));
-  const commitHourInput = () => {
-    if (hourInput.trim() === "") {
-      setHourInput(displayHours.toString().padStart(2, "0"));
-      return;
-    }
-    const hours = parseInt(hourInput, 10);
-    if (isNaN(hours)) {
-      setHourInput(displayHours.toString().padStart(2, "0"));
-      return;
-    }
-    const clampedHours = clampHour(hours, is24Hour);
-    const finalHours = is24Hour ? clampedHours : period === "PM" && clampedHours !== 12 ? clampedHours + 12 : clampedHours === 12 && period === "AM" ? 0 : clampedHours;
-    handleManualInput(finalHours, time.minutes);
-  };
-  const commitMinuteInput = () => {
-    if (minuteInput.trim() === "") {
-      setMinuteInput(time.minutes.toString().padStart(2, "0"));
-      return;
-    }
-    const minutes = parseInt(minuteInput, 10);
-    if (isNaN(minutes)) {
-      setMinuteInput(time.minutes.toString().padStart(2, "0"));
-      return;
-    }
-    handleManualInput(time.hours, clampMinute(minutes));
-  };
-  const renderClockNumbers = () => {
-    if (mode === "hour" && is24Hour) {
-      const outerRadius = 104;
-      const innerRadius = 70;
-      return Array.from({ length: 12 }, (_, slot) => {
-        const angle = slot * 30;
-        const radian = (angle - 90) * Math.PI / 180;
-        const outerValue = slot === 0 ? 12 : slot;
-        const innerValue = slot === 0 ? 0 : slot + 12;
-        const outerX = outerRadius * Math.cos(radian);
-        const outerY = outerRadius * Math.sin(radian);
-        const innerX = innerRadius * Math.cos(radian);
-        const innerY = innerRadius * Math.sin(radian);
-        const outerSelected = outerValue === displayHours;
-        const innerSelected = innerValue === displayHours;
-        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 ? colors.primary : "transparent"
-              }
-            ]
-          },
-          /* @__PURE__ */ _react2.default.createElement(
-            _reactnative.Text,
-            {
-              style: [
-                styles.clockNumberText,
-                { color: outerSelected ? colors.onPrimary : colors.text }
-              ]
-            },
-            outerValue
-          )
-        ), /* @__PURE__ */ _react2.default.createElement(
-          _reactnative.Pressable,
-          {
-            onPress: () => handleHourChange(innerValue),
-            style: [
-              styles.clockNumber,
-              {
-                transform: [{ translateX: innerX }, { translateY: innerY }],
-                backgroundColor: innerSelected ? colors.primary : "transparent"
-              }
-            ]
-          },
-          /* @__PURE__ */ _react2.default.createElement(
-            _reactnative.Text,
-            {
-              style: [
-                styles.clockNumberText,
-                { color: innerSelected ? colors.onPrimary : colors.text }
-              ]
-            },
-            innerValue === 0 ? 24 : innerValue
-          )
-        ));
-      });
-    }
-    const numbers = mode === "hour" ? 12 : 60;
-    const step = mode === "hour" ? 1 : 5;
-    const radius = 100;
-    return Array.from({ length: numbers / step }, (_, i) => {
-      const value2 = mode === "hour" ? i === 0 ? 12 : i * step : i * step;
-      const angle = value2 / (mode === "hour" ? 12 : 60) * 360;
-      const radian = (angle - 90) * Math.PI / 180;
-      const x = radius * Math.cos(radian);
-      const y = radius * Math.sin(radian);
-      const isSelected = mode === "hour" ? value2 === displayHours : value2 === time.minutes;
-      return /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Pressable,
-        {
-          key: `${mode}-${value2}`,
-          onPress: () => {
-            if (mode === "hour") {
-              handleHourChange(value2 === 12 && period === "PM" ? 12 : value2);
-            } else {
-              handleMinuteChange(value2);
-            }
-          },
-          style: [
-            styles.clockNumber,
-            {
-              transform: [{ translateX: x }, { translateY: y }],
-              backgroundColor: isSelected ? colors.primary : "transparent"
-            }
-          ]
-        },
-        /* @__PURE__ */ _react2.default.createElement(
-          _reactnative.Text,
-          {
-            style: [
-              styles.clockNumberText,
-              { color: isSelected ? colors.onPrimary : colors.text }
-            ]
-          },
-          mode === "minute" && value2 < 10 ? `0${value2}` : value2
-        )
-      );
-    });
-  };
-  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__ */ _react2.default.createElement(_reactnative.View, { style: styles.timeSection }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.TextInput,
-      {
-        style: [
-          styles.timeDigit,
-          {
-            color: mode === "hour" ? colors.primary : colors.text,
-            backgroundColor: mode === "hour" ? colors.selectedDigit : "transparent"
-          }
-        ],
-        value: hourInput,
-        onChangeText: (text) => {
-          const numeric = text.replace(/[^0-9]/g, "");
-          if (numeric.length > 2) return;
-          setHourInput(numeric);
-          if (numeric === "") return;
-          const hours = parseInt(numeric, 10);
-          if (isNaN(hours)) return;
-          const clampedHours = clampHour(hours, is24Hour);
-          const finalHours = is24Hour ? clampedHours : period === "PM" && clampedHours !== 12 ? clampedHours + 12 : clampedHours === 12 && period === "AM" ? 0 : clampedHours;
-          handleManualInput(finalHours, time.minutes);
-        },
-        onFocus: () => setMode("hour"),
-        onBlur: commitHourInput,
-        onSubmitEditing: commitHourInput,
-        keyboardType: "number-pad",
-        maxLength: 2,
-        selectTextOnFocus: true
-      }
-    ), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.timeSeparator, { color: colors.text }] }, ":"), /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.TextInput,
-      {
-        style: [
-          styles.timeDigit,
-          {
-            color: mode === "minute" ? colors.primary : colors.text,
-            backgroundColor: mode === "minute" ? colors.selectedDigit : "transparent"
-          }
-        ],
-        value: minuteInput,
-        onChangeText: (text) => {
-          const numeric = text.replace(/[^0-9]/g, "");
-          if (numeric.length > 2) return;
-          setMinuteInput(numeric);
-          if (numeric === "") return;
-          const minutes = parseInt(numeric, 10);
-          if (isNaN(minutes)) return;
-          handleManualInput(time.hours, clampMinute(minutes));
-        },
-        onFocus: () => setMode("minute"),
-        onBlur: commitMinuteInput,
-        onSubmitEditing: commitMinuteInput,
-        keyboardType: "number-pad",
-        maxLength: 2,
-        selectTextOnFocus: true
-      }
-    )),
-    !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" ? colors.surface : "transparent",
-            borderColor: period === "AM" ? colors.primary : colors.border
-          }
-        ]
-      },
-      /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Text,
-        {
-          style: [
-            styles.periodText,
-            { color: period === "AM" ? colors.primary : colors.text }
-          ]
-        },
-        "AM"
-      )
-    ), /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Pressable,
-      {
-        onPress: () => handlePeriodToggle("PM"),
-        style: [
-          styles.periodButton,
-          {
-            backgroundColor: period === "PM" ? colors.surface : "transparent",
-            borderColor: period === "PM" ? colors.primary : colors.border
-          }
-        ]
-      },
-      /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Text,
-        {
-          style: [
-            styles.periodText,
-            { color: period === "PM" ? colors.primary : colors.text }
-          ]
-        },
-        "PM"
-      )
-    ))
-  )), /* @__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,
-        {
-          height: 84,
-          top: "50%",
-          left: "50%",
-          marginLeft: -1
-        },
-        handStyle
-      ]
-    },
-    /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.View,
-      {
-        style: [
-          styles.clockHandLine,
-          { height: "100%", backgroundColor: colors.primary }
-        ]
-      }
-    ),
-    /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.View,
-      {
-        style: [styles.clockHandDot, { backgroundColor: colors.primary }]
-      }
-    )
-  ))));
-};
-
-// src/components/timepicker/timepicker-dialog.tsx
-
-
-var TimePickerDialog = ({
-  isOpen,
-  onClose,
-  value,
-  onChange,
-  is24Hour = false,
-  themeColor = "primary",
-  confirmText = "OK",
-  cancelText = "Cancel",
-  onConfirm,
-  onCancel
-}) => {
-  const [tempValue, setTempValue] = _react.useState.call(void 0, value);
-  const colors = useTimePickerColors(themeColor);
-  const handleChange = (time) => {
-    setTempValue(time);
-    _optionalChain([onChange, 'optionalCall', _6 => _6(time)]);
-  };
-  const handleConfirm = () => {
-    if (tempValue) {
-      _optionalChain([onConfirm, 'optionalCall', _7 => _7(tempValue)]);
-    }
-    onClose();
-  };
-  const handleCancel = () => {
-    _optionalChain([onCancel, 'optionalCall', _8 => _8()]);
-    onClose();
-  };
-  return /* @__PURE__ */ _react2.default.createElement(_chunkBYWUAPC4cjs.BottomSheet, { isOpen, onClose, snapPoints: [0.7] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, /* @__PURE__ */ _react2.default.createElement(
-    TimePicker,
-    {
-      value: tempValue,
-      onChange: handleChange,
-      is24Hour,
-      themeColor
-    }
-  ), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.actions }, /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Pressable,
-    {
-      onPress: handleCancel,
-      style: [styles.actionButton, { backgroundColor: "transparent" }]
-    },
-    /* @__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__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.actionButtonText, { color: colors.primary }] }, confirmText)
-  ))));
-};
-
-// src/components/timepicker/timepicker-trigger.tsx
-
-
-var _icons = require('@xaui/icons');
-var TimePickerTrigger = ({
-  value,
-  placeholder = "Select time",
-  is24Hour = false,
-  themeColor = "primary",
-  isDisabled = false,
-  isReadOnly = false,
-  isClearable = true,
-  icon,
-  style,
-  textStyle,
-  onPress,
-  onClear
-}) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const colors = useTimePickerColors(themeColor);
-  const hasValue = Boolean(value);
-  const displayValue = _react.useMemo.call(void 0, () => {
-    if (!value) return placeholder;
-    return formatTimeValue(value, is24Hour);
-  }, [value, placeholder, is24Hour]);
-  const triggerStyle = {
-    borderColor: colors.border,
-    backgroundColor: colors.background
-  };
-  const triggerTextStyle = {
-    color: hasValue ? theme.colors.foreground : colors.textSecondary
-  };
-  const isBlocked = isDisabled || isReadOnly;
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Pressable,
-    {
-      onPress: isBlocked ? void 0 : onPress,
-      disabled: isBlocked,
-      style: [styles.trigger, triggerStyle, isBlocked && styles.disabled, style],
-      accessibilityRole: "button",
-      accessibilityState: { disabled: isBlocked }
-    },
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.triggerContent }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Text,
-      {
-        style: [styles.triggerText, triggerTextStyle, textStyle],
-        numberOfLines: 1,
-        ellipsizeMode: "tail"
-      },
-      displayValue
-    )),
-    isClearable && hasValue && !isBlocked ? /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.TouchableOpacity,
-      {
-        onPress: onClear,
-        style: styles.clearButton,
-        hitSlop: { top: 8, right: 8, bottom: 8, left: 8 }
-      },
-      /* @__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 })))
-  );
-};
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-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;