wimui 0.1.0

package/dist/WimProvider.js

@@ -0,0 +1,40 @@
+"use client";
+import { getWimLocale as e, setWimLocale as t } from "./i18n/instance.js";
+import { getWimTheme as n, setWimTheme as r } from "./theme.js";
+import { getWimDensity as i, setWimDensity as a } from "./density.js";
+import { createContext as o, useContext as s, useEffect as c, useMemo as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/WimProvider.tsx
+var d = o(null);
+function f() {
+	return s(d) || {
+		theme: n(),
+		density: i(),
+		locale: e()
+	};
+}
+function p({ children: n, theme: i = "system", density: o = "comfortable", locale: s, root: f }) {
+	c(() => {
+		r(i, f);
+	}, [i, f]), c(() => {
+		a(o, f);
+	}, [o, f]), c(() => {
+		s != null && t(s);
+	}, [s]);
+	let p = l(() => ({
+		theme: i,
+		density: o,
+		locale: s ?? e()
+	}), [
+		i,
+		o,
+		s
+	]);
+	return /* @__PURE__ */ u(d.Provider, {
+		value: p,
+		children: n
+	});
+}
+p.displayName = "WimProvider";
+//#endregion
+export { p as WimProvider, f as useWim };

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;

package/dist/ai/code-diff-viewer.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/ai/CodeDiffViewer/CodeDiffViewer.cjs");exports.CodeDiffViewer=e.CodeDiffViewer;

package/dist/ai/code-diff-viewer.d.ts

@@ -0,0 +1 @@
+export * from '../components/ai/CodeDiffViewer/CodeDiffViewer';

package/dist/ai/code-diff-viewer.js

@@ -0,0 +1,3 @@
+"use client";
+import { CodeDiffViewer as e } from "../components/ai/CodeDiffViewer/CodeDiffViewer.js";
+export { e as CodeDiffViewer };

package/dist/ai/interactive-graph.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/ai/InteractiveGraph/InteractiveGraph.cjs");exports.InteractiveGraph=e.InteractiveGraph;

package/dist/ai/interactive-graph.d.ts

@@ -0,0 +1 @@
+export * from '../components/ai/InteractiveGraph/InteractiveGraph';

package/dist/ai/interactive-graph.js

@@ -0,0 +1,3 @@
+"use client";
+import { InteractiveGraph as e } from "../components/ai/InteractiveGraph/InteractiveGraph.js";
+export { e as InteractiveGraph };

package/dist/ai/markdown-renderer.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/ai/MarkdownRenderer/MarkdownRenderer.cjs");exports.MarkdownRenderer=e.MarkdownRenderer;

package/dist/ai/markdown-renderer.d.ts

@@ -0,0 +1 @@
+export * from '../components/ai/MarkdownRenderer/MarkdownRenderer';

package/dist/ai/markdown-renderer.js

@@ -0,0 +1,3 @@
+"use client";
+import { MarkdownRenderer as e } from "../components/ai/MarkdownRenderer/MarkdownRenderer.js";
+export { e as MarkdownRenderer };

package/dist/ai/streaming-text.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/ai/StreamingText/StreamingText.cjs");exports.StreamingText=e.StreamingText;

package/dist/ai/streaming-text.d.ts

@@ -0,0 +1 @@
+export * from '../components/ai/StreamingText/StreamingText';

package/dist/ai/streaming-text.js

@@ -0,0 +1,3 @@
+"use client";
+import { StreamingText as e } from "../components/ai/StreamingText/StreamingText.js";
+export { e as StreamingText };

package/dist/ai-core.d.ts

@@ -0,0 +1,12 @@
+export * from './components/ai/PromptInput/PromptInput';
+export * from './components/ai/ThoughtProcess/ThoughtProcess';
+export * from './components/ai/AIResponseFeedback/AIResponseFeedback';
+export * from './components/ai/SourceCitation/SourceCitation';
+export * from './components/ai/CodeBlock/CodeBlock';
+export * from './components/ai/Terminal/Terminal';
+export * from './components/ai/AgentStatus/AgentStatus';
+export * from './components/ai/VoiceVisualizer/VoiceVisualizer';
+export * from './components/ai/ModelSelector/ModelSelector';
+export * from './components/ai/ThreadList/ThreadList';
+export * from './components/ai/UsageMeter/UsageMeter';
+export * from './components/ai/ChatUI/ChatUI';

package/dist/ai.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/ai/PromptInput/PromptInput.cjs"),t=require("./components/ai/ThoughtProcess/ThoughtProcess.cjs"),n=require("./components/ai/AIResponseFeedback/AIResponseFeedback.cjs"),r=require("./components/ai/SourceCitation/SourceCitation.cjs"),i=require("./components/ai/CodeBlock/CodeBlock.cjs"),a=require("./components/ai/Terminal/Terminal.cjs"),o=require("./components/ai/AgentStatus/AgentStatus.cjs"),s=require("./components/ai/VoiceVisualizer/VoiceVisualizer.cjs"),c=require("./components/ai/ModelSelector/ModelSelector.cjs"),l=require("./components/ai/ThreadList/ThreadList.cjs"),u=require("./components/ai/UsageMeter/UsageMeter.cjs"),d=require("./components/ai/ChatUI/ChatUI.cjs");exports.AIResponseFeedback=n.AIResponseFeedback,exports.AgentStatus=o.AgentStatus,exports.ChatAvatar=d.ChatAvatar,exports.ChatContainer=d.ChatContainer,exports.ChatInput=d.ChatInput,exports.ChatInputArea=d.ChatInputArea,exports.ChatMessage=d.ChatMessage,exports.ChatMessageList=d.ChatMessageList,exports.CodeBlock=i.CodeBlock,exports.ConversationList=l.ConversationList,exports.ModelSelector=c.ModelSelector,exports.PromptInput=e.PromptInput,exports.SourceCitation=r.SourceCitation,exports.SourceCitationList=r.SourceCitationList,exports.Terminal=a.Terminal,exports.ThoughtProcess=t.ThoughtProcess,exports.ThoughtStep=t.ThoughtStep,exports.ThreadList=l.ThreadList,exports.TokenCounter=u.TokenCounter,exports.UsageMeter=u.UsageMeter,exports.VoiceVisualizer=s.VoiceVisualizer;

package/dist/ai.d.ts

@@ -0,0 +1 @@
+export * from './ai-core';

package/dist/ai.js

@@ -0,0 +1,14 @@
+"use client";
+import { PromptInput as e } from "./components/ai/PromptInput/PromptInput.js";
+import { ThoughtProcess as t, ThoughtStep as n } from "./components/ai/ThoughtProcess/ThoughtProcess.js";
+import { AIResponseFeedback as r } from "./components/ai/AIResponseFeedback/AIResponseFeedback.js";
+import { SourceCitation as i, SourceCitationList as a } from "./components/ai/SourceCitation/SourceCitation.js";
+import { CodeBlock as o } from "./components/ai/CodeBlock/CodeBlock.js";
+import { Terminal as s } from "./components/ai/Terminal/Terminal.js";
+import { AgentStatus as c } from "./components/ai/AgentStatus/AgentStatus.js";
+import { VoiceVisualizer as l } from "./components/ai/VoiceVisualizer/VoiceVisualizer.js";
+import { ModelSelector as u } from "./components/ai/ModelSelector/ModelSelector.js";
+import { ConversationList as d, ThreadList as f } from "./components/ai/ThreadList/ThreadList.js";
+import { TokenCounter as p, UsageMeter as m } from "./components/ai/UsageMeter/UsageMeter.js";
+import { ChatAvatar as h, ChatContainer as g, ChatInput as _, ChatInputArea as v, ChatMessage as y, ChatMessageList as b } from "./components/ai/ChatUI/ChatUI.js";
+export { r as AIResponseFeedback, c as AgentStatus, h as ChatAvatar, g as ChatContainer, _ as ChatInput, v as ChatInputArea, y as ChatMessage, b as ChatMessageList, o as CodeBlock, d as ConversationList, u as ModelSelector, e as PromptInput, i as SourceCitation, a as SourceCitationList, s as Terminal, t as ThoughtProcess, n as ThoughtStep, f as ThreadList, p as TokenCounter, m as UsageMeter, l as VoiceVisualizer };

package/dist/charts.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/charts/AreaChart/AreaChart.cjs"),t=require("./components/charts/BarChart/BarChart.cjs"),n=require("./components/charts/FunnelChart/FunnelChart.cjs"),r=require("./components/charts/GanttChart/GanttChart.cjs"),i=require("./components/charts/GaugeChart/GaugeChart.cjs"),a=require("./components/charts/Heatmap/Heatmap.cjs"),o=require("./components/charts/LineChart/LineChart.cjs"),s=require("./components/charts/PieChart/PieChart.cjs"),c=require("./components/charts/RadarChart/RadarChart.cjs"),l=require("./components/charts/ScatterChart/ScatterChart.cjs"),u=require("./components/charts/Treemap/Treemap.cjs"),d=require("./components/charts/Sparkline/Sparkline.cjs");exports.AreaChart=e.AreaChart,exports.BarChart=t.BarChart,exports.FunnelChart=n.FunnelChart,exports.GanttChart=r.GanttChart,exports.GaugeChart=i.GaugeChart,exports.Heatmap=a.Heatmap,exports.LineChart=o.LineChart,exports.PieChart=s.PieChart,exports.RadarChart=c.RadarChart,exports.ScatterChart=l.ScatterChart,exports.Sparkline=d.Sparkline,exports.Treemap=u.Treemap;

package/dist/charts.d.ts

@@ -0,0 +1,13 @@
+export type { ChartDataPoint } from './components/helpers';
+export * from './components/charts/AreaChart/AreaChart';
+export * from './components/charts/BarChart/BarChart';
+export * from './components/charts/FunnelChart/FunnelChart';
+export * from './components/charts/GanttChart/GanttChart';
+export * from './components/charts/GaugeChart/GaugeChart';
+export * from './components/charts/Heatmap/Heatmap';
+export * from './components/charts/LineChart/LineChart';
+export * from './components/charts/PieChart/PieChart';
+export * from './components/charts/RadarChart/RadarChart';
+export * from './components/charts/ScatterChart/ScatterChart';
+export * from './components/charts/Treemap/Treemap';
+export * from './components/charts/Sparkline/Sparkline';

package/dist/charts.js

@@ -0,0 +1,14 @@
+"use client";
+import { AreaChart as e } from "./components/charts/AreaChart/AreaChart.js";
+import { BarChart as t } from "./components/charts/BarChart/BarChart.js";
+import { FunnelChart as n } from "./components/charts/FunnelChart/FunnelChart.js";
+import { GanttChart as r } from "./components/charts/GanttChart/GanttChart.js";
+import { GaugeChart as i } from "./components/charts/GaugeChart/GaugeChart.js";
+import { Heatmap as a } from "./components/charts/Heatmap/Heatmap.js";
+import { LineChart as o } from "./components/charts/LineChart/LineChart.js";
+import { PieChart as s } from "./components/charts/PieChart/PieChart.js";
+import { RadarChart as c } from "./components/charts/RadarChart/RadarChart.js";
+import { ScatterChart as l } from "./components/charts/ScatterChart/ScatterChart.js";
+import { Treemap as u } from "./components/charts/Treemap/Treemap.js";
+import { Sparkline as d } from "./components/charts/Sparkline/Sparkline.js";
+export { e as AreaChart, t as BarChart, n as FunnelChart, r as GanttChart, i as GaugeChart, a as Heatmap, o as LineChart, s as PieChart, c as RadarChart, l as ScatterChart, d as Sparkline, u as Treemap };

package/dist/components/_internal/BaseListItem/BaseListItem.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("./base-list-item.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=r.default.forwardRef(({asChild:e=!1,children:r,icon:o,rightSection:s,active:c,disabled:l,danger:u,className:d,...f},p)=>(0,a.jsxs)(e?t.Root:`div`,{ref:p,className:(0,i.default)(n.default.root,c&&n.default.active,l&&n.default.disabled,u&&n.default.danger,d),"aria-disabled":l,...f,children:[o&&(0,a.jsx)(`span`,{className:n.default.icon,children:o}),e?(0,a.jsx)(t.Slottable,{children:r}):(0,a.jsx)(`span`,{className:n.default.content,children:r}),s&&(0,a.jsx)(`span`,{className:n.default.rightSection,children:s})]}));o.displayName=`BaseListItem`,exports.BaseListItem=o;

package/dist/components/_internal/BaseListItem/BaseListItem.d.ts

@@ -0,0 +1,82 @@
+import { default as React } from 'react';
+/**
+ * Props for the BaseListItem component.
+ * Extends standard HTML div attributes.
+ */
+export type BaseListItemProps = {
+    /**
+     * If true, the item will be rendered as its child, merging its props onto that child.
+     * Use when the list item must be a specific element (e.g. `<li>` inside `<ul>`).
+     */
+    asChild?: boolean;
+    /**
+     * Left icon or element to display before the children.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Right section (e.g., shortcuts, arrows, status indicators) to display after the children.
+     */
+    rightSection?: React.ReactNode;
+    /**
+     * If true, the item will be rendered in an active/highlighted state.
+     */
+    active?: boolean;
+    /**
+     * If true, the item will be rendered in a disabled state and become non-interactive.
+     */
+    disabled?: boolean;
+    /**
+     * If true, the item will be styled to indicate a dangerous or danger action.
+     */
+    danger?: boolean;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+} & React.ComponentPropsWithoutRef<"div">;
+/**
+ * BaseListItem is an internal component that provides a consistent layout and styling
+ * for items used in lists, menus, and dropdowns.
+ *
+ * Composition Contract:
+ * - Supports polymorphic rendering via the `asChild` prop (Slot pattern).
+ *   When `asChild` is true, the child element becomes the root; BaseListItem's className,
+ *   aria-disabled, and event props are merged onto it via Slot. icon/rightSection slots
+ *   are rendered inside the child using Slottable.
+ * - Provides standardized slots for `icon` (start) and `rightSection` (end).
+ * - Implements hover, active, and disabled states consistently.
+ * - Handles basic accessibility (aria-disabled).
+ *
+ * This component is intended for internal use by components like Select, Menu, and Dropdown.
+ */
+export declare const BaseListItem: React.ForwardRefExoticComponent<{
+    /**
+     * If true, the item will be rendered as its child, merging its props onto that child.
+     * Use when the list item must be a specific element (e.g. `<li>` inside `<ul>`).
+     */
+    asChild?: boolean;
+    /**
+     * Left icon or element to display before the children.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Right section (e.g., shortcuts, arrows, status indicators) to display after the children.
+     */
+    rightSection?: React.ReactNode;
+    /**
+     * If true, the item will be rendered in an active/highlighted state.
+     */
+    active?: boolean;
+    /**
+     * If true, the item will be rendered in a disabled state and become non-interactive.
+     */
+    disabled?: boolean;
+    /**
+     * If true, the item will be styled to indicate a dangerous or danger action.
+     */
+    danger?: boolean;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/components/_internal/BaseListItem/BaseListItem.js

@@ -0,0 +1,30 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import n from "./base-list-item.module.js";
+import r from "react";
+import i from "classnames";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/_internal/BaseListItem/BaseListItem.tsx
+var s = r.forwardRef(({ asChild: r = !1, children: s, icon: c, rightSection: l, active: u, disabled: d, danger: f, className: p, ...m }, h) => /* @__PURE__ */ o(r ? e : "div", {
+	ref: h,
+	className: i(n.root, u && n.active, d && n.disabled, f && n.danger, p),
+	"aria-disabled": d,
+	...m,
+	children: [
+		c && /* @__PURE__ */ a("span", {
+			className: n.icon,
+			children: c
+		}),
+		r ? /* @__PURE__ */ a(t, { children: s }) : /* @__PURE__ */ a("span", {
+			className: n.content,
+			children: s
+		}),
+		l && /* @__PURE__ */ a("span", {
+			className: n.rightSection,
+			children: l
+		})
+	]
+}));
+s.displayName = "BaseListItem";
+//#endregion
+export { s as BaseListItem };

package/dist/components/_internal/BaseListItem/base-list-item.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1lyw2_2`,t=`_disabled_1lyw2_26`,n=`_danger_1lyw2_30`,r=`_active_1lyw2_33`,i=`_icon_1lyw2_48`,a=`_content_1lyw2_59`,o=`_rightSection_1lyw2_67`,s={root:e,disabled:t,danger:n,active:r,icon:i,content:a,rightSection:o};exports.active=r,exports.content=a,exports.danger=n,exports.default=s,exports.disabled=t,exports.icon=i,exports.rightSection=o,exports.root=e;

package/dist/components/_internal/BaseListItem/base-list-item.module.js

@@ -0,0 +1,13 @@
+"use client";
+//#region src/components/_internal/BaseListItem/base-list-item.module.scss
+var e = "_root_1lyw2_2", t = "_disabled_1lyw2_26", n = "_danger_1lyw2_30", r = "_active_1lyw2_33", i = "_icon_1lyw2_48", a = "_content_1lyw2_59", o = "_rightSection_1lyw2_67", s = {
+	root: e,
+	disabled: t,
+	danger: n,
+	active: r,
+	icon: i,
+	content: a,
+	rightSection: o
+};
+//#endregion
+export { r as active, a as content, n as danger, s as default, t as disabled, i as icon, o as rightSection, e as root };

package/dist/components/_internal/BaseListItem/index.d.ts

@@ -0,0 +1 @@
+export * from './BaseListItem';

package/dist/components/_internal/FeedbackCloseButton.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../i18n/useWimTranslation.cjs"),n=require("../../icon/close.cjs"),r=require("../media/Icon/Icon.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=({onClose:e,id:i,className:o,ariaLabel:s,size:c=`sm`})=>{let{t:l}=t.useWimTranslation(`common`),u=s??l(`a11y.close`);return e?(0,a.jsx)(`button`,{type:`button`,className:o,onClick:t=>{t.stopPropagation(),e(i)},"aria-label":u,children:(0,a.jsx)(r.Icon,{component:n.default,size:c})}):null};exports.FeedbackCloseButton=o;

package/dist/components/_internal/FeedbackCloseButton.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { ComponentSize } from '../../types/tokens';
+/**
+ * Props for the FeedbackCloseButton component.
+ */
+export interface FeedbackCloseButtonProps {
+    /**
+     * Callback fired when the close button is clicked.
+     * If not provided, the button will not be rendered (returns null).
+     */
+    onClose?: (id?: string) => void;
+    /**
+     * Optional identifier for the target being closed (e.g., Toast ID).
+     */
+    id?: string;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+    /**
+     * ARIA label for accessibility. Defaults to translated "Close" label.
+     */
+    ariaLabel?: string;
+    /**
+     * Size of the close icon.
+     * @default "sm"
+     */
+    size?: ComponentSize;
+}
+/**
+ * FeedbackCloseButton is an internal component providing a standardized close button
+ * for feedback components like Toast, Notification, and Alert.
+ *
+ * Composition Contract:
+ * - Automatically handles click propagation stoppage.
+ * - Integrates with i18next for localized accessibility labels.
+ * - Returns null if onClose is not provided.
+ */
+export declare const FeedbackCloseButton: ({ onClose, id, className, ariaLabel, size, }: FeedbackCloseButtonProps) => React.JSX.Element | null;

package/dist/components/_internal/FeedbackCloseButton.js

@@ -0,0 +1,24 @@
+"use client";
+import { useWimTranslation as e } from "../../i18n/useWimTranslation.js";
+import t from "../../icon/close.js";
+import { Icon as n } from "../media/Icon/Icon.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/_internal/FeedbackCloseButton.tsx
+var i = ({ onClose: i, id: a, className: o, ariaLabel: s, size: c = "sm" }) => {
+	let { t: l } = e("common"), u = s ?? l("a11y.close");
+	return i ? /* @__PURE__ */ r("button", {
+		type: "button",
+		className: o,
+		onClick: (e) => {
+			e.stopPropagation(), i(a);
+		},
+		"aria-label": u,
+		children: /* @__PURE__ */ r(n, {
+			component: t,
+			size: c
+		})
+	}) : null;
+};
+//#endregion
+export { i as FeedbackCloseButton };

package/dist/components/_internal/FeedbackIcon.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../icon/check.cjs"),n=require("../../icon/circle.cjs"),r=require("../media/Icon/Icon.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=({intent:e=`info`,icon:o,size:s=`sm`,className:c,color:l})=>{if(o&&i.default.isValidElement(o))return(0,a.jsx)(a.Fragment,{children:o});if(o===!1)return null;switch(e){case`success`:return(0,a.jsx)(r.Icon,{component:t.default,size:s,className:c,color:l});default:return(0,a.jsx)(r.Icon,{component:n.default,size:s,className:c,color:l})}};exports.FeedbackIcon=o;

package/dist/components/_internal/FeedbackIcon.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { ComponentSize, WimIntent } from '../../types/tokens';
+/**
+ * Props for the FeedbackIcon component.
+ */
+export interface FeedbackIconProps {
+    /**
+     * Semantic intent of the feedback.
+     * @default "info"
+     */
+    intent?: WimIntent;
+    /**
+     * Custom icon node. If false, no icon will be rendered.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Size of the icon.
+     * @default "sm"
+     */
+    size?: ComponentSize;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+    /**
+     * Explicit color for the icon.
+     */
+    color?: "danger" | "success" | "warning" | "info";
+}
+/**
+ * FeedbackIcon is an internal component that resolves and displays the appropriate
+ * icon based on component intent or a custom icon prop.
+ *
+ * Composition Contract:
+ * - Prioritizes the `icon` prop if it is a valid React element.
+ * - Returns null if `icon` is explicitly `false`.
+ * - Maps `intent` to default system icons (e.g., success -> CheckIcon).
+ */
+export declare const FeedbackIcon: ({ intent, icon, size, className, color, }: FeedbackIconProps) => React.JSX.Element | null;

package/dist/components/_internal/FeedbackIcon.js

@@ -0,0 +1,27 @@
+"use client";
+import e from "../../icon/check.js";
+import t from "../../icon/circle.js";
+import { Icon as n } from "../media/Icon/Icon.js";
+import r from "react";
+import { Fragment as i, jsx as a } from "react/jsx-runtime";
+//#region src/components/_internal/FeedbackIcon.tsx
+var o = ({ intent: o = "info", icon: s, size: c = "sm", className: l, color: u }) => {
+	if (s && r.isValidElement(s)) return /* @__PURE__ */ a(i, { children: s });
+	if (s === !1) return null;
+	switch (o) {
+		case "success": return /* @__PURE__ */ a(n, {
+			component: e,
+			size: c,
+			className: l,
+			color: u
+		});
+		default: return /* @__PURE__ */ a(n, {
+			component: t,
+			size: c,
+			className: l,
+			color: u
+		});
+	}
+};
+//#endregion
+export { o as FeedbackIcon };

package/dist/components/_internal/FieldCharacterCount/FieldCharacterCount.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./field-character-count.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({count:e,maxLength:n,alwaysShow:a=!1,className:o,isError:s=!1})=>!a&&e===0&&n===void 0?null:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.root,{[t.default.danger]:s||n!==void 0&&e>n,[t.default.warning]:n!==void 0&&e>=n*.9&&e<=n},o),"aria-live":`polite`,children:[(0,i.jsx)(`span`,{className:t.default.count,children:e}),n!==void 0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`span`,{className:t.default.separator,children:` / `}),(0,i.jsx)(`span`,{className:t.default.max,children:n})]})]});exports.FieldCharacterCount=a;

package/dist/components/_internal/FieldCharacterCount/FieldCharacterCount.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface FieldCharacterCountProps {
+    /** Current character count */
+    count: number;
+    /** Maximum allowed characters */
+    maxLength?: number;
+    /** Whether to show the count even if count is 0 */
+    alwaysShow?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Error state (count exceeds maxLength) */
+    isError?: boolean;
+}
+/**
+ * Internal component to display character counts consistently across form elements.
+ */
+export declare const FieldCharacterCount: React.FC<FieldCharacterCountProps>;

package/dist/components/_internal/FieldCharacterCount/FieldCharacterCount.js

@@ -0,0 +1,25 @@
+"use client";
+import e from "./field-character-count.module.js";
+import "react";
+import t from "classnames";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/_internal/FieldCharacterCount/FieldCharacterCount.tsx
+var a = ({ count: a, maxLength: o, alwaysShow: s = !1, className: c, isError: l = !1 }) => !s && a === 0 && o === void 0 ? null : /* @__PURE__ */ i("div", {
+	className: t(e.root, {
+		[e.danger]: l || o !== void 0 && a > o,
+		[e.warning]: o !== void 0 && a >= o * .9 && a <= o
+	}, c),
+	"aria-live": "polite",
+	children: [/* @__PURE__ */ r("span", {
+		className: e.count,
+		children: a
+	}), o !== void 0 && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
+		className: e.separator,
+		children: " / "
+	}), /* @__PURE__ */ r("span", {
+		className: e.max,
+		children: o
+	})] })]
+});
+//#endregion
+export { a as FieldCharacterCount };

package/dist/components/_internal/FieldCharacterCount/field-character-count.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_m14ng_2`,t=`_danger_m14ng_11`,n=`_warning_m14ng_15`,r=`_separator_m14ng_18`,i={root:e,danger:t,warning:n,separator:r};exports.danger=t,exports.default=i,exports.root=e,exports.separator=r,exports.warning=n;

package/dist/components/_internal/FieldCharacterCount/field-character-count.module.js

@@ -0,0 +1,10 @@
+"use client";
+//#region src/components/_internal/FieldCharacterCount/field-character-count.module.scss
+var e = "_root_m14ng_2", t = "_danger_m14ng_11", n = "_warning_m14ng_15", r = "_separator_m14ng_18", i = {
+	root: e,
+	danger: t,
+	warning: n,
+	separator: r
+};
+//#endregion
+export { t as danger, i as default, e as root, r as separator, n as warning };

package/dist/components/_internal/FieldLabelContent.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../i18n/useWimTranslation.cjs"),n=require("../data-display/Badge/Badge.cjs"),r=require("./field-label-content.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=({label:e,required:i=!1,requiredLabel:o,showOptional:s=!1,optionalLabel:c,className:l})=>{let{t:u}=t.useWimTranslation(`form`),d=o??u(`form.required`),f=c??u(`form.optional`);return(0,a.jsxs)(`div`,{className:l,children:[(0,a.jsx)(`span`,{className:r.default.text,children:e}),i?(0,a.jsx)(n.Badge,{intent:`danger`,size:`sm`,className:r.default.badge,"aria-hidden":`true`,children:d}):s&&(0,a.jsx)(n.Badge,{intent:`neutral`,size:`sm`,className:r.default.badge,"aria-hidden":`true`,children:f})]})};exports.FieldLabelContent=o;

package/dist/components/_internal/FieldLabelContent.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+/**
+ * Props for the FieldLabelContent component.
+ */
+export type FieldLabelContentProps = {
+    /**
+     * The main label text or element.
+     */
+    label: React.ReactNode;
+    /**
+     * Whether the field is mandatory. If true, displays a required badge.
+     */
+    required?: boolean;
+    /**
+     * Custom text or element for the required badge.
+     * Defaults to the localized `form.required` string.
+     */
+    requiredLabel?: React.ReactNode;
+    /**
+     * Whether to display an optional badge when `required` is false.
+     * @default false
+     */
+    showOptional?: boolean;
+    /**
+     * Custom text or element for the optional badge.
+     * Defaults to the localized `form.optional` string.
+     */
+    optionalLabel?: React.ReactNode;
+    /**
+     * Additional CSS class name for the container.
+     */
+    className?: string;
+};
+/**
+ * FieldLabelContent is an internal component that standardizes the presentation
+ * of form field labels, including required/optional badges.
+ *
+ * Composition Contract:
+ * - Displays the primary label text.
+ * - Conditionally appends a `Badge` to indicate field requirement status.
+ * - Used internally by components like `Input`, `Select`, and `Textarea`.
+ */
+export declare const FieldLabelContent: ({ label, required, requiredLabel, showOptional, optionalLabel, className, }: FieldLabelContentProps) => React.JSX.Element;

package/dist/components/_internal/FieldLabelContent.js

@@ -0,0 +1,31 @@
+"use client";
+import { useWimTranslation as e } from "../../i18n/useWimTranslation.js";
+import { Badge as t } from "../data-display/Badge/Badge.js";
+import n from "./field-label-content.module.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/_internal/FieldLabelContent.tsx
+var a = ({ label: a, required: o = !1, requiredLabel: s, showOptional: c = !1, optionalLabel: l, className: u }) => {
+	let { t: d } = e("form"), f = s ?? d("form.required"), p = l ?? d("form.optional");
+	return /* @__PURE__ */ i("div", {
+		className: u,
+		children: [/* @__PURE__ */ r("span", {
+			className: n.text,
+			children: a
+		}), o ? /* @__PURE__ */ r(t, {
+			intent: "danger",
+			size: "sm",
+			className: n.badge,
+			"aria-hidden": "true",
+			children: f
+		}) : c && /* @__PURE__ */ r(t, {
+			intent: "neutral",
+			size: "sm",
+			className: n.badge,
+			"aria-hidden": "true",
+			children: p
+		})]
+	});
+};
+//#endregion
+export { a as FieldLabelContent };

package/dist/components/_internal/IndicatorBase.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");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({asChild:e=!1,children:n,content:a,icon:o,intent:s=`primary`,variant:c=`solid`,size:l=`md`,styles:u,interactive:d=!1,as:f,className:p,...m},h)=>{let g=e?t.Root:f||`span`,_=a??n,v=(0,r.default)(u?.root,u?.[s],u?.[c],u?.[l],d&&u?.interactive,p),y=u?.icon;return(0,i.jsxs)(g,{ref:h,className:v,...m,children:[o&&(0,i.jsx)(`span`,{className:y,children:o}),(0,i.jsx)(t.Slottable,{children:_})]})});a.displayName=`IndicatorBase`,exports.IndicatorBase=a;