wimui 0.1.0

package/dist/components/data-display/Calendar/Calendar.js

@@ -0,0 +1,168 @@
+"use client";
+import e from "../../../icon/chevron-left.js";
+import t from "../../../icon/chevron-right.js";
+import { Icon as n } from "../../media/Icon/Icon.js";
+import { isSameDay as r, isToday as i, useCalendar as a } from "./useCalendar.js";
+import o from "./calendar.module.js";
+import { useState as s } from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/data-display/Calendar/Calendar.tsx
+var d = ({ className: d, disabled: f = !1, value: p, defaultValue: m, onChange: h, rangeMode: g = !1, range: _, defaultRange: v, onRangeChange: y, minDate: b, maxDate: x, disabledDates: S, isDateDisabled: C, weekStartsOn: w = 0, ...T }) => {
+	let { handlePrevMonth: E, handleNextMonth: D, handlePrevYear: O, handleNextYear: k, year: A, month: j, daysGrid: M, isDateDisabled: N } = a({
+		defaultValue: m || g && v?.start || void 0,
+		value: p || g && _?.start || void 0,
+		minDate: b,
+		maxDate: x,
+		disabledDates: S,
+		isDateDisabled: C,
+		weekStartsOn: w
+	}), [P, F] = s(v || {
+		start: null,
+		end: null
+	}), I = _ || P, L = (e) => {
+		if (!(f || N(e))) if (g) {
+			let t;
+			if (!I.start || I.start && I.end) t = {
+				start: e,
+				end: null
+			};
+			else {
+				let n = I.start, r = e;
+				t = r < n ? {
+					start: r,
+					end: n
+				} : {
+					start: n,
+					end: r
+				};
+			}
+			_ || F(t), y?.(t);
+		} else h?.(e);
+	}, R = (e) => {
+		if (!f) switch (e.key) {
+			case "PageUp":
+				e.preventDefault(), e.ctrlKey ? O() : E();
+				break;
+			case "PageDown":
+				e.preventDefault(), e.ctrlKey ? k() : D();
+				break;
+			case "Home":
+				e.preventDefault();
+				break;
+			case "End":
+				e.preventDefault();
+				break;
+		}
+	}, z = (e) => g ? r(e, I.start) || r(e, I.end) : r(e, p || null), B = (e) => {
+		if (!g || !I.start || !I.end) return !1;
+		let t = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime(), n = new Date(I.start.getFullYear(), I.start.getMonth(), I.start.getDate()).getTime(), r = new Date(I.end.getFullYear(), I.end.getMonth(), I.end.getDate()).getTime();
+		return t > n && t < r;
+	}, V = [
+		"日",
+		"月",
+		"火",
+		"水",
+		"木",
+		"金",
+		"土"
+	];
+	return w === 1 && V.push(V.shift()), /* @__PURE__ */ u("div", {
+		className: c("wim-calendar", o.root, f && o.disabled, d),
+		onKeyDown: R,
+		role: "application",
+		"aria-label": "Calendar",
+		...T,
+		children: [/* @__PURE__ */ u("div", {
+			className: o.header,
+			children: [
+				/* @__PURE__ */ l("button", {
+					type: "button",
+					className: o.navBtn,
+					onClick: E,
+					disabled: f,
+					"aria-label": "Previous month",
+					children: /* @__PURE__ */ l(n, {
+						component: e,
+						size: "sm"
+					})
+				}),
+				/* @__PURE__ */ u("div", {
+					className: o.title,
+					"aria-live": "polite",
+					children: [
+						A,
+						" / ",
+						j + 1
+					]
+				}),
+				/* @__PURE__ */ l("button", {
+					type: "button",
+					className: o.navBtn,
+					onClick: D,
+					disabled: f,
+					"aria-label": "Next month",
+					children: /* @__PURE__ */ l(n, {
+						component: t,
+						size: "sm"
+					})
+				})
+			]
+		}), /* @__PURE__ */ u("div", {
+			className: o.grid,
+			role: "grid",
+			children: [/* @__PURE__ */ l("div", {
+				role: "row",
+				children: V.map((e, t) => {
+					let n = (t + (w || 0)) % 7;
+					return /* @__PURE__ */ l("div", {
+						role: "columnheader",
+						className: c(o.weekday, {
+							[o.sunday]: n === 0,
+							[o.saturday]: n === 6
+						}),
+						children: e
+					}, t);
+				})
+			}), (() => {
+				let e = [];
+				for (let t = 0; t < M.length; t += 7) e.push(M.slice(t, t + 7));
+				return e.map((e, t) => /* @__PURE__ */ l("div", {
+					role: "row",
+					children: e.map((e, n) => {
+						let a = t * 7 + n, s = z(e.date), u = B(e.date), d = f || N(e.date), p = i(e.date), m = !e.currentMonth, h = g && r(e.date, I.start), _ = g && r(e.date, I.end), v = `${e.date.getFullYear()}-${e.date.getMonth() + 1}-${e.date.getDate()}`;
+						return /* @__PURE__ */ l("button", {
+							type: "button",
+							role: "gridcell",
+							"aria-selected": s,
+							"aria-current": p ? "date" : void 0,
+							"data-calendar-day": !0,
+							"data-selected": s || void 0,
+							"data-other-month": m || void 0,
+							className: c(o.day, {
+								[o.selected]: s,
+								[o.inRange]: u,
+								[o.rangeStart]: h,
+								[o.rangeEnd]: _,
+								[o.disabled]: d,
+								[o.today]: p,
+								[o.otherMonth]: m,
+								[o.sunday]: e.date.getDay() === 0,
+								[o.saturday]: e.date.getDay() === 6
+							}),
+							onClick: () => L(e.date),
+							onKeyDown: (t) => {
+								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), L(e.date));
+							},
+							disabled: d,
+							"aria-label": v,
+							children: e.date.getDate()
+						}, a);
+					})
+				}, t));
+			})()]
+		})]
+	});
+};
+//#endregion
+export { d as Calendar };

package/dist/components/data-display/Calendar/RangeCalendar.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./Calendar.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({value:e,onChange:n,defaultValue:a,className:o,disabled:s=!1,minDate:c,maxDate:l,disabledDates:u,isDateDisabled:d,weekStartsOn:f,...p})=>{let m=e?{start:e[0],end:e[1]}:void 0,h=a?{start:a[0],end:a[1]}:void 0,g=e=>{n?.([e.start,e.end])};return(0,i.jsx)(t.Calendar,{...p,className:(0,r.default)(`wim-range-calendar`,o),disabled:s,rangeMode:!0,range:m,defaultRange:h,onRangeChange:g,defaultValue:h?.start||void 0,minDate:c,maxDate:l,disabledDates:u,isDateDisabled:d,weekStartsOn:f})};exports.RangeCalendar=a;

package/dist/components/data-display/Calendar/RangeCalendar.d.ts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+export type RangeCalendarValue = [Date | null, Date | null];
+export type RangeCalendarProps = {
+    /**
+     * 現在選択されている範囲 [開始日, 終了日]。
+     */
+    value?: RangeCalendarValue;
+    /**
+     * 範囲が変更された時のコールバック。
+     */
+    onChange?: (value: RangeCalendarValue) => void;
+    /**
+     * 初期値。
+     */
+    defaultValue?: RangeCalendarValue;
+    /**
+     * 追加のクラス名。
+     */
+    className?: string;
+    /**
+     * 無効化。
+     */
+    disabled?: boolean;
+    /**
+     * 選択可能な最小日付。
+     */
+    minDate?: Date;
+    /**
+     * 選択可能な最大日付。
+     */
+    maxDate?: Date;
+    /**
+     * 無効化する日付の配列。
+     */
+    disabledDates?: Date[];
+    /**
+     * 特定の日付を無効化する関数。
+     */
+    isDateDisabled?: (date: Date) => boolean;
+    /**
+     * 週の開始曜日。0 = 日曜始まり、1 = 月曜始まり。デフォルトは 0。
+     */
+    weekStartsOn?: 0 | 1;
+};
+/**
+ * ユーザーが日付の範囲を選択するためのカレンダーコンポーネント。
+ */
+export declare const RangeCalendar: ({ value, onChange, defaultValue, className, disabled, minDate, maxDate, disabledDates, isDateDisabled, weekStartsOn, ...props }: RangeCalendarProps) => React.JSX.Element;

package/dist/components/data-display/Calendar/RangeCalendar.js

@@ -0,0 +1,34 @@
+"use client";
+import { Calendar as e } from "./Calendar.js";
+import "react";
+import t from "classnames";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/data-display/Calendar/RangeCalendar.tsx
+var r = ({ value: r, onChange: i, defaultValue: a, className: o, disabled: s = !1, minDate: c, maxDate: l, disabledDates: u, isDateDisabled: d, weekStartsOn: f, ...p }) => {
+	let m = r ? {
+		start: r[0],
+		end: r[1]
+	} : void 0, h = a ? {
+		start: a[0],
+		end: a[1]
+	} : void 0, g = (e) => {
+		i?.([e.start, e.end]);
+	};
+	return /* @__PURE__ */ n(e, {
+		...p,
+		className: t("wim-range-calendar", o),
+		disabled: s,
+		rangeMode: !0,
+		range: m,
+		defaultRange: h,
+		onRangeChange: g,
+		defaultValue: h?.start || void 0,
+		minDate: c,
+		maxDate: l,
+		disabledDates: u,
+		isDateDisabled: d,
+		weekStartsOn: f
+	});
+};
+//#endregion
+export { r as RangeCalendar };

package/dist/components/data-display/Calendar/calendar.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_lunz6_2`,t=`_disabled_lunz6_13`,n=`_header_lunz6_17`,r=`_title_lunz6_23`,i=`_navBtn_lunz6_28`,a=`_grid_lunz6_49`,o=`_weekday_lunz6_57`,s=`_sunday_lunz6_67`,c=`_saturday_lunz6_70`,l=`_day_lunz6_73`,u=`_selected_lunz6_87`,d=`_otherMonth_lunz6_96`,f=`_today_lunz6_99`,p=`_inRange_lunz6_112`,m=`_rangeStart_lunz6_119`,h=`_rangeEnd_lunz6_123`,g={root:e,disabled:t,header:n,title:r,navBtn:i,grid:a,weekday:o,sunday:s,saturday:c,day:l,selected:u,otherMonth:d,today:f,inRange:p,rangeStart:m,rangeEnd:h};exports.day=l,exports.default=g,exports.disabled=t,exports.grid=a,exports.header=n,exports.inRange=p,exports.navBtn=i,exports.otherMonth=d,exports.rangeEnd=h,exports.rangeStart=m,exports.root=e,exports.saturday=c,exports.selected=u,exports.sunday=s,exports.title=r,exports.today=f,exports.weekday=o;

package/dist/components/data-display/Calendar/calendar.module.js

@@ -0,0 +1,22 @@
+"use client";
+//#region src/components/data-display/Calendar/calendar.module.scss
+var e = "_root_lunz6_2", t = "_disabled_lunz6_13", n = "_header_lunz6_17", r = "_title_lunz6_23", i = "_navBtn_lunz6_28", a = "_grid_lunz6_49", o = "_weekday_lunz6_57", s = "_sunday_lunz6_67", c = "_saturday_lunz6_70", l = "_day_lunz6_73", u = "_selected_lunz6_87", d = "_otherMonth_lunz6_96", f = "_today_lunz6_99", p = "_inRange_lunz6_112", m = "_rangeStart_lunz6_119", h = "_rangeEnd_lunz6_123", g = {
+	root: e,
+	disabled: t,
+	header: n,
+	title: r,
+	navBtn: i,
+	grid: a,
+	weekday: o,
+	sunday: s,
+	saturday: c,
+	day: l,
+	selected: u,
+	otherMonth: d,
+	today: f,
+	inRange: p,
+	rangeStart: m,
+	rangeEnd: h
+};
+//#endregion
+export { l as day, g as default, t as disabled, a as grid, n as header, p as inRange, i as navBtn, d as otherMonth, h as rangeEnd, m as rangeStart, e as root, c as saturday, u as selected, s as sunday, r as title, f as today, o as weekday };

package/dist/components/data-display/Calendar/useCalendar.cjs

@@ -0,0 +1,2 @@
+"use client";
+let e=require("react");var t=(e,t)=>!e||!t?!1:e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),n=e=>t(e,new Date),r=({defaultValue:n,value:r,minDate:i,maxDate:a,disabledDates:o,isDateDisabled:s,weekStartsOn:c=0}={})=>{let[l,u]=(0,e.useState)(n||r||new Date),d=l.getFullYear(),f=l.getMonth();return{viewDate:l,setViewDate:u,year:d,month:f,handlePrevMonth:()=>{u(new Date(d,f-1,1))},handleNextMonth:()=>{u(new Date(d,f+1,1))},handlePrevYear:()=>{u(new Date(d-1,f,1))},handleNextYear:()=>{u(new Date(d+1,f,1))},isDateDisabled:e=>!!(s&&s(e)||o&&o.some(n=>t(n,e))||i&&e<new Date(i.getFullYear(),i.getMonth(),i.getDate())||a&&e>new Date(a.getFullYear(),a.getMonth(),a.getDate())),daysGrid:(0,e.useMemo)(()=>{let e=[],t=new Date(d,f,1),n=new Date(d,f,0),r=(t.getDay()-c+7)%7,i=new Date(d,f+1,0).getDate();for(let t=r-1;t>=0;t--)e.push({date:new Date(d,f-1,n.getDate()-t),currentMonth:!1});for(let t=1;t<=i;t++)e.push({date:new Date(d,f,t),currentMonth:!0});let a=42-e.length;for(let t=1;t<=a;t++)e.push({date:new Date(d,f+1,t),currentMonth:!1});return e},[d,f,c])}};exports.isSameDay=t,exports.isToday=n,exports.useCalendar=r;

package/dist/components/data-display/Calendar/useCalendar.d.ts

@@ -0,0 +1,34 @@
+export interface CalendarDay {
+    date: Date;
+    currentMonth: boolean;
+}
+export declare const isSameDay: (date1: Date | null, date2: Date | null) => boolean;
+export declare const isToday: (date: Date) => boolean;
+export interface UseCalendarProps {
+    /** Default selected date (uncontrolled) */
+    defaultValue?: Date;
+    /** Selected date (controlled) */
+    value?: Date;
+    /** Earliest selectable date */
+    minDate?: Date;
+    /** Latest selectable date */
+    maxDate?: Date;
+    /** Dates that cannot be selected */
+    disabledDates?: Date[];
+    /** Function returning whether a given date is disabled */
+    isDateDisabled?: (date: Date) => boolean;
+    /** First day of the week (0 = Sunday, 1 = Monday) */
+    weekStartsOn?: 0 | 1;
+}
+export declare const useCalendar: ({ defaultValue, value, minDate, maxDate, disabledDates, isDateDisabled, weekStartsOn, }?: UseCalendarProps) => {
+    viewDate: Date;
+    setViewDate: import('react').Dispatch<import('react').SetStateAction<Date>>;
+    year: number;
+    month: number;
+    handlePrevMonth: () => void;
+    handleNextMonth: () => void;
+    handlePrevYear: () => void;
+    handleNextYear: () => void;
+    isDateDisabled: (date: Date) => boolean;
+    daysGrid: CalendarDay[];
+};

package/dist/components/data-display/Calendar/useCalendar.js

@@ -0,0 +1,48 @@
+"use client";
+import { useMemo as e, useState as t } from "react";
+//#region src/components/data-display/Calendar/useCalendar.ts
+var n = (e, t) => !e || !t ? !1 : e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), r = (e) => n(e, /* @__PURE__ */ new Date()), i = ({ defaultValue: r, value: i, minDate: a, maxDate: o, disabledDates: s, isDateDisabled: c, weekStartsOn: l = 0 } = {}) => {
+	let [u, d] = t(r || i || /* @__PURE__ */ new Date()), f = u.getFullYear(), p = u.getMonth();
+	return {
+		viewDate: u,
+		setViewDate: d,
+		year: f,
+		month: p,
+		handlePrevMonth: () => {
+			d(new Date(f, p - 1, 1));
+		},
+		handleNextMonth: () => {
+			d(new Date(f, p + 1, 1));
+		},
+		handlePrevYear: () => {
+			d(new Date(f - 1, p, 1));
+		},
+		handleNextYear: () => {
+			d(new Date(f + 1, p, 1));
+		},
+		isDateDisabled: (e) => !!(c && c(e) || s && s.some((t) => n(t, e)) || a && e < new Date(a.getFullYear(), a.getMonth(), a.getDate()) || o && e > new Date(o.getFullYear(), o.getMonth(), o.getDate())),
+		daysGrid: e(() => {
+			let e = [], t = new Date(f, p, 1), n = new Date(f, p, 0), r = (t.getDay() - l + 7) % 7, i = new Date(f, p + 1, 0).getDate();
+			for (let t = r - 1; t >= 0; t--) e.push({
+				date: new Date(f, p - 1, n.getDate() - t),
+				currentMonth: !1
+			});
+			for (let t = 1; t <= i; t++) e.push({
+				date: new Date(f, p, t),
+				currentMonth: !0
+			});
+			let a = 42 - e.length;
+			for (let t = 1; t <= a; t++) e.push({
+				date: new Date(f, p + 1, t),
+				currentMonth: !1
+			});
+			return e;
+		}, [
+			f,
+			p,
+			l
+		])
+	};
+};
+//#endregion
+export { n as isSameDay, r as isToday, i as useCalendar };

package/dist/components/data-display/CalendarHeatmap/CalendarHeatmap.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../overlay/Tooltip/Tooltip.cjs"),i=require("./calendar-heatmap.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=a.default.forwardRef(({data:e=[],year:c=new Date().getFullYear(),getColorLevel:l=e=>e===0?0:e<3?1:e<6?2:e<9?3:4,className:u,tooltipFormatter:d,asChild:f=!1,children:p,...m},h)=>{let{t:g}=n.useWimTranslation(`common`),_=f?t.Root:`div`,v=(0,a.useMemo)(()=>{let t=new Map;return e.forEach(e=>t.set(e.date,e.count)),t},[e]),y=(0,a.useMemo)(()=>{let e=[],t=new Date(c,0,1),n=new Date(t);n.setDate(n.getDate()-n.getDay());for(let t=0;t<53;t++){let t=[];for(let e=0;e<7;e++){let e=n.toISOString().split(`T`)[0],r=v.get(e)||0;t.push({date:e,count:r,level:l(r)}),n.setDate(n.getDate()+1)}if(e.push(t),n.getFullYear()>c&&n.getMonth()>0)break}return e},[c,v,l]),b=[g(`sun`),g(`mon`),g(`tue`),g(`wed`),g(`thu`),g(`fri`),g(`sat`)];return(0,s.jsxs)(_,{className:(0,o.default)(`wim-calendar-heatmap`,i.default.root,u),ref:h,...m,children:[(0,s.jsx)(t.Slottable,{children:p}),(0,s.jsx)(`div`,{className:i.default.internalWrapper,children:(0,s.jsxs)(`div`,{className:i.default.grid,role:`grid`,"aria-readonly":`true`,children:[(0,s.jsx)(`div`,{className:i.default.labels,children:b.map((e,t)=>(0,s.jsx)(`span`,{children:e},t))}),y.map((e,t)=>(0,s.jsx)(`div`,{className:i.default.week,role:`row`,children:e.map(e=>{let t=d?d(e.date,e.count):`${e.date}: ${e.count} activities`;return(0,s.jsxs)(r.Tooltip,{children:[(0,s.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(`div`,{className:(0,o.default)(i.default.cell,i.default[`level${e.level}`]),"data-date":e.date,"data-count":e.count,role:`gridcell`,"aria-label":`${e.count} activities on ${e.date}`,"aria-selected":!1})}),(0,s.jsx)(r.TooltipContent,{children:t})]},e.date)})},t))]})}),(0,s.jsxs)(`div`,{className:i.default.footer,children:[(0,s.jsx)(`span`,{children:g(`calendar_heatmap.less`)}),(0,s.jsx)(`div`,{className:i.default.legend,children:[0,1,2,3,4].map(e=>(0,s.jsx)(`div`,{className:(0,o.default)(i.default.cell,i.default[`level${e}`])},e))}),(0,s.jsx)(`span`,{children:g(`calendar_heatmap.more`)})]})]})});c.displayName=`CalendarHeatmap`,exports.CalendarHeatmap=c;

package/dist/components/data-display/CalendarHeatmap/CalendarHeatmap.d.ts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+export type CalendarHeatmapData = {
+    date: string;
+    count: number;
+};
+export type CalendarHeatmapProps = {
+    /**
+     * Activity data array.
+     */
+    data: CalendarHeatmapData[];
+    /**
+     * The year to display.
+     * @default current year
+     */
+    year?: number;
+    /**
+     * Function to map count to a level (0-4).
+     */
+    getColorLevel?: (count: number) => 0 | 1 | 2 | 3 | 4;
+    /**
+     * Custom class name for the root element.
+     */
+    className?: string;
+    /**
+     * Custom tooltip formatter.
+     */
+    tooltipFormatter?: (date: string, count: number) => React.ReactNode;
+    /**
+     * Whether to render as a child component.
+     */
+    asChild?: boolean;
+    /**
+     * Content to render inside.
+     */
+    children?: React.ReactNode;
+};
+/**
+ * CalendarHeatmap component (GitHub-style contribution graph).
+ * Visualizes activity levels over a year.
+ */
+export declare const CalendarHeatmap: React.ForwardRefExoticComponent<CalendarHeatmapProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-display/CalendarHeatmap/CalendarHeatmap.js

@@ -0,0 +1,100 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
+import { Tooltip as r, TooltipContent as i, TooltipTrigger as a } from "../../overlay/Tooltip/Tooltip.js";
+import o from "./calendar-heatmap.module.js";
+import s, { useMemo as c } from "react";
+import l from "classnames";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/data-display/CalendarHeatmap/CalendarHeatmap.tsx
+var f = s.forwardRef(({ data: s = [], year: f = (/* @__PURE__ */ new Date()).getFullYear(), getColorLevel: p = (e) => e === 0 ? 0 : e < 3 ? 1 : e < 6 ? 2 : e < 9 ? 3 : 4, className: m, tooltipFormatter: h, asChild: g = !1, children: _, ...v }, y) => {
+	let { t: b } = n("common"), x = g ? e : "div", S = c(() => {
+		let e = /* @__PURE__ */ new Map();
+		return s.forEach((t) => e.set(t.date, t.count)), e;
+	}, [s]), C = c(() => {
+		let e = [], t = new Date(f, 0, 1), n = new Date(t);
+		n.setDate(n.getDate() - n.getDay());
+		for (let t = 0; t < 53; t++) {
+			let t = [];
+			for (let e = 0; e < 7; e++) {
+				let e = n.toISOString().split("T")[0], r = S.get(e) || 0;
+				t.push({
+					date: e,
+					count: r,
+					level: p(r)
+				}), n.setDate(n.getDate() + 1);
+			}
+			if (e.push(t), n.getFullYear() > f && n.getMonth() > 0) break;
+		}
+		return e;
+	}, [
+		f,
+		S,
+		p
+	]), w = [
+		b("sun"),
+		b("mon"),
+		b("tue"),
+		b("wed"),
+		b("thu"),
+		b("fri"),
+		b("sat")
+	];
+	return /* @__PURE__ */ d(x, {
+		className: l("wim-calendar-heatmap", o.root, m),
+		ref: y,
+		...v,
+		children: [
+			/* @__PURE__ */ u(t, { children: _ }),
+			/* @__PURE__ */ u("div", {
+				className: o.internalWrapper,
+				children: /* @__PURE__ */ d("div", {
+					className: o.grid,
+					role: "grid",
+					"aria-readonly": "true",
+					children: [/* @__PURE__ */ u("div", {
+						className: o.labels,
+						children: w.map((e, t) => /* @__PURE__ */ u("span", { children: e }, t))
+					}), C.map((e, t) => /* @__PURE__ */ u("div", {
+						className: o.week,
+						role: "row",
+						children: e.map((e) => {
+							let t = h ? h(e.date, e.count) : `${e.date}: ${e.count} activities`;
+							return /* @__PURE__ */ d(r, { children: [/* @__PURE__ */ u(a, {
+								asChild: !0,
+								children: /* @__PURE__ */ u("div", {
+									className: l(o.cell, o[`level${e.level}`]),
+									"data-date": e.date,
+									"data-count": e.count,
+									role: "gridcell",
+									"aria-label": `${e.count} activities on ${e.date}`,
+									"aria-selected": !1
+								})
+							}), /* @__PURE__ */ u(i, { children: t })] }, e.date);
+						})
+					}, t))]
+				})
+			}),
+			/* @__PURE__ */ d("div", {
+				className: o.footer,
+				children: [
+					/* @__PURE__ */ u("span", { children: b("calendar_heatmap.less") }),
+					/* @__PURE__ */ u("div", {
+						className: o.legend,
+						children: [
+							0,
+							1,
+							2,
+							3,
+							4
+						].map((e) => /* @__PURE__ */ u("div", { className: l(o.cell, o[`level${e}`]) }, e))
+					}),
+					/* @__PURE__ */ u("span", { children: b("calendar_heatmap.more") })
+				]
+			})
+		]
+	});
+});
+f.displayName = "CalendarHeatmap";
+//#endregion
+export { f as CalendarHeatmap };

package/dist/components/data-display/CalendarHeatmap/calendar-heatmap.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_676x2_3`,t=`_internalWrapper_676x2_16`,n=`_grid_676x2_30`,r=`_week_676x2_35`,i=`_cell_676x2_40`,a=`_level0_676x2_53`,o=`_level1_676x2_56`,s=`_level2_676x2_59`,c=`_level3_676x2_62`,l=`_level4_676x2_65`,u=`_labels_676x2_68`,d=`_months_676x2_82`,f=`_monthLabel_676x2_90`,p=`_footer_676x2_94`,m=`_legend_676x2_104`,h={root:e,internalWrapper:t,grid:n,week:r,cell:i,level0:a,level1:o,level2:s,level3:c,level4:l,labels:u,months:d,monthLabel:f,footer:p,legend:m};exports.cell=i,exports.default=h,exports.footer=p,exports.grid=n,exports.internalWrapper=t,exports.labels=u,exports.legend=m,exports.level0=a,exports.level1=o,exports.level2=s,exports.level3=c,exports.level4=l,exports.monthLabel=f,exports.months=d,exports.root=e,exports.week=r;

package/dist/components/data-display/CalendarHeatmap/calendar-heatmap.module.js

@@ -0,0 +1,21 @@
+"use client";
+//#region src/components/data-display/CalendarHeatmap/calendar-heatmap.module.scss
+var e = "_root_676x2_3", t = "_internalWrapper_676x2_16", n = "_grid_676x2_30", r = "_week_676x2_35", i = "_cell_676x2_40", a = "_level0_676x2_53", o = "_level1_676x2_56", s = "_level2_676x2_59", c = "_level3_676x2_62", l = "_level4_676x2_65", u = "_labels_676x2_68", d = "_months_676x2_82", f = "_monthLabel_676x2_90", p = "_footer_676x2_94", m = "_legend_676x2_104", h = {
+	root: e,
+	internalWrapper: t,
+	grid: n,
+	week: r,
+	cell: i,
+	level0: a,
+	level1: o,
+	level2: s,
+	level3: c,
+	level4: l,
+	labels: u,
+	months: d,
+	monthLabel: f,
+	footer: p,
+	legend: m
+};
+//#endregion
+export { i as cell, h as default, p as footer, n as grid, t as internalWrapper, u as labels, m as legend, a as level0, o as level1, s as level2, c as level3, l as level4, f as monthLabel, d as months, e as root, r as week };

package/dist/components/data-display/Card/Card.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("./card.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=r.default.forwardRef(({asChild:e=!1,variant:r=`elevated`,padding:o=`md`,radius:s=`lg`,interactive:c=!1,className:l,children:u,...d},f)=>(0,a.jsx)(e?t.Root:`div`,{ref:f,className:(0,i.default)(`wim-card`,n.default.root,n.default[r],n.default[`padding-${o}`],n.default[`radius-${s}`],c&&n.default.interactive,l),...d,children:u}));o.displayName=`Card`;var s=({className:e,children:t,...r})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.header,e),...r,children:t}),c=({className:e,children:t,...r})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.body,e),...r,children:t}),l=({className:e,children:t,...r})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.footer,e),...r,children:t});s.displayName=`Card.Header`,c.displayName=`Card.Body`,l.displayName=`Card.Footer`,o.Header=s,o.Body=c,o.Footer=l,exports.Card=o,exports.default=o,exports.CardBody=c,exports.CardFooter=l,exports.CardHeader=s;

package/dist/components/data-display/Card/Card.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { ComponentSize } from '../../../types/tokens';
+export type CardProps = {
+    /**
+     * If true, the card will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /** Visual style variant of the card */
+    variant?: "elevated" | "outline" | "flat" | "glass";
+    /** Whether to enable hover animation and click effects */
+    interactive?: boolean;
+    /** Padding size */
+    padding?: ComponentSize | "none";
+    /** Corner radius size */
+    radius?: ComponentSize | "none";
+} & React.ComponentPropsWithoutRef<"div">;
+interface CardComponent {
+    (props: CardProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): React.ReactElement;
+    displayName?: string;
+    Header: typeof CardHeader;
+    Body: typeof CardBody;
+    Footer: typeof CardFooter;
+}
+/**
+ * `Card` はコンテンツをグループ化して表示するためのコンテナコンポーネントです。
+ */
+export declare const Card: CardComponent;
+export declare const CardHeader: {
+    ({ className, children, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+    displayName: string;
+};
+export declare const CardBody: {
+    ({ className, children, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+    displayName: string;
+};
+export declare const CardFooter: {
+    ({ className, children, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+    displayName: string;
+};
+export default Card;

package/dist/components/data-display/Card/Card.js

@@ -0,0 +1,29 @@
+"use client";
+import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import t from "./card.module.js";
+import n from "react";
+import r from "classnames";
+import { jsx as i } from "react/jsx-runtime";
+var a = n.forwardRef(({ asChild: n = !1, variant: a = "elevated", padding: o = "md", radius: s = "lg", interactive: c = !1, className: l, children: u, ...d }, f) => /* @__PURE__ */ i(n ? e : "div", {
+	ref: f,
+	className: r("wim-card", t.root, t[a], t[`padding-${o}`], t[`radius-${s}`], c && t.interactive, l),
+	...d,
+	children: u
+}));
+a.displayName = "Card";
+var o = ({ className: e, children: n, ...a }) => /* @__PURE__ */ i("div", {
+	className: r(t.header, e),
+	...a,
+	children: n
+}), s = ({ className: e, children: n, ...a }) => /* @__PURE__ */ i("div", {
+	className: r(t.body, e),
+	...a,
+	children: n
+}), c = ({ className: e, children: n, ...a }) => /* @__PURE__ */ i("div", {
+	className: r(t.footer, e),
+	...a,
+	children: n
+});
+o.displayName = "Card.Header", s.displayName = "Card.Body", c.displayName = "Card.Footer", a.Header = o, a.Body = s, a.Footer = c;
+//#endregion
+export { a as Card, a as default, s as CardBody, c as CardFooter, o as CardHeader };

package/dist/components/data-display/Card/card.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1n2z3_2`,t=`_elevated_1n2z3_12`,n=`_interactive_1n2z3_16`,r=`_outline_1n2z3_20`,i=`_flat_1n2z3_27`,a=`_glass_1n2z3_35`,o=`_header_1n2z3_57`,s=`_body_1n2z3_57`,c=`_footer_1n2z3_57`,l={root:e,elevated:t,interactive:n,outline:r,flat:i,glass:a,"padding-none":`_padding-none_1n2z3_54`,header:o,body:s,footer:c,"padding-sm":`_padding-sm_1n2z3_60`,"padding-md":`_padding-md_1n2z3_66`,"padding-lg":`_padding-lg_1n2z3_72`,"radius-none":`_radius-none_1n2z3_81`,"radius-sm":`_radius-sm_1n2z3_84`,"radius-md":`_radius-md_1n2z3_87`,"radius-lg":`_radius-lg_1n2z3_90`};exports.body=s,exports.default=l,exports.elevated=t,exports.flat=i,exports.footer=c,exports.glass=a,exports.header=o,exports.interactive=n,exports.outline=r,exports.root=e;

package/dist/components/data-display/Card/card.module.js

@@ -0,0 +1,23 @@
+"use client";
+//#region src/components/data-display/Card/card.module.scss
+var e = "_root_1n2z3_2", t = "_elevated_1n2z3_12", n = "_interactive_1n2z3_16", r = "_outline_1n2z3_20", i = "_flat_1n2z3_27", a = "_glass_1n2z3_35", o = "_header_1n2z3_57", s = "_body_1n2z3_57", c = "_footer_1n2z3_57", l = {
+	root: e,
+	elevated: t,
+	interactive: n,
+	outline: r,
+	flat: i,
+	glass: a,
+	"padding-none": "_padding-none_1n2z3_54",
+	header: o,
+	body: s,
+	footer: c,
+	"padding-sm": "_padding-sm_1n2z3_60",
+	"padding-md": "_padding-md_1n2z3_66",
+	"padding-lg": "_padding-lg_1n2z3_72",
+	"radius-none": "_radius-none_1n2z3_81",
+	"radius-sm": "_radius-sm_1n2z3_84",
+	"radius-md": "_radius-md_1n2z3_87",
+	"radius-lg": "_radius-lg_1n2z3_90"
+};
+//#endregion
+export { s as body, l as default, t as elevated, i as flat, c as footer, a as glass, o as header, n as interactive, r as outline, e as root };