@nori-ui/core 1.1.0 → 1.2.0

package/dist/chunk-XBNVKPJN.js

@@ -0,0 +1,343 @@
+import { Popover } from './chunk-7D2BHQ6M.js';
+import { useLocale, Calendar } from './chunk-HZKXPN6B.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { getLocalTimeZone } from '@internationalized/date';
+import { useState, useCallback } from 'react';
+import { Platform, Text, Pressable, View } from 'react-native';
+import { jsx, jsxs } from 'nativewind/jsx-runtime';
+
+function formatDate(date, locale) {
+  try {
+    return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(date.toDate(getLocalTimeZone()));
+  } catch {
+    return `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+  }
+}
+__name(formatDate, "formatDate");
+function CalendarIcon({ size = 16, color = "currentColor" }) {
+  const colors = useThemeColors();
+  if (Platform.OS === "web") {
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: color,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx("path", { d: "M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" })
+      }
+    );
+  }
+  const resolvedColor = color === "currentColor" ? colors.semantic.text.muted : color;
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: { fontSize: size, lineHeight: size, color: resolvedColor },
+      children: "\u{1F4C5}"
+    }
+  );
+}
+__name(CalendarIcon, "CalendarIcon");
+function buildCalendarOptional(minValue, maxValue, isDateUnavailable, firstDayOfWeek) {
+  const out = {};
+  if (minValue !== void 0) {
+    out.minValue = minValue;
+  }
+  if (maxValue !== void 0) {
+    out.maxValue = maxValue;
+  }
+  if (isDateUnavailable !== void 0) {
+    out.isDateUnavailable = isDateUnavailable;
+  }
+  if (firstDayOfWeek !== void 0) {
+    out.firstDayOfWeek = firstDayOfWeek;
+  }
+  return out;
+}
+__name(buildCalendarOptional, "buildCalendarOptional");
+function buildTriggerAriaProps(ariaProps) {
+  const out = {};
+  if (ariaProps["aria-labelledby"] !== void 0) {
+    out["aria-labelledby"] = ariaProps["aria-labelledby"];
+  }
+  if (ariaProps["aria-describedby"] !== void 0) {
+    out["aria-describedby"] = ariaProps["aria-describedby"];
+  }
+  if (ariaProps["aria-invalid"] !== void 0) {
+    out["aria-invalid"] = ariaProps["aria-invalid"];
+  }
+  if (ariaProps["aria-required"] !== void 0) {
+    out["aria-required"] = ariaProps["aria-required"];
+  }
+  return out;
+}
+__name(buildTriggerAriaProps, "buildTriggerAriaProps");
+var DatePickerRoot = /* @__PURE__ */ __name(({
+  value,
+  defaultValue,
+  onChange,
+  locale: localeProp,
+  minValue,
+  maxValue,
+  isDateUnavailable,
+  firstDayOfWeek,
+  placeholder,
+  disabled = false,
+  id,
+  name: _name,
+  className,
+  testID,
+  ...ariaProps
+}) => {
+  const providerLocale = useLocale();
+  const locale = localeProp ?? providerLocale;
+  const [open, setOpen] = useState(false);
+  const isControlled = value !== void 0;
+  const [inner, setInner] = useState(defaultValue ?? null);
+  const current = isControlled ? value ?? null : inner;
+  const handleChange = useCallback(
+    (date) => {
+      if (!isControlled) {
+        setInner(date);
+      }
+      onChange?.(date);
+      setOpen(false);
+    },
+    [isControlled, onChange]
+  );
+  const handleOpenChange = useCallback(
+    (next) => {
+      if (!disabled) {
+        setOpen(next);
+      }
+    },
+    [disabled]
+  );
+  const displayValue = current ? formatDate(current, locale) : null;
+  const calendarOptional = buildCalendarOptional(minValue, maxValue, isDateUnavailable, firstDayOfWeek);
+  const triggerAriaProps = buildTriggerAriaProps(ariaProps);
+  const colors = useThemeColors();
+  const hasError = ariaProps["aria-invalid"] === true || ariaProps["aria-invalid"] === "true";
+  const pressableStyle = {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderRadius: px(colors.radius.md),
+    paddingHorizontal: px(colors.spacing["3"]),
+    paddingVertical: px(colors.spacing["2"]),
+    backgroundColor: colors.semantic.background.elevated,
+    borderColor: hasError ? colors.color.danger : colors.semantic.border.default,
+    opacity: disabled ? 0.6 : 1
+  };
+  const textStyle = {
+    flex: 1,
+    fontFamily: colors.fontFamily.body,
+    fontSize: px(colors.fontSize.md),
+    color: displayValue ? colors.semantic.text.default : colors.semantic.text.muted
+  };
+  const triggerExtraProps = {
+    role: "combobox",
+    accessibilityRole: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": open,
+    ...triggerAriaProps
+  };
+  if (id !== void 0) {
+    triggerExtraProps.id = id;
+    triggerExtraProps.nativeID = id;
+  }
+  if (testID !== void 0) {
+    triggerExtraProps.testID = testID;
+  }
+  if (hasError) {
+    triggerExtraProps["aria-invalid"] = true;
+  }
+  if (ariaProps["aria-required"]) {
+    triggerExtraProps["aria-required"] = true;
+  }
+  if (disabled) {
+    triggerExtraProps["aria-disabled"] = true;
+  }
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: false, className: cn(className), children: /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        onPress: disabled ? void 0 : () => setOpen(!open),
+        disabled,
+        className: cn(
+          "flex-row items-center rounded-md border px-3 py-2",
+          hasError ? "border-semantic-interactive-destructive" : "border-semantic-border-default",
+          disabled ? "opacity-60" : void 0,
+          className
+        ),
+        style: pressableStyle,
+        ...triggerExtraProps,
+        children: [
+          /* @__PURE__ */ jsx(Text, { style: textStyle, numberOfLines: 1, children: displayValue ?? placeholder ?? "" }),
+          /* @__PURE__ */ jsx(View, { style: { marginLeft: px(colors.spacing["2"]) }, children: /* @__PURE__ */ jsx(CalendarIcon, { size: 16, color: colors.semantic.text.muted }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Content, { "aria-label": "Date picker", side: "bottom", align: "start", children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "single",
+        value: current,
+        onChange: (date) => {
+          handleChange(date);
+        },
+        locale,
+        ...calendarOptional
+      }
+    ) })
+  ] });
+}, "DatePickerRoot");
+var DatePickerRange = /* @__PURE__ */ __name(({
+  value,
+  defaultValue,
+  onChange,
+  locale: localeProp,
+  minValue,
+  maxValue,
+  isDateUnavailable,
+  firstDayOfWeek,
+  placeholder,
+  disabled = false,
+  id,
+  name: _name,
+  className,
+  testID,
+  ...ariaProps
+}) => {
+  const providerLocale = useLocale();
+  const locale = localeProp ?? providerLocale;
+  const [open, setOpen] = useState(false);
+  const isControlled = value !== void 0;
+  const [inner, setInner] = useState(defaultValue ?? { start: null, end: null });
+  const current = isControlled ? value ?? { start: null, end: null } : inner;
+  const calendarValue = current.start !== null ? { start: current.start, end: current.end } : null;
+  const handleChange = useCallback(
+    (calRange) => {
+      const next = {
+        start: calRange?.start ?? null,
+        end: calRange?.end ?? null
+      };
+      if (!isControlled) {
+        setInner(next);
+      }
+      onChange?.(next);
+      if (next.start !== null && next.end !== null) {
+        setOpen(false);
+      }
+    },
+    [isControlled, onChange]
+  );
+  const handleOpenChange = useCallback(
+    (next) => {
+      if (!disabled) {
+        setOpen(next);
+      }
+    },
+    [disabled]
+  );
+  let displayValue = null;
+  if (current.start !== null) {
+    const startStr = formatDate(current.start, locale);
+    const endStr = current.end !== null ? formatDate(current.end, locale) : "";
+    displayValue = `${startStr} \u2013 ${endStr}`;
+  }
+  const calendarOptional = buildCalendarOptional(minValue, maxValue, isDateUnavailable, firstDayOfWeek);
+  const triggerAriaProps = buildTriggerAriaProps(ariaProps);
+  const colors = useThemeColors();
+  const hasError = ariaProps["aria-invalid"] === true || ariaProps["aria-invalid"] === "true";
+  const pressableStyle = {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderRadius: px(colors.radius.md),
+    paddingHorizontal: px(colors.spacing["3"]),
+    paddingVertical: px(colors.spacing["2"]),
+    backgroundColor: colors.semantic.background.elevated,
+    borderColor: hasError ? colors.color.danger : colors.semantic.border.default,
+    opacity: disabled ? 0.6 : 1
+  };
+  const textStyle = {
+    flex: 1,
+    fontFamily: colors.fontFamily.body,
+    fontSize: px(colors.fontSize.md),
+    color: displayValue ? colors.semantic.text.default : colors.semantic.text.muted
+  };
+  const triggerExtraProps = {
+    role: "combobox",
+    accessibilityRole: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": open,
+    ...triggerAriaProps
+  };
+  if (id !== void 0) {
+    triggerExtraProps.id = id;
+    triggerExtraProps.nativeID = id;
+  }
+  if (testID !== void 0) {
+    triggerExtraProps.testID = testID;
+  }
+  if (hasError) {
+    triggerExtraProps["aria-invalid"] = true;
+  }
+  if (ariaProps["aria-required"]) {
+    triggerExtraProps["aria-required"] = true;
+  }
+  if (disabled) {
+    triggerExtraProps["aria-disabled"] = true;
+  }
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: false, className: cn(className), children: /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        onPress: disabled ? void 0 : () => setOpen(!open),
+        disabled,
+        className: cn(
+          "flex-row items-center rounded-md border px-3 py-2",
+          hasError ? "border-semantic-interactive-destructive" : "border-semantic-border-default",
+          disabled ? "opacity-60" : void 0,
+          className
+        ),
+        style: pressableStyle,
+        ...triggerExtraProps,
+        children: [
+          /* @__PURE__ */ jsx(Text, { style: textStyle, numberOfLines: 1, children: displayValue ?? placeholder ?? "" }),
+          /* @__PURE__ */ jsx(View, { style: { marginLeft: px(colors.spacing["2"]) }, children: /* @__PURE__ */ jsx(CalendarIcon, { size: 16, color: colors.semantic.text.muted }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Content, { "aria-label": "Date range picker", side: "bottom", align: "start", children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "range",
+        value: calendarValue,
+        onChange: (range) => {
+          handleChange(range);
+        },
+        locale,
+        ...calendarOptional
+      }
+    ) })
+  ] });
+}, "DatePickerRange");
+var DatePicker = Object.assign(DatePickerRoot, {
+  Range: DatePickerRange
+});
+
+export { DatePicker };
+//# sourceMappingURL=chunk-XBNVKPJN.js.map
+//# sourceMappingURL=chunk-XBNVKPJN.js.map

package/dist/chunk-XBNVKPJN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DatePicker/DatePicker.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-XBNVKPJN.js","sourcesContent":["'use client';\n\nimport type { CalendarDate } from '@internationalized/date';\nimport { getLocalTimeZone } from '@internationalized/date';\nimport { useCallback, useState } from 'react';\nimport { Platform, Pressable, Text as RNText, View } from 'react-native';\nimport { useLocale } from '../../i18n/locale';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\nimport type { DateRange } from '../Calendar';\nimport { Calendar } from '../Calendar';\nimport { Popover } from '../Popover';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\n/** Format a single CalendarDate for display using Intl. */\nfunction formatDate(date: CalendarDate, locale: string): string {\n    try {\n        return new Intl.DateTimeFormat(locale, { dateStyle: 'medium' }).format(date.toDate(getLocalTimeZone()));\n    } catch {\n        return `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`;\n    }\n}\n\n// ---------------------------------------------------------------------------\n// Calendar icon\n// ---------------------------------------------------------------------------\n\nfunction CalendarIcon({ size = 16, color = 'currentColor' }: { size?: number; color?: string }) {\n    const colors = useThemeColors();\n\n    if (Platform.OS === 'web') {\n        return (\n            <svg\n                width={size}\n                height={size}\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke={color}\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                aria-hidden=\"true\"\n            >\n                <path d=\"M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\" />\n            </svg>\n        );\n    }\n\n    const resolvedColor = color === 'currentColor' ? colors.semantic.text.muted : color;\n    return (\n        <RNText\n            accessibilityElementsHidden\n            importantForAccessibility=\"no-hide-descendants\"\n            style={{ fontSize: size, lineHeight: size, color: resolvedColor }}\n        >\n            {'📅'}\n        </RNText>\n    );\n}\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type DatePickerProps = {\n    value?: CalendarDate | null;\n    defaultValue?: CalendarDate | null;\n    onChange?: (date: CalendarDate | null) => void;\n\n    /** BCP 47 locale; defaults from NoriProvider's i18n context. */\n    locale?: string;\n\n    /** Min/max selectable date. */\n    minValue?: CalendarDate;\n    maxValue?: CalendarDate;\n\n    /** Custom unavailable predicate. */\n    isDateUnavailable?: (date: CalendarDate) => boolean;\n\n    /** First day of week override (0=Sun, 1=Mon, ...). Defaults from locale. */\n    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\n    /** Placeholder text shown when no value. */\n    placeholder?: string;\n\n    /** Disable the whole picker. */\n    disabled?: boolean;\n\n    // A11y / Field.Control hook props\n    id?: string;\n    name?: string;\n    'aria-labelledby'?: string;\n    'aria-describedby'?: string;\n    'aria-invalid'?: boolean;\n    'aria-required'?: boolean;\n\n    testID?: string;\n    className?: string;\n};\n\nexport type DateRangeValue = { start: CalendarDate | null; end: CalendarDate | null };\n\nexport type DatePickerRangeProps = {\n    value?: DateRangeValue;\n    defaultValue?: DateRangeValue;\n    onChange?: (range: DateRangeValue) => void;\n\n    locale?: string;\n    minValue?: CalendarDate;\n    maxValue?: CalendarDate;\n    isDateUnavailable?: (date: CalendarDate) => boolean;\n    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    placeholder?: string;\n    disabled?: boolean;\n\n    id?: string;\n    name?: string;\n    'aria-labelledby'?: string;\n    'aria-describedby'?: string;\n    'aria-invalid'?: boolean;\n    'aria-required'?: boolean;\n\n    testID?: string;\n    className?: string;\n};\n\n// ---------------------------------------------------------------------------\n// Shared Calendar optional props builder\n// ---------------------------------------------------------------------------\n\ntype CalendarOptional = {\n    minValue?: CalendarDate;\n    maxValue?: CalendarDate;\n    isDateUnavailable?: (date: CalendarDate) => boolean;\n    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n};\n\nfunction buildCalendarOptional(\n    minValue: CalendarDate | undefined,\n    maxValue: CalendarDate | undefined,\n    isDateUnavailable: ((date: CalendarDate) => boolean) | undefined,\n    firstDayOfWeek: (0 | 1 | 2 | 3 | 4 | 5 | 6) | undefined\n): CalendarOptional {\n    const out: CalendarOptional = {};\n    if (minValue !== undefined) {\n        out.minValue = minValue;\n    }\n    if (maxValue !== undefined) {\n        out.maxValue = maxValue;\n    }\n    if (isDateUnavailable !== undefined) {\n        out.isDateUnavailable = isDateUnavailable;\n    }\n    if (firstDayOfWeek !== undefined) {\n        out.firstDayOfWeek = firstDayOfWeek;\n    }\n    return out;\n}\n\nfunction buildTriggerAriaProps(ariaProps: {\n    'aria-labelledby'?: string;\n    'aria-describedby'?: string;\n    'aria-invalid'?: boolean;\n    'aria-required'?: boolean;\n}): Record<string, unknown> {\n    const out: Record<string, unknown> = {};\n    if (ariaProps['aria-labelledby'] !== undefined) {\n        out['aria-labelledby'] = ariaProps['aria-labelledby'];\n    }\n    if (ariaProps['aria-describedby'] !== undefined) {\n        out['aria-describedby'] = ariaProps['aria-describedby'];\n    }\n    if (ariaProps['aria-invalid'] !== undefined) {\n        out['aria-invalid'] = ariaProps['aria-invalid'];\n    }\n    if (ariaProps['aria-required'] !== undefined) {\n        out['aria-required'] = ariaProps['aria-required'];\n    }\n    return out;\n}\n\n// ---------------------------------------------------------------------------\n// DatePicker (single)\n//\n// Uses Popover.Trigger + asChild so the Popover correctly sets the trigger\n// ref for web positioning and handles outside-click dismissal.\n// The trigger renders as a Pressable (via Popover.Trigger asChild pattern).\n// ---------------------------------------------------------------------------\n\nconst DatePickerRoot = ({\n    value,\n    defaultValue,\n    onChange,\n    locale: localeProp,\n    minValue,\n    maxValue,\n    isDateUnavailable,\n    firstDayOfWeek,\n    placeholder,\n    disabled = false,\n    id,\n    name: _name,\n    className,\n    testID,\n    ...ariaProps\n}: DatePickerProps) => {\n    const providerLocale = useLocale();\n    const locale = localeProp ?? providerLocale;\n\n    const [open, setOpen] = useState(false);\n\n    const isControlled = value !== undefined;\n    const [inner, setInner] = useState<CalendarDate | null>(defaultValue ?? null);\n    const current = isControlled ? (value ?? null) : inner;\n\n    const handleChange = useCallback(\n        (date: CalendarDate | null) => {\n            if (!isControlled) {\n                setInner(date);\n            }\n            onChange?.(date);\n            setOpen(false);\n        },\n        [isControlled, onChange]\n    );\n\n    const handleOpenChange = useCallback(\n        (next: boolean) => {\n            if (!disabled) {\n                setOpen(next);\n            }\n        },\n        [disabled]\n    );\n\n    const displayValue = current ? formatDate(current, locale) : null;\n    const calendarOptional = buildCalendarOptional(minValue, maxValue, isDateUnavailable, firstDayOfWeek);\n    const triggerAriaProps = buildTriggerAriaProps(ariaProps);\n\n    const colors = useThemeColors();\n    const hasError = ariaProps['aria-invalid'] === true || (ariaProps['aria-invalid'] as unknown as string) === 'true';\n\n    const pressableStyle = {\n        flexDirection: 'row' as const,\n        alignItems: 'center' as const,\n        borderWidth: 1,\n        borderRadius: px(colors.radius.md),\n        paddingHorizontal: px(colors.spacing['3']),\n        paddingVertical: px(colors.spacing['2']),\n        backgroundColor: colors.semantic.background.elevated,\n        borderColor: hasError ? colors.color.danger : colors.semantic.border.default,\n        opacity: disabled ? 0.6 : 1,\n    };\n\n    const textStyle = {\n        flex: 1,\n        fontFamily: colors.fontFamily.body,\n        fontSize: px(colors.fontSize.md),\n        color: displayValue ? colors.semantic.text.default : colors.semantic.text.muted,\n    };\n\n    // Extra a11y props for the trigger\n    const triggerExtraProps: Record<string, unknown> = {\n        role: 'combobox',\n        accessibilityRole: 'button',\n        'aria-haspopup': 'dialog',\n        'aria-expanded': open,\n        ...triggerAriaProps,\n    };\n    if (id !== undefined) {\n        triggerExtraProps.id = id;\n        triggerExtraProps.nativeID = id;\n    }\n    if (testID !== undefined) {\n        triggerExtraProps.testID = testID;\n    }\n    if (hasError) {\n        triggerExtraProps['aria-invalid'] = true;\n    }\n    if (ariaProps['aria-required']) {\n        triggerExtraProps['aria-required'] = true;\n    }\n    if (disabled) {\n        triggerExtraProps['aria-disabled'] = true;\n    }\n\n    return (\n        <Popover open={open} onOpenChange={handleOpenChange}>\n            <Popover.Trigger asChild={false} className={cn(className)}>\n                <Pressable\n                    onPress={disabled ? undefined : () => setOpen(!open)}\n                    disabled={disabled}\n                    className={cn(\n                        'flex-row items-center rounded-md border px-3 py-2',\n                        hasError ? 'border-semantic-interactive-destructive' : 'border-semantic-border-default',\n                        disabled ? 'opacity-60' : undefined,\n                        className\n                    )}\n                    style={pressableStyle}\n                    {...(triggerExtraProps as Record<string, unknown>)}\n                >\n                    <RNText style={textStyle} numberOfLines={1}>\n                        {displayValue ?? placeholder ?? ''}\n                    </RNText>\n                    <View style={{ marginLeft: px(colors.spacing['2']) }}>\n                        <CalendarIcon size={16} color={colors.semantic.text.muted} />\n                    </View>\n                </Pressable>\n            </Popover.Trigger>\n            <Popover.Content aria-label=\"Date picker\" side=\"bottom\" align=\"start\">\n                <Calendar\n                    mode=\"single\"\n                    value={current}\n                    onChange={(date) => {\n                        handleChange(date as CalendarDate | null);\n                    }}\n                    locale={locale}\n                    {...calendarOptional}\n                />\n            </Popover.Content>\n        </Popover>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// DatePicker.Range\n// ---------------------------------------------------------------------------\n\nconst DatePickerRange = ({\n    value,\n    defaultValue,\n    onChange,\n    locale: localeProp,\n    minValue,\n    maxValue,\n    isDateUnavailable,\n    firstDayOfWeek,\n    placeholder,\n    disabled = false,\n    id,\n    name: _name,\n    className,\n    testID,\n    ...ariaProps\n}: DatePickerRangeProps) => {\n    const providerLocale = useLocale();\n    const locale = localeProp ?? providerLocale;\n\n    const [open, setOpen] = useState(false);\n\n    const isControlled = value !== undefined;\n    const [inner, setInner] = useState<DateRangeValue>(defaultValue ?? { start: null, end: null });\n    const current = isControlled ? (value ?? { start: null, end: null }) : inner;\n\n    const calendarValue: DateRange | null = current.start !== null ? { start: current.start, end: current.end } : null;\n\n    const handleChange = useCallback(\n        (calRange: DateRange | null) => {\n            const next: DateRangeValue = {\n                start: calRange?.start ?? null,\n                end: calRange?.end ?? null,\n            };\n            if (!isControlled) {\n                setInner(next);\n            }\n            onChange?.(next);\n            if (next.start !== null && next.end !== null) {\n                setOpen(false);\n            }\n        },\n        [isControlled, onChange]\n    );\n\n    const handleOpenChange = useCallback(\n        (next: boolean) => {\n            if (!disabled) {\n                setOpen(next);\n            }\n        },\n        [disabled]\n    );\n\n    let displayValue: string | null = null;\n    if (current.start !== null) {\n        const startStr = formatDate(current.start, locale);\n        const endStr = current.end !== null ? formatDate(current.end, locale) : '';\n        displayValue = `${startStr} – ${endStr}`;\n    }\n\n    const calendarOptional = buildCalendarOptional(minValue, maxValue, isDateUnavailable, firstDayOfWeek);\n    const triggerAriaProps = buildTriggerAriaProps(ariaProps);\n\n    const colors = useThemeColors();\n    const hasError = ariaProps['aria-invalid'] === true || (ariaProps['aria-invalid'] as unknown as string) === 'true';\n\n    const pressableStyle = {\n        flexDirection: 'row' as const,\n        alignItems: 'center' as const,\n        borderWidth: 1,\n        borderRadius: px(colors.radius.md),\n        paddingHorizontal: px(colors.spacing['3']),\n        paddingVertical: px(colors.spacing['2']),\n        backgroundColor: colors.semantic.background.elevated,\n        borderColor: hasError ? colors.color.danger : colors.semantic.border.default,\n        opacity: disabled ? 0.6 : 1,\n    };\n\n    const textStyle = {\n        flex: 1,\n        fontFamily: colors.fontFamily.body,\n        fontSize: px(colors.fontSize.md),\n        color: displayValue ? colors.semantic.text.default : colors.semantic.text.muted,\n    };\n\n    const triggerExtraProps: Record<string, unknown> = {\n        role: 'combobox',\n        accessibilityRole: 'button',\n        'aria-haspopup': 'dialog',\n        'aria-expanded': open,\n        ...triggerAriaProps,\n    };\n    if (id !== undefined) {\n        triggerExtraProps.id = id;\n        triggerExtraProps.nativeID = id;\n    }\n    if (testID !== undefined) {\n        triggerExtraProps.testID = testID;\n    }\n    if (hasError) {\n        triggerExtraProps['aria-invalid'] = true;\n    }\n    if (ariaProps['aria-required']) {\n        triggerExtraProps['aria-required'] = true;\n    }\n    if (disabled) {\n        triggerExtraProps['aria-disabled'] = true;\n    }\n\n    return (\n        <Popover open={open} onOpenChange={handleOpenChange}>\n            <Popover.Trigger asChild={false} className={cn(className)}>\n                <Pressable\n                    onPress={disabled ? undefined : () => setOpen(!open)}\n                    disabled={disabled}\n                    className={cn(\n                        'flex-row items-center rounded-md border px-3 py-2',\n                        hasError ? 'border-semantic-interactive-destructive' : 'border-semantic-border-default',\n                        disabled ? 'opacity-60' : undefined,\n                        className\n                    )}\n                    style={pressableStyle}\n                    {...(triggerExtraProps as Record<string, unknown>)}\n                >\n                    <RNText style={textStyle} numberOfLines={1}>\n                        {displayValue ?? placeholder ?? ''}\n                    </RNText>\n                    <View style={{ marginLeft: px(colors.spacing['2']) }}>\n                        <CalendarIcon size={16} color={colors.semantic.text.muted} />\n                    </View>\n                </Pressable>\n            </Popover.Trigger>\n            <Popover.Content aria-label=\"Date range picker\" side=\"bottom\" align=\"start\">\n                <Calendar\n                    mode=\"range\"\n                    value={calendarValue}\n                    onChange={(range) => {\n                        handleChange(range as DateRange | null);\n                    }}\n                    locale={locale}\n                    {...calendarOptional}\n                />\n            </Popover.Content>\n        </Popover>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// Public export\n// ---------------------------------------------------------------------------\n\nexport const DatePicker = Object.assign(DatePickerRoot, {\n    Range: DatePickerRange,\n});\n"]}