your-ai-workflow-firebase-os 2.0.2 → 2.0.3

package/dist/Billing-FNE2r3_d.js

@@ -0,0 +1,379 @@
+import { t as e } from "./PageTitle-D93YCiN8.js";
+import { T as t, cr as n, dr as r, fi as i, g as a, sr as o, u as s } from "./TimeZoneField-DkI1Bkcz.js";
+import { t as c } from "./DashboardNav-Dmn7PVSp.js";
+import { Ht as l, ht as u, on as d, tt as f } from "./lucide-react-CA7GD7Nv.js";
+import { c as p, o as m, r as h } from "./transactions-BqMQDRx3.js";
+import { t as g } from "./ManagePlanButton-BSrOHYze.js";
+import { t as _ } from "./openOnArrival-S2K6v-lB.js";
+import { useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useSearchParams as S } from "react-router-dom";
+//#region src/pages/Billing.tsx
+function C(e) {
+	return e.status === "past_due" ? {
+		label: "Past due",
+		tone: "bad"
+	} : e.active ? {
+		label: "Active",
+		tone: "good"
+	} : {
+		label: "Cancelled",
+		tone: "quiet"
+	};
+}
+function w(e) {
+	return e.fullyRefunded ? {
+		label: "Refunded",
+		tone: "quiet"
+	} : (e.amountRefunded || 0) > 0 ? {
+		label: "Partly refunded",
+		tone: "good"
+	} : e.paid ? {
+		label: "Paid",
+		tone: "good"
+	} : {
+		label: "Not paid",
+		tone: "quiet"
+	};
+}
+function T(e) {
+	return !e.currentPeriodEnd || !e.active ? "" : e.cancelAtPeriodEnd ? `Ends on ${j(e.currentPeriodEnd)}` : `Renews on ${j(e.currentPeriodEnd)}`;
+}
+var E = (e) => e.productName || e.description || "One-off payment", D = (e) => {
+	if (/^and \d+ more$/i.test(e)) return {
+		words: e,
+		price: "",
+		quantity: 0,
+		more: !0
+	};
+	let t = e.lastIndexOf(" · "), n = t > 0 ? e.slice(t + 3).trim() : "", r = /\d/.test(n), i = r ? e.slice(0, t).trim() : e, a = i.match(/^(\d+)\s*[×x]\s/);
+	return {
+		words: i,
+		price: r ? n : "",
+		quantity: a ? Number(a[1]) : 0,
+		more: !1
+	};
+};
+function O(e, t) {
+	let n = typeof e == "string" ? e.trim() : "";
+	if (!n) return [];
+	let r = p(n);
+	return r && typeof r == "object" ? (Array.isArray(r) ? r : [r]).filter((e) => !!e && typeof e == "object" && !Array.isArray(e)).map((e) => {
+		let { words: n, price: r } = m(e, t), i = Number(e.quantity ?? e.qty);
+		return {
+			words: n,
+			price: r,
+			quantity: Number.isFinite(i) && i > 0 ? i : 0,
+			more: !1
+		};
+	}).filter((e) => e.words || e.price) : n.split("; ").map((e) => e.trim()).filter(Boolean).map(D);
+}
+function k(e) {
+	return !e.length || e.some((e) => e.more || !e.quantity) ? null : e.reduce((e, t) => e + t.quantity, 0);
+}
+function A(e, t = O(e.items, e.currency)) {
+	let n = k(t), r = E(e), i = n && n > 1 && !/\bitems?\b/i.test(r) ? `${n} items` : "";
+	return [j(e.created), i].filter(Boolean).join(" · ");
+}
+var j = (e) => e ? (/* @__PURE__ */ new Date(e * 1e3)).toLocaleDateString(void 0, {
+	day: "numeric",
+	month: "short",
+	year: "numeric"
+}) : "", M = (e) => e ? (/* @__PURE__ */ new Date(e * 1e3)).toLocaleString(void 0, {
+	day: "numeric",
+	month: "short",
+	year: "numeric",
+	hour: "numeric",
+	minute: "2-digit"
+}) : "";
+function N(e) {
+	let t = [];
+	return e.created && t.push([e.paid ? "Paid on" : "Date", M(e.created)]), e.paidWith && t.push(["Paid with", e.paidWith]), (e.amountRefunded || 0) > 0 && t.push(["Refunded", h(e.amountRefunded, e.currency)]), t;
+}
+function P(e) {
+	let t = [];
+	return e.amount != null && e.currency && t.push(["Billing", `${h(e.amount, e.currency)}${e.interval ? ` every ${e.interval}` : ""}`]), T(e) && t.push([e.cancelAtPeriodEnd ? "Ends on" : "Renews on", j(e.currentPeriodEnd)]), e.quantity > 1 && t.push(["Seats", String(e.quantity)]), e.status === "past_due" && t.push(["Card", "Stripe is retrying your card — update it under Manage plan."]), t;
+}
+var F = "grid grid-cols-[minmax(0,1fr)_auto_1rem] md:grid-cols-[minmax(0,1.5fr)_6.5rem_7rem_8.5rem_1rem] gap-x-3 md:gap-x-6 px-4 md:px-5", I = `${F} items-center`;
+function L({ chip: e, className: t = "" }) {
+	let n = e.tone === "good" ? "bg-emerald-500" : e.tone === "bad" ? "bg-red-500" : "bg-foreground/25";
+	return /* @__PURE__ */ x("span", {
+		className: `inline-flex items-center gap-2 text-[12.5px] font-medium text-foreground/60 leading-tight whitespace-nowrap ${t}`,
+		children: [/* @__PURE__ */ b("span", {
+			"aria-hidden": "true",
+			className: `w-1.5 h-1.5 rounded-full shrink-0 ${n}`
+		}), e.label]
+	});
+}
+var R = "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-3";
+function z({ label: e, value: t }) {
+	return /* @__PURE__ */ x("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ b("span", {
+			className: `${s} block leading-tight mb-0.5`,
+			children: e
+		}), /* @__PURE__ */ b("span", {
+			className: "block text-[13.5px] text-foreground/85 leading-snug break-words [overflow-wrap:anywhere]",
+			children: t
+		})]
+	});
+}
+function B({ title: e, line: t, children: n }) {
+	return /* @__PURE__ */ x("div", {
+		className: "flex items-center justify-between gap-3 flex-wrap px-1",
+		children: [/* @__PURE__ */ x("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ b("p", {
+				className: "text-[14px] font-bold text-foreground leading-tight",
+				children: e
+			}), /* @__PURE__ */ b("p", {
+				className: "text-[12px] font-medium text-foreground/45 leading-snug mt-0.5",
+				children: t
+			})]
+		}), n]
+	});
+}
+function V({ first: e, second: t }) {
+	return /* @__PURE__ */ x("div", {
+		className: `max-md:hidden ${I} py-2.5 text-[11.5px] font-medium text-foreground/40`,
+		children: [
+			/* @__PURE__ */ b("span", { children: e }),
+			/* @__PURE__ */ b("span", { children: t }),
+			/* @__PURE__ */ b("span", { children: "Status" }),
+			/* @__PURE__ */ b("span", {
+				className: "text-right",
+				children: "Amount"
+			}),
+			/* @__PURE__ */ b("span", {})
+		]
+	});
+}
+function H({ lines: e }) {
+	return /* @__PURE__ */ x("section", {
+		className: "flex flex-col gap-1.5",
+		children: [/* @__PURE__ */ b("h3", {
+			className: `px-4 md:px-5 ${s} block leading-tight mb-0.5`,
+			children: "What you bought"
+		}), e.map((e, t) => /* @__PURE__ */ x("div", {
+			className: `${F} items-baseline`,
+			children: [/* @__PURE__ */ b("span", {
+				className: `md:col-span-3 min-w-0 leading-snug break-words [overflow-wrap:anywhere] ${e.more ? "text-[13px] text-foreground/45" : "text-[13.5px] text-foreground/85"}`,
+				children: e.words
+			}), /* @__PURE__ */ b("span", {
+				className: "text-right text-[13.5px] text-foreground/85 tabular-nums whitespace-nowrap leading-snug",
+				children: e.price
+			})]
+		}, t))]
+	});
+}
+function U({ rowKey: e, what: r, sub: i, when: a, amount: s, per: c, chip: u, bought: f = [], facts: p, receiptUrl: m, open: h, onToggle: g }) {
+	return /* @__PURE__ */ x("div", {
+		"data-ledger-row": e,
+		className: `scroll-mt-6 ${h ? "bg-foreground/[0.02]" : ""}`,
+		children: [/* @__PURE__ */ x("button", {
+			type: "button",
+			onClick: g,
+			"aria-expanded": h,
+			className: `w-full ${I} py-3 text-left cursor-pointer transition-colors hover:bg-foreground/[0.03]`,
+			children: [
+				/* @__PURE__ */ x("span", {
+					className: "flex flex-col min-w-0 gap-0.5",
+					children: [/* @__PURE__ */ b("span", {
+						className: "text-[13.5px] font-bold text-foreground leading-tight truncate",
+						children: r
+					}), /* @__PURE__ */ b("span", {
+						className: "md:hidden text-[12px] font-medium text-foreground/45 leading-tight truncate",
+						children: i
+					})]
+				}),
+				/* @__PURE__ */ b("span", {
+					className: "max-md:hidden text-[12.5px] font-medium text-foreground/45 tabular-nums whitespace-nowrap truncate leading-tight",
+					children: a
+				}),
+				/* @__PURE__ */ b(L, {
+					chip: u,
+					className: "max-md:hidden"
+				}),
+				/* @__PURE__ */ x("span", {
+					className: "flex flex-col items-end gap-1 min-w-0",
+					children: [/* @__PURE__ */ x("span", {
+						className: "text-[13.5px] font-semibold text-foreground tabular-nums whitespace-nowrap leading-tight",
+						children: [s || /* @__PURE__ */ b("span", {
+							className: "text-foreground/25 font-medium",
+							children: "—"
+						}), s && c && /* @__PURE__ */ x("span", {
+							className: "text-[12.5px] text-foreground/40 font-medium",
+							children: [" ", c]
+						})]
+					}), /* @__PURE__ */ b(L, {
+						chip: u,
+						className: "md:hidden !text-[11.5px] !gap-1.5"
+					})]
+				}),
+				/* @__PURE__ */ b(d, { className: `w-4 h-4 text-foreground/35 shrink-0 justify-self-end transition-transform ${h ? "rotate-180" : ""}` })
+			]
+		}), /* @__PURE__ */ b(n, {
+			initial: !1,
+			children: h && /* @__PURE__ */ b(o.div, {
+				initial: {
+					height: 0,
+					opacity: 0
+				},
+				animate: {
+					height: "auto",
+					opacity: 1
+				},
+				exit: {
+					height: 0,
+					opacity: 0
+				},
+				transition: t,
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ x("div", {
+					className: "pb-4 md:pb-5 flex flex-col gap-4",
+					children: [
+						/* @__PURE__ */ b("div", { className: "mx-4 md:mx-5 border-t border-[var(--panel-border)]/50" }),
+						f.length > 0 && /* @__PURE__ */ b(H, { lines: f }),
+						p.length > 0 && /* @__PURE__ */ b("div", {
+							className: `px-4 md:px-5 ${R}`,
+							children: p.map(([e, t]) => /* @__PURE__ */ b(z, {
+								label: e,
+								value: t
+							}, e))
+						}),
+						m && /* @__PURE__ */ b("div", {
+							className: "mx-4 md:mx-5 border-t border-[var(--panel-border)]/50 pt-3",
+							children: /* @__PURE__ */ x("a", {
+								href: m,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "inline-flex items-center gap-1.5 text-[12.5px] font-bold text-accent hover:underline",
+								children: ["Stripe receipt", /* @__PURE__ */ b(l, { className: "w-3.5 h-3.5" })]
+							})
+						})
+					]
+				})
+			})
+		})]
+	});
+}
+function W({ email: t, loading: n, subscriptions: r, payments: i, error: s, initialOpen: l = null, focus: d = null, onFocused: p }) {
+	let [m, S] = v(l), D = (e) => S((t) => t === e ? null : e), k = !n && !s && r.length === 0 && i.length === 0;
+	return _(d, !n && !!d && (i.some((e) => e.id === d) || r.some((e) => e.id === d)), S, p), /* @__PURE__ */ x("main", {
+		className: "flex-1 w-full max-w-7xl mx-auto p-4 pt-2 md:p-8 md:pt-4 z-10 flex flex-col min-h-screen",
+		children: [/* @__PURE__ */ x(o.div, {
+			initial: {
+				opacity: 0,
+				y: 20
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			className: "mb-6",
+			children: [/* @__PURE__ */ b(e, { children: "Billing" }), /* @__PURE__ */ x("div", {
+				className: "flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]",
+				children: [/* @__PURE__ */ b("span", { className: "w-8 h-[1px] bg-foreground/10" }), "/billing"]
+			})]
+		}), /* @__PURE__ */ x("div", {
+			className: "flex flex-col gap-6 flex-1 pb-16",
+			children: [/* @__PURE__ */ b(c, {}), /* @__PURE__ */ b("div", {
+				className: "glass-panel border border-[var(--panel-border)] rounded-3xl p-4 sm:p-5 md:p-8 shadow-2xl relative bg-background flex flex-col fbos-tab-fill min-h-[400px] gap-6",
+				children: n ? /* @__PURE__ */ b("div", {
+					className: "flex items-center justify-center flex-1 text-foreground/40 py-16",
+					children: /* @__PURE__ */ b(u, { className: "w-6 h-6 animate-spin text-accent" })
+				}) : s ? /* @__PURE__ */ b(a, {
+					tone: "error",
+					children: s
+				}) : k ? /* @__PURE__ */ x("div", {
+					className: "flex flex-col items-center justify-center flex-1 gap-3 py-16 text-center",
+					children: [/* @__PURE__ */ b(f, { className: "w-8 h-8 text-foreground/20" }), /* @__PURE__ */ x("p", {
+						className: "text-[13px] font-medium text-foreground/50 max-w-md leading-relaxed",
+						children: [
+							"Nothing has been bought on this account",
+							t ? /* @__PURE__ */ x(y, { children: [" — ", /* @__PURE__ */ b("span", {
+								className: "text-foreground/70",
+								children: t
+							})] }) : null,
+							". A payment made with a different email address at checkout lives with that email: sign in with the address you paid with to see it here."
+						]
+					})]
+				}) : /* @__PURE__ */ x(y, { children: [r.length > 0 && /* @__PURE__ */ x("div", {
+					className: "flex flex-col gap-3",
+					children: [/* @__PURE__ */ b(B, {
+						title: r.length === 1 ? "Your plan" : "Your plans",
+						line: "Change card, switch or cancel on Stripe's own page.",
+						children: /* @__PURE__ */ b(g, {
+							variant: "secondary",
+							className: "h-9 px-3.5 text-[12.5px] font-semibold"
+						})
+					}), /* @__PURE__ */ x("div", {
+						className: "rounded-2xl border border-[var(--panel-border)]/60 divide-y divide-[var(--panel-border)]/60 overflow-hidden",
+						children: [/* @__PURE__ */ b(V, {
+							first: "Plan",
+							second: "Renews"
+						}), r.map((e) => {
+							let t = C(e), n = T(e), r = e.amount != null && e.currency ? h(e.amount, e.currency) : "";
+							return /* @__PURE__ */ b(U, {
+								rowKey: e.id,
+								what: e.productName || "Subscription",
+								sub: n || t.label,
+								when: n ? j(e.currentPeriodEnd) : "—",
+								amount: r,
+								per: e.interval ? `/ ${e.interval}` : "",
+								chip: t,
+								facts: P(e),
+								open: m === e.id,
+								onToggle: () => D(e.id)
+							}, e.id);
+						})]
+					})]
+				}), i.length > 0 && /* @__PURE__ */ x("div", {
+					className: "flex flex-col gap-3",
+					children: [/* @__PURE__ */ b(B, {
+						title: "Your payments",
+						line: "Every payment on this account, straight from Stripe."
+					}), /* @__PURE__ */ x("div", {
+						className: "rounded-2xl border border-[var(--panel-border)]/60 divide-y divide-[var(--panel-border)]/60 overflow-hidden",
+						children: [/* @__PURE__ */ b(V, {
+							first: "What",
+							second: "When"
+						}), i.map((e) => {
+							let t = O(e.items, e.currency);
+							return /* @__PURE__ */ b(U, {
+								rowKey: e.id,
+								what: E(e),
+								sub: A(e, t),
+								when: j(e.created),
+								amount: h(e.amount, e.currency),
+								chip: w(e),
+								bought: t,
+								facts: N(e),
+								receiptUrl: e.receiptUrl,
+								open: m === e.id,
+								onToggle: () => D(e.id)
+							}, e.id);
+						})]
+					})]
+				})] })
+			})]
+		})]
+	});
+}
+function G() {
+	let { user: e } = r(), { loading: t, subscriptions: n, payments: a, error: o } = i(), [s, c] = S();
+	return /* @__PURE__ */ b(W, {
+		email: e?.email || null,
+		loading: t,
+		subscriptions: n,
+		payments: a,
+		error: o,
+		focus: s.get("open"),
+		onFocused: () => c((e) => {
+			let t = new URLSearchParams(e);
+			return t.delete("open"), t;
+		}, { replace: !0 })
+	});
+}
+//#endregion
+export { G as Billing };

package/dist/BookingCalendar-BP5kiv3d.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`);const e=require(`./TimeZoneField-qs7NPR30.cjs`),t=require(`./lucide-react-BwV6L6Is.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);function i({timeZone:i,onTimeZone:a,action:o}){let[s,c]=(0,n.useState)(!1);return(0,r.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,r.jsxs)(`div`,{className:`flex gap-3 ${o?`max-sm:flex-col max-sm:items-stretch sm:items-center sm:justify-between`:``}`,children:[(0,r.jsxs)(`p`,{className:`flex items-center gap-1.5 text-[12px] font-medium text-foreground/50`,children:[(0,r.jsx)(t.jt,{className:`w-3.5 h-3.5 text-foreground/35 shrink-0`,"aria-hidden":!0}),(0,r.jsxs)(`span`,{children:[`Times in `,e.Tn(i),` · `,(0,r.jsx)(`button`,{type:`button`,onClick:()=>c(e=>!e),className:`text-accent font-semibold hover:underline cursor-pointer`,children:s?`Done`:`Change`})]})]}),o]}),s&&(0,r.jsx)(e.t,{compact:!0,value:i,onChange:e=>{a(e),c(!1)}})]})}var a=(e,t)=>!!e&&e.memberId===t.memberId&&e.start===t.start&&e.scheduleId===t.scheduleId,o=`relative flex flex-col items-center justify-center w-full min-h-11 px-3 py-2 rounded-[var(--input-radius,0.75rem)] border text-[14px] font-semibold transition-all duration-200 cursor-pointer`;function s({slots:n,value:i,onChange:s,timeZone:c,members:l,together:u}){let d=!u&&new Set(l.map(e=>e.memberId)).size>1,f=e=>(l.find(t=>t.id===e.scheduleId)||l.find(t=>t.memberId===e.memberId))?.memberName.trim()||``;return n.length?(0,r.jsx)(`div`,{className:`grid gap-2 [grid-template-columns:repeat(auto-fill,minmax(96px,1fr))]`,role:`listbox`,"aria-label":`Free times`,children:n.map(n=>{let l=a(i,n),u=e.Pt(new Date(n.start),c),p=d?f(n):``;return(0,r.jsxs)(`button`,{type:`button`,role:`option`,"aria-selected":l,"aria-label":p?`${u} with ${p}`:u,onClick:()=>s(l?null:n),className:`${o} ${l?`bg-accent border-accent text-[var(--button-fg,#fff)] shadow-md shadow-accent/25`:`border-[var(--panel-border)] bg-transparent text-foreground/75 hover:border-accent/50 hover:text-foreground hover:bg-foreground/[0.04] active:scale-[0.98]`}`,children:[l&&(0,r.jsx)(t.sn,{className:`absolute left-2.5 w-3.5 h-3.5`,"aria-hidden":!0}),(0,r.jsx)(`span`,{className:`tabular-nums`,children:u}),p&&(0,r.jsx)(`span`,{className:`text-[11px] font-medium leading-tight ${l?`opacity-90`:`text-foreground/50`}`,children:p})]},`${e.vn(n.memberId,n.start)}__${n.scheduleId}`)})}):null}function c(t,r,i,a,o){let s=(0,n.useMemo)(()=>e.Ft(e.Sn(t,{now:a?a():new Date,taken:r},!!o),i),[t,r,i,a,o]),c=o&&t.length?e.$t(t).reduce((e,t)=>Math.min(e,t.horizonDays),1/0):t.reduce((e,t)=>Math.max(e,t.horizonDays),0);return{days:s,horizon:Number.isFinite(c)?c:0}}var l=(t,n)=>t?e.jn(new Date(t.start),n).dateKey:``;function u({horizon:e}){return(0,r.jsx)(`p`,{className:`text-[13px] font-medium text-foreground/50 py-2`,children:e?`No free times in the next ${e} days.`:`No free times at the moment.`})}function d({members:e,value:t,onChange:a,taken:o,timeZone:d,onTimeZone:f,now:p,together:m}){let{days:h,horizon:g}=c(e,o,d,p,m),[_,v]=(0,n.useState)({tz:d,day:``}),y=_.tz===d?_.day:``,b=(h.some(e=>e.dateKey===y)?y:``)||l(t,d)||h[0]?.dateKey||``,x=h.find(e=>e.dateKey===b)||h[0];return(0,r.jsxs)(`div`,{className:`flex flex-col gap-3 w-full`,children:[h.length===0?(0,r.jsx)(u,{horizon:g}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`div`,{className:`flex gap-2 overflow-x-auto no-scrollbar pb-1 -mx-1 px-1`,role:`tablist`,"aria-label":`Days with free times`,children:h.map(e=>{let t=e.dateKey===x?.dateKey;return(0,r.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":t,onClick:()=>v({tz:d,day:e.dateKey}),className:`shrink-0 px-3.5 py-2 rounded-xl text-[13px] font-semibold whitespace-nowrap transition-all cursor-pointer glass-panel ${t?`bg-accent text-[var(--button-fg,#fff)] border-accent shadow-lg shadow-accent/20`:`text-foreground/70 hover:text-foreground hover:border-accent`}`,style:{borderRadius:`var(--input-radius, 0.75rem)`},children:e.label},e.dateKey)})}),x&&(0,r.jsx)(s,{slots:x.slots,value:t,onChange:a,timeZone:d,members:e,together:m})]}),(0,r.jsx)(i,{timeZone:d,onTimeZone:f})]})}var f=[`M`,`T`,`W`,`T`,`F`,`S`,`S`],p=`rounded-2xl border border-[var(--panel-border)]/60 bg-foreground/[0.015] overflow-hidden`,m=`flex items-center justify-between gap-2 px-3.5 py-2.5 border-b border-[var(--panel-border)]/40`,h=`w-8 h-8 rounded-xl border border-[var(--panel-border)]/60 flex items-center justify-center shrink-0 text-foreground/50 hover:text-foreground hover:border-accent/40 hover:bg-foreground/5 active:scale-[0.98] transition-all cursor-pointer`;function g(...e){let t=(0,n.useRef)(null),[r,i]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e=t.current;if(!e)return;let n=()=>i(e.scrollTop+e.clientHeight<e.scrollHeight-2);n(),e.addEventListener(`scroll`,n,{passive:!0});let r=typeof ResizeObserver>`u`?null:new ResizeObserver(n);return r?.observe(e),()=>{e.removeEventListener(`scroll`,n),r?.disconnect()}},e),{ref:t,moreBelow:r}}var _=()=>(0,r.jsx)(`div`,{"aria-hidden":!0,className:`pointer-events-none absolute inset-x-px bottom-px h-10 rounded-b-2xl bg-gradient-to-t from-[var(--bg-color)] to-transparent`}),v=e=>e.slice(0,7);function y(t){let n=`${t}-01`,r=e.L.indexOf(e.An(n)),i=Array.from({length:r},()=>null);for(let r=0;;r++){let a=e.Q(n,r);if(v(a)!==t)break;i.push(a)}return i}function b({members:a,value:o,onChange:d,taken:b,timeZone:x,onTimeZone:S,now:C,together:w}){let{days:T,horizon:E}=c(a,b,x,C,w),D=e.jn(C?C():new Date,x).dateKey,O=new Map(T.map(e=>[e.dateKey,e])),k=l(o,x),[A,j]=(0,n.useState)(()=>({tz:x,day:k,month:v(k||T[0]?.dateKey||D)})),M=A.tz===x,N=M?A.day:k,P=M?A.month:v(k||T[0]?.dateKey||D),F=e=>j({tz:x,day:N,month:e(P)}),I=e=>j({tz:x,day:e,month:P}),L=N?O.get(N):void 0,R=y(P),z=L?.slots.length||0,{ref:B,moreBelow:V}=g(z,N);return(0,r.jsxs)(`div`,{className:`flex flex-col gap-4 w-full`,children:[T.length===0&&(0,r.jsx)(u,{horizon:E}),(0,r.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-[minmax(0,1.15fr)_minmax(0,1fr)] gap-3 md:gap-4 w-full md:items-stretch`,children:[(0,r.jsxs)(`div`,{className:`${p} w-full min-w-0`,children:[(0,r.jsxs)(`div`,{className:m,children:[(0,r.jsx)(`h4`,{className:`text-[14px] font-bold text-foreground tracking-tight truncate`,children:e.Zt(P)}),(0,r.jsxs)(`div`,{className:`flex items-center gap-1.5 shrink-0`,children:[(0,r.jsx)(`button`,{type:`button`,onClick:()=>F(()=>v(D)),className:`h-8 px-3 rounded-xl border border-[var(--panel-border)]/60 text-[12.5px] font-semibold text-foreground/60 hover:text-foreground hover:border-accent/40 hover:bg-foreground/5 active:scale-[0.98] transition-all cursor-pointer`,children:`Today`}),(0,r.jsx)(`button`,{type:`button`,"aria-label":`Previous month`,onClick:()=>F(t=>e._n(t,-1)),className:h,children:(0,r.jsx)(t.an,{className:`w-4 h-4`})}),(0,r.jsx)(`button`,{type:`button`,"aria-label":`Next month`,onClick:()=>F(t=>e._n(t,1)),className:h,children:(0,r.jsx)(t.in,{className:`w-4 h-4`})})]})]}),(0,r.jsx)(`div`,{className:`p-3`,children:(0,r.jsxs)(`div`,{className:`grid grid-cols-7 gap-1 w-full max-w-[26rem] mx-auto`,role:`grid`,"aria-label":e.Zt(P),children:[f.map((e,t)=>(0,r.jsx)(`div`,{className:`text-center text-[10.5px] font-bold uppercase tracking-wider text-foreground/35 pb-1`,children:e},t)),R.map((e,t)=>{if(!e)return(0,r.jsx)(`div`,{"aria-hidden":!0},`blank-${t}`);let n=O.has(e),i=e===N,a=e===D,o=Number(e.slice(8,10));return(0,r.jsxs)(`button`,{type:`button`,role:`gridcell`,"aria-label":O.get(e)?.label||e,"aria-selected":i,"aria-disabled":!n,disabled:!n,onClick:()=>I(e),className:`relative flex items-center justify-center h-10 md:h-11 rounded-xl text-[13.5px] md:text-[14px] font-semibold tabular-nums transition-all ${i?`bg-accent text-[var(--button-fg,#fff)] shadow-md shadow-accent/25 cursor-pointer`:n?`text-foreground hover:bg-foreground/[0.06] cursor-pointer`:`text-foreground/25 cursor-default`} ${a&&!i?`ring-1 ring-inset ring-accent/45`:``}`,children:[o,n&&(0,r.jsx)(`span`,{"aria-hidden":!0,className:`absolute bottom-1 w-1 h-1 rounded-full ${i?`bg-[var(--button-fg,#fff)]`:`bg-accent`}`})]},e)})]})})]}),(0,r.jsx)(`div`,{className:`w-full min-w-0 md:relative md:min-h-[320px]`,children:(0,r.jsxs)(`div`,{className:`${p} flex flex-col md:absolute md:inset-0`,children:[(0,r.jsxs)(`div`,{className:m,children:[(0,r.jsx)(`p`,{className:`text-[13px] font-bold text-foreground tracking-tight truncate`,children:L?L.label:`Pick a day`}),z>0&&(0,r.jsxs)(`span`,{className:`text-[11.5px] font-semibold text-foreground/40 shrink-0 tabular-nums`,children:[z,` `,z===1?`time`:`times`]})]}),(0,r.jsxs)(`div`,{className:`relative flex-1 min-h-0`,children:[(0,r.jsx)(`div`,{ref:B,className:`p-3 h-full overflow-y-auto styled-scrollbars-mini`,children:L?(0,r.jsx)(s,{slots:L.slots,value:o,onChange:d,timeZone:x,members:a,together:w}):(0,r.jsxs)(`div`,{className:`flex flex-col items-center justify-center text-center gap-2 py-8 px-2`,children:[(0,r.jsx)(t.dn,{className:`w-5 h-5 text-foreground/25`,"aria-hidden":!0}),(0,r.jsx)(`p`,{className:`text-[12.5px] font-medium text-foreground/45 leading-relaxed`,children:T.length>0?`Pick a day with a dot to see its times.`:`No times to show.`})]})}),V&&(0,r.jsx)(_,{})]})]})})]}),(0,r.jsx)(i,{timeZone:x,onTimeZone:S})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return i}});