wimui 0.1.0

package/dist/components/data-display/VirtualList/virtual-list.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1brq7_2`,t=`_viewport_1brq7_13`,n=`_item_1brq7_17`,r={root:e,viewport:t,item:n};exports.default=r,exports.item=n,exports.root=e,exports.viewport=t;

package/dist/components/data-display/VirtualList/virtual-list.module.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/data-display/VirtualList/virtual-list.module.scss
+var e = "_root_1brq7_2", t = "_viewport_1brq7_13", n = "_item_1brq7_17", r = {
+	root: e,
+	viewport: t,
+	item: n
+};
+//#endregion
+export { r as default, n as item, e as root, t as viewport };

package/dist/components/feedback/Alert/Alert.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("./alert.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=({title:e,titleTag:s=`h4`,description:c,intent:l=`info`,icon:u,onClose:d,className:f,children:p,...m})=>{let[h,g]=i.default.useState(!0);if(!h)return null;let _=()=>{g(!1),d&&d()};return(0,o.jsxs)(`div`,{className:(0,a.default)(`wim-alert`,r.default.root,r.default[l],f),role:`alert`,...m,children:[(0,o.jsx)(`div`,{className:r.default.icon,children:(0,o.jsx)(t.FeedbackIcon,{intent:l,icon:u,size:`sm`})}),(0,o.jsxs)(`div`,{className:r.default.content,children:[e&&(0,o.jsx)(s,{className:r.default.title,children:e}),(c||p)&&(0,o.jsx)(`div`,{className:r.default.description,children:c||p})]}),(0,o.jsx)(n.FeedbackCloseButton,{onClose:d?_:void 0,className:r.default.close,size:`sm`})]})};exports.Alert=s;

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

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+import { FeedbackIntent } from '../../../types/tokens';
+type AlertProps = React.ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Title of the alert
+     */
+    title?: React.ReactNode;
+    /**
+     * HTML tag used for the alert title
+     * @default "h4"
+     */
+    titleTag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /**
+     * Description text of the alert
+     */
+    description?: React.ReactNode;
+    /**
+     * Intent (semantic state) of the alert
+     * @default "info"
+     */
+    intent?: FeedbackIntent;
+    /**
+     * Custom icon. When omitted, a default icon matching the intent is displayed.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Called when the close button is clicked. Providing it shows the close button.
+     */
+    onClose?: () => void;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Content of the alert (treated as the description)
+     */
+    children?: React.ReactNode;
+};
+/**
+ * Alert for communicating important information to the user.
+ */
+export declare const Alert: ({ title, titleTag: TitleTag, description, intent, icon, onClose, className, children, ...props }: AlertProps) => React.JSX.Element | null;
+export {};

package/dist/components/feedback/Alert/Alert.js

@@ -0,0 +1,47 @@
+"use client";
+import { FeedbackIcon as e } from "../../_internal/FeedbackIcon.js";
+import { FeedbackCloseButton as t } from "../../_internal/FeedbackCloseButton.js";
+import n from "./alert.module.js";
+import r from "react";
+import i from "classnames";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/feedback/Alert/Alert.tsx
+var s = ({ title: s, titleTag: c = "h4", description: l, intent: u = "info", icon: d, onClose: f, className: p, children: m, ...h }) => {
+	let [g, _] = r.useState(!0);
+	if (!g) return null;
+	let v = () => {
+		_(!1), f && f();
+	};
+	return /* @__PURE__ */ o("div", {
+		className: i("wim-alert", n.root, n[u], p),
+		role: "alert",
+		...h,
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: n.icon,
+				children: /* @__PURE__ */ a(e, {
+					intent: u,
+					icon: d,
+					size: "sm"
+				})
+			}),
+			/* @__PURE__ */ o("div", {
+				className: n.content,
+				children: [s && /* @__PURE__ */ a(c, {
+					className: n.title,
+					children: s
+				}), (l || m) && /* @__PURE__ */ a("div", {
+					className: n.description,
+					children: l || m
+				})]
+			}),
+			/* @__PURE__ */ a(t, {
+				onClose: f ? v : void 0,
+				className: n.close,
+				size: "sm"
+			})
+		]
+	});
+};
+//#endregion
+export { s as Alert };

package/dist/components/feedback/Alert/alert.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1px98_3`,t=`_icon_1px98_17`,n=`_content_1px98_24`,r=`_title_1px98_30`,i=`_description_1px98_37`,a=`_close_1px98_47`,o=`_info_1px98_78`,s=`_success_1px98_86`,c=`_warning_1px98_94`,l=`_danger_1px98_102`,u={root:e,icon:t,content:n,title:r,description:i,close:a,info:o,success:s,warning:c,danger:l};exports.close=a,exports.content=n,exports.danger=l,exports.default=u,exports.description=i,exports.icon=t,exports.info=o,exports.root=e,exports.success=s,exports.title=r,exports.warning=c;

package/dist/components/feedback/Alert/alert.module.js

@@ -0,0 +1,16 @@
+"use client";
+//#region src/components/feedback/Alert/alert.module.scss
+var e = "_root_1px98_3", t = "_icon_1px98_17", n = "_content_1px98_24", r = "_title_1px98_30", i = "_description_1px98_37", a = "_close_1px98_47", o = "_info_1px98_78", s = "_success_1px98_86", c = "_warning_1px98_94", l = "_danger_1px98_102", u = {
+	root: e,
+	icon: t,
+	content: n,
+	title: r,
+	description: i,
+	close: a,
+	info: o,
+	success: s,
+	warning: c,
+	danger: l
+};
+//#endregion
+export { a as close, n as content, l as danger, u as default, i as description, t as icon, o as info, e as root, s as success, r as title, c as warning };

package/dist/components/feedback/Autosave/Autosave.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/alert-circle.cjs"),r=require("../../../icon/check-circle.cjs"),i=require("../../../icon/spinner.cjs"),a=require("./autosave.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=o.default.forwardRef(({status:e,savedAt:o,errorMessage:l,className:u,...d},f)=>{let{t:p}=t.useWimTranslation(`common`);if(e===`idle`)return null;let m=(()=>{switch(e){case`saving`:return p(`autosave.saving`);case`saved`:return o?p(`autosave.saved_at`,{time:o.toLocaleTimeString(void 0,{hour:`2-digit`,minute:`2-digit`})}):p(`autosave.saved`);case`error`:return l??p(`autosave.error`)}})();return(0,c.jsxs)(`div`,{ref:f,role:`status`,"aria-live":`polite`,"aria-label":p(`autosave.aria_label`),className:(0,s.default)(`wim-autosave`,a.default.root,a.default[e],u),...d,children:[(0,c.jsxs)(`span`,{className:a.default.icon,"aria-hidden":`true`,children:[e===`saving`&&(0,c.jsx)(i.default,{className:a.default.spinner}),e===`saved`&&(0,c.jsx)(r.default,{}),e===`error`&&(0,c.jsx)(n.default,{})]}),(0,c.jsx)(`span`,{className:a.default.label,children:m})]})});l.displayName=`Autosave`,exports.Autosave=l;

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export type AutosaveStatus = "idle" | "saving" | "saved" | "error";
+export type AutosaveProps = React.ComponentPropsWithoutRef<"div"> & {
+    /** Save status */
+    status: AutosaveStatus;
+    /** Time of the last save */
+    savedAt?: Date;
+    /** Error message (a default message is used when omitted) */
+    errorMessage?: string;
+};
+/**
+ * Indicator that shows the autosave status.
+ */
+export declare const Autosave: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** Save status */
+    status: AutosaveStatus;
+    /** Time of the last save */
+    savedAt?: Date;
+    /** Error message (a default message is used when omitted) */
+    errorMessage?: string;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/feedback/Autosave/Autosave.js

@@ -0,0 +1,47 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import t from "../../../icon/alert-circle.js";
+import n from "../../../icon/check-circle.js";
+import r from "../../../icon/spinner.js";
+import i from "./autosave.module.js";
+import a from "react";
+import o from "classnames";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/feedback/Autosave/Autosave.tsx
+var l = a.forwardRef(({ status: a, savedAt: l, errorMessage: u, className: d, ...f }, p) => {
+	let { t: m } = e("common");
+	if (a === "idle") return null;
+	let h = (() => {
+		switch (a) {
+			case "saving": return m("autosave.saving");
+			case "saved": return l ? m("autosave.saved_at", { time: l.toLocaleTimeString(void 0, {
+				hour: "2-digit",
+				minute: "2-digit"
+			}) }) : m("autosave.saved");
+			case "error": return u ?? m("autosave.error");
+		}
+	})();
+	return /* @__PURE__ */ c("div", {
+		ref: p,
+		role: "status",
+		"aria-live": "polite",
+		"aria-label": m("autosave.aria_label"),
+		className: o("wim-autosave", i.root, i[a], d),
+		...f,
+		children: [/* @__PURE__ */ c("span", {
+			className: i.icon,
+			"aria-hidden": "true",
+			children: [
+				a === "saving" && /* @__PURE__ */ s(r, { className: i.spinner }),
+				a === "saved" && /* @__PURE__ */ s(n, {}),
+				a === "error" && /* @__PURE__ */ s(t, {})
+			]
+		}), /* @__PURE__ */ s("span", {
+			className: i.label,
+			children: h
+		})]
+	});
+});
+l.displayName = "Autosave";
+//#endregion
+export { l as Autosave };

package/dist/components/feedback/Autosave/autosave.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_uw4xx_3`,t=`_icon_uw4xx_11`,n=`_label_uw4xx_21`,r=`_spinner_uw4xx_25`,i=`_spin_uw4xx_25`,a=`_saving_uw4xx_29`,o=`_saved_uw4xx_33`,s=`_danger_uw4xx_37`,c={root:e,icon:t,label:n,spinner:r,spin:i,saving:a,saved:o,danger:s};exports.danger=s,exports.default=c,exports.icon=t,exports.label=n,exports.root=e,exports.saved=o,exports.saving=a,exports.spin=i,exports.spinner=r;

package/dist/components/feedback/Autosave/autosave.module.js

@@ -0,0 +1,14 @@
+"use client";
+//#region src/components/feedback/Autosave/autosave.module.scss
+var e = "_root_uw4xx_3", t = "_icon_uw4xx_11", n = "_label_uw4xx_21", r = "_spinner_uw4xx_25", i = "_spin_uw4xx_25", a = "_saving_uw4xx_29", o = "_saved_uw4xx_33", s = "_danger_uw4xx_37", c = {
+	root: e,
+	icon: t,
+	label: n,
+	spinner: r,
+	spin: i,
+	saving: a,
+	saved: o,
+	danger: s
+};
+//#endregion
+export { s as danger, c as default, t as icon, n as label, e as root, o as saved, a as saving, i as spin, r as spinner };

package/dist/components/feedback/Banner/Banner.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("./banner.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=({title:e,description:i,intent:s=`info`,icon:c=!0,extra:l,onClose:u,className:d,children:f,...p})=>(0,o.jsx)(`div`,{className:(0,a.default)(`wim-banner`,r.default.root,r.default[s],d),role:`status`,...p,children:(0,o.jsxs)(`div`,{className:r.default.container,children:[(0,o.jsxs)(`div`,{className:r.default.content,children:[c!==!1&&(0,o.jsx)(`div`,{className:r.default.icon,children:(0,o.jsx)(t.FeedbackIcon,{intent:s,icon:typeof c==`boolean`?void 0:c,size:`sm`})}),(0,o.jsxs)(`div`,{className:r.default.text,children:[e&&(0,o.jsx)(`span`,{className:r.default.title,children:e}),e&&(i||f)&&(0,o.jsx)(`span`,{className:r.default.separator,children:` - `}),(i||f)&&(0,o.jsx)(`span`,{className:r.default.description,children:i||f})]})]}),(0,o.jsxs)(`div`,{className:r.default.actions,children:[l&&(0,o.jsx)(`div`,{className:r.default.action,children:l}),(0,o.jsx)(n.FeedbackCloseButton,{onClose:u,className:r.default.close,size:`sm`})]})]})});exports.Banner=s;

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

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { FeedbackIntent } from '../../../types/tokens';
+type BannerProps = {
+    /**
+     * Title of the banner
+     */
+    title?: React.ReactNode;
+    /**
+     * Description text of the banner
+     */
+    description?: React.ReactNode;
+    /**
+     * Intent (semantic state) of the banner
+     * @default "info"
+     */
+    intent?: FeedbackIntent;
+    /**
+     * Whether to show the icon, or a custom icon element
+     * @default true
+     */
+    icon?: boolean | React.ReactNode;
+    /**
+     * Action element (e.g. a Button component)
+     */
+    extra?: React.ReactNode;
+    /**
+     * Called when the close button is clicked. Providing it shows the close button.
+     */
+    onClose?: () => void;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Content of the banner
+     */
+    children?: React.ReactNode;
+};
+/**
+ * Banner for presenting an important message or action to the user.
+ * Usually displayed at the top of the page.
+ */
+export declare const Banner: ({ title, description, intent, icon, extra, onClose, className, children, ...props }: BannerProps) => React.JSX.Element;
+export {};

package/dist/components/feedback/Banner/Banner.js

@@ -0,0 +1,55 @@
+"use client";
+import { FeedbackIcon as e } from "../../_internal/FeedbackIcon.js";
+import { FeedbackCloseButton as t } from "../../_internal/FeedbackCloseButton.js";
+import n from "./banner.module.js";
+import "react";
+import r from "classnames";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/feedback/Banner/Banner.tsx
+var o = ({ title: o, description: s, intent: c = "info", icon: l = !0, extra: u, onClose: d, className: f, children: p, ...m }) => /* @__PURE__ */ i("div", {
+	className: r("wim-banner", n.root, n[c], f),
+	role: "status",
+	...m,
+	children: /* @__PURE__ */ a("div", {
+		className: n.container,
+		children: [/* @__PURE__ */ a("div", {
+			className: n.content,
+			children: [l !== !1 && /* @__PURE__ */ i("div", {
+				className: n.icon,
+				children: /* @__PURE__ */ i(e, {
+					intent: c,
+					icon: typeof l == "boolean" ? void 0 : l,
+					size: "sm"
+				})
+			}), /* @__PURE__ */ a("div", {
+				className: n.text,
+				children: [
+					o && /* @__PURE__ */ i("span", {
+						className: n.title,
+						children: o
+					}),
+					o && (s || p) && /* @__PURE__ */ i("span", {
+						className: n.separator,
+						children: " - "
+					}),
+					(s || p) && /* @__PURE__ */ i("span", {
+						className: n.description,
+						children: s || p
+					})
+				]
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: n.actions,
+			children: [u && /* @__PURE__ */ i("div", {
+				className: n.action,
+				children: u
+			}), /* @__PURE__ */ i(t, {
+				onClose: d,
+				className: n.close,
+				size: "sm"
+			})]
+		})]
+	})
+});
+//#endregion
+export { o as Banner };

package/dist/components/feedback/Banner/banner.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_mz0ry_3`,t=`_container_mz0ry_15`,n=`_content_mz0ry_24`,r=`_icon_mz0ry_31`,i=`_text_mz0ry_37`,a=`_title_mz0ry_42`,o=`_separator_mz0ry_45`,s=`_description_mz0ry_55`,c=`_actions_mz0ry_58`,l=`_close_mz0ry_64`,u=`_info_mz0ry_91`,d=`_success_mz0ry_99`,f=`_warning_mz0ry_107`,p=`_danger_mz0ry_115`,m={root:e,container:t,content:n,icon:r,text:i,title:a,separator:o,description:s,actions:c,close:l,info:u,success:d,warning:f,danger:p};exports.actions=c,exports.close=l,exports.container=t,exports.content=n,exports.danger=p,exports.default=m,exports.description=s,exports.icon=r,exports.info=u,exports.root=e,exports.separator=o,exports.success=d,exports.text=i,exports.title=a,exports.warning=f;

package/dist/components/feedback/Banner/banner.module.js

@@ -0,0 +1,20 @@
+"use client";
+//#region src/components/feedback/Banner/banner.module.scss
+var e = "_root_mz0ry_3", t = "_container_mz0ry_15", n = "_content_mz0ry_24", r = "_icon_mz0ry_31", i = "_text_mz0ry_37", a = "_title_mz0ry_42", o = "_separator_mz0ry_45", s = "_description_mz0ry_55", c = "_actions_mz0ry_58", l = "_close_mz0ry_64", u = "_info_mz0ry_91", d = "_success_mz0ry_99", f = "_warning_mz0ry_107", p = "_danger_mz0ry_115", m = {
+	root: e,
+	container: t,
+	content: n,
+	icon: r,
+	text: i,
+	title: a,
+	separator: o,
+	description: s,
+	actions: c,
+	close: l,
+	info: u,
+	success: d,
+	warning: f,
+	danger: p
+};
+//#endregion
+export { c as actions, l as close, t as container, n as content, p as danger, m as default, s as description, r as icon, u as info, e as root, o as separator, d as success, i as text, a as title, f as warning };

package/dist/components/feedback/ErrorBoundary/ErrorBoundary.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Box/Box.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../layout/Stack/Stack.cjs"),i=require("../../form/Button/Button.cjs"),a=require("../Alert/Alert.cjs"),o=require("./errorboundary.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({error:e,errorInfo:l,reset:u,labels:d})=>{let{t:f}=n.useWimTranslation(`common`),[p,m]=(0,s.useState)(!1),h={title:d?.title??f(`error.boundary_title`),retry:d?.retry??f(`error.boundary_retry`),showDetails:d?.showDetails??f(`error.boundary_show_details`),hideDetails:d?.hideDetails??f(`error.boundary_hide_details`)};return(0,c.jsx)(t.Box,{p:`lg`,radius:`md`,bg:`var(--wim-color-danger-subtle)`,className:`wim-error-boundary ${o.default.fallback}`,children:(0,c.jsxs)(r.Stack,{gap:`md`,children:[(0,c.jsx)(a.Alert,{intent:`danger`,title:h.title,description:e.message}),(0,c.jsxs)(r.Stack,{direction:`row`,gap:`sm`,wrap:!0,children:[(0,c.jsx)(i.Button,{onClick:u,variant:`solid`,children:h.retry}),(0,c.jsx)(i.Button,{onClick:()=>m(!p),variant:`outline`,children:p?h.hideDetails:h.showDetails})]}),p&&(0,c.jsx)(t.Box,{p:`md`,bg:`rgba(0, 0, 0, 0.05)`,radius:`sm`,className:o.default.details,children:(0,c.jsxs)(`code`,{children:[e.toString(),(0,c.jsx)(`br`,{}),l?.componentStack]})})]})})},u=class extends s.Component{state={hasError:!1,error:null,errorInfo:null};static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){this.setState({errorInfo:t}),this.props.onError?.(e,t)}reset=()=>{this.setState({hasError:!1,error:null,errorInfo:null}),this.props.onReset?.()};render(){let{hasError:e,error:t,errorInfo:n}=this.state,{children:r,fallback:i,labels:a}=this.props;return e&&t?typeof i==`function`?i(t,n,this.reset):i||(0,c.jsx)(l,{error:t,errorInfo:n,reset:this.reset,labels:a}):r}};exports.ErrorBoundary=u;

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

@@ -0,0 +1,37 @@
+import { default as React, Component, ErrorInfo, ReactNode } from 'react';
+export type ErrorBoundaryLabels = {
+    title?: string;
+    retry?: string;
+    showDetails?: string;
+    hideDetails?: string;
+};
+export interface ErrorBoundaryProps {
+    /** Component or element displayed when an error occurs.
+     * When a function is passed, it is called as (error, errorInfo, reset) => ReactNode.
+     */
+    fallback?: ReactNode | ((error: Error, errorInfo: ErrorInfo | null, reset: () => void) => ReactNode);
+    /** Called when an error occurs. */
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+    /** Called when the error is reset. */
+    onReset?: () => void;
+    /** Labels for manual translation overrides. */
+    labels?: ErrorBoundaryLabels;
+    /** Content the boundary protects. */
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+    errorInfo: ErrorInfo | null;
+}
+/**
+ * JavaScriptのエラーをキャッチしてフォールバックUIを表示する標準のReactエラー境界コンポーネント。
+ */
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): Partial<State>;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    reset: () => void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+}
+export {};

package/dist/components/feedback/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,92 @@
+"use client";
+import { Box as e } from "../../layout/Box/Box.js";
+import { useWimTranslation as t } from "../../../i18n/useWimTranslation.js";
+import { Stack as n } from "../../layout/Stack/Stack.js";
+import { Button as r } from "../../form/Button/Button.js";
+import { Alert as i } from "../Alert/Alert.js";
+import a from "./errorboundary.module.js";
+import { Component as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/feedback/ErrorBoundary/ErrorBoundary.tsx
+var u = ({ error: o, errorInfo: u, reset: d, labels: f }) => {
+	let { t: p } = t("common"), [m, h] = s(!1), g = {
+		title: f?.title ?? p("error.boundary_title"),
+		retry: f?.retry ?? p("error.boundary_retry"),
+		showDetails: f?.showDetails ?? p("error.boundary_show_details"),
+		hideDetails: f?.hideDetails ?? p("error.boundary_hide_details")
+	};
+	return /* @__PURE__ */ c(e, {
+		p: "lg",
+		radius: "md",
+		bg: "var(--wim-color-danger-subtle)",
+		className: `wim-error-boundary ${a.fallback}`,
+		children: /* @__PURE__ */ l(n, {
+			gap: "md",
+			children: [
+				/* @__PURE__ */ c(i, {
+					intent: "danger",
+					title: g.title,
+					description: o.message
+				}),
+				/* @__PURE__ */ l(n, {
+					direction: "row",
+					gap: "sm",
+					wrap: !0,
+					children: [/* @__PURE__ */ c(r, {
+						onClick: d,
+						variant: "solid",
+						children: g.retry
+					}), /* @__PURE__ */ c(r, {
+						onClick: () => h(!m),
+						variant: "outline",
+						children: m ? g.hideDetails : g.showDetails
+					})]
+				}),
+				m && /* @__PURE__ */ c(e, {
+					p: "md",
+					bg: "rgba(0, 0, 0, 0.05)",
+					radius: "sm",
+					className: a.details,
+					children: /* @__PURE__ */ l("code", { children: [
+						o.toString(),
+						/* @__PURE__ */ c("br", {}),
+						u?.componentStack
+					] })
+				})
+			]
+		})
+	});
+}, d = class extends o {
+	state = {
+		hasError: !1,
+		error: null,
+		errorInfo: null
+	};
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, t) {
+		this.setState({ errorInfo: t }), this.props.onError?.(e, t);
+	}
+	reset = () => {
+		this.setState({
+			hasError: !1,
+			error: null,
+			errorInfo: null
+		}), this.props.onReset?.();
+	};
+	render() {
+		let { hasError: e, error: t, errorInfo: n } = this.state, { children: r, fallback: i, labels: a } = this.props;
+		return e && t ? typeof i == "function" ? i(t, n, this.reset) : i || /* @__PURE__ */ c(u, {
+			error: t,
+			errorInfo: n,
+			reset: this.reset,
+			labels: a
+		}) : r;
+	}
+};
+//#endregion
+export { d as ErrorBoundary };

package/dist/components/feedback/ErrorBoundary/errorboundary.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_fallback_10nbr_3`,t=`_details_10nbr_6`,n={fallback:e,details:t};exports.default=n,exports.details=t,exports.fallback=e;

package/dist/components/feedback/ErrorBoundary/errorboundary.module.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/feedback/ErrorBoundary/errorboundary.module.scss
+var e = "_fallback_10nbr_3", t = "_details_10nbr_6", n = {
+	fallback: e,
+	details: t
+};
+//#endregion
+export { n as default, t as details, e as fallback };

package/dist/components/feedback/Indicator/Indicator.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utilities/style-utils.cjs"),n=require("../../_internal/mergeRefs.cjs"),r=require("./indicator.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(({children:e,color:i=`primary`,size:s=`md`,position:c=`top-right`,pulse:l=!1,inline:u=!1,className:d,style:f,...p},m)=>{let h=typeof i==`string`&&[`primary`,`success`,`danger`,`warning`,`neutral`].includes(i);return(0,o.jsxs)(`span`,{ref:n.mergeRefs(m),className:(0,a.default)(`wim-indicator`,r.default.root,u&&r.default.inlineRoot,d),style:f,...p,children:[e,(0,o.jsx)(`span`,{className:(0,a.default)(r.default.dot,h&&r.default[i],r.default[s],!u&&r.default[c],l&&r.default.pulse),style:{backgroundColor:h?void 0:t.getColorValue(i)}})]})});s.displayName=`Indicator`,exports.Indicator=s;

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

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { WimColor, ComponentSizeBasic } from '../../../types/tokens';
+/**
+ * Small dot that indicates the state of an element (online, unread, error, etc.).
+ */
+export declare const Indicator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+    /**
+     * Element the indicator dot is attached to. If omitted, only the dot is rendered.
+     */
+    children?: React.ReactNode;
+    /**
+     * Color of the dot. Accepts a design token color name or any CSS color value.
+     * @default "primary"
+     */
+    color?: WimColor;
+    /**
+     * Size of the dot.
+     * @default "md"
+     */
+    size?: ComponentSizeBasic;
+    /**
+     * Corner of the children the dot is placed at.
+     * @default "top-right"
+     */
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    /**
+     * If true, the dot pulses to draw attention.
+     * @default false
+     */
+    pulse?: boolean;
+    /**
+     * If true, renders the dot inline instead of positioning it on a corner.
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+    /**
+     * Inline styles for the container.
+     */
+    style?: React.CSSProperties;
+} & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/feedback/Indicator/Indicator.js

@@ -0,0 +1,30 @@
+"use client";
+import { getColorValue as e } from "../../../utilities/style-utils.js";
+import { mergeRefs as t } from "../../_internal/mergeRefs.js";
+import n from "./indicator.module.js";
+import r from "react";
+import i from "classnames";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/feedback/Indicator/Indicator.tsx
+var s = r.forwardRef(({ children: r, color: s = "primary", size: c = "md", position: l = "top-right", pulse: u = !1, inline: d = !1, className: f, style: p, ...m }, h) => {
+	let g = typeof s == "string" && [
+		"primary",
+		"success",
+		"danger",
+		"warning",
+		"neutral"
+	].includes(s);
+	return /* @__PURE__ */ o("span", {
+		ref: t(h),
+		className: i("wim-indicator", n.root, d && n.inlineRoot, f),
+		style: p,
+		...m,
+		children: [r, /* @__PURE__ */ a("span", {
+			className: i(n.dot, g && n[s], n[c], !d && n[l], u && n.pulse),
+			style: { backgroundColor: g ? void 0 : e(s) }
+		})]
+	});
+});
+s.displayName = "Indicator";
+//#endregion
+export { s as Indicator };

package/dist/components/feedback/Indicator/indicator.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_rnkcr_3`,t=`_inlineRoot_rnkcr_9`,n=`_dot_rnkcr_12`,r=`_sm_rnkcr_29`,i=`_md_rnkcr_33`,a=`_lg_rnkcr_37`,o=`_primary_rnkcr_41`,s=`_success_rnkcr_44`,c=`_danger_rnkcr_47`,l=`_warning_rnkcr_50`,u=`_neutral_rnkcr_53`,d=`_pulse_rnkcr_76`,f={root:e,inlineRoot:t,dot:n,sm:r,md:i,lg:a,primary:o,success:s,danger:c,warning:l,neutral:u,"top-right":`_top-right_rnkcr_56`,"top-left":`_top-left_rnkcr_61`,"bottom-right":`_bottom-right_rnkcr_66`,"bottom-left":`_bottom-left_rnkcr_71`,pulse:d,"wim-indicator-pulse":`_wim-indicator-pulse_rnkcr_1`};exports.danger=c,exports.default=f,exports.dot=n,exports.inlineRoot=t,exports.lg=a,exports.md=i,exports.neutral=u,exports.primary=o,exports.pulse=d,exports.root=e,exports.sm=r,exports.success=s,exports.warning=l;

package/dist/components/feedback/Indicator/indicator.module.js

@@ -0,0 +1,23 @@
+"use client";
+//#region src/components/feedback/Indicator/indicator.module.scss
+var e = "_root_rnkcr_3", t = "_inlineRoot_rnkcr_9", n = "_dot_rnkcr_12", r = "_sm_rnkcr_29", i = "_md_rnkcr_33", a = "_lg_rnkcr_37", o = "_primary_rnkcr_41", s = "_success_rnkcr_44", c = "_danger_rnkcr_47", l = "_warning_rnkcr_50", u = "_neutral_rnkcr_53", d = "_pulse_rnkcr_76", f = {
+	root: e,
+	inlineRoot: t,
+	dot: n,
+	sm: r,
+	md: i,
+	lg: a,
+	primary: o,
+	success: s,
+	danger: c,
+	warning: l,
+	neutral: u,
+	"top-right": "_top-right_rnkcr_56",
+	"top-left": "_top-left_rnkcr_61",
+	"bottom-right": "_bottom-right_rnkcr_66",
+	"bottom-left": "_bottom-left_rnkcr_71",
+	pulse: d,
+	"wim-indicator-pulse": "_wim-indicator-pulse_rnkcr_1"
+};
+//#endregion
+export { c as danger, f as default, n as dot, t as inlineRoot, a as lg, i as md, u as neutral, o as primary, d as pulse, e as root, r as sm, s as success, l as warning };

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

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utilities/style-utils.cjs"),n=require("./loader.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=`bars`,size:r=`md`,color:o=`primary`,className:s,style:c,...l})=>{let u=typeof o==`string`&&[`primary`,`secondary`,`success`,`warning`,`danger`,`neutral`].includes(o);return(0,a.jsxs)(`div`,{className:(0,i.default)(`wim-loader`,n.default.root,n.default[e],n.default[r],u&&n.default[o],s),style:{color:u?void 0:t.getColorValue(o),...c},role:`status`,"aria-live":`polite`,...l,children:[(0,a.jsx)(`span`,{className:n.default.item}),(0,a.jsx)(`span`,{className:n.default.item}),(0,a.jsx)(`span`,{className:n.default.item})]})};exports.Loader=o;