wimui 0.1.0

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

@@ -0,0 +1,74 @@
+"use client";
+import { useMergedRef as e } from "../../../hooks/useMergedRef.js";
+import t from "../../../node_modules/@fullcalendar/core/locales/ja.js";
+import n from "../../../node_modules/@fullcalendar/core/locales/pt.js";
+import r from "../../../node_modules/@fullcalendar/core/locales/pt-br.js";
+import i from "./schedule-view.module.js";
+import a, { useEffect as o, useRef as s } from "react";
+import c from "classnames";
+import { jsx as l } from "react/jsx-runtime";
+import u from "@fullcalendar/react";
+import d from "@fullcalendar/timegrid";
+import f from "@fullcalendar/daygrid";
+import p from "@fullcalendar/interaction";
+//#region src/components/data-display/ScheduleView/ScheduleView.tsx
+var m = [
+	t,
+	n,
+	r
+], h = [
+	d,
+	f,
+	p
+], g = {
+	left: "prev,next today",
+	center: "title",
+	right: "dayGridMonth,timeGridWeek,timeGridDay"
+}, _ = a.forwardRef(({ events: t = [], initialView: n = "timeGridWeek", editable: r = !0, selectable: a = !0, onEventClick: d, onEventDrop: f, onEventChange: p, onDateSelect: _, unselectAuto: v = !0, slotMinTime: y = "08:00:00", slotMaxTime: b = "20:00:00", slotDuration: x = "00:30:00", locale: S = "en", className: C, "aria-label": w = "Schedule", ...T }, E) => {
+	let D = s(null), O = s(null), k = e(E, O);
+	return o(() => {
+		let e = O.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();
+	}, []), /* @__PURE__ */ l("div", {
+		ref: k,
+		className: c("wim-schedule-view", i.root, C),
+		role: "region",
+		"aria-label": w,
+		...T,
+		children: /* @__PURE__ */ l(u, {
+			ref: D,
+			plugins: h,
+			initialView: n,
+			headerToolbar: g,
+			events: t,
+			editable: r,
+			selectable: a,
+			selectMirror: !0,
+			unselectAuto: v,
+			dayMaxEvents: !0,
+			weekends: !0,
+			slotMinTime: y,
+			slotMaxTime: b,
+			slotDuration: x,
+			locale: S,
+			locales: m,
+			eventClick: d,
+			eventDrop: f,
+			eventChange: p,
+			select: _,
+			height: "100%"
+		})
+	});
+});
+_.displayName = "ScheduleView";
+//#endregion
+export { _ as ScheduleView };

package/dist/components/data-display/ScheduleView/schedule-view.module.cjs

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

package/dist/components/data-display/ScheduleView/schedule-view.module.js

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

package/dist/components/data-display/SortableList/SortableList.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/grip-vertical.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../_internal/mergeRefs.cjs"),o=require("./sortable-list.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=(0,s.createContext)(null),d=()=>{let e=(0,s.useContext)(u);if(!e)throw Error(`SortableList compound components must be used within SortableList`);return e},f=s.default.forwardRef(({asChild:e=!1,className:n,children:r,onSortEnd:i,disabled:a=!1,...d},f)=>{let[p,m]=(0,s.useState)(null),[h,g]=(0,s.useState)(null),_=(0,s.useCallback)((e,t)=>{e!==t&&i?.(e,t)},[i]),v=e?t.Root:`ul`;return(0,l.jsx)(u.Provider,{value:{draggingIndex:p,overIndex:h,setDraggingIndex:m,setOverIndex:g,onMove:_,disabled:a},children:(0,l.jsx)(v,{ref:f,className:(0,c.default)(`wim-sortable-list`,o.default.root,n),...d,children:(0,l.jsx)(t.Slottable,{children:r})})})});f.displayName=`SortableList`;var p=s.default.forwardRef(({asChild:e=!1,index:r,disabled:i=!1,className:u,children:f,...p},m)=>{let{draggingIndex:h,overIndex:g,setDraggingIndex:_,setOverIndex:v,onMove:y,disabled:b}=d(),x=(0,s.useRef)(null),{t:S}=n.useWimTranslation(`components`),C=b||i,w=h===r,T=g===r;return(0,l.jsx)(e?t.Root:`li`,{ref:a.mergeRefs(m,x),className:(0,c.default)(o.default.item,w&&o.default.dragging,T&&o.default.over,C&&o.default.disabled,u),draggable:!C,onDragStart:e=>{C||(_(r),e.dataTransfer.effectAllowed=`move`,x.current&&e.dataTransfer.setDragImage(x.current,20,20))},onDragOver:e=>{e.preventDefault(),!(C||h===null||h===r)&&v(r)},onDragEnd:()=>{_(null),v(null)},onDrop:e=>{e.preventDefault(),h!==null&&h!==r&&y(h,r),_(null),v(null)},onKeyDown:e=>{C||(e.key===`ArrowUp`?(e.preventDefault(),r>0&&y(r,r-1)):e.key===`ArrowDown`&&(e.preventDefault(),y(r,r+1)))},tabIndex:C?-1:0,role:`listitem`,"aria-label":S(`sortable_list.drag_handle_label`),...p,children:(0,l.jsx)(t.Slottable,{children:f})})}),m=s.default.forwardRef(({asChild:e=!1,className:n,...a},s)=>(0,l.jsx)(e?t.Root:`div`,{ref:s,className:(0,c.default)(o.default.dragHandle,n),...a,children:(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})})),h=f;h.Item=p,h.DragHandle=m,h.displayName=`SortableList`,p.displayName=`SortableList.Item`,m.displayName=`SortableList.DragHandle`,exports.SortableList=h,exports.default=h,exports.SortableListDragHandle=m,exports.SortableListItem=p;

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

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+export interface SortableListProps extends Omit<React.ComponentPropsWithoutRef<"ul">, "onDragStart" | "onDragOver" | "onDrop"> {
+    /**
+     * If true, the component will be rendered as its child.
+     */
+    asChild?: boolean;
+    /**
+     * Callback called when reordering is completed.
+     */
+    onSortEnd?: (oldIndex: number, newIndex: number) => void;
+    /**
+     * Whether the entire list is disabled.
+     */
+    disabled?: boolean;
+}
+/**
+ * SortableList component enables reordering of list items through drag and drop.
+ */
+declare const SortableListRoot: React.ForwardRefExoticComponent<SortableListProps & React.RefAttributes<HTMLUListElement>>;
+export interface SortableListItemProps extends React.ComponentPropsWithoutRef<"li"> {
+    asChild?: boolean;
+    /**
+     * The index of the item in the list.
+     */
+    index: number;
+    /**
+     * Whether this specific item is disabled for dragging.
+     */
+    disabled?: boolean;
+}
+export declare const SortableListItem: React.ForwardRefExoticComponent<SortableListItemProps & React.RefAttributes<HTMLLIElement>>;
+export interface SortableListDragHandleProps extends React.ComponentPropsWithoutRef<"div"> {
+    asChild?: boolean;
+}
+export declare const SortableListDragHandle: React.ForwardRefExoticComponent<SortableListDragHandleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SortableList: typeof SortableListRoot & {
+    Item: typeof SortableListItem;
+    DragHandle: typeof SortableListDragHandle;
+};
+export default SortableList;

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

@@ -0,0 +1,76 @@
+"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 "../../../icon/grip-vertical.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import { mergeRefs as a } from "../../_internal/mergeRefs.js";
+import o from "./sortable-list.module.js";
+import s, { createContext as c, useCallback as l, useContext as u, useRef as d, useState as f } from "react";
+import p from "classnames";
+import { jsx as m } from "react/jsx-runtime";
+//#region src/components/data-display/SortableList/SortableList.tsx
+var h = c(null), g = () => {
+	let e = u(h);
+	if (!e) throw Error("SortableList compound components must be used within SortableList");
+	return e;
+}, _ = s.forwardRef(({ asChild: n = !1, className: r, children: i, onSortEnd: a, disabled: s = !1, ...c }, u) => {
+	let [d, g] = f(null), [_, v] = f(null), y = l((e, t) => {
+		e !== t && a?.(e, t);
+	}, [a]), b = n ? e : "ul";
+	return /* @__PURE__ */ m(h.Provider, {
+		value: {
+			draggingIndex: d,
+			overIndex: _,
+			setDraggingIndex: g,
+			setOverIndex: v,
+			onMove: y,
+			disabled: s
+		},
+		children: /* @__PURE__ */ m(b, {
+			ref: u,
+			className: p("wim-sortable-list", o.root, r),
+			...c,
+			children: /* @__PURE__ */ m(t, { children: i })
+		})
+	});
+});
+_.displayName = "SortableList";
+var v = s.forwardRef(({ asChild: r = !1, index: i, disabled: s = !1, className: c, children: l, ...u }, f) => {
+	let { draggingIndex: h, overIndex: _, setDraggingIndex: v, setOverIndex: y, onMove: b, disabled: x } = g(), S = d(null), { t: C } = n("components"), w = x || s, T = h === i, E = _ === i;
+	return /* @__PURE__ */ m(r ? e : "li", {
+		ref: a(f, S),
+		className: p(o.item, T && o.dragging, E && o.over, w && o.disabled, c),
+		draggable: !w,
+		onDragStart: (e) => {
+			w || (v(i), e.dataTransfer.effectAllowed = "move", S.current && e.dataTransfer.setDragImage(S.current, 20, 20));
+		},
+		onDragOver: (e) => {
+			e.preventDefault(), !(w || h === null || h === i) && y(i);
+		},
+		onDragEnd: () => {
+			v(null), y(null);
+		},
+		onDrop: (e) => {
+			e.preventDefault(), h !== null && h !== i && b(h, i), v(null), y(null);
+		},
+		onKeyDown: (e) => {
+			w || (e.key === "ArrowUp" ? (e.preventDefault(), i > 0 && b(i, i - 1)) : e.key === "ArrowDown" && (e.preventDefault(), b(i, i + 1)));
+		},
+		tabIndex: w ? -1 : 0,
+		role: "listitem",
+		"aria-label": C("sortable_list.drag_handle_label"),
+		...u,
+		children: /* @__PURE__ */ m(t, { children: l })
+	});
+}), y = s.forwardRef(({ asChild: t = !1, className: n, ...a }, s) => /* @__PURE__ */ m(t ? e : "div", {
+	ref: s,
+	className: p(o.dragHandle, n),
+	...a,
+	children: /* @__PURE__ */ m(i, {
+		component: r,
+		size: "sm"
+	})
+})), b = _;
+b.Item = v, b.DragHandle = y, b.displayName = "SortableList", v.displayName = "SortableList.Item", y.displayName = "SortableList.DragHandle";
+//#endregion
+export { b as SortableList, b as default, y as SortableListDragHandle, v as SortableListItem };

package/dist/components/data-display/SortableList/sortable-list.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_z11tq_3`,t=`_item_z11tq_13`,n=`_disabled_z11tq_26`,r=`_dragging_z11tq_34`,i=`_over_z11tq_43`,a=`_dragHandle_z11tq_64`,o={root:e,item:t,disabled:n,dragging:r,over:i,dragHandle:a};exports.default=o,exports.disabled=n,exports.dragHandle=a,exports.dragging=r,exports.item=t,exports.over=i,exports.root=e;

package/dist/components/data-display/SortableList/sortable-list.module.js

@@ -0,0 +1,12 @@
+"use client";
+//#region src/components/data-display/SortableList/sortable-list.module.scss
+var e = "_root_z11tq_3", t = "_item_z11tq_13", n = "_disabled_z11tq_26", r = "_dragging_z11tq_34", i = "_over_z11tq_43", a = "_dragHandle_z11tq_64", o = {
+	root: e,
+	item: t,
+	disabled: n,
+	dragging: r,
+	over: i,
+	dragHandle: a
+};
+//#endregion
+export { o as default, n as disabled, a as dragHandle, r as dragging, t as item, i as over, e as root };

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

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../Card/Card.cjs"),n=require("./stats.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=({variant:e=`elevated`,className:r,children:o,...s})=>(0,a.jsx)(t.Card,{variant:e,className:(0,i.default)(`wim-stats`,n.default.root,r),padding:`none`,...s,children:(0,a.jsx)(`div`,{className:n.default.inner,children:o})}),s=({className:e,children:t,...r})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.label,e),...r,children:t}),c=({className:e,children:t,...r})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.value,e),...r,children:t}),l=({className:e,children:t,...r})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.description,e),...r,children:t}),u=({direction:e=`up`,className:t,children:r,...o})=>(0,a.jsxs)(`div`,{className:(0,i.default)(n.default.trend,n.default[e],t),...o,children:[(0,a.jsxs)(`span`,{className:n.default.trendIcon,children:[e===`up`&&`↑`,e===`down`&&`↓`,e===`neutral`&&`→`]}),(0,a.jsx)(`span`,{className:n.default.trendValue,children:r})]});o.displayName=`Stats`,s.displayName=`Stats.Label`,c.displayName=`Stats.Value`,l.displayName=`Stats.Description`,u.displayName=`Stats.Trend`,o.Label=s,o.Value=c,o.Description=l,o.Trend=u,exports.Stats=o,exports.default=o,exports.StatsDescription=l,exports.StatsLabel=s,exports.StatsTrend=u,exports.StatsValue=c;

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

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+import { Card } from '../../data-display/Card/Card';
+export type StatsProps = React.ComponentPropsWithoutRef<typeof Card> & {
+    /** Visual style variant of the card */
+    variant?: React.ComponentProps<typeof Card>["variant"];
+};
+/**
+ * `Stats` is a component for displaying statistics and metrics.
+ */
+export declare const Stats: {
+    ({ variant, className, children, ...props }: StatsProps): React.JSX.Element;
+    displayName: string;
+    Label: {
+        ({ className, children, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+        displayName: string;
+    };
+    Value: {
+        ({ className, children, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+        displayName: string;
+    };
+    Description: {
+        ({ className, children, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+        displayName: string;
+    };
+    Trend: {
+        ({ direction, className, children, ...props }: StatsTrendProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export declare const StatsLabel: {
+    ({ className, children, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+    displayName: string;
+};
+export declare const StatsValue: {
+    ({ className, children, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+    displayName: string;
+};
+export declare const StatsDescription: {
+    ({ className, children, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+    displayName: string;
+};
+export type StatsTrendProps = React.ComponentPropsWithoutRef<"div"> & {
+    /** Trend direction, which controls the icon and color */
+    direction?: "up" | "down" | "neutral";
+};
+export declare const StatsTrend: {
+    ({ direction, className, children, ...props }: StatsTrendProps): React.JSX.Element;
+    displayName: string;
+};
+export default Stats;

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

@@ -0,0 +1,46 @@
+"use client";
+import { Card as e } from "../Card/Card.js";
+import t from "./stats.module.js";
+import "react";
+import n from "classnames";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/data-display/Stats/Stats.tsx
+var a = ({ variant: i = "elevated", className: a, children: o, ...s }) => /* @__PURE__ */ r(e, {
+	variant: i,
+	className: n("wim-stats", t.root, a),
+	padding: "none",
+	...s,
+	children: /* @__PURE__ */ r("div", {
+		className: t.inner,
+		children: o
+	})
+}), o = ({ className: e, children: i, ...a }) => /* @__PURE__ */ r("div", {
+	className: n(t.label, e),
+	...a,
+	children: i
+}), s = ({ className: e, children: i, ...a }) => /* @__PURE__ */ r("div", {
+	className: n(t.value, e),
+	...a,
+	children: i
+}), c = ({ className: e, children: i, ...a }) => /* @__PURE__ */ r("div", {
+	className: n(t.description, e),
+	...a,
+	children: i
+}), l = ({ direction: e = "up", className: a, children: o, ...s }) => /* @__PURE__ */ i("div", {
+	className: n(t.trend, t[e], a),
+	...s,
+	children: [/* @__PURE__ */ i("span", {
+		className: t.trendIcon,
+		children: [
+			e === "up" && "↑",
+			e === "down" && "↓",
+			e === "neutral" && "→"
+		]
+	}), /* @__PURE__ */ r("span", {
+		className: t.trendValue,
+		children: o
+	})]
+});
+a.displayName = "Stats", o.displayName = "Stats.Label", s.displayName = "Stats.Value", c.displayName = "Stats.Description", l.displayName = "Stats.Trend", a.Label = o, a.Value = s, a.Description = c, a.Trend = l;
+//#endregion
+export { a as Stats, a as default, c as StatsDescription, o as StatsLabel, l as StatsTrend, s as StatsValue };

package/dist/components/data-display/Stats/stats.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_wkhzl_3`,t=`_inner_wkhzl_6`,n=`_label_wkhzl_12`,r=`_value_wkhzl_18`,i=`_description_wkhzl_24`,a=`_trend_wkhzl_29`,o=`_up_wkhzl_39`,s=`_down_wkhzl_43`,c=`_neutral_wkhzl_47`,l={root:e,inner:t,label:n,value:r,description:i,trend:a,up:o,down:s,neutral:c};exports.default=l,exports.description=i,exports.down=s,exports.inner=t,exports.label=n,exports.neutral=c,exports.root=e,exports.trend=a,exports.up=o,exports.value=r;

package/dist/components/data-display/Stats/stats.module.js

@@ -0,0 +1,15 @@
+"use client";
+//#region src/components/data-display/Stats/stats.module.scss
+var e = "_root_wkhzl_3", t = "_inner_wkhzl_6", n = "_label_wkhzl_12", r = "_value_wkhzl_18", i = "_description_wkhzl_24", a = "_trend_wkhzl_29", o = "_up_wkhzl_39", s = "_down_wkhzl_43", c = "_neutral_wkhzl_47", l = {
+	root: e,
+	inner: t,
+	label: n,
+	value: r,
+	description: i,
+	trend: a,
+	up: o,
+	down: s,
+	neutral: c
+};
+//#endregion
+export { l as default, i as description, s as down, t as inner, n as label, c as neutral, e as root, a as trend, o as up, r as value };

package/dist/components/data-display/SwipeAction/SwipeAction.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("../../media/Icon/Icon.cjs"),r=require("./swipe-action.module.cjs"),i=require("./SwipeableList.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(({as:e=`div`,leftActions:c=[],rightActions:l=[],children:u,asChild:d=!1,id:f,closeOnAction:p=!0,className:m,...h},g)=>{let _=(0,a.useId)(),v=f||_,y=i.useSwipeableList(),[b,x]=(0,a.useState)(0),[S,C]=(0,a.useState)(!1),w=(0,a.useRef)(0),T=(0,a.useRef)(0),E=(0,a.useRef)(null);(0,a.useImperativeHandle)(g,()=>({close:()=>{x(0),y?.reportClose(v)}}));let D=(0,a.useRef)(!1);(0,a.useEffect)(()=>{if(S){D.current=!0;return}if(D.current){let e=setTimeout(()=>{D.current=!1},100);return()=>clearTimeout(e)}y?.openedId&&y.openedId!==v&&x(0)},[y?.openedId,v,S]);let O=c.length*80,k=l.length*80,A=e=>{w.current=`touches`in e?e.touches[0].clientX:e.clientX,T.current=b,C(!0)},j=e=>{if(!S)return;let t=(`touches`in e?e.touches[0].clientX:e.clientX)-w.current,n=T.current+t;Math.abs(t)>5&&y?.openedId!==v&&y?.reportOpen(v),n>O&&(n=O+(n-O)*.3),n<-k&&(n=-k+(n+k)*.3),x(n)},M=()=>{S&&(C(!1),b>O/2?(x(O),y?.reportOpen(v)):b<-k/2?(x(-k),y?.reportOpen(v)):(x(0),y?.reportClose(v)))},N=d?t.Root:`div`;return(0,s.jsxs)(e,{ref:E,className:(0,o.default)(`wim-swipe-action`,r.default.container,m),onMouseLeave:M,...h,children:[O>0&&(0,s.jsx)(`div`,{className:(0,o.default)(r.default.actions,r.default.left),style:{width:O},children:c.map((e,t)=>(0,s.jsxs)(`button`,{className:(0,o.default)(r.default.action,e.intent&&r.default[e.intent]),style:{backgroundColor:e.color},onClick:()=>{e.onClick(),p&&(x(0),y?.reportClose(v))},type:`button`,children:[(0,s.jsx)(n.Icon,{name:e.icon,size:`md`}),(0,s.jsx)(`span`,{className:r.default.label,children:e.label})]},t))}),k>0&&(0,s.jsx)(`div`,{className:(0,o.default)(r.default.actions,r.default.right),style:{width:k},children:l.map((e,t)=>(0,s.jsxs)(`button`,{className:(0,o.default)(r.default.action,e.intent&&r.default[e.intent]),style:{backgroundColor:e.color},onClick:()=>{e.onClick(),p&&(x(0),y?.reportClose(v))},type:`button`,children:[(0,s.jsx)(n.Icon,{name:e.icon,size:`md`}),(0,s.jsx)(`span`,{className:r.default.label,children:e.label})]},t))}),(0,s.jsx)(N,{className:r.default.content,style:{transform:`translateX(${b}px)`,transition:S?`none`:`transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)`},onTouchStart:A,onTouchMove:j,onTouchEnd:M,onMouseDown:A,onMouseMove:j,onMouseUp:M,children:u})]})});c.displayName=`SwipeAction`,exports.SwipeAction=c;

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

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { IconName } from '../../../icon';
+export interface SwipeActionItem {
+    /** Icon to display */
+    icon: IconName;
+    /** Label to display */
+    label: string;
+    /** Callback when action is clicked */
+    onClick: () => void;
+    /** Semantic intent for background color */
+    intent?: "primary" | "danger" | "warning" | "success" | "neutral";
+    /** Custom background color */
+    color?: string;
+}
+export interface SwipeActionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The element to render as the root container. Default is 'div'. */
+    as?: React.ElementType;
+    /** Actions revealed when swiping from left to right */
+    leftActions?: SwipeActionItem[];
+    /** Actions revealed when swiping from right to left */
+    rightActions?: SwipeActionItem[];
+    /** The content to be wrapped and swiped */
+    children: React.ReactNode;
+    /** If true, the content div will be rendered as its child */
+    asChild?: boolean;
+    /** Unique ID for the item. Automatically generated if not provided. */
+    id?: string;
+    /** Whether to automatically close the actions when an action is clicked. Default is true. */
+    closeOnAction?: boolean;
+}
+export interface SwipeActionRef {
+    /** Method to programmatically close the swipe actions */
+    close: () => void;
+}
+/**
+ * SwipeAction component provides mobile-native swipe gestures to reveal actions behind a list item.
+ *
+ * Composition Contract:
+ * - Managed by: List container
+ * - Scroll lock: No (allows vertical scrolling)
+ */
+export declare const SwipeAction: React.ForwardRefExoticComponent<SwipeActionProps & React.RefAttributes<SwipeActionRef>>;

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

@@ -0,0 +1,105 @@
+"use client";
+import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { Icon as t } from "../../media/Icon/Icon.js";
+import n from "./swipe-action.module.js";
+import { useSwipeableList as r } from "./SwipeableList.js";
+import i, { useEffect as a, useId as o, useImperativeHandle as s, useRef as c, useState as l } from "react";
+import u from "classnames";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/data-display/SwipeAction/SwipeAction.tsx
+var p = i.forwardRef(({ as: i = "div", leftActions: p = [], rightActions: m = [], children: h, asChild: g = !1, id: _, closeOnAction: v = !0, className: y, ...b }, x) => {
+	let S = o(), C = _ || S, w = r(), [T, E] = l(0), [D, O] = l(!1), k = c(0), A = c(0), j = c(null);
+	s(x, () => ({ close: () => {
+		E(0), w?.reportClose(C);
+	} }));
+	let M = c(!1);
+	a(() => {
+		if (D) {
+			M.current = !0;
+			return;
+		}
+		if (M.current) {
+			let e = setTimeout(() => {
+				M.current = !1;
+			}, 100);
+			return () => clearTimeout(e);
+		}
+		w?.openedId && w.openedId !== C && E(0);
+	}, [
+		w?.openedId,
+		C,
+		D
+	]);
+	let N = p.length * 80, P = m.length * 80, F = (e) => {
+		k.current = "touches" in e ? e.touches[0].clientX : e.clientX, A.current = T, O(!0);
+	}, I = (e) => {
+		if (!D) return;
+		let t = ("touches" in e ? e.touches[0].clientX : e.clientX) - k.current, n = A.current + t;
+		Math.abs(t) > 5 && w?.openedId !== C && w?.reportOpen(C), n > N && (n = N + (n - N) * .3), n < -P && (n = -P + (n + P) * .3), E(n);
+	}, L = () => {
+		D && (O(!1), T > N / 2 ? (E(N), w?.reportOpen(C)) : T < -P / 2 ? (E(-P), w?.reportOpen(C)) : (E(0), w?.reportClose(C)));
+	}, R = g ? e : "div";
+	return /* @__PURE__ */ f(i, {
+		ref: j,
+		className: u("wim-swipe-action", n.container, y),
+		onMouseLeave: L,
+		...b,
+		children: [
+			N > 0 && /* @__PURE__ */ d("div", {
+				className: u(n.actions, n.left),
+				style: { width: N },
+				children: p.map((e, r) => /* @__PURE__ */ f("button", {
+					className: u(n.action, e.intent && n[e.intent]),
+					style: { backgroundColor: e.color },
+					onClick: () => {
+						e.onClick(), v && (E(0), w?.reportClose(C));
+					},
+					type: "button",
+					children: [/* @__PURE__ */ d(t, {
+						name: e.icon,
+						size: "md"
+					}), /* @__PURE__ */ d("span", {
+						className: n.label,
+						children: e.label
+					})]
+				}, r))
+			}),
+			P > 0 && /* @__PURE__ */ d("div", {
+				className: u(n.actions, n.right),
+				style: { width: P },
+				children: m.map((e, r) => /* @__PURE__ */ f("button", {
+					className: u(n.action, e.intent && n[e.intent]),
+					style: { backgroundColor: e.color },
+					onClick: () => {
+						e.onClick(), v && (E(0), w?.reportClose(C));
+					},
+					type: "button",
+					children: [/* @__PURE__ */ d(t, {
+						name: e.icon,
+						size: "md"
+					}), /* @__PURE__ */ d("span", {
+						className: n.label,
+						children: e.label
+					})]
+				}, r))
+			}),
+			/* @__PURE__ */ d(R, {
+				className: n.content,
+				style: {
+					transform: `translateX(${T}px)`,
+					transition: D ? "none" : "transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)"
+				},
+				onTouchStart: F,
+				onTouchMove: I,
+				onTouchEnd: L,
+				onMouseDown: F,
+				onMouseMove: I,
+				onMouseUp: L,
+				children: h
+			})
+		]
+	});
+});
+p.displayName = "SwipeAction";
+//#endregion
+export { p as SwipeAction };

package/dist/components/data-display/SwipeAction/SwipeableList.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("classnames");n=e.__toESM(n,1),require("react/jsx-runtime");var r=(0,t.createContext)(null),i=()=>(0,t.useContext)(r);exports.useSwipeableList=i;

package/dist/components/data-display/SwipeAction/SwipeableList.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+interface SwipeableListContextValue {
+    openedId: string | null;
+    reportOpen: (id: string) => void;
+    reportClose: (id: string) => void;
+}
+export declare const useSwipeableList: () => SwipeableListContextValue | null;
+export interface SwipeableListProps {
+    children: React.ReactNode;
+    /** If true, only one item can be swiped open at a time. */
+    exclusive?: boolean;
+    className?: string;
+}
+/**
+ * SwipeableList provides a context for managing multiple SwipeAction components,
+ * enabling features like exclusive opening (close others when one opens).
+ */
+export declare const SwipeableList: React.FC<SwipeableListProps>;
+export {};

package/dist/components/data-display/SwipeAction/SwipeableList.js

@@ -0,0 +1,8 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+import "classnames";
+import "react/jsx-runtime";
+//#region src/components/data-display/SwipeAction/SwipeableList.tsx
+var n = e(null), r = () => t(n);
+//#endregion
+export { r as useSwipeableList };

package/dist/components/data-display/SwipeAction/swipe-action.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_container_1docb_2`,t=`_actions_1docb_10`,n=`_left_1docb_17`,r=`_right_1docb_20`,i=`_action_1docb_10`,a=`_primary_1docb_45`,o=`_danger_1docb_48`,s=`_warning_1docb_51`,c=`_success_1docb_55`,l=`_neutral_1docb_58`,u=`_label_1docb_61`,d=`_content_1docb_64`,f={container:e,actions:t,left:n,right:r,action:i,primary:a,danger:o,warning:s,success:c,neutral:l,label:u,content:d};exports.action=i,exports.actions=t,exports.container=e,exports.content=d,exports.danger=o,exports.default=f,exports.label=u,exports.left=n,exports.neutral=l,exports.primary=a,exports.right=r,exports.success=c,exports.warning=s;

package/dist/components/data-display/SwipeAction/swipe-action.module.js

@@ -0,0 +1,18 @@
+"use client";
+//#region src/components/data-display/SwipeAction/swipe-action.module.scss
+var e = "_container_1docb_2", t = "_actions_1docb_10", n = "_left_1docb_17", r = "_right_1docb_20", i = "_action_1docb_10", a = "_primary_1docb_45", o = "_danger_1docb_48", s = "_warning_1docb_51", c = "_success_1docb_55", l = "_neutral_1docb_58", u = "_label_1docb_61", d = "_content_1docb_64", f = {
+	container: e,
+	actions: t,
+	left: n,
+	right: r,
+	action: i,
+	primary: a,
+	danger: o,
+	warning: s,
+	success: c,
+	neutral: l,
+	label: u,
+	content: d
+};
+//#endregion
+export { i as action, t as actions, e as container, d as content, o as danger, f as default, u as label, n as left, l as neutral, a as primary, r as right, c as success, s as warning };

package/dist/components/data-display/Table/Table.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("../../../icon/chevron-down.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./table.module.cjs"),a=require("./useTableSort.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");var l=o.default.forwardRef(({asChild:e=!1,striped:n=!1,bordered:r=!1,hoverable:a=!1,fullWidth:o=!1,stickyHeader:l=!1,scrollbar:u=`default`,mobileCard:d=!1,height:f,maxHeight:p,containerClassName:m,card:h=!1,className:g,children:_,...v},y)=>{let b={height:f,maxHeight:p,overflow:f||p?`auto`:void 0},x=e?t.Root:`table`;return(0,c.jsx)(`div`,{className:(0,s.default)(i.default.container,l&&i.default.sticky,u===`subtle`&&i.default.subtleScrollbar,u===`hidden`&&i.default.noScrollbar,h&&i.default.cardContainer,m),style:b,tabIndex:f||p?0:void 0,role:`none`,"data-testid":`table-container`,children:(0,c.jsx)(x,{className:(0,s.default)(i.default.root,n&&i.default.striped,r&&i.default.bordered,a&&i.default.hoverable,o&&i.default.fullWidth,l&&i.default.stickyHeader,d&&i.default.mobileCard,`wim-table`,g),ref:y,"data-testid":`table-root`,...v,children:(0,c.jsx)(t.Slottable,{children:_})})})}),u=o.default.forwardRef(({asChild:e=!1,className:n,children:r,...a},o)=>(0,c.jsx)(e?t.Root:`thead`,{className:(0,s.default)(i.default.header,n),ref:o,"data-testid":`table-header`,...a,children:(0,c.jsx)(t.Slottable,{children:r})})),d=o.default.forwardRef(({asChild:e=!1,className:n,children:r,...a},o)=>(0,c.jsx)(e?t.Root:`tbody`,{className:(0,s.default)(i.default.body,n),ref:o,"data-testid":`table-body`,...a,children:(0,c.jsx)(t.Slottable,{children:r})})),f=o.default.forwardRef(({asChild:e=!1,className:n,children:r,...a},o)=>(0,c.jsx)(e?t.Root:`tfoot`,{className:(0,s.default)(i.default.footer,n),ref:o,"data-testid":`table-footer`,...a,children:(0,c.jsx)(t.Slottable,{children:r})})),p=o.default.forwardRef(({asChild:e=!1,selected:n=!1,className:r,children:a,...o},l)=>(0,c.jsx)(e?t.Root:`tr`,{className:(0,s.default)(i.default.row,n&&i.default.selected,r),ref:l,"data-testid":`table-row`,...o,children:(0,c.jsx)(t.Slottable,{children:a})})),m=o.default.forwardRef(({asChild:e=!1,sortable:a=!1,sortDirection:o=`none`,onSort:l,selection:u=!1,stickyLeft:d=!1,stickyRight:f=!1,leftOffset:p,rightOffset:m,stickyZIndex:h,className:g,style:_,children:v,...y},b)=>(0,c.jsx)(e?t.Root:`th`,{className:(0,s.default)(i.default.head,a&&i.default.sortable,u&&i.default.selection,d&&i.default.stickyLeft,f&&i.default.stickyRight,g),style:{..._,left:d?p===void 0?0:p:void 0,right:f?m===void 0?0:m:void 0,zIndex:h===void 0?void 0:h},ref:b,"data-testid":`table-head`,...y,onClick:a?l:y.onClick,tabIndex:y.tabIndex===void 0?a?0:void 0:y.tabIndex,"aria-sort":a?o===`asc`?`ascending`:o===`desc`?`descending`:`none`:void 0,onKeyDown:e=>{a&&l&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),l(e)),y.onKeyDown?.(e)},children:(0,c.jsxs)(`div`,{className:i.default.headContent,children:[(0,c.jsx)(t.Slottable,{children:v}),a&&(0,c.jsx)(`span`,{className:(0,s.default)(i.default.sortIcon,i.default[o]),children:(0,c.jsx)(r.Icon,{component:n.default,size:`sm`})})]})})),h=o.default.forwardRef(({asChild:e=!1,selection:n=!1,label:r,stickyLeft:a=!1,stickyRight:o=!1,leftOffset:l,rightOffset:u,stickyZIndex:d,className:f,style:p,children:m,...h},g)=>(0,c.jsx)(e?t.Root:`td`,{className:(0,s.default)(i.default.cell,n&&i.default.selection,a&&i.default.stickyLeft,o&&i.default.stickyRight,f),style:{...p,left:a?l===void 0?0:l:void 0,right:o?u===void 0?0:u:void 0,zIndex:d===void 0?void 0:d},"data-label":r,ref:g,"data-testid":`table-cell`,...h,children:(0,c.jsx)(t.Slottable,{children:m})}));l.displayName=`Table`,u.displayName=`Table.Header`,d.displayName=`Table.Body`,f.displayName=`Table.Footer`,p.displayName=`Table.Row`,m.displayName=`Table.Head`,h.displayName=`Table.Cell`;var g=l;g.Header=u,g.Body=d,g.Footer=f,g.Row=p,g.Head=m,g.Cell=h,exports.Table=g,exports.default=g,exports.TableBody=d,exports.TableCell=h,exports.TableFooter=f,exports.TableHead=m,exports.TableHeader=u,exports.TableRow=p,exports.getNextSortDirection=a.getNextSortDirection,exports.useTableSort=a.useTableSort;