glassdate-rn 0.1.0

package/dist/index.js

@@ -0,0 +1,2215 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  GlassDatePicker: () => GlassDatePicker
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/GlassDatePicker.tsx
+var import_react2 = require("react");
+var import_react_native7 = require("react-native");
+
+// src/logic/calendar.ts
+function daysInMonth(year, month) {
+  return new Date(year, month, 0).getDate();
+}
+function firstWeekdayOf(year, month) {
+  return new Date(year, month - 1, 1).getDay();
+}
+function previousMonth(year, month) {
+  if (month === 1) {
+    return { year: year - 1, month: 12 };
+  }
+  return { year, month: month - 1 };
+}
+function nextMonth(year, month) {
+  if (month === 12) {
+    return { year: year + 1, month: 1 };
+  }
+  return { year, month: month + 1 };
+}
+
+// src/logic/constraints.ts
+var DEFAULT_YEAR_RANGE = 100;
+function makeDate(year, month, day) {
+  return new Date(year, month - 1, day);
+}
+function dateYear(d) {
+  return d.getFullYear();
+}
+function dateMonth(d) {
+  return d.getMonth() + 1;
+}
+function dateDay(d) {
+  return d.getDate();
+}
+function isLeapYear(year) {
+  return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
+}
+function computeAdultMaxDate(today) {
+  const year = dateYear(today) - 18;
+  const month = dateMonth(today);
+  const day = dateDay(today);
+  if (month === 2 && day === 29 && !isLeapYear(year)) {
+    return makeDate(year, 3, 1);
+  }
+  return makeDate(year, month, day);
+}
+function dateToNumber(d) {
+  return dateYear(d) * 1e4 + dateMonth(d) * 100 + dateDay(d);
+}
+function compareDates(a, b) {
+  return dateToNumber(a) - dateToNumber(b);
+}
+function resolveConstraintBounds(config, today) {
+  const range = config.yearRange ?? DEFAULT_YEAR_RANGE;
+  const defaultMin = makeDate(dateYear(today) - range, 1, 1);
+  const defaultMax = makeDate(dateYear(today) + range, 12, 31);
+  switch (config.preset) {
+    case "none":
+      return { minDate: defaultMin, maxDate: defaultMax };
+    case "birthday":
+      return { minDate: defaultMin, maxDate: today };
+    case "adult":
+      return { minDate: defaultMin, maxDate: computeAdultMaxDate(today) };
+    case "future": {
+      const tomorrow = makeDate(dateYear(today), dateMonth(today), dateDay(today) + 1);
+      return { minDate: tomorrow, maxDate: defaultMax };
+    }
+    case "custom":
+      return {
+        minDate: config.minDate ?? defaultMin,
+        maxDate: config.maxDate ?? makeDate(9999, 12, 31)
+      };
+  }
+}
+function isConstraintConfigInvalid(config) {
+  return config.preset === "custom" && config.minDate !== void 0 && config.maxDate !== void 0 && compareDates(config.minDate, config.maxDate) > 0;
+}
+function isDateSelectableFromBounds(date, bounds) {
+  if (date == null) return false;
+  return compareDates(date, bounds.minDate) >= 0 && compareDates(date, bounds.maxDate) <= 0;
+}
+function isDateSelectable(date, config, today) {
+  const bounds = resolveConstraintBounds(config, today);
+  return isDateSelectableFromBounds(date, bounds);
+}
+function isMonthSelectable(year, month, config, today) {
+  const bounds = resolveConstraintBounds(config, today);
+  const firstOfMonth = makeDate(year, month, 1);
+  const lastOfMonth = makeDate(year, month, daysInMonth(year, month));
+  return compareDates(lastOfMonth, bounds.minDate) >= 0 && compareDates(firstOfMonth, bounds.maxDate) <= 0;
+}
+function isYearSelectable(year, config, today) {
+  const bounds = resolveConstraintBounds(config, today);
+  const firstOfYear = makeDate(year, 1, 1);
+  const lastOfYear = makeDate(year, 12, 31);
+  return compareDates(lastOfYear, bounds.minDate) >= 0 && compareDates(firstOfYear, bounds.maxDate) <= 0;
+}
+function clampDate(date, config, today) {
+  if (isConstraintConfigInvalid(config)) return null;
+  const bounds = resolveConstraintBounds(config, today);
+  if (isDateSelectableFromBounds(date, bounds)) return date;
+  if (compareDates(date, bounds.minDate) < 0) return bounds.minDate;
+  if (compareDates(date, bounds.maxDate) > 0) return bounds.maxDate;
+  return null;
+}
+
+// src/utils/colourUtils.ts
+var HEX6_REGEX = /^#[0-9A-Fa-f]{6}$/;
+var HEX8_REGEX = /^#[0-9A-Fa-f]{8}$/;
+function validateHexColour(s) {
+  return HEX6_REGEX.test(s) || HEX8_REGEX.test(s);
+}
+
+// src/logic/mono.ts
+var MONO_DEFAULT_ACCENT = "#4FC3F7";
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  return {
+    r: parseInt(h.slice(0, 2), 16),
+    g: parseInt(h.slice(2, 4), 16),
+    b: parseInt(h.slice(4, 6), 16)
+  };
+}
+function rgbToHex8(r, g, b, a) {
+  const clamp = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  return "#" + [r, g, b, a].map((v) => clamp(v).toString(16).padStart(2, "0")).join("");
+}
+function withAlpha(hex, opacity) {
+  const { r, g, b } = hexToRgb(hex);
+  return rgbToHex8(r, g, b, Math.round(opacity * 255));
+}
+function relativeLuminance(hex) {
+  const { r, g, b } = hexToRgb(hex);
+  const linearise = (c) => {
+    const s = c / 255;
+    return s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
+  };
+  return 0.2126 * linearise(r) + 0.7152 * linearise(g) + 0.0722 * linearise(b);
+}
+function computeMonoTokens(accent) {
+  const lum = relativeLuminance(accent);
+  const useDarkText = lum > 0.179;
+  const textOnSurface = useDarkText ? "#1A1A2E" : "#F5F5FF";
+  const textOnAccent = useDarkText ? "#1A1A2E" : "#FFFFFF";
+  const popupBg = useDarkText ? "#FAFAFA" : "#1A1A28";
+  const popupText = useDarkText ? "#1A1A2E" : "#F5F5FF";
+  return {
+    scene: { backgroundColour: withAlpha(accent, 0.13) },
+    container: {
+      backgroundColour: withAlpha(accent, 0.06),
+      borderColour: withAlpha(accent, 0.22),
+      borderWidth: 1,
+      cornerRadius: 18,
+      shadowColour: accent,
+      shadowOffsetX: 0,
+      shadowOffsetY: 6,
+      shadowBlurRadius: 24,
+      shadowOpacity: 0.15,
+      blurRadius: 0
+    },
+    pill: {
+      backgroundColour: withAlpha(accent, 0.1),
+      borderColour: withAlpha(accent, 0.25),
+      borderWidth: 1,
+      cornerRadius: 10,
+      textColour: accent,
+      fontWeight: 500,
+      hoverBackgroundColour: withAlpha(accent, 0.18),
+      todayBackgroundColour: accent,
+      todayBorderColour: accent,
+      todayTextColour: textOnAccent
+    },
+    popup: {
+      backgroundColour: popupBg,
+      borderColour: withAlpha(accent, 0.2),
+      borderWidth: 1,
+      cornerRadius: 14,
+      itemTextColour: popupText,
+      itemFontWeight: 500,
+      itemHoverBackgroundColour: withAlpha(accent, 0.08),
+      itemActiveBackgroundColour: accent,
+      itemActiveTextColour: textOnAccent,
+      itemSelectedBackgroundColour: withAlpha(accent, 0.18),
+      itemSelectedTextColour: accent,
+      itemDisabledOpacity: 0.22
+    },
+    nav: {
+      backgroundColour: withAlpha(accent, 0.1),
+      borderColour: withAlpha(accent, 0.22),
+      borderWidth: 1,
+      cornerRadius: 8,
+      arrowColour: accent,
+      hoverBackgroundColour: withAlpha(accent, 0.18),
+      disabledOpacity: 0.22
+    },
+    grid: {
+      weekdayLabelColour: withAlpha(accent, 0.45),
+      weekdayFontWeight: 600,
+      dayTextColour: textOnSurface,
+      dayFontWeight: 400,
+      dayHoverBackgroundColour: withAlpha(accent, 0.08),
+      daySelectedBackgroundColour: accent,
+      daySelectedTextColour: textOnAccent,
+      dayTodayFontWeight: 700,
+      dayTodayDotColour: accent,
+      dayOutOfRangeOpacity: 0.18,
+      dayAdjacentMonthOpacity: 0.18
+    },
+    footer: {
+      cancelBackgroundColour: withAlpha(accent, 0.07),
+      cancelBorderColour: withAlpha(accent, 0.18),
+      cancelBorderWidth: 1,
+      cancelTextColour: withAlpha(accent, 0.6),
+      cancelCornerRadius: 12,
+      cancelHoverBackgroundColour: withAlpha(accent, 0.14),
+      confirmBackgroundColour: accent,
+      confirmBorderColour: withAlpha(accent, 0.5),
+      confirmBorderWidth: 1,
+      confirmTextColour: textOnAccent,
+      confirmCornerRadius: 12,
+      confirmHoverBackgroundColour: withAlpha(accent, 0.87),
+      disabledOpacity: 0.38,
+      selectedDateTextColour: textOnSurface
+    },
+    meta: { name: "mono", mode: "single", defaultAccent: accent }
+  };
+}
+
+// ../tokens/themes/default.dark.json
+var default_dark_default = {
+  scene: { backgroundColour: "#000000" },
+  container: {
+    backgroundColour: "#1C1C1E",
+    borderColour: "#38383A",
+    borderWidth: 1,
+    cornerRadius: 16,
+    shadowColour: "#000000",
+    shadowOffsetX: 0,
+    shadowOffsetY: 4,
+    shadowBlurRadius: 16,
+    shadowOpacity: 0.3,
+    blurRadius: 0
+  },
+  pill: {
+    backgroundColour: "#2C2C2E",
+    borderColour: "#38383A",
+    borderWidth: 1,
+    cornerRadius: 10,
+    textColour: "#FFFFFF",
+    fontWeight: 600,
+    hoverBackgroundColour: "#3A3A3C",
+    todayBackgroundColour: "accent",
+    todayBorderColour: "accent",
+    todayTextColour: "#FFFFFF"
+  },
+  popup: {
+    backgroundColour: "#2C2C2E",
+    borderColour: "#38383A",
+    borderWidth: 1,
+    cornerRadius: 12,
+    itemTextColour: "#FFFFFF",
+    itemFontWeight: 500,
+    itemHoverBackgroundColour: "#3A3A3C",
+    itemActiveBackgroundColour: "accent",
+    itemActiveTextColour: "#FFFFFF",
+    itemSelectedBackgroundColour: "#FFFFFF1A",
+    itemSelectedTextColour: "#FFFFFF",
+    itemDisabledOpacity: 0.3
+  },
+  nav: {
+    backgroundColour: "#2C2C2E",
+    borderColour: "#38383A",
+    borderWidth: 1,
+    cornerRadius: 8,
+    arrowColour: "#FFFFFF",
+    hoverBackgroundColour: "#3A3A3C",
+    disabledOpacity: 0.3
+  },
+  grid: {
+    weekdayLabelColour: "#8E8E93",
+    weekdayFontWeight: 600,
+    dayTextColour: "#FFFFFF",
+    dayFontWeight: 400,
+    dayHoverBackgroundColour: "#3A3A3C",
+    daySelectedBackgroundColour: "accent",
+    daySelectedTextColour: "#FFFFFF",
+    dayTodayFontWeight: 700,
+    dayTodayDotColour: "accent",
+    dayOutOfRangeOpacity: 0.25,
+    dayAdjacentMonthOpacity: 0.25
+  },
+  footer: {
+    cancelBackgroundColour: "#2C2C2E",
+    cancelBorderColour: "#38383A",
+    cancelBorderWidth: 1,
+    cancelTextColour: "#8E8E93",
+    cancelCornerRadius: 12,
+    cancelHoverBackgroundColour: "#3A3A3C",
+    confirmBackgroundColour: "accent",
+    confirmBorderColour: "accent",
+    confirmBorderWidth: 0,
+    confirmTextColour: "#FFFFFF",
+    confirmCornerRadius: 12,
+    confirmHoverBackgroundColour: "accent",
+    disabledOpacity: 0.4,
+    selectedDateTextColour: "#EBEBF5"
+  },
+  meta: { name: "default", mode: "dark", defaultAccent: "#007AFF" }
+};
+
+// ../tokens/themes/default.light.json
+var default_light_default = {
+  scene: { backgroundColour: "#F2F2F7" },
+  container: {
+    backgroundColour: "#FFFFFF",
+    borderColour: "#D1D1D6",
+    borderWidth: 1,
+    cornerRadius: 16,
+    shadowColour: "#000000",
+    shadowOffsetX: 0,
+    shadowOffsetY: 4,
+    shadowBlurRadius: 16,
+    shadowOpacity: 0.08,
+    blurRadius: 0
+  },
+  pill: {
+    backgroundColour: "#E5E5EA",
+    borderColour: "#D1D1D6",
+    borderWidth: 1,
+    cornerRadius: 10,
+    textColour: "#1C1C1E",
+    fontWeight: 600,
+    hoverBackgroundColour: "#D1D1D6",
+    todayBackgroundColour: "accent",
+    todayBorderColour: "accent",
+    todayTextColour: "#FFFFFF"
+  },
+  popup: {
+    backgroundColour: "#FFFFFF",
+    borderColour: "#D1D1D6",
+    borderWidth: 1,
+    cornerRadius: 12,
+    itemTextColour: "#1C1C1E",
+    itemFontWeight: 500,
+    itemHoverBackgroundColour: "#E5E5EA",
+    itemActiveBackgroundColour: "accent",
+    itemActiveTextColour: "#FFFFFF",
+    itemSelectedBackgroundColour: "#00000014",
+    itemSelectedTextColour: "#1C1C1E",
+    itemDisabledOpacity: 0.3
+  },
+  nav: {
+    backgroundColour: "#E5E5EA",
+    borderColour: "#D1D1D6",
+    borderWidth: 1,
+    cornerRadius: 8,
+    arrowColour: "#1C1C1E",
+    hoverBackgroundColour: "#D1D1D6",
+    disabledOpacity: 0.3
+  },
+  grid: {
+    weekdayLabelColour: "#8E8E93",
+    weekdayFontWeight: 600,
+    dayTextColour: "#1C1C1E",
+    dayFontWeight: 400,
+    dayHoverBackgroundColour: "#E5E5EA",
+    daySelectedBackgroundColour: "accent",
+    daySelectedTextColour: "#FFFFFF",
+    dayTodayFontWeight: 700,
+    dayTodayDotColour: "accent",
+    dayOutOfRangeOpacity: 0.25,
+    dayAdjacentMonthOpacity: 0.25
+  },
+  footer: {
+    cancelBackgroundColour: "#E5E5EA",
+    cancelBorderColour: "#D1D1D6",
+    cancelBorderWidth: 1,
+    cancelTextColour: "#8E8E93",
+    cancelCornerRadius: 12,
+    cancelHoverBackgroundColour: "#D1D1D6",
+    confirmBackgroundColour: "accent",
+    confirmBorderColour: "accent",
+    confirmBorderWidth: 0,
+    confirmTextColour: "#FFFFFF",
+    confirmCornerRadius: 12,
+    confirmHoverBackgroundColour: "accent",
+    disabledOpacity: 0.4,
+    selectedDateTextColour: "#3C3C43"
+  },
+  meta: { name: "default", mode: "light", defaultAccent: "#007AFF" }
+};
+
+// ../tokens/themes/ios-liquid.dark.json
+var ios_liquid_dark_default = {
+  scene: { backgroundColour: "#000000" },
+  container: {
+    backgroundColour: "#1C1C1E80",
+    borderColour: "#FFFFFF1A",
+    borderWidth: 0.5,
+    cornerRadius: 22,
+    shadowColour: "#000000",
+    shadowOffsetX: 0,
+    shadowOffsetY: 8,
+    shadowBlurRadius: 32,
+    shadowOpacity: 0.4,
+    blurRadius: 20
+  },
+  pill: {
+    backgroundColour: "#FFFFFF14",
+    borderColour: "#FFFFFF1A",
+    borderWidth: 0.5,
+    cornerRadius: 12,
+    textColour: "#EBEBF5",
+    fontWeight: 600,
+    hoverBackgroundColour: "#FFFFFF24",
+    todayBackgroundColour: "accent",
+    todayBorderColour: "accent",
+    todayTextColour: "#FFFFFF"
+  },
+  popup: {
+    backgroundColour: "#2C2C2ECC",
+    borderColour: "#FFFFFF1A",
+    borderWidth: 0.5,
+    cornerRadius: 14,
+    itemTextColour: "#EBEBF5",
+    itemFontWeight: 500,
+    itemHoverBackgroundColour: "#FFFFFF14",
+    itemActiveBackgroundColour: "accent",
+    itemActiveTextColour: "#FFFFFF",
+    itemSelectedBackgroundColour: "#FFFFFF1A",
+    itemSelectedTextColour: "#FFFFFF",
+    itemDisabledOpacity: 0.25
+  },
+  nav: {
+    backgroundColour: "#FFFFFF14",
+    borderColour: "#FFFFFF1A",
+    borderWidth: 0.5,
+    cornerRadius: 10,
+    arrowColour: "#EBEBF5",
+    hoverBackgroundColour: "#FFFFFF24",
+    disabledOpacity: 0.25
+  },
+  grid: {
+    weekdayLabelColour: "#EBEBF599",
+    weekdayFontWeight: 600,
+    dayTextColour: "#EBEBF5",
+    dayFontWeight: 400,
+    dayHoverBackgroundColour: "#FFFFFF14",
+    daySelectedBackgroundColour: "accent",
+    daySelectedTextColour: "#FFFFFF",
+    dayTodayFontWeight: 700,
+    dayTodayDotColour: "accent",
+    dayOutOfRangeOpacity: 0.2,
+    dayAdjacentMonthOpacity: 0.2
+  },
+  footer: {
+    cancelBackgroundColour: "#FFFFFF14",
+    cancelBorderColour: "#FFFFFF1A",
+    cancelBorderWidth: 0.5,
+    cancelTextColour: "#EBEBF599",
+    cancelCornerRadius: 14,
+    cancelHoverBackgroundColour: "#FFFFFF24",
+    confirmBackgroundColour: "accent",
+    confirmBorderColour: "accent",
+    confirmBorderWidth: 0,
+    confirmTextColour: "#FFFFFF",
+    confirmCornerRadius: 14,
+    confirmHoverBackgroundColour: "accent",
+    disabledOpacity: 0.35,
+    selectedDateTextColour: "#EBEBF599"
+  },
+  meta: { name: "ios-liquid", mode: "dark", defaultAccent: "#0A84FF" }
+};
+
+// ../tokens/themes/ios-liquid.light.json
+var ios_liquid_light_default = {
+  scene: { backgroundColour: "#F2F2F7" },
+  container: {
+    backgroundColour: "#FFFFFF99",
+    borderColour: "#0000001A",
+    borderWidth: 0.5,
+    cornerRadius: 22,
+    shadowColour: "#000000",
+    shadowOffsetX: 0,
+    shadowOffsetY: 8,
+    shadowBlurRadius: 32,
+    shadowOpacity: 0.12,
+    blurRadius: 20
+  },
+  pill: {
+    backgroundColour: "#7878801F",
+    borderColour: "#7878801A",
+    borderWidth: 0.5,
+    cornerRadius: 12,
+    textColour: "#1C1C1E",
+    fontWeight: 600,
+    hoverBackgroundColour: "#78788033",
+    todayBackgroundColour: "accent",
+    todayBorderColour: "accent",
+    todayTextColour: "#FFFFFF"
+  },
+  popup: {
+    backgroundColour: "#FFFFFFCC",
+    borderColour: "#0000001A",
+    borderWidth: 0.5,
+    cornerRadius: 14,
+    itemTextColour: "#1C1C1E",
+    itemFontWeight: 500,
+    itemHoverBackgroundColour: "#78788014",
+    itemActiveBackgroundColour: "accent",
+    itemActiveTextColour: "#FFFFFF",
+    itemSelectedBackgroundColour: "#00000014",
+    itemSelectedTextColour: "#1C1C1E",
+    itemDisabledOpacity: 0.25
+  },
+  nav: {
+    backgroundColour: "#7878801F",
+    borderColour: "#7878801A",
+    borderWidth: 0.5,
+    cornerRadius: 10,
+    arrowColour: "#1C1C1E",
+    hoverBackgroundColour: "#78788033",
+    disabledOpacity: 0.25
+  },
+  grid: {
+    weekdayLabelColour: "#3C3C4399",
+    weekdayFontWeight: 600,
+    dayTextColour: "#1C1C1E",
+    dayFontWeight: 400,
+    dayHoverBackgroundColour: "#78788014",
+    daySelectedBackgroundColour: "accent",
+    daySelectedTextColour: "#FFFFFF",
+    dayTodayFontWeight: 700,
+    dayTodayDotColour: "accent",
+    dayOutOfRangeOpacity: 0.2,
+    dayAdjacentMonthOpacity: 0.2
+  },
+  footer: {
+    cancelBackgroundColour: "#7878801F",
+    cancelBorderColour: "#7878801A",
+    cancelBorderWidth: 0.5,
+    cancelTextColour: "#3C3C4399",
+    cancelCornerRadius: 14,
+    cancelHoverBackgroundColour: "#78788033",
+    confirmBackgroundColour: "accent",
+    confirmBorderColour: "accent",
+    confirmBorderWidth: 0,
+    confirmTextColour: "#FFFFFF",
+    confirmCornerRadius: 14,
+    confirmHoverBackgroundColour: "accent",
+    disabledOpacity: 0.35,
+    selectedDateTextColour: "#3C3C4399"
+  },
+  meta: { name: "ios-liquid", mode: "light", defaultAccent: "#007AFF" }
+};
+
+// ../tokens/themes/material3.dark.json
+var material3_dark_default = {
+  scene: { backgroundColour: "#121212" },
+  container: {
+    backgroundColour: "#1E1E1E",
+    borderColour: "#333333",
+    borderWidth: 1,
+    cornerRadius: 28,
+    shadowColour: "#000000",
+    shadowOffsetX: 0,
+    shadowOffsetY: 2,
+    shadowBlurRadius: 8,
+    shadowOpacity: 0.3,
+    blurRadius: 0
+  },
+  pill: {
+    backgroundColour: "#2D2D2D",
+    borderColour: "#404040",
+    borderWidth: 0,
+    cornerRadius: 8,
+    textColour: "#E6E1E5",
+    fontWeight: 500,
+    hoverBackgroundColour: "#383838",
+    todayBackgroundColour: "accent",
+    todayBorderColour: "accent",
+    todayTextColour: "#FFFFFF"
+  },
+  popup: {
+    backgroundColour: "#2D2D2D",
+    borderColour: "#404040",
+    borderWidth: 0,
+    cornerRadius: 16,
+    itemTextColour: "#E6E1E5",
+    itemFontWeight: 500,
+    itemHoverBackgroundColour: "#383838",
+    itemActiveBackgroundColour: "accent",
+    itemActiveTextColour: "#FFFFFF",
+    itemSelectedBackgroundColour: "#FFFFFF1A",
+    itemSelectedTextColour: "#FFFFFF",
+    itemDisabledOpacity: 0.38
+  },
+  nav: {
+    backgroundColour: "#2D2D2D",
+    borderColour: "#404040",
+    borderWidth: 0,
+    cornerRadius: 20,
+    arrowColour: "#E6E1E5",
+    hoverBackgroundColour: "#383838",
+    disabledOpacity: 0.38
+  },
+  grid: {
+    weekdayLabelColour: "#CAC4D0",
+    weekdayFontWeight: 500,
+    dayTextColour: "#E6E1E5",
+    dayFontWeight: 400,
+    dayHoverBackgroundColour: "#383838",
+    daySelectedBackgroundColour: "accent",
+    daySelectedTextColour: "#FFFFFF",
+    dayTodayFontWeight: 600,
+    dayTodayDotColour: "accent",
+    dayOutOfRangeOpacity: 0.38,
+    dayAdjacentMonthOpacity: 0.38
+  },
+  footer: {
+    cancelBackgroundColour: "#2D2D2D",
+    cancelBorderColour: "#49454F",
+    cancelBorderWidth: 1,
+    cancelTextColour: "#CAC4D0",
+    cancelCornerRadius: 20,
+    cancelHoverBackgroundColour: "#383838",
+    confirmBackgroundColour: "accent",
+    confirmBorderColour: "accent",
+    confirmBorderWidth: 0,
+    confirmTextColour: "#FFFFFF",
+    confirmCornerRadius: 20,
+    confirmHoverBackgroundColour: "accent",
+    disabledOpacity: 0.38,
+    selectedDateTextColour: "#CAC4D0"
+  },
+  meta: { name: "material3", mode: "dark", defaultAccent: "#D0BCFF" }
+};
+
+// ../tokens/themes/material3.light.json
+var material3_light_default = {
+  scene: { backgroundColour: "#FFFBFE" },
+  container: {
+    backgroundColour: "#FFFBFE",
+    borderColour: "#CAC4D0",
+    borderWidth: 1,
+    cornerRadius: 28,
+    shadowColour: "#000000",
+    shadowOffsetX: 0,
+    shadowOffsetY: 2,
+    shadowBlurRadius: 8,
+    shadowOpacity: 0.08,
+    blurRadius: 0
+  },
+  pill: {
+    backgroundColour: "#E8DEF8",
+    borderColour: "#CAC4D0",
+    borderWidth: 0,
+    cornerRadius: 8,
+    textColour: "#1C1B1F",
+    fontWeight: 500,
+    hoverBackgroundColour: "#D0BCFF66",
+    todayBackgroundColour: "accent",
+    todayBorderColour: "accent",
+    todayTextColour: "#FFFFFF"
+  },
+  popup: {
+    backgroundColour: "#FFFBFE",
+    borderColour: "#CAC4D0",
+    borderWidth: 0,
+    cornerRadius: 16,
+    itemTextColour: "#1C1B1F",
+    itemFontWeight: 500,
+    itemHoverBackgroundColour: "#E8DEF8",
+    itemActiveBackgroundColour: "accent",
+    itemActiveTextColour: "#FFFFFF",
+    itemSelectedBackgroundColour: "#00000014",
+    itemSelectedTextColour: "#1C1C1E",
+    itemDisabledOpacity: 0.38
+  },
+  nav: {
+    backgroundColour: "#E8DEF8",
+    borderColour: "#CAC4D0",
+    borderWidth: 0,
+    cornerRadius: 20,
+    arrowColour: "#1C1B1F",
+    hoverBackgroundColour: "#D0BCFF66",
+    disabledOpacity: 0.38
+  },
+  grid: {
+    weekdayLabelColour: "#49454F",
+    weekdayFontWeight: 500,
+    dayTextColour: "#1C1B1F",
+    dayFontWeight: 400,
+    dayHoverBackgroundColour: "#E8DEF8",
+    daySelectedBackgroundColour: "accent",
+    daySelectedTextColour: "#FFFFFF",
+    dayTodayFontWeight: 600,
+    dayTodayDotColour: "accent",
+    dayOutOfRangeOpacity: 0.38,
+    dayAdjacentMonthOpacity: 0.38
+  },
+  footer: {
+    cancelBackgroundColour: "#E8DEF8",
+    cancelBorderColour: "#79747E",
+    cancelBorderWidth: 1,
+    cancelTextColour: "#49454F",
+    cancelCornerRadius: 20,
+    cancelHoverBackgroundColour: "#D0BCFF66",
+    confirmBackgroundColour: "accent",
+    confirmBorderColour: "accent",
+    confirmBorderWidth: 0,
+    confirmTextColour: "#FFFFFF",
+    confirmCornerRadius: 20,
+    confirmHoverBackgroundColour: "accent",
+    disabledOpacity: 0.38,
+    selectedDateTextColour: "#49454F"
+  },
+  meta: { name: "material3", mode: "light", defaultAccent: "#6750A4" }
+};
+
+// ../tokens/themes/toon.json
+var toon_default = {
+  scene: { backgroundColour: "#FFF8E1" },
+  container: {
+    backgroundColour: "#FFFDE7",
+    borderColour: "#1A1A1A",
+    borderWidth: 3,
+    cornerRadius: 20,
+    shadowColour: "#1A1A1A",
+    shadowOffsetX: 4,
+    shadowOffsetY: 4,
+    shadowBlurRadius: 0,
+    shadowOpacity: 1,
+    blurRadius: 0
+  },
+  pill: {
+    backgroundColour: "#FFE082",
+    borderColour: "#1A1A1A",
+    borderWidth: 2,
+    cornerRadius: 12,
+    textColour: "#1A1A1A",
+    fontWeight: 800,
+    hoverBackgroundColour: "#FFD54F",
+    todayBackgroundColour: "accent",
+    todayBorderColour: "accent",
+    todayTextColour: "#FFFFFF"
+  },
+  popup: {
+    backgroundColour: "#FFF9C4",
+    borderColour: "#1A1A1A",
+    borderWidth: 2,
+    cornerRadius: 14,
+    itemTextColour: "#1A1A1A",
+    itemFontWeight: 700,
+    itemHoverBackgroundColour: "#FFE082",
+    itemActiveBackgroundColour: "accent",
+    itemActiveTextColour: "#FFFFFF",
+    itemSelectedBackgroundColour: "#FFE082",
+    itemSelectedTextColour: "#1A1A1A",
+    itemDisabledOpacity: 0.3
+  },
+  nav: {
+    backgroundColour: "#FFE082",
+    borderColour: "#1A1A1A",
+    borderWidth: 2,
+    cornerRadius: 10,
+    arrowColour: "#1A1A1A",
+    hoverBackgroundColour: "#FFD54F",
+    disabledOpacity: 0.3
+  },
+  grid: {
+    weekdayLabelColour: "#5D4037",
+    weekdayFontWeight: 700,
+    dayTextColour: "#1A1A1A",
+    dayFontWeight: 600,
+    dayHoverBackgroundColour: "#FFE082",
+    daySelectedBackgroundColour: "accent",
+    daySelectedTextColour: "#FFFFFF",
+    dayTodayFontWeight: 800,
+    dayTodayDotColour: "accent",
+    dayOutOfRangeOpacity: 0.25,
+    dayAdjacentMonthOpacity: 0.25
+  },
+  footer: {
+    cancelBackgroundColour: "#FFE082",
+    cancelBorderColour: "#1A1A1A",
+    cancelBorderWidth: 2,
+    cancelTextColour: "#5D4037",
+    cancelCornerRadius: 14,
+    cancelHoverBackgroundColour: "#FFD54F",
+    confirmBackgroundColour: "accent",
+    confirmBorderColour: "accent",
+    confirmBorderWidth: 2,
+    confirmTextColour: "#FFFFFF",
+    confirmCornerRadius: 14,
+    confirmHoverBackgroundColour: "accent",
+    disabledOpacity: 0.35,
+    selectedDateTextColour: "#4E342E"
+  },
+  meta: { name: "toon", mode: "single", defaultAccent: "#FF6D00" }
+};
+
+// ../tokens/themes/flat.json
+var flat_default = {
+  scene: { backgroundColour: "#ECEFF1" },
+  container: {
+    backgroundColour: "#FFFFFF",
+    borderColour: "#FFFFFF",
+    borderWidth: 0,
+    cornerRadius: 8,
+    shadowColour: "#000000",
+    shadowOffsetX: 0,
+    shadowOffsetY: 0,
+    shadowBlurRadius: 0,
+    shadowOpacity: 0,
+    blurRadius: 0
+  },
+  pill: {
+    backgroundColour: "#ECEFF1",
+    borderColour: "#ECEFF1",
+    borderWidth: 0,
+    cornerRadius: 6,
+    textColour: "#37474F",
+    fontWeight: 600,
+    hoverBackgroundColour: "#CFD8DC",
+    todayBackgroundColour: "accent",
+    todayBorderColour: "accent",
+    todayTextColour: "#FFFFFF"
+  },
+  popup: {
+    backgroundColour: "#ECEFF1",
+    borderColour: "#ECEFF1",
+    borderWidth: 0,
+    cornerRadius: 6,
+    itemTextColour: "#37474F",
+    itemFontWeight: 500,
+    itemHoverBackgroundColour: "#CFD8DC",
+    itemActiveBackgroundColour: "accent",
+    itemActiveTextColour: "#FFFFFF",
+    itemSelectedBackgroundColour: "#CFD8DC",
+    itemSelectedTextColour: "#37474F",
+    itemDisabledOpacity: 0.3
+  },
+  nav: {
+    backgroundColour: "#ECEFF1",
+    borderColour: "#ECEFF1",
+    borderWidth: 0,
+    cornerRadius: 6,
+    arrowColour: "#37474F",
+    hoverBackgroundColour: "#CFD8DC",
+    disabledOpacity: 0.3
+  },
+  grid: {
+    weekdayLabelColour: "#78909C",
+    weekdayFontWeight: 500,
+    dayTextColour: "#37474F",
+    dayFontWeight: 400,
+    dayHoverBackgroundColour: "#ECEFF1",
+    daySelectedBackgroundColour: "accent",
+    daySelectedTextColour: "#FFFFFF",
+    dayTodayFontWeight: 700,
+    dayTodayDotColour: "accent",
+    dayOutOfRangeOpacity: 0.25,
+    dayAdjacentMonthOpacity: 0.25
+  },
+  footer: {
+    cancelBackgroundColour: "#ECEFF1",
+    cancelBorderColour: "#ECEFF1",
+    cancelBorderWidth: 0,
+    cancelTextColour: "#78909C",
+    cancelCornerRadius: 6,
+    cancelHoverBackgroundColour: "#CFD8DC",
+    confirmBackgroundColour: "accent",
+    confirmBorderColour: "accent",
+    confirmBorderWidth: 0,
+    confirmTextColour: "#FFFFFF",
+    confirmCornerRadius: 6,
+    confirmHoverBackgroundColour: "accent",
+    disabledOpacity: 0.35,
+    selectedDateTextColour: "#546E7A"
+  },
+  meta: { name: "flat", mode: "single", defaultAccent: "#2196F3" }
+};
+
+// ../tokens/themes/plain.json
+var plain_default = {
+  scene: { backgroundColour: "#FAFAFA" },
+  container: {
+    backgroundColour: "#FFFFFF",
+    borderColour: "#E0E0E0",
+    borderWidth: 1,
+    cornerRadius: 4,
+    shadowColour: "#000000",
+    shadowOffsetX: 0,
+    shadowOffsetY: 1,
+    shadowBlurRadius: 3,
+    shadowOpacity: 0.06,
+    blurRadius: 0
+  },
+  pill: {
+    backgroundColour: "#F5F5F5",
+    borderColour: "#E0E0E0",
+    borderWidth: 1,
+    cornerRadius: 4,
+    textColour: "#212121",
+    fontWeight: 500,
+    hoverBackgroundColour: "#EEEEEE",
+    todayBackgroundColour: "accent",
+    todayBorderColour: "accent",
+    todayTextColour: "#FFFFFF"
+  },
+  popup: {
+    backgroundColour: "#FFFFFF",
+    borderColour: "#E0E0E0",
+    borderWidth: 1,
+    cornerRadius: 4,
+    itemTextColour: "#212121",
+    itemFontWeight: 400,
+    itemHoverBackgroundColour: "#F5F5F5",
+    itemActiveBackgroundColour: "accent",
+    itemActiveTextColour: "#FFFFFF",
+    itemSelectedBackgroundColour: "#EEEEEE",
+    itemSelectedTextColour: "#212121",
+    itemDisabledOpacity: 0.3
+  },
+  nav: {
+    backgroundColour: "#F5F5F5",
+    borderColour: "#E0E0E0",
+    borderWidth: 1,
+    cornerRadius: 4,
+    arrowColour: "#212121",
+    hoverBackgroundColour: "#EEEEEE",
+    disabledOpacity: 0.3
+  },
+  grid: {
+    weekdayLabelColour: "#757575",
+    weekdayFontWeight: 500,
+    dayTextColour: "#212121",
+    dayFontWeight: 400,
+    dayHoverBackgroundColour: "#F5F5F5",
+    daySelectedBackgroundColour: "accent",
+    daySelectedTextColour: "#FFFFFF",
+    dayTodayFontWeight: 600,
+    dayTodayDotColour: "accent",
+    dayOutOfRangeOpacity: 0.25,
+    dayAdjacentMonthOpacity: 0.25
+  },
+  footer: {
+    cancelBackgroundColour: "#F5F5F5",
+    cancelBorderColour: "#E0E0E0",
+    cancelBorderWidth: 1,
+    cancelTextColour: "#757575",
+    cancelCornerRadius: 4,
+    cancelHoverBackgroundColour: "#EEEEEE",
+    confirmBackgroundColour: "accent",
+    confirmBorderColour: "accent",
+    confirmBorderWidth: 0,
+    confirmTextColour: "#FFFFFF",
+    confirmCornerRadius: 4,
+    confirmHoverBackgroundColour: "accent",
+    disabledOpacity: 0.35,
+    selectedDateTextColour: "#616161"
+  },
+  meta: { name: "plain", mode: "single", defaultAccent: "#424242" }
+};
+
+// src/logic/theme.ts
+var THEME_MAP = {
+  "default.dark": default_dark_default,
+  "default.light": default_light_default,
+  "ios-liquid.dark": ios_liquid_dark_default,
+  "ios-liquid.light": ios_liquid_light_default,
+  "material3.dark": material3_dark_default,
+  "material3.light": material3_light_default,
+  "toon": toon_default,
+  "flat": flat_default,
+  "plain": plain_default
+};
+var SINGLE_MODE_THEMES = /* @__PURE__ */ new Set(["toon", "flat", "plain"]);
+function deepMerge(base, override) {
+  const result = { ...base };
+  for (const key of Object.keys(override)) {
+    const ov = override[key];
+    const bv = result[key];
+    if (ov !== void 0 && ov !== null && typeof ov === "object" && !Array.isArray(ov) && typeof bv === "object" && bv !== null) {
+      result[key] = deepMerge(
+        bv,
+        ov
+      );
+    } else if (ov !== void 0) {
+      result[key] = ov;
+    }
+  }
+  return result;
+}
+function replaceAccent(tokens, resolvedAccent) {
+  const result = JSON.parse(JSON.stringify(tokens));
+  const replace = (obj) => {
+    for (const key of Object.keys(obj)) {
+      const val = obj[key];
+      if (val === "accent") {
+        obj[key] = resolvedAccent;
+      } else if (typeof val === "object" && val !== null) {
+        replace(val);
+      }
+    }
+  };
+  replace(result);
+  return result;
+}
+function mapDayShapeToRadius(dayShape) {
+  switch (dayShape) {
+    case "circle":
+      return 9999;
+    case "round-square":
+      return 14;
+    case "subtle":
+      return 10;
+  }
+}
+function resolveTokens(theme, colorScheme, accent, tokenOverrides) {
+  let tokens;
+  if (theme === "mono") {
+    const resolvedAccent2 = accent !== void 0 && validateHexColour(accent) ? accent : MONO_DEFAULT_ACCENT;
+    tokens = computeMonoTokens(resolvedAccent2);
+    if (tokenOverrides !== void 0) {
+      tokens = deepMerge(
+        tokens,
+        tokenOverrides
+      );
+    }
+    return tokens;
+  }
+  if (SINGLE_MODE_THEMES.has(theme)) {
+    const loaded = THEME_MAP[theme];
+    if (!loaded) {
+      throw new Error(`Unknown theme: ${theme}`);
+    }
+    tokens = JSON.parse(JSON.stringify(loaded));
+  } else {
+    const key = `${theme}.${colorScheme}`;
+    const loaded = THEME_MAP[key];
+    if (!loaded) {
+      throw new Error(`Unknown theme/colorScheme: ${key}`);
+    }
+    tokens = JSON.parse(JSON.stringify(loaded));
+  }
+  const resolvedAccent = accent !== void 0 && validateHexColour(accent) ? accent : tokens.meta.defaultAccent;
+  tokens = replaceAccent(tokens, resolvedAccent);
+  if (tokenOverrides !== void 0) {
+    tokens = deepMerge(
+      tokens,
+      tokenOverrides
+    );
+  }
+  return tokens;
+}
+
+// src/GlassContainerRN.tsx
+var import_react_native = require("react-native");
+var import_jsx_runtime = require("react/jsx-runtime");
+var GlassView = null;
+var isLiquidGlassAvailable = null;
+var isGlassEffectAPIAvailable = null;
+try {
+  const pkg = require("expo-glass-effect");
+  GlassView = pkg.GlassView;
+  isLiquidGlassAvailable = pkg.isLiquidGlassAvailable;
+  isGlassEffectAPIAvailable = pkg.isGlassEffectAPIAvailable;
+} catch {
+}
+function GlassContainer({
+  blurRadius,
+  backgroundColour,
+  cornerRadius,
+  style,
+  children
+}) {
+  const useGlass = blurRadius > 0 && GlassView !== null && isLiquidGlassAvailable?.() === true && isGlassEffectAPIAvailable?.() === true;
+  if (useGlass && GlassView) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      GlassView,
+      {
+        style: [
+          style,
+          {
+            borderRadius: cornerRadius,
+            ...import_react_native.Platform.select({ web: { userSelect: "none" } })
+          }
+        ],
+        glassEffectStyle: "regular",
+        tintColor: backgroundColour,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.View,
+    {
+      style: [
+        style,
+        {
+          borderRadius: cornerRadius,
+          backgroundColor: backgroundColour,
+          ...import_react_native.Platform.select({ web: { userSelect: "none" } })
+        }
+      ],
+      children
+    }
+  );
+}
+
+// src/CalendarGrid.tsx
+var import_react_native2 = require("react-native");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var WEEKDAY_LABELS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var FULL_MONTH_NAMES = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var TOTAL_CELLS = 42;
+function buildAccessibilityLabel(day, month, year, isToday, isSelected, isOutOfRange, isAdjacentMonth) {
+  const dateStr = `${FULL_MONTH_NAMES[month - 1]} ${day}, ${year}`;
+  const suffixes = [];
+  if (isSelected) suffixes.push("selected");
+  if (isToday) suffixes.push("today");
+  if (isOutOfRange || isAdjacentMonth) suffixes.push("not available");
+  return suffixes.length > 0 ? `${dateStr}, ${suffixes.join(", ")}` : dateStr;
+}
+function buildCells(year, month, firstDayOfWeek) {
+  const cells = [];
+  const daysThisMonth = daysInMonth(year, month);
+  const startWeekday = firstWeekdayOf(year, month);
+  const offset = (startWeekday - firstDayOfWeek + 7) % 7;
+  const prev = previousMonth(year, month);
+  const daysPrevMonth = daysInMonth(prev.year, prev.month);
+  for (let i = 0; i < offset; i++) {
+    cells.push({
+      day: daysPrevMonth - offset + 1 + i,
+      month: prev.month,
+      year: prev.year,
+      isAdjacentMonth: true
+    });
+  }
+  for (let d = 1; d <= daysThisMonth; d++) {
+    cells.push({ day: d, month, year, isAdjacentMonth: false });
+  }
+  const next = nextMonth(year, month);
+  let nextDay = 1;
+  while (cells.length < TOTAL_CELLS) {
+    cells.push({ day: nextDay++, month: next.month, year: next.year, isAdjacentMonth: true });
+  }
+  const lastRow = cells.slice(35, 42);
+  if (lastRow.every((c) => c.isAdjacentMonth)) {
+    cells.length = 35;
+  }
+  return cells;
+}
+function isSameDateParts(a, year, month, day) {
+  if (!a) return false;
+  return a.getFullYear() === year && a.getMonth() + 1 === month && a.getDate() === day;
+}
+var webInteractive = import_react_native2.Platform.select({
+  web: { cursor: "pointer", outlineStyle: "none" }
+});
+function CalendarGrid({
+  viewYear,
+  viewMonth,
+  selectedDate,
+  today,
+  constraintConfig,
+  resolvedTokens,
+  dayShapeRadius,
+  firstDayOfWeek,
+  onDayPress
+}) {
+  const bounds = resolveConstraintBounds(constraintConfig, today);
+  const cells = buildCells(viewYear, viewMonth, firstDayOfWeek);
+  const t = resolvedTokens.grid;
+  const shiftedLabels = [];
+  for (let i = 0; i < 7; i++) {
+    shiftedLabels.push(WEEKDAY_LABELS[(firstDayOfWeek + i) % 7]);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: [styles.container, import_react_native2.Platform.select({ web: { userSelect: "none" } })], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles.weekdayRow, children: shiftedLabels.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles.weekdayCell, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react_native2.Text,
+      {
+        style: {
+          color: t.weekdayLabelColour,
+          fontWeight: String(t.weekdayFontWeight),
+          fontSize: 13,
+          textAlign: "center"
+        },
+        children: label
+      }
+    ) }, i)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles.gridContainer, children: cells.map((cell, index) => {
+      const cellDate = new Date(cell.year, cell.month - 1, cell.day);
+      const isSelectable = !cell.isAdjacentMonth && isDateSelectableFromBounds(cellDate, bounds);
+      const isSelected = isSameDateParts(selectedDate, cell.year, cell.month, cell.day);
+      const isToday = !cell.isAdjacentMonth && today.getFullYear() === cell.year && today.getMonth() + 1 === cell.month && today.getDate() === cell.day;
+      const isOutOfRange = !cell.isAdjacentMonth && !isSelectable;
+      const a11yLabel = buildAccessibilityLabel(
+        cell.day,
+        cell.month,
+        cell.year,
+        isToday,
+        isSelected,
+        isOutOfRange,
+        cell.isAdjacentMonth
+      );
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        import_react_native2.Pressable,
+        {
+          disabled: !isSelectable,
+          accessibilityRole: "button",
+          accessibilityLabel: a11yLabel,
+          accessibilityState: {
+            selected: isSelected,
+            disabled: !isSelectable
+          },
+          onPress: () => {
+            if (isSelectable) {
+              onDayPress(cellDate);
+            }
+          },
+          style: (({ hovered }) => [
+            styles.dayCell,
+            {
+              borderRadius: dayShapeRadius
+            },
+            isSelected && {
+              backgroundColor: t.daySelectedBackgroundColour
+            },
+            !isSelected && hovered && isSelectable && {
+              backgroundColor: t.dayHoverBackgroundColour
+            },
+            !isSelected && hovered && isToday && !isOutOfRange && {
+              backgroundColor: t.dayHoverBackgroundColour
+            },
+            isSelectable && webInteractive
+          ]),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react_native2.Text,
+              {
+                style: [
+                  {
+                    fontSize: 16,
+                    textAlign: "center",
+                    color: isSelected ? t.daySelectedTextColour : t.dayTextColour,
+                    fontWeight: isToday && !isSelected ? String(t.dayTodayFontWeight) : String(t.dayFontWeight),
+                    opacity: cell.isAdjacentMonth ? t.dayAdjacentMonthOpacity : isOutOfRange ? t.dayOutOfRangeOpacity : 1
+                  }
+                ],
+                children: cell.day
+              }
+            ),
+            isToday && !isSelected && !cell.isAdjacentMonth && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react_native2.View,
+              {
+                style: {
+                  width: 5,
+                  height: 5,
+                  borderRadius: 2.5,
+                  backgroundColor: t.dayTodayDotColour,
+                  alignSelf: "center",
+                  marginTop: 2
+                }
+              }
+            )
+          ]
+        },
+        index
+      );
+    }) })
+  ] });
+}
+var styles = import_react_native2.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  weekdayRow: {
+    flexDirection: "row",
+    marginBottom: 4
+  },
+  weekdayCell: {
+    flex: 1,
+    alignItems: "center",
+    paddingVertical: 4
+  },
+  gridContainer: {
+    flexDirection: "row",
+    flexWrap: "wrap"
+  },
+  dayCell: {
+    width: "14.285%",
+    height: 44,
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});
+
+// src/MonthYearHeader.tsx
+var import_react_native3 = require("react-native");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var MONTH_NAMES = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var webInteractive2 = import_react_native3.Platform.select({
+  web: { cursor: "pointer", outlineStyle: "none" }
+});
+function MonthYearHeader({
+  viewYear,
+  viewMonth,
+  today,
+  openDropdown,
+  isPrevArrowDisabled,
+  isNextArrowDisabled,
+  resolvedTokens,
+  monthNames: customMonthNames,
+  onMonthPillPress,
+  onYearPillPress,
+  onPrevPress,
+  onNextPress
+}) {
+  const pill = resolvedTokens.pill;
+  const displayMonthNames = customMonthNames ?? MONTH_NAMES;
+  const nav = resolvedTokens.nav;
+  const isMonthPillHighlighted = viewYear === today.getFullYear() && viewMonth === today.getMonth() + 1;
+  const isYearPillHighlighted = viewYear === today.getFullYear();
+  const prevDisabled = isPrevArrowDisabled || openDropdown !== "none";
+  const nextDisabled = isNextArrowDisabled || openDropdown !== "none";
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles2.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles2.pillContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.Pressable,
+        {
+          onPress: onMonthPillPress,
+          accessibilityRole: "button",
+          accessibilityLabel: `${MONTH_NAMES[viewMonth - 1]}, select month`,
+          style: (({ pressed, hovered }) => [
+            styles2.pill,
+            {
+              backgroundColor: isMonthPillHighlighted ? pill.todayBackgroundColour : hovered ? pill.hoverBackgroundColour : pill.backgroundColour,
+              borderColor: isMonthPillHighlighted ? pill.todayBorderColour : pill.borderColour,
+              borderWidth: pill.borderWidth,
+              borderRadius: pill.cornerRadius,
+              opacity: pressed ? 0.7 : 1
+            },
+            webInteractive2
+          ]),
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            import_react_native3.Text,
+            {
+              style: {
+                color: isMonthPillHighlighted ? pill.todayTextColour : pill.textColour,
+                fontWeight: String(pill.fontWeight),
+                fontSize: 16
+              },
+              children: [
+                displayMonthNames[viewMonth - 1],
+                " ",
+                "\u25BC"
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.Pressable,
+        {
+          onPress: onYearPillPress,
+          accessibilityRole: "button",
+          accessibilityLabel: `${viewYear}, select year`,
+          style: (({ pressed, hovered }) => [
+            styles2.pill,
+            {
+              backgroundColor: isYearPillHighlighted ? pill.todayBackgroundColour : hovered ? pill.hoverBackgroundColour : pill.backgroundColour,
+              borderColor: isYearPillHighlighted ? pill.todayBorderColour : pill.borderColour,
+              borderWidth: pill.borderWidth,
+              borderRadius: pill.cornerRadius,
+              opacity: pressed ? 0.7 : 1
+            },
+            webInteractive2
+          ]),
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            import_react_native3.Text,
+            {
+              style: {
+                color: isYearPillHighlighted ? pill.todayTextColour : pill.textColour,
+                fontWeight: String(pill.fontWeight),
+                fontSize: 16
+              },
+              children: [
+                viewYear,
+                " ",
+                "\u25BC"
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles2.arrowGroup, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.Pressable,
+        {
+          disabled: prevDisabled,
+          onPress: onPrevPress,
+          accessibilityRole: "button",
+          accessibilityLabel: "Previous month",
+          accessibilityState: { disabled: prevDisabled },
+          style: (({ pressed, hovered }) => [
+            styles2.arrowButton,
+            {
+              backgroundColor: hovered && !prevDisabled ? nav.hoverBackgroundColour : nav.backgroundColour,
+              borderColor: nav.borderColour,
+              borderWidth: nav.borderWidth,
+              borderRadius: nav.cornerRadius,
+              opacity: prevDisabled ? nav.disabledOpacity : pressed ? 0.6 : 1
+            },
+            !prevDisabled && webInteractive2
+          ]),
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { color: nav.arrowColour, fontSize: 18 }, children: "\u25C0" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.Pressable,
+        {
+          disabled: nextDisabled,
+          onPress: onNextPress,
+          accessibilityRole: "button",
+          accessibilityLabel: "Next month",
+          accessibilityState: { disabled: nextDisabled },
+          style: (({ pressed, hovered }) => [
+            styles2.arrowButton,
+            {
+              backgroundColor: hovered && !nextDisabled ? nav.hoverBackgroundColour : nav.backgroundColour,
+              borderColor: nav.borderColour,
+              borderWidth: nav.borderWidth,
+              borderRadius: nav.cornerRadius,
+              opacity: nextDisabled ? nav.disabledOpacity : pressed ? 0.6 : 1
+            },
+            !nextDisabled && webInteractive2
+          ]),
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { color: nav.arrowColour, fontSize: 18 }, children: "\u25B6" })
+        }
+      )
+    ] })
+  ] });
+}
+var styles2 = import_react_native3.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingVertical: 8
+  },
+  pillContainer: {
+    flexDirection: "row",
+    gap: 6
+  },
+  pill: {
+    flexDirection: "row",
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    minHeight: 44,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  arrowGroup: {
+    flexDirection: "row",
+    gap: 2
+  },
+  arrowButton: {
+    width: 44,
+    height: 44,
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});
+
+// src/MonthSelector.tsx
+var import_react_native4 = require("react-native");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var MONTH_ABBREVIATIONS = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+var FULL_MONTH_NAMES2 = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var webInteractive3 = import_react_native4.Platform.select({
+  web: { cursor: "pointer", outlineStyle: "none" }
+});
+function MonthSelector({
+  viewYear,
+  viewMonth,
+  selectedDate,
+  today,
+  constraintConfig,
+  resolvedTokens,
+  monthNames: customMonthNames,
+  onMonthSelect,
+  onDismiss
+}) {
+  const popup = resolvedTokens.popup;
+  const selectedMonth = selectedDate !== null && selectedDate.getFullYear() === viewYear ? selectedDate.getMonth() + 1 : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Pressable, { onPress: onDismiss, style: [styles3.overlay, import_react_native4.Platform.select({ web: { userSelect: "none" } })], children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_native4.View,
+    {
+      style: [
+        styles3.grid,
+        {
+          backgroundColor: popup.backgroundColour,
+          borderColor: popup.borderColour,
+          borderWidth: popup.borderWidth,
+          borderRadius: popup.cornerRadius
+        }
+      ],
+      children: (customMonthNames ?? MONTH_ABBREVIATIONS).map((label, index) => {
+        const month = index + 1;
+        const isActive = month === viewMonth;
+        const isSelected = !isActive && month === selectedMonth;
+        const isSelectable = isMonthSelectable(viewYear, month, constraintConfig, today);
+        const bgColor = isActive ? popup.itemActiveBackgroundColour : isSelected ? popup.itemSelectedBackgroundColour : "transparent";
+        const textColor = isActive ? popup.itemActiveTextColour : isSelected ? popup.itemSelectedTextColour : popup.itemTextColour;
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_react_native4.Pressable,
+          {
+            disabled: !isSelectable,
+            accessibilityRole: "button",
+            accessibilityLabel: FULL_MONTH_NAMES2[index],
+            accessibilityState: {
+              selected: isActive,
+              disabled: !isSelectable
+            },
+            onPress: (e) => {
+              e.stopPropagation();
+              if (isSelectable) {
+                onMonthSelect(month);
+              }
+            },
+            style: (({ hovered }) => [
+              styles3.monthItem,
+              {
+                backgroundColor: hovered && isSelectable && !isActive && !isSelected ? popup.itemHoverBackgroundColour : bgColor,
+                borderRadius: popup.cornerRadius / 2,
+                opacity: isSelectable ? 1 : popup.itemDisabledOpacity
+              },
+              isSelectable && webInteractive3
+            ]),
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              import_react_native4.Text,
+              {
+                style: {
+                  color: textColor,
+                  fontWeight: String(popup.itemFontWeight),
+                  fontSize: 15,
+                  textAlign: "center"
+                },
+                children: label
+              }
+            )
+          },
+          month
+        );
+      })
+    }
+  ) });
+}
+var styles3 = import_react_native4.StyleSheet.create({
+  overlay: {
+    flex: 1
+  },
+  grid: {
+    flex: 1,
+    flexDirection: "row",
+    flexWrap: "wrap",
+    padding: 8,
+    justifyContent: "center",
+    alignContent: "center"
+  },
+  monthItem: {
+    width: "33.333%",
+    paddingVertical: 16,
+    justifyContent: "center",
+    alignItems: "center",
+    minHeight: 44
+  }
+});
+
+// src/YearSelector.tsx
+var import_react = require("react");
+var import_react_native5 = require("react-native");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ITEM_HEIGHT = 44;
+var webInteractive4 = import_react_native5.Platform.select({
+  web: { cursor: "pointer", outlineStyle: "none" }
+});
+function YearSelector({
+  viewYear,
+  selectedDate,
+  today,
+  constraintConfig,
+  resolvedTokens,
+  onYearSelect,
+  onDismiss
+}) {
+  const popup = resolvedTokens.popup;
+  const scrollRef = (0, import_react.useRef)(null);
+  const scrolled = (0, import_react.useRef)(false);
+  const bounds = resolveConstraintBounds(constraintConfig, today);
+  const minYear = bounds.minDate.getFullYear();
+  const maxYear = Math.min(bounds.maxDate.getFullYear(), 9999);
+  const years = (0, import_react.useMemo)(() => {
+    const arr = [];
+    for (let y = minYear; y <= maxYear; y++) {
+      arr.push(y);
+    }
+    return arr;
+  }, [minYear, maxYear]);
+  const selectedYear = selectedDate !== null ? selectedDate.getFullYear() : null;
+  const targetIndex = (0, import_react.useMemo)(() => {
+    if (years.indexOf(viewYear) >= 0) return years.indexOf(viewYear);
+    let best = 0;
+    let bestDist = Infinity;
+    for (let i = 0; i < years.length; i++) {
+      if (isYearSelectable(years[i], constraintConfig, today)) {
+        const dist = Math.abs(years[i] - viewYear);
+        if (dist < bestDist) {
+          best = i;
+          bestDist = dist;
+        }
+      }
+    }
+    return best;
+  }, [viewYear, constraintConfig, today, years]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Pressable, { onPress: onDismiss, style: [styles4.overlay, import_react_native5.Platform.select({ web: { userSelect: "none" } })], children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_react_native5.View,
+    {
+      style: [
+        styles4.listContainer,
+        {
+          backgroundColor: popup.backgroundColour,
+          borderColor: popup.borderColour,
+          borderWidth: popup.borderWidth,
+          borderRadius: popup.cornerRadius
+        }
+      ],
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_react_native5.ScrollView,
+        {
+          ref: scrollRef,
+          showsVerticalScrollIndicator: false,
+          onContentSizeChange: () => {
+            if (scrolled.current) return;
+            scrolled.current = true;
+            const offset = Math.max(0, targetIndex * ITEM_HEIGHT - 3 * ITEM_HEIGHT);
+            scrollRef.current?.scrollTo({ y: offset, animated: false });
+          },
+          children: years.map((year) => {
+            const isActive = year === viewYear;
+            const isSelected = !isActive && year === selectedYear;
+            const selectable = isYearSelectable(year, constraintConfig, today);
+            const bgColor = isActive ? popup.itemActiveBackgroundColour : isSelected ? popup.itemSelectedBackgroundColour : "transparent";
+            const textColor = isActive ? popup.itemActiveTextColour : isSelected ? popup.itemSelectedTextColour : popup.itemTextColour;
+            return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_react_native5.Pressable,
+              {
+                disabled: !selectable,
+                accessibilityRole: "button",
+                accessibilityLabel: String(year),
+                accessibilityState: {
+                  selected: isActive,
+                  disabled: !selectable
+                },
+                onPress: (e) => {
+                  e.stopPropagation();
+                  if (selectable) {
+                    onYearSelect(year);
+                  }
+                },
+                style: (({ hovered }) => [
+                  styles4.yearItem,
+                  {
+                    backgroundColor: hovered && selectable && !isActive && !isSelected ? popup.itemHoverBackgroundColour : bgColor,
+                    borderRadius: popup.cornerRadius / 2,
+                    opacity: selectable ? 1 : popup.itemDisabledOpacity
+                  },
+                  selectable && webInteractive4
+                ]),
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  import_react_native5.Text,
+                  {
+                    style: {
+                      color: textColor,
+                      fontWeight: String(popup.itemFontWeight),
+                      fontSize: 16,
+                      textAlign: "center"
+                    },
+                    children: year
+                  }
+                )
+              },
+              year
+            );
+          })
+        }
+      )
+    }
+  ) });
+}
+var styles4 = import_react_native5.StyleSheet.create({
+  overlay: {
+    flex: 1
+  },
+  listContainer: {
+    flex: 1,
+    overflow: "hidden"
+  },
+  yearItem: {
+    height: ITEM_HEIGHT,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: 16
+  }
+});
+
+// src/ConfirmFooter.tsx
+var import_react_native6 = require("react-native");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function defaultConfirmLabel(_date) {
+  return "Done";
+}
+var webInteractive5 = import_react_native6.Platform.select({
+  web: { cursor: "pointer", outlineStyle: "none" }
+});
+function ConfirmFooter({
+  selectedDate,
+  isConfirmEnabled,
+  resolvedTokens,
+  confirmLabel: confirmLabelFn,
+  placeholderLabel = "Select a date",
+  onCancel,
+  onConfirm
+}) {
+  const footer = resolvedTokens.footer;
+  const labelText = selectedDate ? (confirmLabelFn ?? defaultConfirmLabel)(selectedDate) : placeholderLabel;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native6.View, { style: styles5.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_native6.Pressable,
+      {
+        onPress: onCancel,
+        accessibilityRole: "button",
+        accessibilityLabel: "Cancel",
+        style: (({ pressed, hovered }) => [
+          styles5.button,
+          {
+            backgroundColor: hovered ? footer.cancelHoverBackgroundColour : footer.cancelBackgroundColour,
+            borderColor: footer.cancelBorderColour,
+            borderWidth: footer.cancelBorderWidth,
+            borderRadius: footer.cancelCornerRadius,
+            opacity: pressed ? 0.7 : 1
+          },
+          webInteractive5
+        ]),
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_native6.Text,
+          {
+            style: {
+              color: footer.cancelTextColour,
+              fontSize: 16,
+              fontWeight: "500",
+              textAlign: "center"
+            },
+            children: "Cancel"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native6.View, { style: styles5.gap }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_native6.Pressable,
+      {
+        disabled: !isConfirmEnabled,
+        accessibilityRole: "button",
+        accessibilityLabel: labelText,
+        accessibilityState: { disabled: !isConfirmEnabled },
+        onPress: () => {
+          if (isConfirmEnabled) {
+            onConfirm();
+          }
+        },
+        style: (({ pressed, hovered }) => [
+          styles5.button,
+          {
+            backgroundColor: hovered && isConfirmEnabled ? footer.confirmHoverBackgroundColour : footer.confirmBackgroundColour,
+            borderColor: footer.confirmBorderColour,
+            borderWidth: footer.confirmBorderWidth,
+            borderRadius: footer.confirmCornerRadius,
+            opacity: !isConfirmEnabled ? footer.disabledOpacity : pressed ? 0.7 : 1
+          },
+          isConfirmEnabled && webInteractive5
+        ]),
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_native6.Text,
+          {
+            style: {
+              color: footer.confirmTextColour,
+              fontSize: 16,
+              fontWeight: "600",
+              textAlign: "center"
+            },
+            children: labelText
+          }
+        )
+      }
+    )
+  ] });
+}
+var styles5 = import_react_native6.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    paddingTop: 8
+  },
+  button: {
+    flex: 1,
+    paddingVertical: 14,
+    alignItems: "center",
+    justifyContent: "center",
+    minHeight: 44
+  },
+  gap: {
+    width: 8
+  }
+});
+
+// src/GlassDatePicker.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function defaultSelectedDateLabel(date) {
+  return new Intl.DateTimeFormat(void 0, { dateStyle: "full" }).format(date);
+}
+function getDefaultTheme() {
+  const os = import_react_native7.Platform.OS;
+  if (os === "ios") return "ios-liquid";
+  if (os === "android") return "material3";
+  return "default";
+}
+function GlassDatePicker({
+  value,
+  hintDate,
+  onChange,
+  onConfirm,
+  onCancel,
+  constraint = "none",
+  minDate,
+  maxDate,
+  yearRange,
+  theme,
+  colorScheme: colorSchemeProp = "auto",
+  accent,
+  dayShape = "circle",
+  tokens: tokenOverrides,
+  firstDayOfWeek: firstDayOfWeekProp = 0,
+  monthNames: monthNamesProp,
+  confirmLabel: confirmLabelProp,
+  placeholderLabel: placeholderLabelProp,
+  showSelectedDate = false,
+  selectedDateLabel: selectedDateLabelProp
+}) {
+  const [today] = (0, import_react2.useState)(() => /* @__PURE__ */ new Date());
+  const initialView = hintDate ?? today;
+  const [viewYear, setViewYear] = (0, import_react2.useState)(initialView.getFullYear());
+  const [viewMonth, setViewMonth] = (0, import_react2.useState)(initialView.getMonth() + 1);
+  const [selectedDate, setSelectedDate] = (0, import_react2.useState)(null);
+  const [openDropdown, setOpenDropdown] = (0, import_react2.useState)("none");
+  const activeTheme = theme ?? getDefaultTheme();
+  const systemColorScheme = (0, import_react_native7.useColorScheme)();
+  const resolvedColorScheme = colorSchemeProp === "auto" ? systemColorScheme === "dark" ? "dark" : "light" : colorSchemeProp;
+  let firstDayOfWeek = firstDayOfWeekProp;
+  if (firstDayOfWeek < 0 || firstDayOfWeek > 6) {
+    console.warn(
+      `GlassDate: firstDayOfWeek must be 0\u20136, got ${firstDayOfWeek} \u2014 defaulting to 0`
+    );
+    firstDayOfWeek = 0;
+  }
+  let monthNames;
+  if (monthNamesProp) {
+    if (monthNamesProp.length === 12) {
+      monthNames = monthNamesProp;
+    } else {
+      console.warn(
+        `GlassDate: monthNames must have exactly 12 elements, got ${monthNamesProp.length} \u2014 using English defaults`
+      );
+    }
+  }
+  const resolvedTokens = resolveTokens(activeTheme, resolvedColorScheme, accent, tokenOverrides);
+  const dayShapeRadius = mapDayShapeToRadius(dayShape);
+  const constraintConfig = {
+    preset: constraint,
+    ...constraint === "custom" && minDate !== void 0 && { minDate },
+    ...constraint === "custom" && maxDate !== void 0 && { maxDate },
+    ...yearRange !== void 0 && { yearRange }
+  };
+  const resolvedBounds = resolveConstraintBounds(constraintConfig, today);
+  const isConfirmEnabled = selectedDate !== null && isDateSelectableFromBounds(selectedDate, resolvedBounds);
+  const prev = previousMonth(viewYear, viewMonth);
+  const nxt = nextMonth(viewYear, viewMonth);
+  const isPrevArrowDisabled = !isMonthSelectable(prev.year, prev.month, constraintConfig, today);
+  const isNextArrowDisabled = !isMonthSelectable(nxt.year, nxt.month, constraintConfig, today);
+  (0, import_react2.useEffect)(() => {
+    if (isConstraintConfigInvalid(constraintConfig)) {
+      console.warn("GlassDate: minDate is after maxDate");
+    }
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    setOpenDropdown("none");
+    if (value === null || value === void 0) {
+      setSelectedDate(null);
+      return;
+    }
+    if (isDateSelectable(value, constraintConfig, today)) {
+      setSelectedDate(value);
+      setViewYear(value.getFullYear());
+      setViewMonth(value.getMonth() + 1);
+    } else {
+      console.warn("GlassDate: updated value is outside constraint range");
+      const clamped = clampDate(value, constraintConfig, today);
+      if (clamped) {
+        setSelectedDate(clamped);
+        setViewYear(clamped.getFullYear());
+        setViewMonth(clamped.getMonth() + 1);
+      } else {
+        setSelectedDate(null);
+      }
+    }
+  }, [value?.getTime()]);
+  (0, import_react2.useEffect)(() => {
+    setOpenDropdown("none");
+    if (isConstraintConfigInvalid(constraintConfig)) {
+      setSelectedDate(null);
+      console.warn("GlassDate: minDate is after maxDate");
+      return;
+    }
+    if (selectedDate !== null && !isDateSelectable(selectedDate, constraintConfig, today)) {
+      setSelectedDate(null);
+    }
+    if (!isMonthSelectable(viewYear, viewMonth, constraintConfig, today)) {
+      const bounds = resolveConstraintBounds(constraintConfig, today);
+      setViewYear(bounds.maxDate.getFullYear());
+      setViewMonth(bounds.maxDate.getMonth() + 1);
+    }
+  }, [constraint, minDate?.getTime(), maxDate?.getTime()]);
+  const handleDayPress = (0, import_react2.useCallback)(
+    (date) => {
+      if (selectedDate && selectedDate.getFullYear() === date.getFullYear() && selectedDate.getMonth() === date.getMonth() && selectedDate.getDate() === date.getDate()) {
+        return;
+      }
+      setSelectedDate(date);
+      setOpenDropdown("none");
+      onChange?.(date);
+    },
+    [selectedDate, onChange]
+  );
+  const handleMonthPillPress = (0, import_react2.useCallback)(() => {
+    setOpenDropdown((prev2) => prev2 === "month" ? "none" : "month");
+  }, []);
+  const handleYearPillPress = (0, import_react2.useCallback)(() => {
+    setOpenDropdown((prev2) => prev2 === "year" ? "none" : "year");
+  }, []);
+  const handlePrevPress = (0, import_react2.useCallback)(() => {
+    const p = previousMonth(viewYear, viewMonth);
+    setViewYear(p.year);
+    setViewMonth(p.month);
+    setOpenDropdown("none");
+  }, [viewYear, viewMonth]);
+  const handleNextPress = (0, import_react2.useCallback)(() => {
+    const n = nextMonth(viewYear, viewMonth);
+    setViewYear(n.year);
+    setViewMonth(n.month);
+    setOpenDropdown("none");
+  }, [viewYear, viewMonth]);
+  const handleMonthSelect = (0, import_react2.useCallback)((month) => {
+    setViewMonth(month);
+    setOpenDropdown("none");
+  }, []);
+  const handleYearSelect = (0, import_react2.useCallback)((year) => {
+    setViewYear(year);
+    setOpenDropdown("none");
+    if (selectedDate) {
+      const projected = new Date(year, selectedDate.getMonth(), selectedDate.getDate());
+      if (!isDateSelectableFromBounds(projected, resolvedBounds)) {
+        setSelectedDate(null);
+      }
+    }
+  }, [selectedDate, resolvedBounds]);
+  const handleConfirm = (0, import_react2.useCallback)(() => {
+    if (isConfirmEnabled && selectedDate) {
+      onConfirm?.(selectedDate);
+    }
+  }, [isConfirmEnabled, selectedDate, onConfirm]);
+  const handleCancel = (0, import_react2.useCallback)(() => {
+    onCancel?.();
+  }, [onCancel]);
+  const handleDismissDropdown = (0, import_react2.useCallback)(() => {
+    setOpenDropdown("none");
+  }, []);
+  const containerTokens = resolvedTokens.container;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_react_native7.View,
+    {
+      style: [
+        styles6.scene,
+        { backgroundColor: resolvedTokens.scene.backgroundColour },
+        import_react_native7.Platform.select({ web: { userSelect: "none" } })
+      ],
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        GlassContainer,
+        {
+          blurRadius: containerTokens.blurRadius,
+          backgroundColour: containerTokens.backgroundColour,
+          cornerRadius: containerTokens.cornerRadius,
+          style: [
+            styles6.container,
+            {
+              borderColor: containerTokens.borderColour,
+              borderWidth: containerTokens.borderWidth,
+              shadowColor: containerTokens.shadowColour,
+              shadowOffset: {
+                width: containerTokens.shadowOffsetX,
+                height: containerTokens.shadowOffsetY
+              },
+              shadowRadius: containerTokens.shadowBlurRadius,
+              shadowOpacity: containerTokens.shadowOpacity
+            }
+          ],
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              MonthYearHeader,
+              {
+                viewYear,
+                viewMonth,
+                today,
+                openDropdown,
+                isPrevArrowDisabled,
+                isNextArrowDisabled,
+                resolvedTokens,
+                monthNames,
+                onMonthPillPress: handleMonthPillPress,
+                onYearPillPress: handleYearPillPress,
+                onPrevPress: handlePrevPress,
+                onNextPress: handleNextPress
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: styles6.contentArea, children: [
+              openDropdown === "none" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                CalendarGrid,
+                {
+                  viewYear,
+                  viewMonth,
+                  selectedDate,
+                  today,
+                  constraintConfig,
+                  resolvedTokens,
+                  dayShapeRadius,
+                  firstDayOfWeek,
+                  onDayPress: handleDayPress
+                }
+              ),
+              openDropdown === "month" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                MonthSelector,
+                {
+                  viewYear,
+                  viewMonth,
+                  selectedDate,
+                  today,
+                  constraintConfig,
+                  resolvedTokens,
+                  monthNames,
+                  onMonthSelect: handleMonthSelect,
+                  onDismiss: handleDismissDropdown
+                }
+              ),
+              openDropdown === "year" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                YearSelector,
+                {
+                  viewYear,
+                  selectedDate,
+                  today,
+                  constraintConfig,
+                  resolvedTokens,
+                  onYearSelect: handleYearSelect,
+                  onDismiss: handleDismissDropdown
+                }
+              )
+            ] }),
+            showSelectedDate && selectedDate && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { style: [
+              styles6.selectedDateText,
+              { color: resolvedTokens.footer.selectedDateTextColour }
+            ], children: (selectedDateLabelProp ?? defaultSelectedDateLabel)(selectedDate) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              ConfirmFooter,
+              {
+                selectedDate,
+                isConfirmEnabled,
+                resolvedTokens,
+                confirmLabel: confirmLabelProp,
+                placeholderLabel: placeholderLabelProp,
+                onCancel: handleCancel,
+                onConfirm: handleConfirm
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+var styles6 = import_react_native7.StyleSheet.create({
+  scene: {
+    padding: 16
+  },
+  container: {
+    padding: 16,
+    overflow: "hidden",
+    height: 480
+  },
+  contentArea: {
+    flex: 1
+  },
+  selectedDateText: {
+    fontSize: 15,
+    textAlign: "center",
+    paddingVertical: 8
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GlassDatePicker
+});
+//# sourceMappingURL=index.js.map