wimui 0.1.0

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

@@ -0,0 +1,77 @@
+import { default as React } from 'react';
+import { ComponentSize, IndicatorIntent, IndicatorVariant } from '../../types/tokens';
+/**
+ * Props for the IndicatorBase component.
+ */
+export type IndicatorBaseProps<C extends React.ElementType = "span"> = {
+    /**
+     * If true, the indicator will be rendered as its child, merging its props onto that child.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Content to be rendered inside the indicator.
+     */
+    children?: React.ReactNode;
+    /**
+     * Content to be rendered inside the indicator (alternative to children).
+     */
+    content?: React.ReactNode;
+    /**
+     * Optional icon to display before the children.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Semantic intent for color coding.
+     * @default "primary"
+     */
+    intent?: IndicatorIntent;
+    /**
+     * Visual variant (solid, outline, subtle).
+     * @default "solid"
+     */
+    variant?: IndicatorVariant;
+    /**
+     * Size of the indicator.
+     * @default "md"
+     */
+    size?: ComponentSize;
+    /**
+     * Mapping of class names from a CSS module to apply theme-specific styling.
+     */
+    styles?: {
+        [key: string]: string;
+    };
+    /**
+     * Whether the indicator is interactive (shows hover/active states).
+     * @default false
+     */
+    interactive?: boolean;
+    /**
+     * The element type to render.
+     * @default "span"
+     */
+    as?: C;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+} & React.ComponentPropsWithoutRef<C>;
+/**
+ * IndicatorBase is a foundational internal component used to build indicator-style
+ * components such as Badge, Chip, and Tag.
+ *
+ * Composition Contract:
+ * - Supports polymorphic rendering via `as` or `asChild`.
+ * - Expects a `styles` object (usually from local CSS Modules) to map semantic states to classes.
+ * - Automatically handles the root, intent, variant, and size classes from the provided `styles`.
+ * - Provides a standardized layout for an optional icon and children.
+ */
+interface IndicatorBaseComponent {
+    <C extends React.ElementType = "span">(props: IndicatorBaseProps<C> & {
+        ref?: React.Ref<React.ComponentRef<C>>;
+    }): React.ReactElement;
+    displayName?: string;
+}
+export declare const IndicatorBase: IndicatorBaseComponent;
+export {};

package/dist/components/_internal/IndicatorBase.js

@@ -0,0 +1,20 @@
+"use client";
+import { Root as e, Slottable as t } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import n from "react";
+import r from "classnames";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+var o = n.forwardRef(({ asChild: n = !1, children: o, content: s, icon: c, intent: l = "primary", variant: u = "solid", size: d = "md", styles: f, interactive: p = !1, as: m, className: h, ...g }, _) => {
+	let v = n ? e : m || "span", y = s ?? o, b = r(f?.root, f?.[l], f?.[u], f?.[d], p && f?.interactive, h), x = f?.icon;
+	return /* @__PURE__ */ a(v, {
+		ref: _,
+		className: b,
+		...g,
+		children: [c && /* @__PURE__ */ i("span", {
+			className: x,
+			children: c
+		}), /* @__PURE__ */ i(t, { children: y })]
+	});
+});
+o.displayName = "IndicatorBase";
+//#endregion
+export { o as IndicatorBase };

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

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+import { IndicatorOrientation } from './useIndicator';
+/**
+ * Visual variants of the slider, matching the classes defined in
+ * indicator-slider.module.scss.
+ */
+export type IndicatorSliderVariant = "underline" | "contained";
+/**
+ * Props for the IndicatorSlider component.
+ */
+export type IndicatorSliderProps = {
+    /**
+     * CSS selector used to identify the currently active element within the parent container.
+     * The slider will position itself relative to this element.
+     */
+    activeSelector: string;
+    /**
+     * Whether the slider moves horizontally or vertically.
+     * @default "horizontal"
+     */
+    orientation?: IndicatorOrientation;
+    /**
+     * Additional CSS class name for the slider element.
+     */
+    className?: string;
+    /**
+     * Custom Inline styles for the slider element.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Visual variant of the slider. Maps to CSS Module classes.
+     */
+    variant?: IndicatorSliderVariant;
+    /**
+     * Dependency value that triggers a repositioning when changed (e.g., active tab ID).
+     */
+    dependence?: unknown;
+};
+/**
+ * IndicatorSlider is an internal component that renders an animated indicator
+ * that follows an "active" element (e.g., an active tab or segmented control item).
+ *
+ * Composition Contract:
+ * - Uses `useIndicator` hook to calculate the position and size of the active element.
+ * - Requires an `activeSelector` to be present within its scope or parent.
+ * - Handles transition states (e.g., hiding before it's ready) to prevent layout shifts.
+ *
+ * This component is used by `Tabs`, `SegmentedControl`, and `TabNavigation`.
+ */
+export declare const IndicatorSlider: ({ activeSelector, orientation, className, style, variant, dependence, }: IndicatorSliderProps) => React.JSX.Element;

package/dist/components/_internal/OverlayBase.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../overlay/Portal/Portal.cjs"),n=require("../layout/Transition/Transition.cjs"),r=require("../overlay/FocusTrap/FocusTrap.cjs"),i=require("./overlay-base.module.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=({open:e,onOpenChange:c,children:l,overlayClassName:u,contentClassName:d,transitionProps:f,overlayTransitionProps:p,role:m=`dialog`,ariaModal:h=!0,closeOnOverlayClick:g=!0,closeOnEscape:_=!0,...v})=>((0,a.useEffect)(()=>{let t=t=>{t.key===`Escape`&&e&&_&&(t.preventDefault(),t.stopPropagation(),c(!1))};return e&&document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`keydown`,t)}},[e,c,_]),(0,a.useEffect)(()=>{if(e){let e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}}},[e]),(0,s.jsx)(t.Portal,{children:(0,s.jsx)(n.Transition,{show:e,className:(0,o.default)(i.default.root,u),"data-testid":`overlay`,onClick:e=>{g&&e.target===e.currentTarget&&c(!1)},preset:`fade`,...p,children:(0,s.jsx)(n.Transition,{show:e,className:d,"data-testid":`overlay-content`,role:m,"aria-modal":h,onClick:e=>e.stopPropagation(),preset:`scale`,...f,...v,children:(0,s.jsx)(r.FocusTrap,{active:e,children:l})})})}));exports.OverlayBase=c;

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

@@ -0,0 +1,72 @@
+import { default as React, ReactNode } from 'react';
+import { Transition } from '../layout/Transition/Transition';
+/**
+ * Props for the OverlayBase component.
+ * Extends the standard HTML div attributes.
+ */
+export type OverlayBaseProps = {
+    /**
+     * Whether the overlay is currently visible.
+     */
+    open: boolean;
+    /**
+     * Callback fired when the overlay state changes (e.g., closing via Escape key or backdrop click).
+     */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Content to be rendered inside the overlay.
+     * Usually wrapped in a focus trap.
+     */
+    children: ReactNode;
+    /**
+     * Custom class name for the root backdrop element.
+     */
+    overlayClassName?: string;
+    /**
+     * Custom class name for the content wrapper element.
+     */
+    contentClassName?: string;
+    /**
+     * Configuration for the content transition.
+     * @see Transition
+     */
+    transitionProps?: Partial<React.ComponentProps<typeof Transition>>;
+    /**
+     * Configuration for the backdrop transition.
+     * @see Transition
+     */
+    overlayTransitionProps?: Partial<React.ComponentProps<typeof Transition>>;
+    /**
+     * ARIA role for the content wrapper.
+     * @default "dialog"
+     */
+    role?: string;
+    /**
+     * Whether the overlay should be treated as a modal for assistive technologies.
+     * @default true
+     */
+    ariaModal?: boolean;
+    /**
+     * Whether to trigger onOpenChange(false) when clicking the backdrop.
+     * @default true
+     */
+    closeOnOverlayClick?: boolean;
+    /**
+     * Whether to trigger onOpenChange(false) when pressing the Escape key.
+     * @default true
+     */
+    closeOnEscape?: boolean;
+} & React.ComponentPropsWithoutRef<"div">;
+/**
+ * OverlayBase is a foundational internal component used to build high-level overlays
+ * like Dialog, Drawer, and Modal.
+ *
+ * Composition Contract:
+ * - Renders children within a `Portal` to ensure they are at the top level of the DOM.
+ * - Manages focus trapping via `FocusTrap`.
+ * - Manages body scroll locking when `open` is true.
+ * - Provides two layers of transitions: one for the background overlay and one for the content.
+ *
+ * This component is not intended for direct use in applications.
+ */
+export declare const OverlayBase: ({ open, onOpenChange, children, overlayClassName, contentClassName, transitionProps, overlayTransitionProps, role, ariaModal, closeOnOverlayClick, closeOnEscape, ...rest }: OverlayBaseProps) => React.JSX.Element;

package/dist/components/_internal/OverlayBase.js

@@ -0,0 +1,54 @@
+"use client";
+import { Portal as e } from "../overlay/Portal/Portal.js";
+import { Transition as t } from "../layout/Transition/Transition.js";
+import { FocusTrap as n } from "../overlay/FocusTrap/FocusTrap.js";
+import r from "./overlay-base.module.js";
+import { useEffect as i } from "react";
+import a from "classnames";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/_internal/OverlayBase.tsx
+var s = ({ open: s, onOpenChange: c, children: l, overlayClassName: u, contentClassName: d, transitionProps: f, overlayTransitionProps: p, role: m = "dialog", ariaModal: h = !0, closeOnOverlayClick: g = !0, closeOnEscape: _ = !0, ...v }) => (i(() => {
+	let e = (e) => {
+		e.key === "Escape" && s && _ && (e.preventDefault(), e.stopPropagation(), c(!1));
+	};
+	return s && document.addEventListener("keydown", e), () => {
+		document.removeEventListener("keydown", e);
+	};
+}, [
+	s,
+	c,
+	_
+]), i(() => {
+	if (s) {
+		let e = window.getComputedStyle(document.body).overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = e;
+		};
+	}
+}, [s]), /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(t, {
+	show: s,
+	className: a(r.root, u),
+	"data-testid": "overlay",
+	onClick: (e) => {
+		g && e.target === e.currentTarget && c(!1);
+	},
+	preset: "fade",
+	...p,
+	children: /* @__PURE__ */ o(t, {
+		show: s,
+		className: d,
+		"data-testid": "overlay-content",
+		role: m,
+		"aria-modal": h,
+		onClick: (e) => e.stopPropagation(),
+		preset: "scale",
+		...f,
+		...v,
+		children: /* @__PURE__ */ o(n, {
+			active: s,
+			children: l
+		})
+	})
+}) }));
+//#endregion
+export { s as OverlayBase };

package/dist/components/_internal/StatusContent.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./status-content.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=({icon:e,title:n,description:a,actions:o,children:s,className:c,size:l=`md`,prefixCls:u})=>(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.root,t.default[l],u,c),children:[(0,i.jsxs)(`div`,{className:t.default.container,children:[e&&(0,i.jsx)(`div`,{className:t.default.icon,children:e}),(0,i.jsxs)(`div`,{className:t.default.content,children:[n&&(0,i.jsx)(`div`,{className:t.default.title,children:n}),a&&(0,i.jsx)(`div`,{className:t.default.description,children:a})]})]}),s&&(0,i.jsx)(`div`,{className:t.default.body,children:s}),o&&(0,i.jsx)(`div`,{className:t.default.actions,children:o})]});exports.StatusContent=a;

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

@@ -0,0 +1,50 @@
+import { default as React, ReactNode } from 'react';
+import { ComponentSize } from '../../types/tokens';
+/**
+ * Props for the StatusContent component.
+ */
+export type StatusContentProps = {
+    /**
+     * Main icon representing the status or state.
+     */
+    icon?: ReactNode;
+    /**
+     * Primary title or heading.
+     */
+    title?: ReactNode;
+    /**
+     * Supporting description or subtitle text.
+     */
+    description?: ReactNode;
+    /**
+     * Action elements (e.g., buttons, links) typically rendered at the bottom.
+     */
+    actions?: ReactNode;
+    /**
+     * Additional content children.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class name for the root element.
+     */
+    className?: string;
+    /**
+     * Size variation of the content and icons.
+     * @default "md"
+     */
+    size?: ComponentSize;
+    /**
+     * Custom class name prefix for the root element.
+     */
+    prefixCls?: string;
+};
+/**
+ * StatusContent is an internal component that unifies the layout and presentation
+ * for status-driven components like `Result`, `EmptyState`, and `ErrorBoundary`.
+ *
+ * Composition Contract:
+ * - Provides standardized layout slots for `icon`, `title`, `description`, and `actions`.
+ * - Ensures consistent spacing and typography across different status displays.
+ * - Supports responsive sizing via the `size` prop.
+ */
+export declare const StatusContent: ({ icon, title, description, actions, children, className, size, prefixCls, }: StatusContentProps) => React.JSX.Element;

package/dist/components/_internal/StatusContent.js

@@ -0,0 +1,37 @@
+"use client";
+import e from "./status-content.module.js";
+import "react";
+import t from "classnames";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/_internal/StatusContent.tsx
+var i = ({ icon: i, title: a, description: o, actions: s, children: c, className: l, size: u = "md", prefixCls: d }) => /* @__PURE__ */ r("div", {
+	className: t(e.root, e[u], d, l),
+	children: [
+		/* @__PURE__ */ r("div", {
+			className: e.container,
+			children: [i && /* @__PURE__ */ n("div", {
+				className: e.icon,
+				children: i
+			}), /* @__PURE__ */ r("div", {
+				className: e.content,
+				children: [a && /* @__PURE__ */ n("div", {
+					className: e.title,
+					children: a
+				}), o && /* @__PURE__ */ n("div", {
+					className: e.description,
+					children: o
+				})]
+			})]
+		}),
+		c && /* @__PURE__ */ n("div", {
+			className: e.body,
+			children: c
+		}),
+		s && /* @__PURE__ */ n("div", {
+			className: e.actions,
+			children: s
+		})
+	]
+});
+//#endregion
+export { i as StatusContent };

package/dist/components/_internal/field-label-content.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_text_13rfz_2`,t=`_badge_13rfz_5`,n={text:e,badge:t};exports.badge=t,exports.default=n,exports.text=e;

package/dist/components/_internal/field-label-content.module.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/_internal/field-label-content.module.scss
+var e = "_text_13rfz_2", t = "_badge_13rfz_5", n = {
+	text: e,
+	badge: t
+};
+//#endregion
+export { t as badge, n as default, e as text };

package/dist/components/_internal/mergeRefs.cjs

@@ -0,0 +1,2 @@
+"use client";
+function e(...e){return t=>{e.forEach(e=>{typeof e==`function`?e(t):e!=null&&(e.current=t)})}}exports.mergeRefs=e;

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+/**
+ * 複数のrefを1つに統合します。
+ * 内部でrefを使用しつつ、外部からのrefも受け入れる必要がある場合に便利です。
+ */
+export declare function mergeRefs<T = any>(...refs: Array<React.MutableRefObject<T> | React.LegacyRef<T> | undefined | null>): React.RefCallback<T>;

package/dist/components/_internal/mergeRefs.js

@@ -0,0 +1,11 @@
+"use client";
+//#region src/components/_internal/mergeRefs.ts
+function e(...e) {
+	return (t) => {
+		e.forEach((e) => {
+			typeof e == "function" ? e(t) : e != null && (e.current = t);
+		});
+	};
+}
+//#endregion
+export { e as mergeRefs };

package/dist/components/_internal/overlay-base.module.cjs

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

package/dist/components/_internal/overlay-base.module.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/_internal/overlay-base.module.scss
+var e = "_root_1rihs_2", t = { root: e };
+//#endregion
+export { t as default, e as root };

package/dist/components/_internal/status-content.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1kdjo_2`,t=`_sm_1kdjo_10`,n=`_container_1kdjo_16`,r=`_icon_1kdjo_21`,i=`_title_1kdjo_29`,a=`_description_1kdjo_32`,o=`_actions_1kdjo_35`,s=`_content_1kdjo_45`,c=`_body_1kdjo_78`,l={root:e,sm:t,container:n,icon:r,title:i,description:a,actions:o,content:s,body:c};exports.actions=o,exports.body=c,exports.container=n,exports.content=s,exports.default=l,exports.description=a,exports.icon=r,exports.root=e,exports.sm=t,exports.title=i;

package/dist/components/_internal/status-content.module.js

@@ -0,0 +1,15 @@
+"use client";
+//#region src/components/_internal/status-content.module.scss
+var e = "_root_1kdjo_2", t = "_sm_1kdjo_10", n = "_container_1kdjo_16", r = "_icon_1kdjo_21", i = "_title_1kdjo_29", a = "_description_1kdjo_32", o = "_actions_1kdjo_35", s = "_content_1kdjo_45", c = "_body_1kdjo_78", l = {
+	root: e,
+	sm: t,
+	container: n,
+	icon: r,
+	title: i,
+	description: a,
+	actions: o,
+	content: s,
+	body: c
+};
+//#endregion
+export { o as actions, c as body, n as container, s as content, l as default, a as description, r as icon, e as root, t as sm, i as title };

package/dist/components/_internal/useFloatingElement.cjs

@@ -0,0 +1,2 @@
+"use client";
+let e=require("react"),t=require("@floating-ui/react");var n=({placement:n=`bottom-start`,open:r,defaultOpen:i=!1,onOpenChange:a,trigger:o=`click`,offset:s=8,role:c=`dialog`}={})=>{let[l,u]=(0,e.useState)(i),d=r??l,f=e=>{r===void 0&&u(e),a?.(e)},p=(0,t.useFloating)({open:d,onOpenChange:f,placement:n,whileElementsMounted:t.autoUpdate,middleware:[(0,t.offset)(s),(0,t.flip)(),(0,t.shift)({padding:10})]}),{context:m}=p,h=(0,t.useInteractions)([(0,t.useClick)(m,{enabled:o===`click`}),(0,t.useHover)(m,{enabled:o===`hover`,handleClose:(0,t.safePolygon)()}),(0,t.useFocus)(m,{enabled:o===`hover`}),(0,t.useDismiss)(m),(0,t.useRole)(m,{role:c})]);return{isOpen:d,setOpen:f,...p,...h,isPositioned:p.isPositioned}};exports.useFloatingElement=n;

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

@@ -0,0 +1,69 @@
+import { Placement, ReferenceType } from '@floating-ui/react';
+export type FloatingTriggerType = "click" | "hover" | "none";
+export interface FloatingElementOptions {
+    placement?: Placement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: FloatingTriggerType;
+    offset?: number;
+    role?: "dialog" | "menu" | "listbox" | "tooltip" | "label";
+}
+/**
+ * useFloatingElement is a shared internal hook for "floating" components like Popover,
+ * Dropdown, Menu, and Tooltip.
+ *
+ * Composition Contract:
+ * - Centralizes Floating UI logic for automated position calculation.
+ * - Handles standard interaction triggers (click, hover, focus).
+ * - Manages accessibility attributes via `useRole`.
+ * - Provides dismiss behavior (outside click, escape key).
+ *
+ * @param options Configuration options for positioning and interaction.
+ */
+export declare const useFloatingElement: ({ placement, open: controlledOpen, defaultOpen, onOpenChange, trigger, offset: offsetValue, role: roleType, }?: FloatingElementOptions) => {
+    isPositioned: boolean;
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) => Record<string, unknown>;
+    placement: Placement;
+    strategy: import('@floating-ui/utils').Strategy;
+    middlewareData: import('@floating-ui/core').MiddlewareData;
+    x: number;
+    y: number;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: import('react').MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import('@floating-ui/react').ExtendedRefs<ReferenceType>;
+    elements: {
+        reference: import('@floating-ui/react-dom').ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import('@floating-ui/react').ExtendedElements<ReferenceType>;
+    context: {
+        x: number;
+        y: number;
+        placement: Placement;
+        strategy: import('@floating-ui/utils').Strategy;
+        middlewareData: import('@floating-ui/core').MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+        events: import('@floating-ui/react').FloatingEvents;
+        dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
+        nodeId: string | undefined;
+        floatingId: string | undefined;
+        refs: import('@floating-ui/react').ExtendedRefs<ReferenceType>;
+        elements: import('@floating-ui/react').ExtendedElements<ReferenceType>;
+    };
+    isOpen: boolean;
+    setOpen: (newOpen: boolean) => void;
+};

package/dist/components/_internal/useFloatingElement.js

@@ -0,0 +1,37 @@
+"use client";
+import { useState as e } from "react";
+import { autoUpdate as t, flip as n, offset as r, safePolygon as i, shift as a, useClick as o, useDismiss as s, useFloating as c, useFocus as l, useHover as u, useInteractions as d, useRole as f } from "@floating-ui/react";
+//#region src/components/_internal/useFloatingElement.ts
+var p = ({ placement: p = "bottom-start", open: m, defaultOpen: h = !1, onOpenChange: g, trigger: _ = "click", offset: v = 8, role: y = "dialog" } = {}) => {
+	let [b, x] = e(h), S = m ?? b, C = (e) => {
+		m === void 0 && x(e), g?.(e);
+	}, w = c({
+		open: S,
+		onOpenChange: C,
+		placement: p,
+		whileElementsMounted: t,
+		middleware: [
+			r(v),
+			n(),
+			a({ padding: 10 })
+		]
+	}), { context: T } = w, E = d([
+		o(T, { enabled: _ === "click" }),
+		u(T, {
+			enabled: _ === "hover",
+			handleClose: i()
+		}),
+		l(T, { enabled: _ === "hover" }),
+		s(T),
+		f(T, { role: y })
+	]);
+	return {
+		isOpen: S,
+		setOpen: C,
+		...w,
+		...E,
+		isPositioned: w.isPositioned
+	};
+};
+//#endregion
+export { p as useFloatingElement };

package/dist/components/_internal/useIndicator.cjs

@@ -0,0 +1,2 @@
+"use client";
+let e=require("react");var t=typeof window<`u`?e.useLayoutEffect:e.useEffect,n=({activeSelector:n,orientation:r=`horizontal`,variant:i,dependence:a})=>{let o=(0,e.useRef)(null),[s,c]=(0,e.useState)({opacity:0}),[l,u]=(0,e.useState)(!1),d=(0,e.useRef)(!1),f=(0,e.useCallback)(()=>{let e=o.current;if(!e)return;let t=e.querySelector(n);if(t){let e={opacity:1};r===`horizontal`?(e.width=`${t.offsetWidth}px`,e.transform=`translateX(${t.offsetLeft}px)`):(e.height=`${t.offsetHeight}px`,e.transform=`translateY(${t.offsetTop}px)`),c(e),d.current||requestAnimationFrame(()=>{d.current=!0,u(!0)})}else c({opacity:0})},[n,r]);return t(()=>{let e=o.current;if(!e)return;f();let t=new ResizeObserver(()=>f());t.observe(e);let n=new MutationObserver(e=>{for(let t of e)(t.type===`childList`||t.type===`attributes`&&t.attributeName===`class`)&&f()});return n.observe(e,{attributes:!0,subtree:!0,childList:!0,attributeFilter:[`class`]}),()=>{t.disconnect(),n.disconnect()}},[f,i,a]),{containerRef:o,sliderStyle:s,isReady:l,updateIndicator:f}};exports.useIndicator=n;

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

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+export type IndicatorOrientation = "horizontal" | "vertical";
+export interface UseIndicatorOptions {
+    /** The CSS selector for the active element (e.g. ".active") */
+    activeSelector: string;
+    /** Orientation of the indicator */
+    orientation?: IndicatorOrientation;
+    /** Optional variant indicator to trigger re-calculation */
+    variant?: string;
+    /** Extra dependence for re-calculating */
+    dependence?: unknown;
+}
+/**
+ * useIndicator is a private hook used to calculate the position and size
+ * of a sliding indicator that tracks an active element (e.g., in Tabs or SegmentedControl).
+ *
+ * Composition Contract:
+ * - Monitors the container element for DOM and layout changes.
+ * - Uses ResizeObserver and MutationObserver for reactive positioning.
+ * - Resolves the target element using the provided `activeSelector`.
+ * - Manages an `isReady` state to prevent layout flickering on mount.
+ *
+ * @param options Configuration for tracking the active element.
+ */
+export declare const useIndicator: ({ activeSelector, orientation, variant, dependence, }: UseIndicatorOptions) => {
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    sliderStyle: React.CSSProperties;
+    isReady: boolean;
+    updateIndicator: () => void;
+};

package/dist/components/_internal/useIndicator.js

@@ -0,0 +1,45 @@
+"use client";
+import { useCallback as e, useEffect as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
+//#region src/components/_internal/useIndicator.ts
+var a = typeof window < "u" ? n : t, o = ({ activeSelector: t, orientation: n = "horizontal", variant: o, dependence: s }) => {
+	let c = r(null), [l, u] = i({ opacity: 0 }), [d, f] = i(!1), p = r(!1), m = e(() => {
+		let e = c.current;
+		if (!e) return;
+		let r = e.querySelector(t);
+		if (r) {
+			let e = { opacity: 1 };
+			n === "horizontal" ? (e.width = `${r.offsetWidth}px`, e.transform = `translateX(${r.offsetLeft}px)`) : (e.height = `${r.offsetHeight}px`, e.transform = `translateY(${r.offsetTop}px)`), u(e), p.current || requestAnimationFrame(() => {
+				p.current = !0, f(!0);
+			});
+		} else u({ opacity: 0 });
+	}, [t, n]);
+	return a(() => {
+		let e = c.current;
+		if (!e) return;
+		m();
+		let t = new ResizeObserver(() => m());
+		t.observe(e);
+		let n = new MutationObserver((e) => {
+			for (let t of e) (t.type === "childList" || t.type === "attributes" && t.attributeName === "class") && m();
+		});
+		return n.observe(e, {
+			attributes: !0,
+			subtree: !0,
+			childList: !0,
+			attributeFilter: ["class"]
+		}), () => {
+			t.disconnect(), n.disconnect();
+		};
+	}, [
+		m,
+		o,
+		s
+	]), {
+		containerRef: c,
+		sliderStyle: l,
+		isReady: d,
+		updateIndicator: m
+	};
+};
+//#endregion
+export { o as useIndicator };

package/dist/components/ai/AIResponseFeedback/AIResponseFeedback.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/refresh.cjs"),r=require("../../../icon/thumb-down.cjs"),i=require("../../../icon/thumb-up.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./airesponse-feedback.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=s.default.forwardRef(({feedback:e,defaultFeedback:u=null,onFeedback:d,showRegenerate:f=!1,onRegenerate:p,disabled:m=!1,className:h,...g},_)=>{let{t:v}=t.useWimTranslation(`form`),y=e!==void 0,[b,x]=s.default.useState(u),S=y?e??null:b,C=e=>{if(m)return;let t=S===e?null:e;y||x(t),d?.(t)};return(0,l.jsxs)(`div`,{ref:_,role:`group`,"aria-label":v(`ai_feedback.group_label`),className:(0,c.default)(`wim-ai-response-feedback`,o.default.root,h),...g,children:[(0,l.jsx)(`button`,{type:`button`,className:(0,c.default)(o.default.button,S===`positive`&&o.default.positive),onClick:()=>C(`positive`),"aria-label":v(`ai_feedback.positive_label`),"aria-pressed":S===`positive`,disabled:m,children:(0,l.jsx)(a.Icon,{component:i.default,size:`sm`})}),(0,l.jsx)(`button`,{type:`button`,className:(0,c.default)(o.default.button,S===`negative`&&o.default.negativeActive),onClick:()=>C(`negative`),"aria-label":v(`ai_feedback.negative_label`),"aria-pressed":S===`negative`,disabled:m,children:(0,l.jsx)(a.Icon,{component:r.default,size:`sm`})}),f&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`div`,{className:o.default.divider,"aria-hidden":`true`}),(0,l.jsx)(`button`,{type:`button`,className:o.default.button,onClick:p,"aria-label":v(`ai_feedback.regenerate_label`),disabled:m,children:(0,l.jsx)(a.Icon,{component:n.default,size:`sm`})})]})]})});u.displayName=`AIResponseFeedback`,exports.AIResponseFeedback=u;