wimui 0.1.0

package/dist/components/data-display/PullToRefresh/PullToRefresh.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("../../../icon/chevron-down.cjs"),i=require("../../../icon/loading.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./pull-to-refresh.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=s.default.forwardRef(({onRefresh:e,refreshing:u,threshold:d=60,maxDistance:f=120,children:p,asChild:m=!1,className:h,...g},_)=>{let{t:v}=n.useWimTranslation(),[y,b]=(0,s.useState)(0),[x,S]=(0,s.useState)(!1),[C,w]=(0,s.useState)(!1),[T,E]=(0,s.useState)(`idle`),D=(0,s.useRef)(0),O=(0,s.useRef)(!1),k=(0,s.useRef)(!1),A=u??x;(0,s.useEffect)(()=>{A?(E(`refreshing`),b(d)):(E(`idle`),b(0))},[A,d]);let j=(0,s.useCallback)(e=>{if(!O.current||A)return;let t=(`touches`in e?e.touches[0].clientY:e.clientY)-D.current;if(t>0){e.cancelable&&e.preventDefault();let n=Math.min(t*.4,f);b(n),E(n>d?`releasing`:`pulling`)}else t<-10&&(O.current=!1,k.current=!1,w(!1),b(0),E(`idle`))},[f,d,A]),M=(0,s.useCallback)(async()=>{if(!O.current)return;let t=y>=d;if(O.current=!1,k.current=!1,w(!1),t&&!A){S(!0),E(`refreshing`),b(d);try{await e()}finally{setTimeout(()=>{S(!1),u===void 0&&(E(`idle`),b(0))},50)}}else A||(b(0),E(`idle`))},[y,d,A,e,u]),N=e=>{e.currentTarget.scrollTop>0||A||(D.current=`touches`in e?e.touches[0].clientY:e.clientY,O.current=!0,k.current=!0,w(!0))};(0,s.useEffect)(()=>{if(!C)return;let e=e=>j(e),t=()=>M();return window.addEventListener(`mousemove`,e,{passive:!1}),window.addEventListener(`mouseup`,t),window.addEventListener(`touchmove`,e,{passive:!1}),window.addEventListener(`touchend`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t),window.removeEventListener(`touchmove`,e),window.removeEventListener(`touchend`,t)}},[C,j,M]);let P=m?t.Root:`div`;return(0,l.jsxs)(`div`,{className:(0,c.default)(`wim-pull-to-refresh`,o.default.container,h),role:`none`,onTouchStart:N,onMouseDown:N,...g,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.indicator,o.default[T]),style:{height:y,opacity:+(y>0),transition:C?`none`:`all 0.3s cubic-bezier(0.16, 1, 0.3, 1)`},children:(0,l.jsxs)(`div`,{className:o.default.indicatorContent,children:[T===`refreshing`?(0,l.jsx)(a.Icon,{component:i.default,spin:!0,className:o.default.spinner}):(0,l.jsx)(a.Icon,{component:r.default,className:(0,c.default)(o.default.arrow,T===`releasing`&&o.default.rotate)}),(0,l.jsx)(`span`,{className:o.default.text,children:v(T===`refreshing`?`pullToRefresh.loading`:T===`releasing`?`pullToRefresh.release`:`pullToRefresh.pull`)})]})}),(0,l.jsx)(P,{ref:_,className:o.default.content,children:p})]})});u.displayName=`PullToRefresh`,exports.PullToRefresh=u;

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export interface PullToRefreshProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Callback when refresh is triggered. Should return a promise. */
+    onRefresh: () => Promise<void> | void;
+    /** Whether the refreshing is currently in progress (controlled) */
+    refreshing?: boolean;
+    /** Distance in pixels to pull before triggering refresh */
+    threshold?: number;
+    /** Maximum distance in pixels the container can be pulled */
+    maxDistance?: number;
+    /** The content to be wrapped and pulled */
+    children: React.ReactNode;
+    /** If true, the content div will be rendered as its child */
+    asChild?: boolean;
+}
+/**
+ * PullToRefresh component allows users to pull down a list to trigger a data refresh.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No (handles pull-to-refresh at the top of the scroll container)
+ */
+export declare const PullToRefresh: React.ForwardRefExoticComponent<PullToRefreshProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,99 @@
+"use client";
+import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { useWimTranslation as t } from "../../../i18n/useWimTranslation.js";
+import n from "../../../icon/chevron-down.js";
+import r from "../../../icon/loading.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import a from "./pull-to-refresh.module.js";
+import o, { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
+import d from "classnames";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/data-display/PullToRefresh/PullToRefresh.tsx
+var m = o.forwardRef(({ onRefresh: o, refreshing: m, threshold: h = 60, maxDistance: g = 120, children: _, asChild: v = !1, className: y, ...b }, x) => {
+	let { t: S } = t(), [C, w] = u(0), [T, E] = u(!1), [D, O] = u(!1), [k, A] = u("idle"), j = l(0), M = l(!1), N = l(!1), P = m ?? T;
+	c(() => {
+		P ? (A("refreshing"), w(h)) : (A("idle"), w(0));
+	}, [P, h]);
+	let F = s((e) => {
+		if (!M.current || P) return;
+		let t = ("touches" in e ? e.touches[0].clientY : e.clientY) - j.current;
+		if (t > 0) {
+			e.cancelable && e.preventDefault();
+			let n = Math.min(t * .4, g);
+			w(n), A(n > h ? "releasing" : "pulling");
+		} else t < -10 && (M.current = !1, N.current = !1, O(!1), w(0), A("idle"));
+	}, [
+		g,
+		h,
+		P
+	]), I = s(async () => {
+		if (!M.current) return;
+		let e = C >= h;
+		if (M.current = !1, N.current = !1, O(!1), e && !P) {
+			E(!0), A("refreshing"), w(h);
+			try {
+				await o();
+			} finally {
+				setTimeout(() => {
+					E(!1), m === void 0 && (A("idle"), w(0));
+				}, 50);
+			}
+		} else P || (w(0), A("idle"));
+	}, [
+		C,
+		h,
+		P,
+		o,
+		m
+	]), L = (e) => {
+		e.currentTarget.scrollTop > 0 || P || (j.current = "touches" in e ? e.touches[0].clientY : e.clientY, M.current = !0, N.current = !0, O(!0));
+	};
+	c(() => {
+		if (!D) return;
+		let e = (e) => F(e), t = () => I();
+		return window.addEventListener("mousemove", e, { passive: !1 }), window.addEventListener("mouseup", t), window.addEventListener("touchmove", e, { passive: !1 }), window.addEventListener("touchend", t), () => {
+			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t), window.removeEventListener("touchmove", e), window.removeEventListener("touchend", t);
+		};
+	}, [
+		D,
+		F,
+		I
+	]);
+	let R = v ? e : "div";
+	return /* @__PURE__ */ p("div", {
+		className: d("wim-pull-to-refresh", a.container, y),
+		role: "none",
+		onTouchStart: L,
+		onMouseDown: L,
+		...b,
+		children: [/* @__PURE__ */ f("div", {
+			className: d(a.indicator, a[k]),
+			style: {
+				height: C,
+				opacity: +(C > 0),
+				transition: D ? "none" : "all 0.3s cubic-bezier(0.16, 1, 0.3, 1)"
+			},
+			children: /* @__PURE__ */ p("div", {
+				className: a.indicatorContent,
+				children: [k === "refreshing" ? /* @__PURE__ */ f(i, {
+					component: r,
+					spin: !0,
+					className: a.spinner
+				}) : /* @__PURE__ */ f(i, {
+					component: n,
+					className: d(a.arrow, k === "releasing" && a.rotate)
+				}), /* @__PURE__ */ f("span", {
+					className: a.text,
+					children: S(k === "refreshing" ? "pullToRefresh.loading" : k === "releasing" ? "pullToRefresh.release" : "pullToRefresh.pull")
+				})]
+			})
+		}), /* @__PURE__ */ f(R, {
+			ref: x,
+			className: a.content,
+			children: _
+		})]
+	});
+});
+m.displayName = "PullToRefresh";
+//#endregion
+export { m as PullToRefresh };

package/dist/components/data-display/PullToRefresh/pull-to-refresh.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_container_12q6s_2`,t=`_indicator_12q6s_9`,n=`_indicatorContent_12q6s_17`,r=`_arrow_12q6s_23`,i=`_rotate_12q6s_26`,a=`_spinner_12q6s_29`,o=`_text_12q6s_40`,s=`_content_12q6s_44`,c={container:e,indicator:t,indicatorContent:n,arrow:r,rotate:i,spinner:a,"wim-spin":`_wim-spin_12q6s_1`,text:o,content:s};exports.arrow=r,exports.container=e,exports.content=s,exports.default=c,exports.indicator=t,exports.indicatorContent=n,exports.rotate=i,exports.spinner=a,exports.text=o;

package/dist/components/data-display/PullToRefresh/pull-to-refresh.module.js

@@ -0,0 +1,15 @@
+"use client";
+//#region src/components/data-display/PullToRefresh/pull-to-refresh.module.scss
+var e = "_container_12q6s_2", t = "_indicator_12q6s_9", n = "_indicatorContent_12q6s_17", r = "_arrow_12q6s_23", i = "_rotate_12q6s_26", a = "_spinner_12q6s_29", o = "_text_12q6s_40", s = "_content_12q6s_44", c = {
+	container: e,
+	indicator: t,
+	indicatorContent: n,
+	arrow: r,
+	rotate: i,
+	spinner: a,
+	"wim-spin": "_wim-spin_12q6s_1",
+	text: o,
+	content: s
+};
+//#endregion
+export { r as arrow, e as container, s as content, c as default, t as indicator, n as indicatorContent, i as rotate, a as spinner, o as text };

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

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./qrcode.module.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"),a=require("qrcode.react");var o=({value:e,size:n=128,level:o=`M`,bgColor:s=`var(--wim-color-surface)`,fgColor:c=`var(--wim-color-text-primary)`,marginSize:l=0,renderAs:u=`svg`,imageSettings:d,className:f,"aria-label":p})=>{let m=u===`svg`?a.QRCodeSVG:a.QRCodeCanvas;return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-qr-code`,t.default.root,f),children:(0,i.jsx)(m,{value:e,size:n,level:o,bgColor:s,fgColor:c,marginSize:l,imageSettings:d,"aria-label":p??e})})};exports.QRCode=o;

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

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { QRCodeSVG } from 'qrcode.react';
+type QRCodeProps = {
+    /** Value encoded in the QR code */
+    value: string;
+    /** Size of the QR code in px */
+    size?: number;
+    /** Error correction level */
+    level?: "L" | "M" | "Q" | "H";
+    /** Background color */
+    bgColor?: string;
+    /** Foreground (module) color */
+    fgColor?: string;
+    /** Size of the quiet-zone margin, in modules */
+    marginSize?: number;
+    /** Whether to render as an SVG or a canvas */
+    renderAs?: "svg" | "canvas";
+    /** Settings for an image embedded in the center of the QR code */
+    imageSettings?: React.ComponentProps<typeof QRCodeSVG>["imageSettings"];
+    /** Additional class names */
+    className?: string;
+    /** Accessible label describing what the QR code represents */
+    "aria-label"?: string;
+};
+export declare const QRCode: ({ value, size, level, bgColor, fgColor, marginSize, renderAs, imageSettings, className, "aria-label": ariaLabel, }: QRCodeProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,25 @@
+"use client";
+import e from "./qrcode.module.js";
+import "react";
+import t from "classnames";
+import { jsx as n } from "react/jsx-runtime";
+import { QRCodeCanvas as r, QRCodeSVG as i } from "qrcode.react";
+//#region src/components/data-display/QRCode/QRCode.tsx
+var a = ({ value: a, size: o = 128, level: s = "M", bgColor: c = "var(--wim-color-surface)", fgColor: l = "var(--wim-color-text-primary)", marginSize: u = 0, renderAs: d = "svg", imageSettings: f, className: p, "aria-label": m }) => {
+	let h = d === "svg" ? i : r;
+	return /* @__PURE__ */ n("div", {
+		className: t("wim-qr-code", e.root, p),
+		children: /* @__PURE__ */ n(h, {
+			value: a,
+			size: o,
+			level: s,
+			bgColor: c,
+			fgColor: l,
+			marginSize: u,
+			imageSettings: f,
+			"aria-label": m ?? a
+		})
+	});
+};
+//#endregion
+export { a as QRCode };

package/dist/components/data-display/QRCode/qrcode.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1rga5_2`,t={root:e};exports.default=t,exports.root=e;

package/dist/components/data-display/QRCode/qrcode.module.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/data-display/QRCode/qrcode.module.scss
+var e = "_root_1rga5_2", t = { root: e };
+//#endregion
+export { t as default, e as root };

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

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/plus.cjs"),r=require("./reaction.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=i.default.forwardRef(({reactions:e,onReact:i,showAddButton:s=!1,onAdd:c,size:l=`md`,disabled:u=!1,className:d,...f},p)=>{let{t:m}=t.useWimTranslation(`common`);return(0,o.jsxs)(`div`,{ref:p,role:`group`,"aria-label":m(`reaction.aria_label`),className:(0,a.default)(`wim-reaction`,r.default.root,r.default[l],d),...f,children:[e.map(e=>(0,o.jsxs)(`button`,{type:`button`,disabled:u,"aria-pressed":e.active??!1,"aria-label":m(`reaction.react_with`,{emoji:e.label,count:e.count}),className:(0,a.default)(r.default.item,e.active&&r.default.active),onClick:()=>i?.(e.id,!e.active),children:[(0,o.jsx)(`span`,{className:r.default.icon,"aria-hidden":`true`,children:e.icon}),(0,o.jsx)(`span`,{className:r.default.count,children:e.count})]},e.id)),s&&(0,o.jsx)(`button`,{type:`button`,disabled:u,"aria-label":m(`reaction.add_reaction`),className:(0,a.default)(r.default.item,r.default.addButton),onClick:c,children:(0,o.jsx)(n.default,{className:r.default.addIcon,"aria-hidden":`true`})})]})});s.displayName=`Reaction`,exports.Reaction=s;

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

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic } from '../../../types/tokens';
+export type ReactionItem = {
+    id: string;
+    icon: React.ReactNode;
+    label: string;
+    count: number;
+    active?: boolean;
+};
+export type ReactionProps = React.ComponentPropsWithoutRef<"div"> & {
+    /** List of reactions */
+    reactions: ReactionItem[];
+    /** Callback when a reaction is added or removed */
+    onReact?: (emoji: string, active: boolean) => void;
+    /** Whether to show the add button */
+    showAddButton?: boolean;
+    /** Callback when the add button is clicked */
+    onAdd?: () => void;
+    /** Size */
+    size?: ComponentSizeBasic;
+    /** Whether the component is disabled */
+    disabled?: boolean;
+};
+/**
+ * Component for displaying and interacting with emoji reactions.
+ */
+export declare const Reaction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** List of reactions */
+    reactions: ReactionItem[];
+    /** Callback when a reaction is added or removed */
+    onReact?: (emoji: string, active: boolean) => void;
+    /** Whether to show the add button */
+    showAddButton?: boolean;
+    /** Callback when the add button is clicked */
+    onAdd?: () => void;
+    /** Size */
+    size?: ComponentSizeBasic;
+    /** Whether the component is disabled */
+    disabled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,50 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import t from "../../../icon/plus.js";
+import n from "./reaction.module.js";
+import r from "react";
+import i from "classnames";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/data-display/Reaction/Reaction.tsx
+var s = r.forwardRef(({ reactions: r, onReact: s, showAddButton: c = !1, onAdd: l, size: u = "md", disabled: d = !1, className: f, ...p }, m) => {
+	let { t: h } = e("common");
+	return /* @__PURE__ */ o("div", {
+		ref: m,
+		role: "group",
+		"aria-label": h("reaction.aria_label"),
+		className: i("wim-reaction", n.root, n[u], f),
+		...p,
+		children: [r.map((e) => /* @__PURE__ */ o("button", {
+			type: "button",
+			disabled: d,
+			"aria-pressed": e.active ?? !1,
+			"aria-label": h("reaction.react_with", {
+				emoji: e.label,
+				count: e.count
+			}),
+			className: i(n.item, e.active && n.active),
+			onClick: () => s?.(e.id, !e.active),
+			children: [/* @__PURE__ */ a("span", {
+				className: n.icon,
+				"aria-hidden": "true",
+				children: e.icon
+			}), /* @__PURE__ */ a("span", {
+				className: n.count,
+				children: e.count
+			})]
+		}, e.id)), c && /* @__PURE__ */ a("button", {
+			type: "button",
+			disabled: d,
+			"aria-label": h("reaction.add_reaction"),
+			className: i(n.item, n.addButton),
+			onClick: l,
+			children: /* @__PURE__ */ a(t, {
+				className: n.addIcon,
+				"aria-hidden": "true"
+			})
+		})]
+	});
+});
+s.displayName = "Reaction";
+//#endregion
+export { s as Reaction };

package/dist/components/data-display/Reaction/reaction.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_ol78q_4`,t=`_sm_ol78q_9`,n=`_item_ol78q_9`,r=`_md_ol78q_14`,i=`_lg_ol78q_17`,a=`_active_ol78q_46`,o=`_icon_ol78q_58`,s=`_count_ol78q_67`,c=`_addButton_ol78q_71`,l=`_addIcon_ol78q_77`,u={root:e,sm:t,item:n,md:r,lg:i,active:a,icon:o,count:s,addButton:c,addIcon:l};exports.active=a,exports.addButton=c,exports.addIcon=l,exports.count=s,exports.default=u,exports.icon=o,exports.item=n,exports.lg=i,exports.md=r,exports.root=e,exports.sm=t;

package/dist/components/data-display/Reaction/reaction.module.js

@@ -0,0 +1,16 @@
+"use client";
+//#region src/components/data-display/Reaction/reaction.module.scss
+var e = "_root_ol78q_4", t = "_sm_ol78q_9", n = "_item_ol78q_9", r = "_md_ol78q_14", i = "_lg_ol78q_17", a = "_active_ol78q_46", o = "_icon_ol78q_58", s = "_count_ol78q_67", c = "_addButton_ol78q_71", l = "_addIcon_ol78q_77", u = {
+	root: e,
+	sm: t,
+	item: n,
+	md: r,
+	lg: i,
+	active: a,
+	icon: o,
+	count: s,
+	addButton: c,
+	addIcon: l
+};
+//#endregion
+export { a as active, c as addButton, l as addIcon, s as count, u as default, o as icon, n as item, i as lg, r as md, e as root, t as sm };

package/dist/components/data-display/RelativeTime/RelativeTime.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("./relative-time.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=[{amount:60,unit:`second`},{amount:60,unit:`minute`},{amount:24,unit:`hour`},{amount:7,unit:`day`},{amount:4.34524,unit:`week`},{amount:12,unit:`month`},{amount:1/0,unit:`year`}],c=e=>e instanceof Date?e.getTime():new Date(e).getTime(),l=e=>{let t=Math.abs(e);return t<60?1e3:t<3600?15e3:t<86400?6e4:36e5},u=(e,t)=>{let n=t;for(let t of s){if(Math.abs(n)<t.amount)return e.format(Math.round(n),t.unit);n/=t.amount}return e.format(Math.round(n),`year`)},d=i.default.forwardRef(({date:e,baseDate:s,locale:d,numeric:f=`auto`,format:p=`long`,live:m=!0,fallback:h,asChild:g=!1,className:_,children:v,title:y,...b},x)=>{let{i18n:S}=n.useWimTranslation(),C=d??S?.language??`en`,w=g?t.Root:`time`,T=c(e),E=!Number.isNaN(T),D=m&&s===void 0&&E,[O,k]=i.default.useState(()=>Date.now()),A=s===void 0?D?O:Date.now():c(s);i.default.useEffect(()=>{if(!D)return;let e=(T-Date.now())/1e3,t=window.setTimeout(()=>k(Date.now()),l(e));return()=>window.clearTimeout(t)},[D,T,O]);let{relativeFormatter:j,absoluteFormatter:M}=i.default.useMemo(()=>{let e={numeric:f,style:p};try{return{relativeFormatter:new Intl.RelativeTimeFormat(C,e),absoluteFormatter:new Intl.DateTimeFormat(C,{dateStyle:`medium`,timeStyle:`short`})}}catch{return{relativeFormatter:new Intl.RelativeTimeFormat(`en`,e),absoluteFormatter:new Intl.DateTimeFormat(`en`,{dateStyle:`medium`,timeStyle:`short`})}}},[C,f,p]);if(!E)return(0,o.jsxs)(w,{ref:x,className:(0,a.default)(`wim-relative-time`,r.default.root,_),title:y,...b,children:[(0,o.jsx)(t.Slottable,{children:v}),h]});let N=new Date(T),P=(T-A)/1e3;return(0,o.jsxs)(w,{ref:x,className:(0,a.default)(`wim-relative-time`,r.default.root,_),dateTime:N.toISOString(),title:y??M.format(N),...b,children:[(0,o.jsx)(t.Slottable,{children:v}),u(j,P)]})});d.displayName=`RelativeTime`,exports.RelativeTime=d;

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

@@ -0,0 +1,92 @@
+import { default as React } from 'react';
+export type RelativeTimeInput = Date | string | number;
+export type RelativeTimeProps = Omit<React.ComponentPropsWithoutRef<"time">, "dateTime"> & {
+    /**
+     * The date to display, as a Date object, ISO 8601 string, or epoch milliseconds.
+     */
+    date: RelativeTimeInput;
+    /**
+     * Reference point used as "now". When set, live updates are disabled.
+     * @default current time
+     */
+    baseDate?: RelativeTimeInput;
+    /**
+     * BCP 47 locale override (e.g. "en", "ja", "pt-BR").
+     * @default current i18next language
+     */
+    locale?: string;
+    /**
+     * "auto" allows idiomatic phrases like "yesterday"; "always" always uses numbers ("1 day ago").
+     * @default "auto"
+     */
+    numeric?: Intl.RelativeTimeFormatNumeric;
+    /**
+     * Length of the formatted message ("long" | "short" | "narrow").
+     * @default "long"
+     */
+    format?: Intl.RelativeTimeFormatStyle;
+    /**
+     * Automatically re-render as time passes. Ignored when baseDate is set.
+     * @default true
+     */
+    live?: boolean;
+    /**
+     * Content shown when the date cannot be parsed.
+     */
+    fallback?: React.ReactNode;
+    /**
+     * If true, the component will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+};
+/**
+ * RelativeTime displays a timestamp as a localized relative phrase
+ * ("3 minutes ago", "yesterday") using Intl.RelativeTimeFormat, and keeps
+ * itself up to date as time passes. It renders a semantic <time> element
+ * with a machine-readable dateTime attribute and an absolute-time tooltip.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ * - Timers: Owns its own refresh timer (cleared on unmount). Set live={false}
+ *   or provide baseDate to render a static snapshot.
+ */
+export declare const RelativeTime: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, "ref">, "dateTime"> & {
+    /**
+     * The date to display, as a Date object, ISO 8601 string, or epoch milliseconds.
+     */
+    date: RelativeTimeInput;
+    /**
+     * Reference point used as "now". When set, live updates are disabled.
+     * @default current time
+     */
+    baseDate?: RelativeTimeInput;
+    /**
+     * BCP 47 locale override (e.g. "en", "ja", "pt-BR").
+     * @default current i18next language
+     */
+    locale?: string;
+    /**
+     * "auto" allows idiomatic phrases like "yesterday"; "always" always uses numbers ("1 day ago").
+     * @default "auto"
+     */
+    numeric?: Intl.RelativeTimeFormatNumeric;
+    /**
+     * Length of the formatted message ("long" | "short" | "narrow").
+     * @default "long"
+     */
+    format?: Intl.RelativeTimeFormatStyle;
+    /**
+     * Automatically re-render as time passes. Ignored when baseDate is set.
+     * @default true
+     */
+    live?: boolean;
+    /**
+     * Content shown when the date cannot be parsed.
+     */
+    fallback?: React.ReactNode;
+    /**
+     * If true, the component will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLTimeElement>>;

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

@@ -0,0 +1,105 @@
+"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 r from "./relative-time.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/data-display/RelativeTime/RelativeTime.tsx
+var c = [
+	{
+		amount: 60,
+		unit: "second"
+	},
+	{
+		amount: 60,
+		unit: "minute"
+	},
+	{
+		amount: 24,
+		unit: "hour"
+	},
+	{
+		amount: 7,
+		unit: "day"
+	},
+	{
+		amount: 4.34524,
+		unit: "week"
+	},
+	{
+		amount: 12,
+		unit: "month"
+	},
+	{
+		amount: Infinity,
+		unit: "year"
+	}
+], l = (e) => e instanceof Date ? e.getTime() : new Date(e).getTime(), u = (e) => {
+	let t = Math.abs(e);
+	return t < 60 ? 1e3 : t < 3600 ? 15e3 : t < 86400 ? 6e4 : 36e5;
+}, d = (e, t) => {
+	let n = t;
+	for (let t of c) {
+		if (Math.abs(n) < t.amount) return e.format(Math.round(n), t.unit);
+		n /= t.amount;
+	}
+	return e.format(Math.round(n), "year");
+}, f = i.forwardRef(({ date: c, baseDate: f, locale: p, numeric: m = "auto", format: h = "long", live: g = !0, fallback: _, asChild: v = !1, className: y, children: b, title: x, ...S }, C) => {
+	let { i18n: w } = n(), T = p ?? w?.language ?? "en", E = v ? e : "time", D = l(c), O = !Number.isNaN(D), k = g && f === void 0 && O, [A, j] = i.useState(() => Date.now()), M = f === void 0 ? k ? A : Date.now() : l(f);
+	i.useEffect(() => {
+		if (!k) return;
+		let e = (D - Date.now()) / 1e3, t = window.setTimeout(() => j(Date.now()), u(e));
+		return () => window.clearTimeout(t);
+	}, [
+		k,
+		D,
+		A
+	]);
+	let { relativeFormatter: N, absoluteFormatter: P } = i.useMemo(() => {
+		let e = {
+			numeric: m,
+			style: h
+		};
+		try {
+			return {
+				relativeFormatter: new Intl.RelativeTimeFormat(T, e),
+				absoluteFormatter: new Intl.DateTimeFormat(T, {
+					dateStyle: "medium",
+					timeStyle: "short"
+				})
+			};
+		} catch {
+			return {
+				relativeFormatter: new Intl.RelativeTimeFormat("en", e),
+				absoluteFormatter: new Intl.DateTimeFormat("en", {
+					dateStyle: "medium",
+					timeStyle: "short"
+				})
+			};
+		}
+	}, [
+		T,
+		m,
+		h
+	]);
+	if (!O) return /* @__PURE__ */ s(E, {
+		ref: C,
+		className: a("wim-relative-time", r.root, y),
+		title: x,
+		...S,
+		children: [/* @__PURE__ */ o(t, { children: b }), _]
+	});
+	let F = new Date(D), I = (D - M) / 1e3;
+	return /* @__PURE__ */ s(E, {
+		ref: C,
+		className: a("wim-relative-time", r.root, y),
+		dateTime: F.toISOString(),
+		title: x ?? P.format(F),
+		...S,
+		children: [/* @__PURE__ */ o(t, { children: b }), d(N, I)]
+	});
+});
+f.displayName = "RelativeTime";
+//#endregion
+export { f as RelativeTime };

package/dist/components/data-display/RelativeTime/relative-time.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_eprfn_2`,t={root:e};exports.default=t,exports.root=e;

package/dist/components/data-display/RelativeTime/relative-time.module.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/data-display/RelativeTime/relative-time.module.scss
+var e = "_root_eprfn_2", t = { root: e };
+//#endregion
+export { t as default, e as root };

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

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../../../node_modules/@fullcalendar/core/locales/ja.cjs"),r=require("../../../node_modules/@fullcalendar/core/locales/pt.cjs"),i=require("../../../node_modules/@fullcalendar/core/locales/pt-br.cjs"),a=require("./schedule-view.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@fullcalendar/react");l=e.__toESM(l,1);let u=require("@fullcalendar/timegrid");u=e.__toESM(u,1);let d=require("@fullcalendar/daygrid");d=e.__toESM(d,1);let f=require("@fullcalendar/interaction");f=e.__toESM(f,1);var p=[n.default,r.default,i.default],m=[u.default,d.default,f.default],h={left:`prev,next today`,center:`title`,right:`dayGridMonth,timeGridWeek,timeGridDay`},g=o.default.forwardRef(({events:e=[],initialView:n=`timeGridWeek`,editable:r=!0,selectable:i=!0,onEventClick:u,onEventDrop:d,onEventChange:f,onDateSelect:g,unselectAuto:_=!0,slotMinTime:v=`08:00:00`,slotMaxTime:y=`20:00:00`,slotDuration:b=`00:30:00`,locale:x=`en`,className:S,"aria-label":C=`Schedule`,...w},T)=>{let E=(0,o.useRef)(null),D=(0,o.useRef)(null),O=t.useMergedRef(T,D);return(0,o.useEffect)(()=>{let e=D.current;if(!e)return;let t=()=>{e.querySelectorAll(`.fc-icon[role="img"]:not([aria-hidden])`).forEach(e=>e.setAttribute(`aria-hidden`,`true`)),e.querySelectorAll(`a.fc-more-link:not([role])`).forEach(e=>e.setAttribute(`role`,`button`))};t();let n=new MutationObserver(t);return n.observe(e,{childList:!0,subtree:!0}),()=>n.disconnect()},[]),(0,c.jsx)(`div`,{ref:O,className:(0,s.default)(`wim-schedule-view`,a.default.root,S),role:`region`,"aria-label":C,...w,children:(0,c.jsx)(l.default,{ref:E,plugins:m,initialView:n,headerToolbar:h,events:e,editable:r,selectable:i,selectMirror:!0,unselectAuto:_,dayMaxEvents:!0,weekends:!0,slotMinTime:v,slotMaxTime:y,slotDuration:b,locale:x,locales:p,eventClick:u,eventDrop:d,eventChange:f,select:g,height:`100%`})})});g.displayName=`ScheduleView`,exports.ScheduleView=g;

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

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+import { EventInput, EventClickArg, EventDropArg, DateSelectArg, EventChangeArg, EventApi } from '@fullcalendar/core';
+export type { EventInput, EventClickArg, EventDropArg, DateSelectArg, EventChangeArg, EventApi, };
+export type ScheduleViewEvent = EventInput;
+export type ScheduleViewView = "timeGridWeek" | "timeGridDay" | "dayGridMonth";
+export interface ScheduleViewProps {
+    /** List of calendar events */
+    events?: ScheduleViewEvent[];
+    /** Initial view mode */
+    initialView?: ScheduleViewView;
+    /** Whether events can be dragged to new times */
+    editable?: boolean;
+    /** Whether date ranges can be selected by clicking/dragging */
+    selectable?: boolean;
+    /** Called when an event is clicked */
+    onEventClick?: (arg: EventClickArg) => void;
+    /** Called when an event is dropped to a new time */
+    onEventDrop?: (arg: EventDropArg) => void;
+    /** Called when an event is resized */
+    onEventChange?: (arg: EventChangeArg) => void;
+    /** Called when a date/time range is selected */
+    onDateSelect?: (arg: DateSelectArg) => void;
+    /** First hour displayed in the time grid (e.g. "08:00:00") */
+    slotMinTime?: string;
+    /** Last hour displayed in the time grid (e.g. "20:00:00") */
+    slotMaxTime?: string;
+    /** Duration of each time slot, e.g. "00:30:00" */
+    slotDuration?: string;
+    /** Locale string, e.g. "ja", "pt" */
+    locale?: string;
+    /** Whether clicking elsewhere on the page will clear the current selection */
+    unselectAuto?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Accessible label for the schedule region */
+    "aria-label"?: string;
+}
+/**
+ * ScheduleView renders a time-grid calendar (week/day/month) powered by FullCalendar.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption; FullCalendar manages its own DOM
+ * - Scroll lock: No
+ */
+export declare const ScheduleView: React.ForwardRefExoticComponent<ScheduleViewProps & React.RefAttributes<HTMLDivElement>>;