@xaui/native 0.9.1-alpha.9 → 0.9.1-alpha.90

package/dist/chunk-DSCZZZIG.cjs

@@ -0,0 +1,634 @@
+"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; }
+
+var _chunkWLWZG2PAcjs = require('./chunk-WLWZG2PA.cjs');
+
+
+
+var _chunkSDLDRTT7cjs = require('./chunk-SDLDRTT7.cjs');
+
+
+var _chunkISHMSP6Pcjs = require('./chunk-ISHMSP6P.cjs');
+
+
+var _chunkYVYYONTPcjs = require('./chunk-YVYYONTP.cjs');
+
+
+var _chunkJ5COSALOcjs = require('./chunk-J5COSALO.cjs');
+
+
+var _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
+
+
+
+
+
+var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
+
+
+var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
+
+
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+
+
+var _chunkPIU3JONRcjs = require('./chunk-PIU3JONR.cjs');
+
+
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+
+
+
+var _chunkGSZDN6EZcjs = require('./chunk-GSZDN6EZ.cjs');
+
+
+var _chunkSL3V7R2Ycjs = require('./chunk-SL3V7R2Y.cjs');
+
+
+
+var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
+
+
+var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
+
+
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/date-picker/date-picker.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+
+// src/components/date-picker/date-picker.context.ts
+var [DatePickerProvider, useDatePicker] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "DatePicker");
+
+// src/components/date-picker/date-picker.recipe.ts
+var SLOTS = ["field"];
+var VARIANT_TOKENS = {
+  // A single entry, and it is still a table: `resolveTint` only maps roles a variant
+  // declared, and the field's tint travels through the `Select`'s table rather than this.
+  default: { bg: "overlay" }
+};
+var PADDING = { sm: 3, md: 3, lg: 4 };
+function sizeAxis(size) {
+  return (theme) => ({
+    field: { padding: theme.spacing(PADDING[size]) }
+  });
+}
+var datePickerRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  variantTokens: VARIANT_TOKENS,
+  variants: {
+    size: { sm: sizeAxis("sm"), md: sizeAxis("md"), lg: sizeAxis("lg") }
+  },
+  defaultVariants: { size: "md" }
+});
+
+// src/components/date-picker/date-picker.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var CALENDAR_COLUMNS = 7;
+var DEFAULT_FORMAT = { dateStyle: "medium" };
+var DatePicker = _react.forwardRef.call(void 0, function DatePicker2({
+  children,
+  variant,
+  size = "md",
+  radius,
+  color,
+  calendarVariant,
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  isOpen: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  minValue,
+  maxValue,
+  firstDayOfWeek,
+  locale,
+  formatOptions,
+  closeOnSelect = true,
+  isDisabled = false,
+  isInvalid = false,
+  asChild = false,
+  style,
+  ...props
+}, ref) {
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0, );
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [anchor, setAnchor] = _react.useState.call(void 0, null);
+  const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledValue,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const [isOpen, setOpen] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledOpen,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const selection = {
+    variant,
+    size,
+    radius,
+    isOpen: isOpen ? "true" : void 0,
+    isInvalid: isInvalid ? "true" : void 0
+  };
+  const styles = _chunkJ5COSALOcjs.selectRecipe.resolve({
+    theme,
+    selection,
+    states: { disabled: isDisabled }
+  });
+  const pressed = _chunkJ5COSALOcjs.selectRecipe.resolve({
+    theme,
+    selection,
+    states: { pressed: true }
+  });
+  const tint = color ? _chunkJ5COSALOcjs.selectRecipe.tint({ theme, color, selection }) : void 0;
+  const own = datePickerRecipe.resolve({ theme, selection: { size } });
+  const flatField = _reactnative.StyleSheet.flatten(own.field);
+  const panelPad = typeof flatField.padding === "number" ? flatField.padding : 0;
+  const labelled = _chunkWLWZG2PAcjs.textFieldRecipe.resolve({
+    theme,
+    selection: { size, isInvalid: isInvalid ? "true" : void 0 },
+    states: { disabled: isDisabled }
+  });
+  const open = _react.useCallback.call(void 0, () => setOpen(true), [setOpen]);
+  const close = _react.useCallback.call(void 0, () => setOpen(false), [setOpen]);
+  const toggle = _react.useCallback.call(void 0, 
+    () => isOpen ? close() : open(),
+    [close, isOpen, open]
+  );
+  const select = _react.useCallback.call(void 0, 
+    (next) => {
+      setValue(_chunkISHMSP6Pcjs.startOfDay.call(void 0, next));
+      if (closeOnSelect) close();
+    },
+    [close, closeOnSelect, setValue]
+  );
+  const label = _react.useMemo.call(void 0, 
+    () => value === void 0 ? void 0 : formatDate(value, locale, formatOptions),
+    [formatOptions, locale, value]
+  );
+  const calendar = _react.useMemo.call(void 0, 
+    () => ({
+      variant: calendarVariant,
+      size,
+      color,
+      minValue,
+      maxValue,
+      firstDayOfWeek,
+      locale
+    }),
+    [calendarVariant, size, color, minValue, maxValue, firstDayOfWeek, locale]
+  );
+  const context = _react.useMemo.call(void 0, () => {
+    const indicator = _reactnative.StyleSheet.flatten([
+      styles.indicator,
+      _optionalChain([tint, 'optionalAccess', _ => _.indicator])
+    ]);
+    const tintedPlaceholder = tint ? _reactnative.StyleSheet.flatten([tint.value]).color : void 0;
+    return {
+      triggerStyle: tint ? [styles.trigger, tint.trigger] : styles.trigger,
+      triggerPressedStyle: pressed.trigger,
+      valueStyle: tint ? [styles.value, tint.value] : styles.value,
+      placeholderStyle: tint ? [styles.placeholder, { color: tintedPlaceholder }] : styles.placeholder,
+      indicatorStyle: styles.indicator,
+      overlayStyle: styles.overlay,
+      contentStyle: styles.content,
+      fieldStyle: own.field,
+      // The panel's floor: the grid's seven cells **plus the panel's own inset**, so the
+      // week fits inside the padding rather than being clipped by it. The panel matches the
+      // field above that and never goes under it.
+      panelMinWidth: CALENDAR_COLUMNS * _chunkSDLDRTT7cjs.SIZES[size].cell + 2 * panelPad,
+      labelStyle: labelled.label,
+      descriptionStyle: labelled.description,
+      errorStyle: labelled.error,
+      glyph: {
+        size: indicator.fontSize,
+        color: typeof indicator.color === "string" ? indicator.color : void 0
+      },
+      value,
+      label,
+      isOpen,
+      isDisabled,
+      isInvalid,
+      open,
+      close,
+      toggle,
+      select,
+      calendar,
+      anchor,
+      setAnchor
+    };
+  }, [
+    styles,
+    pressed,
+    tint,
+    own,
+    labelled,
+    size,
+    value,
+    label,
+    isOpen,
+    isDisabled,
+    isInvalid,
+    open,
+    close,
+    toggle,
+    select,
+    calendar,
+    anchor
+  ]);
+  const columnStyle = [labelled.root, styleProps, style];
+  const column = asChild ? (
+    // R12 — the caller's element is the column.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDRGTUYFcjs.Slot, { ref, ...rest, style: columnStyle, children })
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: columnStyle, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatePickerProvider, { value: context, children: column });
+});
+DatePicker.displayName = "XAUI.DatePicker.Root";
+function formatDate(date, locale, options) {
+  try {
+    return new Intl.DateTimeFormat(locale, _nullishCoalesce(options, () => ( DEFAULT_FORMAT))).format(date);
+  } catch (e) {
+    return date.toISOString().slice(0, 10);
+  }
+}
+
+// src/components/date-picker/date-picker-calendar.tsx
+
+
+var COLUMNS = 7;
+var DatePickerCalendar = _react.forwardRef.call(void 0, 
+  function DatePickerCalendar2({ children, ...props }, ref) {
+    const { calendar, value, isDisabled, select } = useDatePicker();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkSDLDRTT7cjs.Calendar,
+      {
+        ref,
+        width: "100%",
+        minWidth: COLUMNS * _chunkSDLDRTT7cjs.SIZES[calendar.size].cell,
+        variant: calendar.variant,
+        size: calendar.size,
+        color: calendar.color,
+        value,
+        onValueChange: select,
+        minValue: calendar.minValue,
+        maxValue: calendar.maxValue,
+        firstDayOfWeek: calendar.firstDayOfWeek,
+        locale: calendar.locale,
+        isDisabled,
+        ...props,
+        children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSDLDRTT7cjs.Calendar.Header, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDLDRTT7cjs.Calendar.PreviousButton, {}),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDLDRTT7cjs.Calendar.Title, {}),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDLDRTT7cjs.Calendar.NextButton, {})
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDLDRTT7cjs.Calendar.Weekdays, {}),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDLDRTT7cjs.Calendar.Grid, {})
+        ] })))
+      }
+    );
+  }
+);
+DatePickerCalendar.displayName = "XAUI.DatePicker.Calendar";
+
+// src/components/date-picker/date-picker-content.tsx
+
+var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+var DEFAULT_OFFSET = 8;
+var DEFAULT_INSETS = { top: 12, bottom: 12, start: 12, end: 12 };
+var DatePickerContent = _react.forwardRef.call(void 0, 
+  function DatePickerContent2({
+    children,
+    placement = "bottom",
+    align = "center",
+    width = "trigger",
+    minWidth,
+    offset = DEFAULT_OFFSET,
+    alignOffset = 0,
+    avoidCollisions = true,
+    insets,
+    style,
+    onLayout,
+    ...props
+  }, ref) {
+    const context = useDatePicker();
+    const { contentStyle, fieldStyle, panelMinWidth, isOpen, anchor } = context;
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const { position, onContentLayout, measuringStyle } = _chunkYVYYONTPcjs.useAnchoredPosition.call(void 0, {
+      anchor,
+      isOpen,
+      placement,
+      align,
+      width,
+      // The default: match the field, but never below the grid's seven cells. A caller who
+      // names `minWidth` overrides that; `width={280}` or `width="content-fit"` opts out.
+      minWidth: _nullishCoalesce(minWidth, () => ( panelMinWidth)),
+      offset,
+      alignOffset,
+      avoidCollisions,
+      insets: { ...DEFAULT_INSETS, ...insets },
+      onLayout
+    });
+    if (!isOpen || anchor === null) return null;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatePickerProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnativereanimated2.default.View,
+      {
+        ref,
+        entering: position ? _chunkEKS3W46Mcjs.anchoredEntering.call(void 0, position.placement) : void 0,
+        exiting: position ? _chunkEKS3W46Mcjs.anchoredExiting.call(void 0, position.placement) : void 0,
+        onLayout: onContentLayout,
+        ...rest,
+        style: [
+          contentStyle,
+          // The one measurement this component owns: a list's rows run edge to edge
+          // and a month grid must not.
+          fieldStyle,
+          position === null ? measuringStyle : {
+            top: position.top,
+            start: position.start,
+            width: position.width,
+            maxHeight: position.maxHeight
+          },
+          styleProps,
+          style
+        ],
+        children
+      },
+      _nullishCoalesce(_optionalChain([position, 'optionalAccess', _2 => _2.placement]), () => ( "measuring"))
+    ) }) });
+  }
+);
+DatePickerContent.displayName = "XAUI.DatePicker.Content";
+
+// src/components/date-picker/date-picker-description.tsx
+
+
+
+var DatePickerDescription = _react.forwardRef.call(void 0, 
+  function DatePickerDescription2({ children, style, ...props }, ref) {
+    const { descriptionStyle } = useDatePicker();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [descriptionStyle, styleProps, style], ...rest, children });
+  }
+);
+DatePickerDescription.displayName = "XAUI.DatePicker.Description";
+
+// src/components/date-picker/date-picker-error.tsx
+
+
+
+var DatePickerError = _react.forwardRef.call(void 0, 
+  function DatePickerError2({ children, style, ...props }, ref) {
+    const { errorStyle } = useDatePicker();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [errorStyle, styleProps, style], ...rest, children });
+  }
+);
+DatePickerError.displayName = "XAUI.DatePicker.Error";
+
+// src/components/date-picker/date-picker-field.tsx
+
+
+// src/components/date-picker/date-picker-indicator.tsx
+
+
+// src/components/date-picker/calendar-glyph-icon.tsx
+var _reactnativesvg = require('react-native-svg');
+
+function CalendarGlyphIcon({
+  size = 20,
+  color = "currentColor"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnativesvg.Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnativesvg.Rect,
+      {
+        x: 3,
+        y: 4,
+        width: 18,
+        height: 18,
+        rx: 2,
+        stroke: color,
+        strokeWidth: 2
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnativesvg.Path,
+      {
+        d: "M8 2v4M16 2v4M3 10h18",
+        stroke: color,
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+CalendarGlyphIcon.displayName = "XAUI.DatePicker.CalendarGlyphIcon";
+
+// src/components/date-picker/date-picker-indicator.tsx
+
+function DatePickerIndicator(props) {
+  const { as = CalendarGlyphIcon } = props;
+  const { indicatorStyle } = useDatePicker();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { style: indicatorStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.Icon, { as }) });
+}
+DatePickerIndicator.displayName = "XAUI.DatePicker.Indicator";
+
+// src/components/date-picker/date-picker-trigger.tsx
+
+
+var DatePickerTrigger = _react.forwardRef.call(void 0, 
+  function DatePickerTrigger2({
+    children,
+    asChild = false,
+    accessibilityRole = "button",
+    accessibilityState,
+    style,
+    onLayout,
+    onPressIn,
+    onPressOut,
+    onPress,
+    ...props
+  }, ref) {
+    const {
+      triggerStyle,
+      triggerPressedStyle,
+      glyph,
+      isOpen,
+      isDisabled,
+      isInvalid,
+      toggle,
+      setAnchor
+    } = useDatePicker();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
+    const node = _react.useRef.call(void 0, null);
+    const refs = _chunkWFEMJCXOcjs.useMergedRef.call(void 0, node, ref);
+    const measure = _react.useCallback.call(void 0, () => {
+      _optionalChain([node, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.measureInWindow, 'call', _5 => _5((x, y, width, height) => {
+        setAnchor({ x, y, width, height });
+      })]);
+    }, [setAnchor]);
+    const handleLayout = _react.useCallback.call(void 0, 
+      (event) => {
+        _optionalChain([onLayout, 'optionalCall', _6 => _6(event)]);
+        measure();
+      },
+      [measure, onLayout]
+    );
+    _react.useEffect.call(void 0, () => {
+      if (isOpen) measure();
+    }, [isOpen, measure]);
+    const handlePress = _react.useCallback.call(void 0, 
+      (event) => {
+        _optionalChain([onPress, 'optionalCall', _7 => _7(event)]);
+        measure();
+        toggle();
+      },
+      [measure, onPress, toggle]
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkPIU3JONRcjs.PressableFeedback,
+      {
+        ref: refs,
+        isPressed,
+        isDisabled,
+        asChild,
+        accessibilityRole,
+        accessibilityState: {
+          disabled: isDisabled,
+          expanded: isOpen,
+          ...accessibilityState
+        },
+        "aria-invalid": isInvalid || void 0,
+        ...rest,
+        onLayout: handleLayout,
+        style: [
+          triggerStyle,
+          isPressed && triggerPressedStyle,
+          styleProps,
+          typeof style === "function" ? style({ pressed: isPressed }) : style
+        ],
+        onPress: handlePress,
+        onPressIn: press.onPressIn,
+        onPressOut: press.onPressOut,
+        children
+      }
+    ) });
+  }
+);
+DatePickerTrigger.displayName = "XAUI.DatePicker.Trigger";
+
+// src/components/date-picker/date-picker-value.tsx
+
+
+
+var DatePickerValue = _react.forwardRef.call(void 0, 
+  function DatePickerValue2({ placeholder, children, numberOfLines = 1, style, ...props }, ref) {
+    const { valueStyle, placeholderStyle, label } = useDatePicker();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const text = _nullishCoalesce(children, () => ( label));
+    const isEmpty = text === void 0 || text === "";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.Text,
+      {
+        ref,
+        numberOfLines,
+        ...rest,
+        style: [valueStyle, isEmpty && placeholderStyle, styleProps, style],
+        children: isEmpty ? placeholder : text
+      }
+    );
+  }
+);
+DatePickerValue.displayName = "XAUI.DatePicker.Value";
+
+// src/components/date-picker/date-picker-field.tsx
+
+var DatePickerField = _react.forwardRef.call(void 0, 
+  function DatePickerField2({ placeholder, children, ...triggerProps }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatePickerTrigger, { ref, ...triggerProps, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatePickerValue, { placeholder }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatePickerIndicator, {})
+    ] }))) });
+  }
+);
+DatePickerField.displayName = "XAUI.DatePicker.Field";
+
+// src/components/date-picker/date-picker-label.tsx
+
+
+
+var DatePickerLabel = _react.forwardRef.call(void 0, 
+  function DatePickerLabel2({ children, style, ...props }, ref) {
+    const { labelStyle } = useDatePicker();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [labelStyle, styleProps, style], ...rest, children });
+  }
+);
+DatePickerLabel.displayName = "XAUI.DatePicker.Label";
+
+// src/components/date-picker/date-picker-overlay.tsx
+
+
+
+
+var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
+var DatePickerOverlay = _react.forwardRef.call(void 0, 
+  function DatePickerOverlay2({ children, isDismissable = true, style, ...props }, ref) {
+    const context = useDatePicker();
+    const { overlayStyle, isOpen, close } = context;
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    if (!isOpen) return null;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatePickerProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      AnimatedPressable,
+      {
+        ref,
+        entering: _chunkEKS3W46Mcjs.overlayEntering,
+        exiting: _chunkEKS3W46Mcjs.overlayExiting,
+        accessibilityRole: "none",
+        importantForAccessibility: "no",
+        onPress: isDismissable ? close : void 0,
+        ...rest,
+        style: [overlayStyle, styleProps, style],
+        children
+      }
+    ) }) });
+  }
+);
+DatePickerOverlay.displayName = "XAUI.DatePicker.Overlay";
+
+// src/components/date-picker/index.ts
+var DatePicker3 = Object.assign(DatePicker, {
+  Field: DatePickerField,
+  Label: DatePickerLabel,
+  Description: DatePickerDescription,
+  Error: DatePickerError,
+  Trigger: DatePickerTrigger,
+  Value: DatePickerValue,
+  Indicator: DatePickerIndicator,
+  Overlay: DatePickerOverlay,
+  Content: DatePickerContent,
+  Calendar: DatePickerCalendar
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.useDatePicker = useDatePicker; exports.datePickerRecipe = datePickerRecipe; exports.DatePicker = DatePicker; exports.DatePickerCalendar = DatePickerCalendar; exports.DatePickerContent = DatePickerContent; exports.DatePickerDescription = DatePickerDescription; exports.DatePickerError = DatePickerError; exports.CalendarGlyphIcon = CalendarGlyphIcon; exports.DatePickerIndicator = DatePickerIndicator; exports.DatePickerTrigger = DatePickerTrigger; exports.DatePickerValue = DatePickerValue; exports.DatePickerField = DatePickerField; exports.DatePickerLabel = DatePickerLabel; exports.DatePickerOverlay = DatePickerOverlay; exports.DatePicker2 = DatePicker3;