wimui 0.1.0

package/dist/components/feedback/Loader/Loader.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { WimColor, ComponentSizeExtended } from '../../../types/tokens';
+export type LoaderVariant = "bars" | "dots" | "pulse";
+export type LoaderProps = React.ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Animation style of the loader.
+     * @default "bars"
+     */
+    variant?: LoaderVariant;
+    /**
+     * Size of the loader.
+     * @default "md"
+     */
+    size?: ComponentSizeExtended;
+    /**
+     * Color of the loader. Accepts a design token color name or "currentColor".
+     * @default "primary"
+     */
+    color?: "currentColor" | WimColor;
+};
+/**
+ * Indicates that data is loading or being processed.
+ */
+export declare const Loader: ({ variant, size, color, className, style, ...props }: LoaderProps) => React.JSX.Element;

package/dist/components/feedback/Loader/Loader.js

@@ -0,0 +1,34 @@
+"use client";
+import { getColorValue as e } from "../../../utilities/style-utils.js";
+import t from "./loader.module.js";
+import "react";
+import n from "classnames";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/feedback/Loader/Loader.tsx
+var a = ({ variant: a = "bars", size: o = "md", color: s = "primary", className: c, style: l, ...u }) => {
+	let d = typeof s == "string" && [
+		"primary",
+		"secondary",
+		"success",
+		"warning",
+		"danger",
+		"neutral"
+	].includes(s);
+	return /* @__PURE__ */ i("div", {
+		className: n("wim-loader", t.root, t[a], t[o], d && t[s], c),
+		style: {
+			color: d ? void 0 : e(s),
+			...l
+		},
+		role: "status",
+		"aria-live": "polite",
+		...u,
+		children: [
+			/* @__PURE__ */ r("span", { className: t.item }),
+			/* @__PURE__ */ r("span", { className: t.item }),
+			/* @__PURE__ */ r("span", { className: t.item })
+		]
+	});
+};
+//#endregion
+export { a as Loader };

package/dist/components/feedback/Loader/loader.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1ba9q_3`,t=`_primary_1ba9q_9`,n=`_secondary_1ba9q_12`,r=`_success_1ba9q_15`,i=`_warning_1ba9q_18`,a=`_danger_1ba9q_21`,o=`_neutral_1ba9q_24`,s=`_currentColor_1ba9q_27`,c=`_bars_1ba9q_30`,l=`_item_1ba9q_33`,u=`_sm_1ba9q_46`,d=`_md_1ba9q_53`,f=`_lg_1ba9q_60`,p=`_xl_1ba9q_67`,m=`_dots_1ba9q_74`,h=`_pulse_1ba9q_118`,g={root:e,primary:t,secondary:n,success:r,warning:i,danger:a,neutral:o,currentColor:s,bars:c,item:l,"wim-loader-bars":`_wim-loader-bars_1ba9q_1`,sm:u,md:d,lg:f,xl:p,dots:m,"wim-loader-dots":`_wim-loader-dots_1ba9q_1`,pulse:h,"wim-loader-pulse":`_wim-loader-pulse_1ba9q_1`};exports.bars=c,exports.currentColor=s,exports.danger=a,exports.default=g,exports.dots=m,exports.item=l,exports.lg=f,exports.md=d,exports.neutral=o,exports.primary=t,exports.pulse=h,exports.root=e,exports.secondary=n,exports.sm=u,exports.success=r,exports.warning=i,exports.xl=p;

package/dist/components/feedback/Loader/loader.module.js

@@ -0,0 +1,25 @@
+"use client";
+//#region src/components/feedback/Loader/loader.module.scss
+var e = "_root_1ba9q_3", t = "_primary_1ba9q_9", n = "_secondary_1ba9q_12", r = "_success_1ba9q_15", i = "_warning_1ba9q_18", a = "_danger_1ba9q_21", o = "_neutral_1ba9q_24", s = "_currentColor_1ba9q_27", c = "_bars_1ba9q_30", l = "_item_1ba9q_33", u = "_sm_1ba9q_46", d = "_md_1ba9q_53", f = "_lg_1ba9q_60", p = "_xl_1ba9q_67", m = "_dots_1ba9q_74", h = "_pulse_1ba9q_118", g = {
+	root: e,
+	primary: t,
+	secondary: n,
+	success: r,
+	warning: i,
+	danger: a,
+	neutral: o,
+	currentColor: s,
+	bars: c,
+	item: l,
+	"wim-loader-bars": "_wim-loader-bars_1ba9q_1",
+	sm: u,
+	md: d,
+	lg: f,
+	xl: p,
+	dots: m,
+	"wim-loader-dots": "_wim-loader-dots_1ba9q_1",
+	pulse: h,
+	"wim-loader-pulse": "_wim-loader-pulse_1ba9q_1"
+};
+//#endregion
+export { c as bars, s as currentColor, a as danger, g as default, m as dots, l as item, f as lg, d as md, o as neutral, t as primary, h as pulse, e as root, n as secondary, u as sm, r as success, i as warning, p as xl };

package/dist/components/feedback/LoadingOverlay/LoadingOverlay.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../Loader/Loader.cjs"),n=require("../Spinner/Spinner.cjs"),r=require("./loadingoverlay.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=({visible:e=!1,loaderType:i=`spinner`,loaderSize:s=`lg`,loaderColor:c=`primary`,backdropVariant:l=`dark`,blur:u=`sm`,message:d,fixed:f=!1,zIndex:p,children:m,className:h,style:g,..._})=>{if(!e)return null;let v=s?{sm:`sm`,md:`md`,lg:`lg`,xl:`lg`}[s]:void 0,y=()=>m||(i===`spinner`?(0,o.jsx)(n.Spinner,{size:v,color:c}):(0,o.jsx)(t.Loader,{variant:i,size:v,color:c}));return(0,o.jsxs)(`div`,{className:(0,a.default)(`wim-loading-overlay`,r.default.root,f&&r.default.fixed,h),style:{...g,...p!==void 0&&{zIndex:p}},role:`status`,"data-testid":`loading-overlay`,"aria-live":`polite`,"aria-busy":`true`,..._,children:[(0,o.jsx)(`div`,{className:(0,a.default)(r.default.backdrop,r.default[l],r.default[`blur-${u}`])}),(0,o.jsxs)(`div`,{className:r.default.content,children:[y(),d&&(0,o.jsx)(`div`,{className:r.default.message,children:d})]})]})};exports.LoadingOverlay=s,exports.default=s;

package/dist/components/feedback/LoadingOverlay/LoadingOverlay.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+export type LoadingOverlayProps = React.ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Whether the overlay is shown.
+     * @default false
+     */
+    visible?: boolean;
+    /**
+     * Type of the loading indicator.
+     * @default "spinner"
+     */
+    loaderType?: "spinner" | "bars" | "dots" | "pulse";
+    /**
+     * Size of the loading indicator.
+     * @default "lg"
+     */
+    loaderSize?: "sm" | "md" | "lg" | "xl";
+    /**
+     * Color of the loading indicator.
+     * @default "primary"
+     */
+    loaderColor?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "currentColor";
+    /**
+     * Background style of the overlay.
+     * @default "dark"
+     */
+    backdropVariant?: "light" | "dark";
+    /**
+     * Strength of the backdrop blur effect.
+     * @default "sm"
+     */
+    blur?: "none" | "sm" | "md" | "lg";
+    /**
+     * Loading message displayed below the indicator.
+     */
+    message?: string;
+    /**
+     * Whether to use position: fixed (covers the whole screen).
+     * @default false
+     */
+    fixed?: boolean;
+    /**
+     * z-index of the overlay.
+     */
+    zIndex?: number;
+    /**
+     * Custom loading content, replacing the default indicator.
+     */
+    children?: React.ReactNode;
+};
+/**
+ * Overlays the whole screen or a specific element to display a loading state.
+ */
+export declare const LoadingOverlay: ({ visible, loaderType, loaderSize, loaderColor, backdropVariant, blur, message, fixed, zIndex, children, className, style, ...props }: LoadingOverlayProps) => React.JSX.Element | null;
+export default LoadingOverlay;

package/dist/components/feedback/LoadingOverlay/LoadingOverlay.js

@@ -0,0 +1,45 @@
+"use client";
+import { Loader as e } from "../Loader/Loader.js";
+import { Spinner as t } from "../Spinner/Spinner.js";
+import n from "./loadingoverlay.module.js";
+import "react";
+import r from "classnames";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/feedback/LoadingOverlay/LoadingOverlay.tsx
+var o = ({ visible: o = !1, loaderType: s = "spinner", loaderSize: c = "lg", loaderColor: l = "primary", backdropVariant: u = "dark", blur: d = "sm", message: f, fixed: p = !1, zIndex: m, children: h, className: g, style: _, ...v }) => {
+	if (!o) return null;
+	let y = c ? {
+		sm: "sm",
+		md: "md",
+		lg: "lg",
+		xl: "lg"
+	}[c] : void 0, b = () => h || (s === "spinner" ? /* @__PURE__ */ i(t, {
+		size: y,
+		color: l
+	}) : /* @__PURE__ */ i(e, {
+		variant: s,
+		size: y,
+		color: l
+	}));
+	return /* @__PURE__ */ a("div", {
+		className: r("wim-loading-overlay", n.root, p && n.fixed, g),
+		style: {
+			..._,
+			...m !== void 0 && { zIndex: m }
+		},
+		role: "status",
+		"data-testid": "loading-overlay",
+		"aria-live": "polite",
+		"aria-busy": "true",
+		...v,
+		children: [/* @__PURE__ */ i("div", { className: r(n.backdrop, n[u], n[`blur-${d}`]) }), /* @__PURE__ */ a("div", {
+			className: n.content,
+			children: [b(), f && /* @__PURE__ */ i("div", {
+				className: n.message,
+				children: f
+			})]
+		})]
+	});
+};
+//#endregion
+export { o as LoadingOverlay, o as default };

package/dist/components/feedback/LoadingOverlay/loadingoverlay.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_19cax_3`,t=`_fixed_19cax_12`,n=`_hidden_19cax_15`,r=`_entering_19cax_18`,i=`_entered_19cax_18`,a=`_exiting_19cax_21`,o=`_exited_19cax_21`,s=`_backdrop_19cax_24`,c=`_light_19cax_32`,l=`_dark_19cax_35`,u=`_content_19cax_50`,d=`_message_19cax_58`,f={root:e,fixed:t,hidden:n,entering:r,entered:i,exiting:a,exited:o,backdrop:s,light:c,dark:l,"blur-sm":`_blur-sm_19cax_38`,"blur-md":`_blur-md_19cax_41`,"blur-lg":`_blur-lg_19cax_44`,"blur-none":`_blur-none_19cax_47`,content:u,message:d};exports.backdrop=s,exports.content=u,exports.dark=l,exports.default=f,exports.entered=i,exports.entering=r,exports.exited=o,exports.exiting=a,exports.fixed=t,exports.hidden=n,exports.light=c,exports.message=d,exports.root=e;

package/dist/components/feedback/LoadingOverlay/loadingoverlay.module.js

@@ -0,0 +1,22 @@
+"use client";
+//#region src/components/feedback/LoadingOverlay/loadingoverlay.module.scss
+var e = "_root_19cax_3", t = "_fixed_19cax_12", n = "_hidden_19cax_15", r = "_entering_19cax_18", i = "_entered_19cax_18", a = "_exiting_19cax_21", o = "_exited_19cax_21", s = "_backdrop_19cax_24", c = "_light_19cax_32", l = "_dark_19cax_35", u = "_content_19cax_50", d = "_message_19cax_58", f = {
+	root: e,
+	fixed: t,
+	hidden: n,
+	entering: r,
+	entered: i,
+	exiting: a,
+	exited: o,
+	backdrop: s,
+	light: c,
+	dark: l,
+	"blur-sm": "_blur-sm_19cax_38",
+	"blur-md": "_blur-md_19cax_41",
+	"blur-lg": "_blur-lg_19cax_44",
+	"blur-none": "_blur-none_19cax_47",
+	content: u,
+	message: d
+};
+//#endregion
+export { s as backdrop, u as content, l as dark, f as default, i as entered, r as entering, o as exited, a as exiting, t as fixed, n as hidden, c as light, d as message, e as root };

package/dist/components/feedback/Notification/Notification.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/FeedbackIcon.cjs"),n=require("../../_internal/FeedbackCloseButton.cjs"),r=require("./notification.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=({id:e,title:s,description:c,icon:l,intent:u,onClose:d,closable:f=!0,className:p})=>{let[m,h]=i.default.useState(!0);return m?(0,o.jsx)(`div`,{className:(0,a.default)(`wim-notification`,r.default.root,u&&r.default[u],p),role:`alert`,children:(0,o.jsxs)(`div`,{className:r.default.content,children:[(l||u)&&(0,o.jsx)(`div`,{className:r.default.icon,children:(0,o.jsx)(t.FeedbackIcon,{intent:u,icon:l,size:`md`,color:u?{success:`success`,danger:`danger`,warning:`warning`,info:`info`}[u]:void 0})}),(0,o.jsxs)(`div`,{className:r.default.messageContainer,children:[(0,o.jsx)(`div`,{className:r.default.title,children:s}),c&&(0,o.jsx)(`div`,{className:r.default.description,children:c})]}),(0,o.jsx)(n.FeedbackCloseButton,{onClose:f?()=>{h(!1),d&&d(e)}:void 0,className:r.default.close,size:`sm`})]})}):null},c=(0,i.createContext)(void 0),l=({children:e,placement:t=`topRight`})=>{let[n,l]=(0,i.useState)([]),u=(0,i.useCallback)(e=>{let t=Math.random().toString(36).substr(2,9);l(n=>[...n,{...e,id:t}])},[]),d=(0,i.useCallback)(e=>{l(t=>t.filter(t=>t.id!==e))},[]);return(0,o.jsxs)(c.Provider,{value:{show:u,remove:d},children:[e,(0,o.jsx)(`div`,{className:(0,a.default)(r.default.container,r.default[t]),children:n.map(e=>(0,o.jsx)(s,{...e,onClose:()=>d(e.id)},e.id))})]})},u=()=>{let e=(0,i.useContext)(c);if(!e)throw Error(`useNotification must be used within a NotificationProvider`);return e};exports.Notification=s,exports.NotificationProvider=l,exports.useNotification=u;

package/dist/components/feedback/Notification/Notification.d.ts

@@ -0,0 +1,51 @@
+import { default as React, ReactNode } from 'react';
+import { FeedbackIntent } from '../../../types/tokens';
+export type NotificationPlacement = "topRight" | "topLeft" | "bottomRight" | "bottomLeft";
+export type NotificationProps = {
+    /**
+     * The unique identifier of notification
+     */
+    id?: string;
+    /**
+     * The title of notification
+     */
+    title: ReactNode;
+    /**
+     * The description of notification
+     */
+    description?: ReactNode;
+    /**
+     * The icon of notification
+     */
+    icon?: ReactNode;
+    /**
+     * The intent of notification
+     */
+    intent?: FeedbackIntent;
+    /**
+     * Callback when notification is closed
+     */
+    onClose?: (id?: string) => void;
+    /**
+     * Whether to show close button
+     */
+    closable?: boolean;
+    /**
+     * Additional class name
+     */
+    className?: string;
+};
+export declare const Notification: ({ id, title, description, icon, intent, onClose, closable, className, }: NotificationProps) => React.JSX.Element | null;
+type NotificationItem = Omit<NotificationProps, "onClose"> & {
+    id: string;
+};
+type NotificationContextType = {
+    show: (notification: Omit<NotificationItem, "id">) => void;
+    remove: (id: string) => void;
+};
+export declare const NotificationProvider: ({ children, placement, }: {
+    children: React.ReactNode;
+    placement?: NotificationPlacement;
+}) => React.JSX.Element;
+export declare const useNotification: () => NotificationContextType;
+export {};

package/dist/components/feedback/Notification/Notification.js

@@ -0,0 +1,80 @@
+"use client";
+import { FeedbackIcon as e } from "../../_internal/FeedbackIcon.js";
+import { FeedbackCloseButton as t } from "../../_internal/FeedbackCloseButton.js";
+import n from "./notification.module.js";
+import r, { createContext as i, useCallback as a, useContext as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/feedback/Notification/Notification.tsx
+var d = ({ id: i, title: a, description: o, icon: s, intent: d, onClose: f, closable: p = !0, className: m }) => {
+	let [h, g] = r.useState(!0);
+	return h ? /* @__PURE__ */ l("div", {
+		className: c("wim-notification", n.root, d && n[d], m),
+		role: "alert",
+		children: /* @__PURE__ */ u("div", {
+			className: n.content,
+			children: [
+				(s || d) && /* @__PURE__ */ l("div", {
+					className: n.icon,
+					children: /* @__PURE__ */ l(e, {
+						intent: d,
+						icon: s,
+						size: "md",
+						color: d ? {
+							success: "success",
+							danger: "danger",
+							warning: "warning",
+							info: "info"
+						}[d] : void 0
+					})
+				}),
+				/* @__PURE__ */ u("div", {
+					className: n.messageContainer,
+					children: [/* @__PURE__ */ l("div", {
+						className: n.title,
+						children: a
+					}), o && /* @__PURE__ */ l("div", {
+						className: n.description,
+						children: o
+					})]
+				}),
+				/* @__PURE__ */ l(t, {
+					onClose: p ? () => {
+						g(!1), f && f(i);
+					} : void 0,
+					className: n.close,
+					size: "sm"
+				})
+			]
+		})
+	}) : null;
+}, f = i(void 0), p = ({ children: e, placement: t = "topRight" }) => {
+	let [r, i] = s([]), o = a((e) => {
+		let t = Math.random().toString(36).substr(2, 9);
+		i((n) => [...n, {
+			...e,
+			id: t
+		}]);
+	}, []), p = a((e) => {
+		i((t) => t.filter((t) => t.id !== e));
+	}, []);
+	return /* @__PURE__ */ u(f.Provider, {
+		value: {
+			show: o,
+			remove: p
+		},
+		children: [e, /* @__PURE__ */ l("div", {
+			className: c(n.container, n[t]),
+			children: r.map((e) => /* @__PURE__ */ l(d, {
+				...e,
+				onClose: () => p(e.id)
+			}, e.id))
+		})]
+	});
+}, m = () => {
+	let e = o(f);
+	if (!e) throw Error("useNotification must be used within a NotificationProvider");
+	return e;
+};
+//#endregion
+export { d as Notification, p as NotificationProvider, m as useNotification };

package/dist/components/feedback/Notification/notification.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_mmh85_2`,t=`_content_mmh85_14`,n=`_icon_mmh85_19`,r=`_messageContainer_mmh85_22`,i=`_title_mmh85_28`,a=`_description_mmh85_35`,o=`_close_mmh85_40`,s=`_success_mmh85_56`,c=`_info_mmh85_59`,l=`_warning_mmh85_62`,u=`_danger_mmh85_65`,d=`_container_mmh85_68`,f=`_topRight_mmh85_78`,p=`_topLeft_mmh85_82`,m=`_bottomRight_mmh85_86`,h=`_bottomLeft_mmh85_90`,g={root:e,content:t,icon:n,messageContainer:r,title:i,description:a,close:o,success:s,info:c,warning:l,danger:u,container:d,topRight:f,topLeft:p,bottomRight:m,bottomLeft:h};exports.bottomLeft=h,exports.bottomRight=m,exports.close=o,exports.container=d,exports.content=t,exports.danger=u,exports.default=g,exports.description=a,exports.icon=n,exports.info=c,exports.messageContainer=r,exports.root=e,exports.success=s,exports.title=i,exports.topLeft=p,exports.topRight=f,exports.warning=l;

package/dist/components/feedback/Notification/notification.module.js

@@ -0,0 +1,22 @@
+"use client";
+//#region src/components/feedback/Notification/notification.module.scss
+var e = "_root_mmh85_2", t = "_content_mmh85_14", n = "_icon_mmh85_19", r = "_messageContainer_mmh85_22", i = "_title_mmh85_28", a = "_description_mmh85_35", o = "_close_mmh85_40", s = "_success_mmh85_56", c = "_info_mmh85_59", l = "_warning_mmh85_62", u = "_danger_mmh85_65", d = "_container_mmh85_68", f = "_topRight_mmh85_78", p = "_topLeft_mmh85_82", m = "_bottomRight_mmh85_86", h = "_bottomLeft_mmh85_90", g = {
+	root: e,
+	content: t,
+	icon: n,
+	messageContainer: r,
+	title: i,
+	description: a,
+	close: o,
+	success: s,
+	info: c,
+	warning: l,
+	danger: u,
+	container: d,
+	topRight: f,
+	topLeft: p,
+	bottomRight: m,
+	bottomLeft: h
+};
+//#endregion
+export { h as bottomLeft, m as bottomRight, o as close, d as container, t as content, u as danger, g as default, a as description, n as icon, c as info, r as messageContainer, e as root, s as success, i as title, p as topLeft, f as topRight, l as warning };

package/dist/components/feedback/Progress/Progress.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/mergeRefs.cjs"),n=require("./progress.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(({value:e=0,max:r=100,intent:o=`primary`,size:s=`md`,label:c,showValue:l=!1,indeterminate:u=!1,className:d,...f},p)=>{let m=Math.min(Math.max(e/r*100,0),100);return(0,a.jsxs)(`div`,{ref:t.mergeRefs(p),className:(0,i.default)(`wim-progress`,n.default.root,n.default[s],n.default[o],u&&n.default.indeterminate,d),role:`progressbar`,"aria-valuenow":u?void 0:e,"aria-valuemin":0,"aria-valuemax":r,"aria-label":c,...f,children:[(c||l)&&(0,a.jsxs)(`div`,{className:n.default.header,children:[c&&(0,a.jsx)(`span`,{className:n.default.label,children:c}),l&&!u&&(0,a.jsxs)(`span`,{className:n.default.value,children:[Math.round(m),`%`]})]}),(0,a.jsx)(`div`,{className:n.default.track,children:(0,a.jsx)(`div`,{className:n.default.bar,style:u?void 0:{"--wim-progress-width":`${m}%`}})})]})});o.displayName=`Progress`,exports.Progress=o;

package/dist/components/feedback/Progress/Progress.d.ts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic, IndicatorIntent } from '../../../types/tokens';
+/**
+ * Displays a progress bar.
+ */
+export declare const Progress: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Current value of the progress bar.
+     * @default 0
+     */
+    value?: number;
+    /**
+     * Maximum value of the progress bar.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Intent (semantic color) of the bar.
+     * @default "primary"
+     */
+    intent?: IndicatorIntent;
+    /**
+     * Size of the bar.
+     * @default "md"
+     */
+    size?: ComponentSizeBasic;
+    /**
+     * Text label displayed above the bar.
+     */
+    label?: string;
+    /**
+     * Whether to display the current value as a percentage.
+     * @default false
+     */
+    showValue?: boolean;
+    /**
+     * If true, shows an indeterminate animation instead of a value.
+     * @default false
+     */
+    indeterminate?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/feedback/Progress/Progress.js

@@ -0,0 +1,39 @@
+"use client";
+import { mergeRefs as e } from "../../_internal/mergeRefs.js";
+import t from "./progress.module.js";
+import n from "react";
+import r from "classnames";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/feedback/Progress/Progress.tsx
+var o = n.forwardRef(({ value: n = 0, max: o = 100, intent: s = "primary", size: c = "md", label: l, showValue: u = !1, indeterminate: d = !1, className: f, ...p }, m) => {
+	let h = Math.min(Math.max(n / o * 100, 0), 100);
+	return /* @__PURE__ */ a("div", {
+		ref: e(m),
+		className: r("wim-progress", t.root, t[c], t[s], d && t.indeterminate, f),
+		role: "progressbar",
+		"aria-valuenow": d ? void 0 : n,
+		"aria-valuemin": 0,
+		"aria-valuemax": o,
+		"aria-label": l,
+		...p,
+		children: [(l || u) && /* @__PURE__ */ a("div", {
+			className: t.header,
+			children: [l && /* @__PURE__ */ i("span", {
+				className: t.label,
+				children: l
+			}), u && !d && /* @__PURE__ */ a("span", {
+				className: t.value,
+				children: [Math.round(h), "%"]
+			})]
+		}), /* @__PURE__ */ i("div", {
+			className: t.track,
+			children: /* @__PURE__ */ i("div", {
+				className: t.bar,
+				style: d ? void 0 : { "--wim-progress-width": `${h}%` }
+			})
+		})]
+	});
+});
+o.displayName = "Progress";
+//#endregion
+export { o as Progress };

package/dist/components/feedback/Progress/progress.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1q4zk_2`,t=`_header_1q4zk_8`,n=`_track_1q4zk_15`,r=`_bar_1q4zk_22`,i=`_sm_1q4zk_28`,a=`_md_1q4zk_31`,o=`_lg_1q4zk_34`,s=`_primary_1q4zk_37`,c=`_secondary_1q4zk_40`,l=`_success_1q4zk_43`,u=`_warning_1q4zk_46`,d=`_danger_1q4zk_49`,f=`_neutral_1q4zk_52`,p=`_info_1q4zk_55`,m=`_indeterminate_1q4zk_58`,h={root:e,header:t,track:n,bar:r,sm:i,md:a,lg:o,primary:s,secondary:c,success:l,warning:u,danger:d,neutral:f,info:p,indeterminate:m,"progress-indeterminate":`_progress-indeterminate_1q4zk_1`};exports.bar=r,exports.danger=d,exports.default=h,exports.header=t,exports.indeterminate=m,exports.info=p,exports.lg=o,exports.md=a,exports.neutral=f,exports.primary=s,exports.root=e,exports.secondary=c,exports.sm=i,exports.success=l,exports.track=n,exports.warning=u;

package/dist/components/feedback/Progress/progress.module.js

@@ -0,0 +1,22 @@
+"use client";
+//#region src/components/feedback/Progress/progress.module.scss
+var e = "_root_1q4zk_2", t = "_header_1q4zk_8", n = "_track_1q4zk_15", r = "_bar_1q4zk_22", i = "_sm_1q4zk_28", a = "_md_1q4zk_31", o = "_lg_1q4zk_34", s = "_primary_1q4zk_37", c = "_secondary_1q4zk_40", l = "_success_1q4zk_43", u = "_warning_1q4zk_46", d = "_danger_1q4zk_49", f = "_neutral_1q4zk_52", p = "_info_1q4zk_55", m = "_indeterminate_1q4zk_58", h = {
+	root: e,
+	header: t,
+	track: n,
+	bar: r,
+	sm: i,
+	md: a,
+	lg: o,
+	primary: s,
+	secondary: c,
+	success: l,
+	warning: u,
+	danger: d,
+	neutral: f,
+	info: p,
+	indeterminate: m,
+	"progress-indeterminate": "_progress-indeterminate_1q4zk_1"
+};
+//#endregion
+export { r as bar, d as danger, h as default, t as header, m as indeterminate, p as info, o as lg, a as md, f as neutral, s as primary, e as root, c as secondary, i as sm, l as success, n as track, u as warning };

package/dist/components/feedback/Result/Result.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/circle.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./result.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");var l=({intent:e,status:t,className:a})=>{if(t)return(0,c.jsx)(i.Icon,{component:r.default,color:`secondary`,className:a});switch(e){case`success`:return(0,c.jsx)(i.Icon,{component:n.default,color:`success`,className:a});case`danger`:return(0,c.jsx)(i.Icon,{component:r.default,color:`danger`,className:a});case`warning`:return(0,c.jsx)(i.Icon,{component:r.default,color:`warning`,className:a});case`info`:return(0,c.jsx)(i.Icon,{component:r.default,color:`info`,className:a});default:return null}},u=({intent:e=`info`,status:n,title:r,description:i,extra:o,icon:u,className:d,children:f})=>(0,c.jsx)(t.InteractiveArea,{icon:u||(0,c.jsx)(l,{intent:e,status:n,className:a.default.icon}),title:r??void 0,description:i??void 0,actions:o,variant:`none`,bgVariant:`transparent`,className:(0,s.default)(`wim-result`,a.default.root,e&&a.default[e],n&&a.default[n],d),styles:{inner:a.default.inner,icon:a.default.icon,content:a.default.content},children:f});exports.Result=u;

package/dist/components/feedback/Result/Result.d.ts

@@ -0,0 +1,40 @@
+import { default as React, ReactNode } from 'react';
+import { WimIntent } from '../../../types/tokens';
+export type ResultIntent = Extract<WimIntent, "success" | "danger" | "info" | "warning">;
+export type ResultHttpStatus = "404" | "403" | "500";
+export type ResultProps = {
+    /**
+     * Semantic intent — determines the icon and color.
+     */
+    intent?: ResultIntent;
+    /**
+     * HTTP error status — adds a status-specific CSS class and shows a neutral icon.
+     * Use for error pages (404, 403, 500).
+     */
+    status?: ResultHttpStatus;
+    /**
+     * The title
+     */
+    title?: ReactNode;
+    /**
+     * The description
+     */
+    description?: ReactNode;
+    /**
+     * Operating area
+     */
+    extra?: ReactNode;
+    /**
+     * Custom icon
+     */
+    icon?: ReactNode;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * The children
+     */
+    children?: ReactNode;
+};
+export declare const Result: ({ intent, status, title, description, extra, icon, className, children, }: ResultProps) => React.JSX.Element;

package/dist/components/feedback/Result/Result.js

@@ -0,0 +1,60 @@
+"use client";
+import { InteractiveArea as e } from "../../layout/InteractiveArea/InteractiveArea.js";
+import t from "../../../icon/check.js";
+import n from "../../../icon/circle.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import i from "./result.module.js";
+import "react";
+import a from "classnames";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/feedback/Result/Result.tsx
+var s = ({ intent: e, status: i, className: a }) => {
+	if (i) return /* @__PURE__ */ o(r, {
+		component: n,
+		color: "secondary",
+		className: a
+	});
+	switch (e) {
+		case "success": return /* @__PURE__ */ o(r, {
+			component: t,
+			color: "success",
+			className: a
+		});
+		case "danger": return /* @__PURE__ */ o(r, {
+			component: n,
+			color: "danger",
+			className: a
+		});
+		case "warning": return /* @__PURE__ */ o(r, {
+			component: n,
+			color: "warning",
+			className: a
+		});
+		case "info": return /* @__PURE__ */ o(r, {
+			component: n,
+			color: "info",
+			className: a
+		});
+		default: return null;
+	}
+}, c = ({ intent: t = "info", status: n, title: r, description: c, extra: l, icon: u, className: d, children: f }) => /* @__PURE__ */ o(e, {
+	icon: u || /* @__PURE__ */ o(s, {
+		intent: t,
+		status: n,
+		className: i.icon
+	}),
+	title: r ?? void 0,
+	description: c ?? void 0,
+	actions: l,
+	variant: "none",
+	bgVariant: "transparent",
+	className: a("wim-result", i.root, t && i[t], n && i[n], d),
+	styles: {
+		inner: i.inner,
+		icon: i.icon,
+		content: i.content
+	},
+	children: f
+});
+//#endregion
+export { c as Result };

package/dist/components/feedback/Result/result.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_16q15_2`,t=`_inner_16q15_2`,n=`_icon_16q15_7`,r=`_content_16q15_15`,i={root:e,inner:t,icon:n,content:r};exports.content=r,exports.default=i,exports.icon=n,exports.inner=t,exports.root=e;

package/dist/components/feedback/Result/result.module.js

@@ -0,0 +1,10 @@
+"use client";
+//#region src/components/feedback/Result/result.module.scss
+var e = "_root_16q15_2", t = "_inner_16q15_2", n = "_icon_16q15_7", r = "_content_16q15_15", i = {
+	root: e,
+	inner: t,
+	icon: n,
+	content: r
+};
+//#endregion
+export { r as content, i as default, n as icon, t as inner, e as root };

package/dist/components/feedback/ScrollProgress/ScrollProgress.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("./scrollprogress.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=({color:e=`primary`,target:o,className:s,"aria-label":c,...l})=>{let{t:u}=t.useWimTranslation(`common`),[d,f]=(0,r.useState)(0);return(0,r.useEffect)(()=>{let e=()=>{let e=0;if(o&&o.current){let t=o.current,n=t.scrollHeight-t.clientHeight;n>0&&(e=t.scrollTop/n*100)}else{let t=document.documentElement.scrollHeight-window.innerHeight;t>0&&(e=window.scrollY/t*100)}f(e)},t=o&&o.current?o.current:window;return t.addEventListener(`scroll`,e),e(),()=>{t.removeEventListener(`scroll`,e)}},[o]),(0,a.jsx)(`div`,{className:(0,i.default)(`wim-scroll-progress`,n.default.root,e&&n.default[e],s),role:`progressbar`,"aria-valuenow":Math.round(d),"aria-valuemin":0,"aria-valuemax":100,"aria-label":c??u(`a11y.scroll_progress`),...l,children:(0,a.jsx)(`div`,{className:n.default.bar,style:{width:`${d}%`}})})};exports.ScrollProgress=o;