themelia-ui 1.0.0

package/dist/features/data-view.js

@@ -0,0 +1,349 @@
+"use client";
+import "../core.css";
+import "../css/data-view.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { o as t } from "../typography-vC_wwEBm.js";
+import { t as n } from "../use-latest-CF0678ae.js";
+import { o as r } from "../structure-es_UqqmD.js";
+import { s as i } from "../navigation-CRCc8lpn.js";
+import { s as a } from "../choice-inputs-B4fseaKf.js";
+import { B as o, F as s, P as c, S as l, o as u } from "../filters-D8DV5OkK.js";
+import { u as d } from "../table-DTaGJ0WS.js";
+import { useEffect as f, useMemo as p, useRef as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { isValid as _, parse as v } from "date-fns";
+//#region src/components/features/data-view/data-view.strings.ts
+var y = {
+	label: "Pagination",
+	previous: "Previous page",
+	next: "Next page",
+	page: (e) => `Page ${e}`
+}, b = "Saved views";
+//#endregion
+//#region src/components/features/data-view/data-view-filtering.ts
+function x(e, t) {
+	return t.includes(".") ? t.split(".").reduce((e, t) => {
+		if (!(!e || typeof e != "object")) return e[t];
+	}, e) : e && typeof e == "object" ? e[t] : void 0;
+}
+function S(e) {
+	return e == null ? "" : e instanceof Date ? e.toISOString() : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : "";
+}
+function C(e, t = 0) {
+	return e == null || t > 2 ? "" : e instanceof Date ? e.toISOString() : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map((e) => C(e, t + 1)).join(" ") : typeof e == "object" ? Object.values(e).map((e) => C(e, t + 1)).join(" ") : "";
+}
+function w(e) {
+	if (Array.isArray(e)) return e.map(S).filter(Boolean).map((e) => e.toLowerCase());
+	let t = S(e);
+	return t ? [t.toLowerCase()] : [];
+}
+function T(e) {
+	let t = Number(e);
+	return Number.isFinite(t) ? t : void 0;
+}
+function E(e, t) {
+	if (t) {
+		let n = v(e, t, /* @__PURE__ */ new Date(0));
+		if (_(n)) return n.getTime();
+	}
+	let n = new Date(e);
+	return _(n) ? n.getTime() : void 0;
+}
+function D(e, t, n, r) {
+	let i = r?.type === s.DATE ? (e) => E(e, r.dateFormat?.param ?? "yyyy-MM-dd") : T, a = e.map(i).filter((e) => e !== void 0), o = t.map(i).filter((e) => e !== void 0);
+	if (a.length === 0 || o.length === 0) return !1;
+	let [l, u] = o;
+	switch (n) {
+		case c.GT:
+		case c.AFTER: return a.some((e) => e > l);
+		case c.GTE: return a.some((e) => e >= l);
+		case c.LT:
+		case c.BEFORE: return a.some((e) => e < l);
+		case c.LTE: return a.some((e) => e <= l);
+		case c.BETWEEN: return u !== void 0 && a.some((e) => e >= l && e <= u);
+		default: return !1;
+	}
+}
+function O(e, t, n, r) {
+	let i = t.value.map((e) => e.trim().toLowerCase()).filter(Boolean);
+	if (i.length === 0) return !0;
+	if (n?.type === s.SEARCH) {
+		let n = C(e).toLowerCase();
+		return t.operator === c.NOT || t.operator === c.NOT_IN ? i.every((e) => !n.includes(e)) : i.every((e) => n.includes(e));
+	}
+	let a = w(r?.(e, n ?? {
+		key: t.key,
+		label: t.key,
+		type: s.SEARCH
+	}) ?? x(e, t.key));
+	if (a.length === 0) return !1;
+	let o = n?.type === s.SELECT || n?.type === s.MULTI_SELECT || n?.type === s.ASYNC_SELECT;
+	switch (t.operator) {
+		case c.CONTAINS: return i.every((e) => a.some((t) => t.includes(e)));
+		case c.HAS:
+		case c.HAS_ALL: return i.every((e) => a.includes(e));
+		case c.NOT_IN: return i.every((e) => !a.includes(e));
+		case c.NOT: return o ? i.every((e) => !a.includes(e)) : i.every((e) => a.every((t) => !t.includes(e)));
+		case c.IN:
+		case c.EQUALS:
+		case c.HAS_ANY: return i.some((e) => a.includes(e));
+		case c.GT:
+		case c.GTE:
+		case c.LT:
+		case c.LTE:
+		case c.BEFORE:
+		case c.AFTER:
+		case c.BETWEEN: return D(a, i, t.operator, n);
+		default: return i.some((e) => a.includes(e));
+	}
+}
+function k(e, t, n, r) {
+	if (t.length === 0) return e;
+	let i = new Map(n.map((e) => [e.key, e]));
+	return e.filter((e) => t.every((t) => O(e, t, i.get(t.key), r)));
+}
+//#endregion
+//#region src/components/features/data-view/use-data-view.ts
+function A({ data: e, filtering: t }) {
+	let r = n(t?.onError), i = t?.activeFilters, a = t?.filters, o = t?.filterRows, s = t?.getFilterValue, c = p(() => {
+		if (!i || !a) return {
+			rows: e,
+			error: null,
+			failed: !1
+		};
+		try {
+			return {
+				rows: o ? o({
+					data: e,
+					activeFilters: i,
+					filters: a
+				}) : k(e, i, a, s),
+				error: null,
+				failed: !1
+			};
+		} catch (t) {
+			return {
+				rows: e,
+				error: t,
+				failed: !0
+			};
+		}
+	}, [
+		i,
+		e,
+		o,
+		a,
+		s
+	]), l = m(null);
+	return f(() => {
+		if (!c.failed) {
+			l.current = null;
+			return;
+		}
+		l.current !== c && (l.current = c, r.current?.(c.error, { phase: "apply" }));
+	}, [c, r]), c;
+}
+var j = {
+	shell: "data-view-module__shell___weD5y",
+	shellRegion: "data-view-module__shellRegion___NTkuK",
+	shellContent: "data-view-module__shellContent___sgEEu",
+	toolbar: "data-view-module__toolbar___lfniI",
+	toolbarInner: "data-view-module__toolbarInner___WuGFf",
+	toolbarLeading: "data-view-module__toolbarLeading___lmDlT",
+	toolbarActions: "data-view-module__toolbarActions___VJfv-",
+	frame: "data-view-module__frame___06uU1",
+	frameToolbar: "data-view-module__frameToolbar___2wwth",
+	frameContent: "data-view-module__frameContent___rkNbN",
+	frameFooter: "data-view-module__frameFooter___RNYt7",
+	topbar: "data-view-module__topbar___3qIwy",
+	filters: "data-view-module__filters___Tu-Le",
+	viewSelect: "data-view-module__viewSelect___W2tEN",
+	pagination: "data-view-module__pagination___U8nEu"
+};
+//#endregion
+//#region src/components/features/data-view/data-view.tsx
+function M({ children: t, header: n, toolbar: r, footer: i, emptySlot: a, empty: o = !1, className: s, contentClassName: c }) {
+	return /* @__PURE__ */ g("section", {
+		"data-slot": "data-view-shell",
+		className: e("data-view-shell--component", j.shell, s),
+		children: [
+			!!n && /* @__PURE__ */ h("div", {
+				className: j.shellRegion,
+				children: n
+			}),
+			!!r && /* @__PURE__ */ h("div", {
+				className: j.shellRegion,
+				children: r
+			}),
+			/* @__PURE__ */ h("div", {
+				className: e(j.shellContent, c),
+				children: o ? a : t
+			}),
+			!!i && /* @__PURE__ */ h("div", {
+				className: j.shellRegion,
+				children: i
+			})
+		]
+	});
+}
+function N({ leading: t, search: n, filters: i, views: a, actions: o, className: s }) {
+	return /* @__PURE__ */ h("div", {
+		"data-slot": "data-view-toolbar",
+		className: e("data-view-toolbar--component", j.toolbar, s),
+		children: /* @__PURE__ */ g("div", {
+			className: j.toolbarInner,
+			children: [/* @__PURE__ */ g(r, {
+				direction: "horizontal",
+				wrap: !0,
+				align: "center",
+				gap: "md",
+				className: j.toolbarLeading,
+				children: [
+					t,
+					n,
+					i,
+					a
+				]
+			}), !!o && /* @__PURE__ */ h(r, {
+				direction: "horizontal",
+				wrap: !0,
+				align: "center",
+				gap: "md",
+				className: j.toolbarActions,
+				children: o
+			})]
+		})
+	});
+}
+function P({ toolbar: t, children: n, footer: r, className: i, toolbarClassName: a, contentClassName: o, footerClassName: s }) {
+	return /* @__PURE__ */ g("section", {
+		"data-slot": "data-view-table-frame",
+		className: e("data-view-table-frame--component", j.frame, i),
+		children: [
+			!!t && /* @__PURE__ */ h("div", {
+				className: e(j.frameToolbar, a),
+				children: t
+			}),
+			/* @__PURE__ */ h("div", {
+				className: e(j.frameContent, o),
+				children: n
+			}),
+			!!r && /* @__PURE__ */ h("div", {
+				className: e(j.frameFooter, s),
+				children: r
+			})
+		]
+	});
+}
+function F({ tabs: e, label: t }) {
+	let { activeFilters: n, replaceFilters: r, filters: i } = o(), s = e.find((e) => {
+		let t = e.presets.filter((e) => e.value.length > 0);
+		return t.length === n.length && t.every((e) => n.some((t) => t.key === e.key && JSON.stringify([...t.value].sort()) === JSON.stringify([...e.value].sort())));
+	});
+	return /* @__PURE__ */ h(a, {
+		"aria-label": t ?? "Saved views",
+		value: s?.id ?? "",
+		options: e.map((e) => ({
+			value: e.id,
+			label: e.label
+		})),
+		onValueChange: (t) => {
+			let n = e.find((e) => e.id === t);
+			n && r(n.presets.filter((e) => e.value.length > 0).map((e) => ({
+				id: e.key,
+				key: e.key,
+				operator: e.operator ?? i.find((t) => t.key === e.key)?.operator ?? "equals",
+				value: e.value
+			})));
+		},
+		className: j.viewSelect
+	});
+}
+function I({ views: t, value: n, onValueChange: r, className: i }) {
+	return /* @__PURE__ */ h(a, {
+		value: n,
+		options: t.map((e) => ({
+			value: e.id,
+			label: typeof e.label == "string" ? e.label : e.id,
+			disabled: e.disabled
+		})),
+		onValueChange: (e) => e !== void 0 && r(e),
+		className: e("saved-view-tabs--component", j.viewSelect, i)
+	});
+}
+function L({ page: n, pageCount: r, total: a, onPageChange: o, disabled: s = !1, className: c, strings: l }) {
+	let u = {
+		...y,
+		...l
+	};
+	return !r || r <= 1 ? null : /* @__PURE__ */ g("div", {
+		"data-slot": "data-view-pagination",
+		"data-disabled": s || void 0,
+		className: e("data-view-pagination--component", j.pagination, c),
+		children: [!!a && /* @__PURE__ */ h(t, {
+			size: "sm",
+			type: "secondary",
+			numeric: !0,
+			children: a
+		}), /* @__PURE__ */ h(i, {
+			page: n,
+			total: r,
+			onPageChange: (e) => !s && o?.(e),
+			strings: u
+		})]
+	});
+}
+function R({ data: t, columns: n, filtering: i, table: a, slots: o, className: s }) {
+	let { rows: c } = A({
+		data: t,
+		filtering: i
+	}), f = i?.tabs ?? [], p = i?.tabsDisplay ?? "tabs", m = p === "select" && f.length > 0, _ = !!o?.toolbarStart || !!o?.toolbarAfterFilters || m, v = !!i || !!o?.topbarContent || _, y = /* @__PURE__ */ h(P, {
+		className: e("data-view--component", s),
+		footer: o?.footer,
+		children: /* @__PURE__ */ h(d, {
+			...a,
+			columns: n,
+			data: c,
+			surface: "flat",
+			topbarContent: v ? /* @__PURE__ */ g(r, {
+				gap: "lg",
+				className: j.topbar,
+				children: [
+					o?.topbarContent,
+					_ && /* @__PURE__ */ g(r, {
+						direction: "horizontal",
+						gap: "md",
+						align: "center",
+						wrap: !0,
+						children: [
+							o?.toolbarStart,
+							m && /* @__PURE__ */ h(F, {
+								tabs: f,
+								label: i?.tabsLabel
+							}),
+							o?.toolbarAfterFilters
+						]
+					}),
+					!!i && /* @__PURE__ */ h(u, {
+						variant: "compact",
+						tabs: p === "tabs" ? f : void 0,
+						showClearFilters: i.activeFilters.length > 0,
+						className: j.filters
+					})
+				]
+			}) : void 0,
+			topbarEnd: o?.topbarEnd
+		})
+	});
+	return i ? /* @__PURE__ */ h(l, {
+		filters: i.filters,
+		activeFilters: i.activeFilters,
+		onFilterChange: i.onFilterChange,
+		navigating: i.isFiltering ?? !1,
+		strings: i.strings,
+		onError: i.onError,
+		children: y
+	}) : y;
+}
+//#endregion
+export { R as DataView, L as DataViewPagination, M as DataViewShell, P as DataViewTableFrame, N as DataViewToolbar, I as SavedViewTabs, k as applyDataViewFilters, b as defaultDataViewFilterTabsLabel, y as defaultDataViewPaginationStrings, A as useDataView };

package/dist/features/event-calendar.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../feedback-lBKIc2cQ.cjs"),n=require("../ui-provider-BS7QPJVb.cjs"),r=require("../buttons-CQc0AVpb.cjs"),i=require("../action-menu-DcUKnD_n.cjs"),a=require("../primitives-Bcjsjg7A.cjs"),o=require("../strings-BiKL6k6b.cjs"),s=require("../popover-1YaYvaYu.cjs"),c=require("../choice-inputs-DNcJJXTp.cjs"),l=require("../date-pickers-DgAsQIRq.cjs");let u=require("lucide-react"),d=require("react"),f=require("react/jsx-runtime"),p=require("date-fns"),m=require("clsx");var h={today:`Today`,previous:`Previous`,next:`Next`,loading:`Loading…`,jumpToMonth:`Jump to month`,filterCategories:`Filter event categories`,moreEvents:e=>`${e} more`,emptyDay:`Nothing scheduled.`,viewMode:{label:`Calendar view`,month:`Month`,week:`Week`,agenda:`Agenda`},weekdaysShort:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`]},g={guest:`guest`,guests:`guests`,eventAt:(e,t)=>`${e} at ${t}`};function _(e){return e?.colorToken??`neutral`}var v={root:`event-calendar-module__root___X0ixI`,loading:`event-calendar-module__loading___IC-h2`,dot:`event-calendar-module__dot___UIA13`,swatch:`event-calendar-module__swatch___ps5EU`,header:`event-calendar-module__header___29TZD`,headerInner:`event-calendar-module__headerInner___9QGds`,headerTitle:`event-calendar-module__headerTitle___rBg6N`,headerControls:`event-calendar-module__headerControls___HAYmB`,headerActions:`event-calendar-module__headerActions___-MrTk`,headerSeparator:`event-calendar-module__headerSeparator___5GuD2`,jumpPopover:`event-calendar-module__jumpPopover___VYGFq`,navGroup:`event-calendar-module__navGroup___Uon53`,viewSelect:`event-calendar-module__viewSelect___dg8nG`,legend:`event-calendar-module__legend___eS9q1`,chip:`event-calendar-module__chip___bVA0K`,chipButton:`event-calendar-module__chipButton___rgUyI`,legendIcon:`event-calendar-module__legendIcon___8bttH`,grid:`event-calendar-module__grid___KCjz4`,weekdays:`event-calendar-module__weekdays___USWUx`,days:`event-calendar-module__days___22V4O`,weekday:`event-calendar-module__weekday___xX9FI`,dayWrap:`event-calendar-module__dayWrap___RLXJ4`,cell:`event-calendar-module__cell___I3PpA`,dayNumber:`event-calendar-module__dayNumber___Vleg-`,cellEvents:`event-calendar-module__cellEvents___tJQHv`,badge:`event-calendar-module__badge___YHpal`,badgeTitle:`event-calendar-module__badgeTitle___2fQNb`,badgeTime:`event-calendar-module__badgeTime___eLlBH`,overflow:`event-calendar-module__overflow___xV09h`,overflowDots:`event-calendar-module__overflowDots___TOUff`,card:`event-calendar-module__card___wRg60`,cardButton:`event-calendar-module__cardButton___d65as`,cardHeader:`event-calendar-module__cardHeader___GJEkH`,cardTitleGroup:`event-calendar-module__cardTitleGroup___iJ1mG`,cardCategory:`event-calendar-module__cardCategory___lOaiH`,cardFacts:`event-calendar-module__cardFacts___CKNXj`,cardFact:`event-calendar-module__cardFact___5brIK`,cardGlyph:`event-calendar-module__cardGlyph___v5YTI`,cardWhen:`event-calendar-module__cardWhen___-dJbs`,agenda:`event-calendar-module__agenda___-c39i`,agendaDay:`event-calendar-module__agendaDay___CLIWL`,agendaDate:`event-calendar-module__agendaDate___14-bU`,agendaEvents:`event-calendar-module__agendaEvents___OAmZ8`};function y({event:t,category:r,compact:i=!1,onClick:a,strings:s}){let c=o.t(g,s),{locale:l,timeFormat:u}=n.t(),d=t.allDay?null:(0,p.format)(t.startDate,u??`HH:mm`,{locale:l}),h=t.metadata?.cellTitle,y=typeof h==`string`&&h.trim()!==``?h:t.title;return(0,f.jsxs)(`button`,{type:`button`,"data-slot":`event-calendar-event-badge`,"data-compact":i||void 0,"data-token":_(r),className:(0,m.clsx)(`event-calendar-event-badge--component`,v.badge),onClick:e=>{e.stopPropagation(),a?.()},"aria-label":d?c.eventAt(y,d):y,title:y,children:[(0,f.jsx)(`span`,{"aria-hidden":!0,className:v.dot}),(0,f.jsx)(e.o,{tag:`span`,size:`xs`,weight:`medium`,className:v.badgeTitle,children:y}),!!d&&(0,f.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,numeric:!0,className:v.badgeTime,children:d})]})}function b(e){let t=`${e.getMonth()+1}`.padStart(2,`0`),n=`${e.getDate()}`.padStart(2,`0`);return`${e.getFullYear()}-${t}-${n}`}function x(e,t){return e.allDay&&!t.allDay?-1:!e.allDay&&t.allDay?1:e.startDate.getTime()-t.startDate.getTime()}function S(e,t,n,r={}){let{weekStartsOn:i=1,showWeekends:a=!0,visibleCategories:o}=r;return(0,d.useMemo)(()=>{let r=(0,p.startOfMonth)(t),s=(0,p.endOfMonth)(t),[c,l]=n===`month`?[(0,p.startOfWeek)(r,{weekStartsOn:i}),(0,p.endOfWeek)(s,{weekStartsOn:i})]:n===`week`?[(0,p.startOfWeek)(t,{weekStartsOn:i}),(0,p.endOfWeek)(t,{weekStartsOn:i})]:[r,s],u=(0,p.eachDayOfInterval)({start:c,end:l}),d=o&&o.length>0?e.filter(e=>o.includes(e.category)):e,f=new Map;for(let e of d){let t=(0,p.startOfDay)(e.startDate);if(Number.isNaN(t.getTime()))continue;let n=t;if(e.endDate&&!Number.isNaN(e.endDate.getTime())){let r=(0,p.startOfDay)(e.endDate);r.getTime()>=t.getTime()&&(n=r)}for(let r of(0,p.eachDayOfInterval)({start:t,end:n})){let t=b(r),n=f.get(t);n?n.push(e):f.set(t,[e])}}return u.filter(e=>a||!(0,p.isWeekend)(e)).map(e=>{let n=[...f.get(b(e))??[]].sort(x);return{date:e,isCurrentMonth:(0,p.isSameMonth)(e,t),isToday:(0,p.isToday)(e),isWeekend:(0,p.isWeekend)(e),events:n,eventCount:n.length,hasMultipleEvents:n.length>1}})},[t,e,a,n,o,i])}function C(e,t){let n=(0,p.startOfDay)(t);return e.filter(e=>{let t=(0,p.startOfDay)(e.startDate),r=e.endDate?(0,p.startOfDay)(e.endDate):t;return(0,p.isSameDay)(n,t)||(0,p.isSameDay)(n,r)||n>t&&n<r}).sort(x)}function w(e,t){return e.find(e=>e.id===t)}function T({data:t,categories:n,maxEvents:r=3,onClick:i,onEventClick:a,compact:s=!1,strings:c,renderEvent:l}){let u=o.t(h,c),{date:d,isCurrentMonth:p,isToday:g,isWeekend:b,events:x,eventCount:S}=t,C=x.slice(0,r),T=Math.max(0,S-r),E=[...new Set(x.slice(r).map(e=>_(w(n,e.category))))].slice(0,3);return(0,f.jsxs)(`div`,{className:(0,m.clsx)(`event-calendar-day-cell--component`,v.cell),"data-today":g||void 0,"data-weekend":b||void 0,"data-outside":!p||void 0,"data-compact":s||void 0,onClick:i,children:[(0,f.jsx)(`button`,{type:`button`,className:v.dayNumber,onClick:e=>{e.stopPropagation(),i()},"aria-label":d.toDateString(),children:(0,f.jsx)(e.o,{tag:`span`,size:s?`xs`:`sm`,weight:g?`semibold`:`normal`,children:d.getDate()})}),(0,f.jsxs)(`div`,{className:v.cellEvents,children:[C.map(e=>{let t=w(n,e.category);return l?(0,f.jsx)(`div`,{children:l(e,t)},e.id):(0,f.jsx)(y,{event:e,category:t,compact:s,onClick:()=>a?a(e):i()},e.id)}),T>0&&(0,f.jsxs)(`div`,{className:v.overflow,children:[(0,f.jsx)(`span`,{className:v.overflowDots,children:E.map(e=>(0,f.jsx)(`span`,{"data-token":e,className:v.dot},e))}),(0,f.jsx)(e.o,{size:`xs`,type:`secondary`,weight:`medium`,children:u.moreEvents(T)})]})]})]})}function E({event:t,category:n,onClick:r,strings:i,className:o}){let s={...g,...i},c=t.metadata??{},l=typeof c.customerName==`string`?c.customerName:void 0,d=typeof c.guestCount==`number`?c.guestCount:void 0,p=typeof c.serviceName==`string`?c.serviceName:void 0,h=(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(`div`,{className:v.cardHeader,children:[(0,f.jsxs)(`div`,{className:v.cardTitleGroup,children:[(0,f.jsx)(e.a,{level:4,size:`sm`,children:t.title}),!!n&&(0,f.jsxs)(`span`,{className:v.cardCategory,children:[(0,f.jsx)(`span`,{"aria-hidden":!0,"data-token":_(n),className:v.dot}),(0,f.jsx)(e.o,{tag:`span`,size:`xs`,weight:`medium`,children:n.label})]})]}),!!r&&!!t.url&&(0,f.jsx)(u.ExternalLinkIcon,{"aria-hidden":!0,className:v.cardGlyph})]}),(!!l||d!==void 0)&&(0,f.jsxs)(`div`,{className:v.cardFacts,children:[!!l&&(0,f.jsxs)(`span`,{className:v.cardFact,children:[(0,f.jsx)(u.UserIcon,{"aria-hidden":!0,className:v.cardGlyph}),(0,f.jsx)(e.o,{tag:`span`,size:`sm`,children:l})]}),d!==void 0&&d>0&&(0,f.jsxs)(`span`,{className:v.cardFact,children:[(0,f.jsx)(u.UsersIcon,{"aria-hidden":!0,className:v.cardGlyph}),(0,f.jsxs)(e.o,{tag:`span`,size:`sm`,children:[d,` `,d===1?s.guest:s.guests]})]})]}),!!p&&(0,f.jsx)(e.o,{size:`sm`,type:`secondary`,children:p}),(0,f.jsxs)(`div`,{className:v.cardWhen,children:[(0,f.jsx)(u.CalendarIcon,{"aria-hidden":!0,className:v.cardGlyph}),t.allDay?(0,f.jsx)(a.f,{value:t.startDate,size:`xs`,type:`secondary`}):(0,f.jsx)(a.m,{value:t.startDate,size:`xs`,type:`secondary`})]})]});return r?(0,f.jsx)(`button`,{type:`button`,onClick:r,"data-slot":`event-calendar-event-card`,className:(0,m.clsx)(`event-calendar-event-card--component`,v.card,v.cardButton,o),children:h}):(0,f.jsx)(`div`,{"data-slot":`event-calendar-event-card`,className:(0,m.clsx)(`event-calendar-event-card--component`,v.card,o),children:h})}function D({currentDate:t,viewMode:n,displayLabel:a,onPrevious:p,onNext:g,onToday:_,onViewModeChange:y,onDateChange:b,actions:x,strings:S,rangeMode:C=`date`,minDate:w,maxDate:T,prevDisabled:E=!1,nextDisabled:D=!1,className:O}){let k=o.t(h,S),A=(0,d.useMemo)(()=>(x??[]).filter(e=>e.visible!==!1),[x]),j=(0,d.useMemo)(()=>[{value:`month`,label:k.viewMode.month},{value:`week`,label:k.viewMode.week},{value:`agenda`,label:k.viewMode.agenda}],[k.viewMode.agenda,k.viewMode.month,k.viewMode.week]);return(0,f.jsx)(`div`,{className:(0,m.clsx)(`event-calendar-header--component`,v.header,O),children:(0,f.jsxs)(`div`,{className:v.headerInner,children:[(0,f.jsxs)(`div`,{className:v.headerTitle,children:[(0,f.jsx)(e.a,{level:3,children:a}),(0,f.jsxs)(s.t,{children:[(0,f.jsx)(s.c,{render:(0,f.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":k.jumpToMonth,children:(0,f.jsx)(u.CalendarIcon,{})})}),(0,f.jsx)(s.r,{className:v.jumpPopover,children:C===`month-year`?(0,f.jsx)(l.r,{value:{month:t.getMonth(),year:t.getFullYear()},onValueChange:({month:e,year:n})=>{let r=new Date(t);r.setDate(1),r.setFullYear(n,e),b?.(r)},minYear:w?.getFullYear(),maxYear:T?.getFullYear()}):(0,f.jsx)(l.d,{mode:`single`,value:t,onValueChange:e=>{e instanceof Date&&b?.(e)},minDate:w,maxDate:T,closeOnSelect:!0})})]})]}),(0,f.jsxs)(`div`,{className:v.headerControls,children:[A.length>0&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i.t,{actions:A,className:v.headerActions}),(0,f.jsx)(`span`,{"aria-hidden":!0,className:v.headerSeparator})]}),(0,f.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:_,children:k.today}),(0,f.jsxs)(`div`,{className:v.navGroup,children:[(0,f.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:p,disabled:E,"aria-label":k.previous,children:(0,f.jsx)(u.ChevronLeftIcon,{})}),(0,f.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:g,disabled:D,"aria-label":k.next,children:(0,f.jsx)(u.ChevronRightIcon,{})})]}),!!y&&(0,f.jsx)(c.s,{"aria-label":k.viewMode.label,value:n,options:j,onValueChange:e=>e&&y(e),className:v.viewSelect})]})]})})}function O({categories:t,visibleCategories:n,onToggleCategory:r,enableFiltering:i=!1,strings:a,className:s}){let c=o.t(h,a);if(t.length===0)return null;let l=!n||n.length===0;return(0,f.jsx)(`div`,{role:i?`group`:void 0,"aria-label":i?c.filterCategories:void 0,className:(0,m.clsx)(`event-calendar-legend--component`,v.legend,s),children:t.map(t=>{let a=!i||l||!!n?.includes(t.id),o=(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`span`,{"aria-hidden":!0,"data-token":a?_(t):void 0,className:v.swatch}),!!t.icon&&(0,f.jsx)(`span`,{className:v.legendIcon,children:t.icon}),(0,f.jsx)(e.o,{tag:`span`,size:`xs`,weight:`medium`,type:a?`main`:`secondary`,children:t.label})]});return!i||!r?(0,f.jsx)(`span`,{className:v.chip,children:o},t.id):(0,f.jsx)(`button`,{type:`button`,"aria-pressed":a,"data-off":!a||void 0,className:(0,m.clsx)(v.chip,v.chipButton),onClick:()=>r(t.id),children:o},t.id)})})}function k({events:e,date:t,defaultDate:r,viewMode:i,defaultViewMode:a=`month`,onDateChange:o,onViewModeChange:s,dataOptions:c={}}){let{locale:l}=n.t(),[u,f]=(0,d.useState)(()=>r??new Date),[m,h]=(0,d.useState)(a),g=t??u,_=i??m,v=(0,d.useCallback)(e=>{t===void 0&&f(e),o?.(e)},[t,o]),y=(0,d.useCallback)(e=>{i===void 0&&h(e),s?.(e)},[s,i]),b=S(e,g,_,c),{visibleCategories:x}=c,C=(0,d.useMemo)(()=>x&&x.length>0?e.filter(e=>x.includes(e.category)):e,[e,x]);return{currentDate:g,viewMode:_,calendarDays:b,visibleEvents:C,goToToday:(0,d.useCallback)(()=>v(new Date),[v]),goToNextPeriod:(0,d.useCallback)(()=>v(_===`week`?(0,p.addWeeks)(g,1):(0,p.addMonths)(g,1)),[v,g,_]),goToPreviousPeriod:(0,d.useCallback)(()=>v(_===`week`?(0,p.subWeeks)(g,1):(0,p.subMonths)(g,1)),[v,g,_]),setDate:v,setViewMode:y,displayLabel:(0,d.useMemo)(()=>{if(_===`week`){let e=b[0]?.date,t=b[b.length-1]?.date;if(e&&t)return`${(0,p.format)(e,`MMM d`,{locale:l})} – ${(0,p.format)(t,`MMM d, yyyy`,{locale:l})}`}return(0,p.format)(g,`MMMM yyyy`,{locale:l})},[b,g,_,l]),hasEvents:C.length>0}}function A(e,t){return e?Array.isArray(e)?e.some(e=>e.toDateString()===t.toDateString()):typeof e==`function`?e(t):(e.dates?.some(e=>e.toDateString()===t.toDateString())??!1)||(e.predicate?.(t)??!1):!1}function j({events:r,categories:i,viewMode:a,defaultViewMode:s,onViewModeChange:c,date:l,defaultDate:u,onDateChange:p,onEventClick:g,onDayClick:_,maxEventsPerDay:y=3,showLegend:b=!0,showHeader:x=!0,showWeekends:S=!0,weekStartsOn:C,locale:w,enableCategoryFilter:E=!1,visibleCategories:j,onVisibleCategoriesChange:N,loading:P=!1,emptyStateMessage:F,className:I,compact:ee=!1,actions:te,strings:ne,dayHeadingVariant:L=`default`,dayHeadingClassName:R,renderDayHeading:z,rangeMode:B=`date`,minDate:V,maxDate:H,disabledDates:U,filterEvent:W,renderEvent:G,renderDayCell:K}){let q=o.t(h,ne),[re,ie]=(0,d.useState)([]),J=j??re,{weekStartsOn:ae,locale:oe}=n.t(),Y=C??ae??1,se=w??oe,X=k({events:r,date:l,defaultDate:u,viewMode:a,defaultViewMode:s,onDateChange:p,onViewModeChange:c,dataOptions:{weekStartsOn:Y,showWeekends:S,visibleCategories:J.length>0?J:void 0}}),ce=e=>{let t=J.length===0?i.filter(t=>t.id!==e).map(e=>e.id):J.includes(e)?J.filter(t=>t!==e):[...J,e],n=t.length===i.length?[]:t;N?N(n):ie(n)},le=(0,d.useMemo)(()=>{let e=q.weekdaysShort,t=[...e.slice(Y),...e.slice(0,Y)];return S?t:t.filter((e,t)=>{let n=(Y+t)%7;return n!==0&&n!==6})},[q.weekdaysShort,S,Y]),Z=e=>!!(A(U,e)||V&&e<V||H&&e>H),Q=(0,d.useMemo)(()=>W?X.calendarDays.map(e=>{let t=e.events.filter(W);return{...e,events:t,eventCount:t.length,hasMultipleEvents:t.length>1}}):X.calendarDays,[X.calendarDays,W]),$=(0,d.useMemo)(()=>{let e=Q[0]?.date,t=Q[Q.length-1]?.date;return!e||!t?{prev:!1,next:!1}:{prev:!!V&&e<=V,next:!!H&&t>=H}},[Q,H,V]),ue=e=>{Z(e.date)||_?.(e.date,e.events)};if(P)return(0,f.jsx)(`div`,{className:(0,m.clsx)(`event-calendar--component`,v.loading,I),children:(0,f.jsx)(e.o,{type:`secondary`,children:q.loading})});let de=S?7:5;return(0,f.jsxs)(`div`,{"data-slot":`event-calendar`,className:(0,m.clsx)(`event-calendar--component`,v.root,I),style:{"--calendar-columns":de},children:[x&&(0,f.jsx)(D,{currentDate:X.currentDate,viewMode:X.viewMode,displayLabel:X.displayLabel,onPrevious:X.goToPreviousPeriod,onNext:X.goToNextPeriod,onToday:X.goToToday,onViewModeChange:X.setViewMode,onDateChange:X.setDate,locale:se,actions:te,rangeMode:B,minDate:V,maxDate:H,prevDisabled:$.prev,nextDisabled:$.next,strings:q}),b&&i.length>0&&(0,f.jsx)(O,{categories:i,visibleCategories:J,onToggleCategory:E?ce:void 0,enableFiltering:E,strings:q}),!X.hasEvents&&F?(0,f.jsx)(t.p,{title:F,description:!1,padding:`md`,border:!0}):X.viewMode===`agenda`?(0,f.jsx)(M,{days:Q,categories:i,emptyLabel:q.emptyDay,onEventClick:g,renderEvent:G}):(0,f.jsxs)(`div`,{className:v.grid,children:[(0,f.jsx)(`div`,{className:v.weekdays,"data-variant":L,children:le.map((t,n)=>z?(0,f.jsx)(`div`,{children:z(t,n)},t):(0,f.jsx)(`div`,{className:(0,m.clsx)(v.weekday,R),children:(0,f.jsx)(e.o,{size:`xs`,weight:L===`accent`?`medium`:`normal`,children:t})},t))}),(0,f.jsx)(`div`,{className:v.days,children:Q.map(e=>{let t=Z(e.date),n=()=>(0,f.jsx)(T,{data:e,categories:i,maxEvents:y,onClick:()=>ue(e),onEventClick:g,compact:ee,strings:q,renderEvent:G});return(0,f.jsx)(`div`,{className:v.dayWrap,"data-disabled":t||void 0,"aria-disabled":t||void 0,children:K?K(e,n):n()},e.date.toISOString())})})]})]})}function M({days:n,categories:r,emptyLabel:i,onEventClick:a,renderEvent:o}){let s=n.filter(e=>e.eventCount>0);return s.length===0?(0,f.jsx)(t.p,{title:i,description:!1,padding:`md`,border:!0}):(0,f.jsx)(`div`,{className:v.agenda,children:s.map(t=>(0,f.jsxs)(`section`,{className:v.agendaDay,"data-today":t.isToday||void 0,children:[(0,f.jsxs)(`div`,{className:v.agendaDate,children:[(0,f.jsx)(e.o,{size:`xs`,type:`secondary`,weight:`medium`,children:t.date.toLocaleDateString(void 0,{weekday:`short`})}),(0,f.jsx)(e.o,{size:`lg`,weight:`semibold`,numeric:!0,children:t.date.getDate()})]}),(0,f.jsx)(`div`,{className:v.agendaEvents,children:t.events.map(e=>{let t=w(r,e.category);return o?(0,f.jsx)(`div`,{children:o(e,t)},e.id):(0,f.jsx)(E,{event:e,category:t,onClick:a?()=>a(e):void 0},e.id)})})]},t.date.toISOString()))})}exports.EventCalendar=j,exports.EventCalendarDayCell=T,exports.EventCalendarEventBadge=y,exports.EventCalendarEventCard=E,exports.EventCalendarHeader=D,exports.EventCalendarLegend=O,exports.defaultEventCalendarEventCardStrings=g,exports.defaultEventCalendarStrings=h,exports.getCategoryById=w,exports.getEventsForDay=C,exports.resolveCategoryColorToken=_,exports.useEventCalendar=k,exports.useEventCalendarData=S;

package/dist/features/event-calendar.css

@@ -0,0 +1,17 @@
+@import "../core.css";
+@import "../css/event-calendar.css";
+@import "../css/typography.css";
+@import "../css/feedback.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/action-menu.css";
+@import "../css/dropdown-menu.css";
+@import "../css/primitives.css";
+@import "../css/popover.css";
+@import "../css/choice-inputs.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/badge.css";
+@import "../css/label.css";
+@import "../css/date-pickers.css";
+@import "../css/text-inputs.css";