@molecule/app-ui-react 1.0.0

package/dist/components/Tabs.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Tabs component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { TabsProps } from '@molecule/app-ui';
+/**
+ * Tabs component.
+ */
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps<string> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/components/Tabs.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGjD;;GAEG;AACH,eAAO,MAAM,IAAI,0FA+GhB,CAAA"}

package/dist/components/Tabs.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Tabs component.
+ *
+ * @module
+ */
+import { forwardRef, useId, useRef, useState } from 'react';
+import { getClassMap } from '@molecule/app-ui';
+/**
+ * Tabs component.
+ */
+export const Tabs = forwardRef(({ items, value, defaultValue, onChange, variant, size, fitted, className, style, testId }, ref) => {
+    const [internalValue, setInternalValue] = useState(defaultValue || items[0]?.value);
+    const activeValue = value !== undefined ? value : internalValue;
+    const cm = getClassMap();
+    // Per-instance id prefix: bare `tab-${value}` ids collided whenever two
+    // Tabs instances on one page shared a tab value (e.g. both have an
+    // "overview" tab) — aria-labelledby/aria-controls then resolved to the
+    // OTHER instance's elements.
+    const idBase = useId();
+    const tabRefs = useRef({});
+    const selectTab = (tabValue) => {
+        if (value === undefined) {
+            setInternalValue(tabValue);
+        }
+        onChange?.(tabValue);
+    };
+    // WAI-ARIA APG "automatic activation" tabs pattern: roving tabindex
+    // (only the active tab is a Tab stop — see `tabIndex` below) plus
+    // Left/Right/Home/End moving BOTH focus and the active tab, so keyboard
+    // users never have to Tab through every trigger to reach the one they
+    // want. Disabled tabs are skipped.
+    const handleKeyDown = (event) => {
+        const enabled = items.filter((item) => !item.disabled);
+        if (enabled.length === 0)
+            return;
+        const currentIndex = enabled.findIndex((item) => item.value === activeValue);
+        let nextIndex;
+        switch (event.key) {
+            case 'ArrowRight':
+                nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % enabled.length;
+                break;
+            case 'ArrowLeft':
+                nextIndex = currentIndex === -1 ? 0 : (currentIndex - 1 + enabled.length) % enabled.length;
+                break;
+            case 'Home':
+                nextIndex = 0;
+                break;
+            case 'End':
+                nextIndex = enabled.length - 1;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        const nextValue = enabled[nextIndex].value;
+        selectTab(nextValue);
+        tabRefs.current[nextValue]?.focus();
+    };
+    const activeItem = items.find((item) => item.value === activeValue);
+    return (_jsxs("div", { ref: ref, className: className, style: style, "data-testid": testId, children: [_jsx("div", { className: cm.cn(cm.tabsList({ variant, size }), fitted && cm.tabsFitted), role: "tablist", onKeyDown: handleKeyDown, children: items.map((item) => {
+                    const isActive = item.value === activeValue;
+                    return (_jsxs("button", { ref: (node) => {
+                            tabRefs.current[item.value] = node;
+                        }, id: `${idBase}-tab-${item.value}`, type: "button", role: "tab", "aria-selected": isActive, "aria-controls": `${idBase}-tabpanel-${item.value}`, "data-state": isActive ? 'active' : 'inactive', 
+                        // Roving tabindex: only the active tab is a Tab stop —
+                        // arrow keys (handled above) move focus among the rest.
+                        tabIndex: isActive ? 0 : -1, disabled: item.disabled, onClick: () => selectTab(item.value), className: cm.cn(cm.tabsTrigger({ variant, size }), fitted && cm.tabTriggerFitted), children: [!!item.icon && (_jsx("span", { className: cm.tabTriggerIcon, children: item.icon })), item.label] }, item.value));
+                }) }), !!activeItem?.content && (_jsx("div", { role: "tabpanel", id: `${idBase}-tabpanel-${activeValue}`, "aria-labelledby": `${idBase}-tab-${activeValue}`, className: cm.tabsContent({ variant, size }), children: activeItem.content }))] }));
+});
+Tabs.displayName = 'Tabs';
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/components/Tabs.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGlE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EACzF,GAAG,EACH,EAAE;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;IACnF,MAAM,WAAW,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAA;IAE/D,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,wEAAwE;IACxE,mEAAmE;IACnE,uEAAuE;IACvE,6BAA6B;IAC7B,MAAM,MAAM,GAAG,KAAK,EAAE,CAAA;IACtB,MAAM,OAAO,GAAG,MAAM,CAA2C,EAAE,CAAC,CAAA;IAEpE,MAAM,SAAS,GAAG,CAAC,QAAgB,EAAQ,EAAE;QAC3C,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QAC5B,CAAC;QACD,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,oEAAoE;IACpE,kEAAkE;IAClE,wEAAwE;IACxE,sEAAsE;IACtE,mCAAmC;IACnC,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAQ,EAAE;QACzE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACtD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAM;QAChC,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,WAAW,CAAC,CAAA;QAE5E,IAAI,SAAiB,CAAA;QACrB,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,YAAY;gBACf,SAAS,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAA;gBACzE,MAAK;YACP,KAAK,WAAW;gBACd,SAAS,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAA;gBAC1F,MAAK;YACP,KAAK,MAAM;gBACT,SAAS,GAAG,CAAC,CAAA;gBACb,MAAK;YACP,KAAK,KAAK;gBACR,SAAS,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;gBAC9B,MAAK;YACP;gBACE,OAAM;QACV,CAAC;QACD,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,KAAK,CAAA;QAC1C,SAAS,CAAC,SAAS,CAAC,CAAA;QACpB,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAA;IACrC,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,WAAW,CAAC,CAAA;IAEnE,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAe,MAAM,aACpE,cACE,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,IAAI,EAAE,CAAC,UAAU,CAAC,EACzE,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,aAAa,YAEvB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,WAAW,CAAA;oBAC3C,OAAO,CACL,kBAEE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;4BACZ,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAA;wBACpC,CAAC,EACD,EAAE,EAAE,GAAG,MAAM,QAAQ,IAAI,CAAC,KAAK,EAAE,EACjC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,QAAQ,mBACR,GAAG,MAAM,aAAa,IAAI,CAAC,KAAK,EAAE,gBAKrC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;wBAC5C,uDAAuD;wBACvD,wDAAwD;wBACxD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EACpC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,IAAI,EAAE,CAAC,gBAAgB,CAAC,aAEjF,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CACd,eAAM,SAAS,EAAE,EAAE,CAAC,cAAc,YAAG,IAAI,CAAC,IAAuB,GAAQ,CAC1E,EACA,IAAI,CAAC,KAAwB,KAxBzB,IAAI,CAAC,KAAK,CAyBR,CACV,CAAA;gBACH,CAAC,CAAC,GACE,EACL,CAAC,CAAC,UAAU,EAAE,OAAO,IAAI,CACxB,cACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,GAAG,MAAM,aAAa,WAAW,EAAE,qBACtB,GAAG,MAAM,QAAQ,WAAW,EAAE,EAC/C,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,YAE3C,UAAU,CAAC,OAA0B,GAClC,CACP,IACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

package/dist/components/Textarea.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Textarea component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { TextareaProps } from '@molecule/app-ui';
+/**
+ * Textarea component.
+ */
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGrD;;GAEG;AACH,eAAO,MAAM,QAAQ,2FA6HpB,CAAA"}

package/dist/components/Textarea.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Textarea component.
+ *
+ * @module
+ */
+import { forwardRef, useCallback, useEffect, useId, useRef } from 'react';
+import { getClassMap } from '@molecule/app-ui';
+/**
+ * Textarea component.
+ */
+export const Textarea = forwardRef(({ size, label, error, hint, autoResize, minRows = 3, maxRows, className, style, testId, disabled, required, value, defaultValue, placeholder, name, id, rows, onChange, onFocus, onBlur, ...rest }, ref) => {
+    // Always track the node in internalRef (for autoResize) AND forward it to
+    // the caller's ref. The previous `(ref || internalRef) as RefObject` cast
+    // silently broke autoResize whenever the caller passed a CALLBACK ref
+    // (functions have no `.current`).
+    const internalRef = useRef(null);
+    const setRefs = useCallback((node) => {
+        internalRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const cm = getClassMap();
+    // Fall back to a generated id so label htmlFor / aria-describedby never
+    // point at `undefined-error` (which also collides across multiple
+    // id-less textareas on the same page).
+    const generatedId = useId();
+    const textareaId = id || name || generatedId;
+    const resize = useCallback(() => {
+        const element = internalRef.current;
+        if (!autoResize || !element)
+            return;
+        element.style.height = 'auto';
+        const lineHeight = parseInt(getComputedStyle(element).lineHeight) || 20;
+        const minHeight = minRows * lineHeight;
+        const maxHeight = maxRows ? maxRows * lineHeight : Infinity;
+        const newHeight = Math.min(Math.max(element.scrollHeight, minHeight), maxHeight);
+        element.style.height = `${newHeight}px`;
+    }, [autoResize, minRows, maxRows]);
+    // Controlled usage (value tracked by the caller) recomputes here.
+    useEffect(() => {
+        resize();
+    }, [value, resize]);
+    // Uncontrolled usage (defaultValue + the user typing) never changes
+    // `value`, so the effect above never re-runs — autoResize silently did
+    // nothing for every uncontrolled textarea. Listening for real `input`
+    // events on the element itself catches keystrokes, paste, and IME
+    // composition regardless of whether the caller tracks `value`.
+    useEffect(() => {
+        const element = internalRef.current;
+        if (!autoResize || !element)
+            return;
+        element.addEventListener('input', resize);
+        return () => element.removeEventListener('input', resize);
+    }, [autoResize, resize]);
+    const textareaClasses = cm.cn(cm.textarea({ error: !!error, size }), className);
+    return (_jsxs("div", { className: cm.inputWrapper, children: [label && (_jsx("label", { htmlFor: textareaId, className: cm.cn(cm.label({ required: !!required }), cm.labelBlock), children: label })), _jsx("textarea", { ref: setRefs, id: textareaId, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, required: required, rows: rows || minRows, "aria-invalid": !!error, "aria-describedby": error ? `${textareaId}-error` : hint ? `${textareaId}-hint` : undefined, className: textareaClasses, 
+                // autoResize sizes the box to its content via inline height, but the
+                // bond's min-h class would floor it — neutralize it and let resize()
+                // enforce `minRows` instead. Caller style still wins.
+                style: autoResize ? { minHeight: 0, resize: 'none', ...style } : style, "data-testid": testId, onChange: onChange, onFocus: onFocus, onBlur: onBlur, ...rest }), error && (_jsx("p", { id: `${textareaId}-error`, className: cm.formError, children: error })), hint && !error && (_jsx("p", { id: `${textareaId}-hint`, className: cm.formHint, children: hint }))] }));
+});
+Textarea.displayName = 'Textarea';
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,OAAO,GAAG,CAAC,EACX,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,0EAA0E;IAC1E,0EAA0E;IAC1E,sEAAsE;IACtE,kCAAkC;IAClC,MAAM,WAAW,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAA;IAC5D,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAAgC,EAAE,EAAE;QACnC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;QAC1B,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,IAAI,CAAC,CAAA;aACnC,IAAI,GAAG;YAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAClC,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,wEAAwE;IACxE,kEAAkE;IAClE,uCAAuC;IACvC,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;IAC3B,MAAM,UAAU,GAAG,EAAE,IAAI,IAAI,IAAI,WAAW,CAAA;IAE5C,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAA;QACnC,IAAI,CAAC,UAAU,IAAI,CAAC,OAAO;YAAE,OAAM;QACnC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC7B,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;QACvE,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;QACtC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAA;QAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAA;QAChF,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,SAAS,IAAI,CAAA;IACzC,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAElC,kEAAkE;IAClE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,CAAA;IACV,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAEnB,oEAAoE;IACpE,uEAAuE;IACvE,sEAAsE;IACtE,kEAAkE;IAClE,+DAA+D;IAC/D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAA;QACnC,IAAI,CAAC,UAAU,IAAI,CAAC,OAAO;YAAE,OAAM;QACnC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QACzC,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC3D,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;IAExB,MAAM,eAAe,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,CAAA;IAE/E,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,aAC5B,KAAK,IAAI,CACR,gBACE,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,YAElE,KAAK,GACA,CACT,EACD,mBACE,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,IAAI,OAAO,kBACP,CAAC,CAAC,KAAK,sBACH,KAAK,CAAC,CAAC,CAAC,GAAG,UAAU,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,UAAU,OAAO,CAAC,CAAC,CAAC,SAAS,EACzF,SAAS,EAAE,eAAe;gBAC1B,qEAAqE;gBACrE,qEAAqE;gBACrE,sDAAsD;gBACtD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,iBACzD,MAAM,EACnB,QAAQ,EAAE,QAAoE,EAC9E,OAAO,EAAE,OAAkE,EAC3E,MAAM,EAAE,MAAiE,KACpE,IAA0D,GAC/D,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,GAAG,UAAU,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,YAClD,KAAK,GACJ,CACL,EACA,IAAI,IAAI,CAAC,KAAK,IAAI,CACjB,YAAG,EAAE,EAAE,GAAG,UAAU,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,YAChD,IAAI,GACH,CACL,IACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/dist/components/ThemeToggle.d.ts

@@ -0,0 +1,43 @@
+import type { ButtonHTMLAttributes, JSX } from 'react';
+import type { IconName } from '@molecule/app-icons';
+/**
+ * Props for {@link ThemeToggle}.
+ *
+ * Extends standard `<button>` attributes so callers can pass any extra
+ * `data-*`, `aria-*`, event handler, or `style` prop without forking the
+ * component. The handful of explicitly named props below let apps swap
+ * the icon glyphs, label, or size without spreading attribute concerns.
+ */
+export interface ThemeToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label' | 'aria-pressed' | 'onClick' | 'type'> {
+    /** i18n key for the `aria-label`. Defaults to `'theme.toggle'`. */
+    ariaLabelKey?: string;
+    /** Fallback `aria-label` if the i18n key is missing. Defaults to `'Toggle theme'`. */
+    ariaLabelDefault?: string;
+    /** Icon name to render in dark mode. Defaults to `'moon'`. */
+    darkIcon?: IconName;
+    /** Icon name to render in light mode. Defaults to `'sun'`. */
+    lightIcon?: IconName;
+    /** Pixel size for the rendered icon. Defaults to `20`. */
+    iconSize?: number;
+}
+/**
+ * Button that flips the wired theme bond between light and dark.
+ *
+ * Reads `mode` and `toggleTheme` from `useTheme()` and shows the
+ * configured dark/light icon accordingly. Ships with molecule
+ * conventions out of the box:
+ *
+ * - `data-mol-id="theme-toggle"` for AI-agent / e2e selection
+ * - `data-mode={mode}` so tests can assert current state via DOM
+ * - `aria-pressed={mode === 'dark'}` for screen-reader state
+ * - `aria-label` from the `theme.toggle` i18n key (default `"Toggle theme"`)
+ *
+ * Every per-app variant the fleet was carrying — extra `data-*` attrs,
+ * additional `aria-*` flags, custom event handlers — is now absorbed
+ * via the spread of unknown props. Apps that need different icons or
+ * label text use the named props.
+ *
+ * @param props - {@link ThemeToggleProps}
+ */
+export declare function ThemeToggle({ ariaLabelKey, ariaLabelDefault, darkIcon, lightIcon, iconSize, className, ...rest }?: ThemeToggleProps): JSX.Element;
+//# sourceMappingURL=ThemeToggle.d.ts.map

package/dist/components/ThemeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../src/components/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAMnD;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,GAAG,cAAc,GAAG,SAAS,GAAG,MAAM,CACnD;IACC,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,YAA6B,EAC7B,gBAAiC,EACjC,QAAiB,EACjB,SAAiB,EACjB,QAAa,EACb,SAAS,EACT,GAAG,IAAI,EACR,GAAE,gBAAqB,GAAG,GAAG,CAAC,OAAO,CAuBrC"}

package/dist/components/ThemeToggle.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme, useTranslation } from '@molecule/app-react';
+import { getClassMap } from '@molecule/app-ui';
+import { Icon } from './Icon.js';
+/**
+ * Button that flips the wired theme bond between light and dark.
+ *
+ * Reads `mode` and `toggleTheme` from `useTheme()` and shows the
+ * configured dark/light icon accordingly. Ships with molecule
+ * conventions out of the box:
+ *
+ * - `data-mol-id="theme-toggle"` for AI-agent / e2e selection
+ * - `data-mode={mode}` so tests can assert current state via DOM
+ * - `aria-pressed={mode === 'dark'}` for screen-reader state
+ * - `aria-label` from the `theme.toggle` i18n key (default `"Toggle theme"`)
+ *
+ * Every per-app variant the fleet was carrying — extra `data-*` attrs,
+ * additional `aria-*` flags, custom event handlers — is now absorbed
+ * via the spread of unknown props. Apps that need different icons or
+ * label text use the named props.
+ *
+ * @param props - {@link ThemeToggleProps}
+ */
+export function ThemeToggle({ ariaLabelKey = 'theme.toggle', ariaLabelDefault = 'Toggle theme', darkIcon = 'moon', lightIcon = 'sun', iconSize = 20, className, ...rest } = {}) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const { mode, toggleTheme } = useTheme();
+    return (_jsx("button", { type: "button", "data-mol-id": "theme-toggle", "data-mode": mode, "aria-pressed": mode === 'dark', "aria-label": t(ariaLabelKey, {}, { defaultValue: ariaLabelDefault }), onClick: toggleTheme, className: cm.cn(cm.themeToggleButton, className), ...rest, children: mode === 'dark' ? (_jsx(Icon, { name: darkIcon, size: iconSize })) : (_jsx(Icon, { name: lightIcon, size: iconSize })) }));
+}
+//# sourceMappingURL=ThemeToggle.js.map

package/dist/components/ThemeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.js","sourceRoot":"","sources":["../../src/components/ThemeToggle.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AA0BhC;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,YAAY,GAAG,cAAc,EAC7B,gBAAgB,GAAG,cAAc,EACjC,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,EAAE,EACb,SAAS,EACT,GAAG,IAAI,KACa,EAAE;IACtB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAA;IAExC,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,iBACD,cAAc,eACf,IAAI,kBACD,IAAI,KAAK,MAAM,gBACjB,CAAC,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,EACnE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAC7C,IAAI,YAEP,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACjB,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAI,CACzC,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,GAAI,CAC1C,GACM,CACV,CAAA;AACH,CAAC"}

package/dist/components/Toast.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Toast component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { ToastProps } from '@molecule/app-ui';
+/**
+ * Single Toast component.
+ *
+ * The auto-dismiss countdown pauses on hover AND focus (WCAG 2.2.1) and
+ * resumes with whatever time was left — a slow reader or a keyboard/AT
+ * user interacting with the toast never has it disappear mid-read. The
+ * announced role follows `status`: `warning`/`error` get the assertive
+ * `role="alert"`; every other status (`info`, `success`, the default) gets
+ * the polite `role="status"` so routine confirmations don't interrupt a
+ * screen reader mid-sentence the way an assertive announcement does.
+ */
+export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Toast container for positioning toasts.
+ */
+interface ToastContainerProps {
+    children?: React.ReactNode;
+    position?: ToastProps['position'];
+    className?: string;
+}
+/**
+ * Container that positions toasts on screen via a portal.
+ * @returns The rendered toast container element.
+ */
+export declare const ToastContainer: React.ForwardRefExoticComponent<ToastContainerProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Toast context for managing toasts globally.
+ */
+interface ToastContextValue {
+    toasts: (ToastProps & {
+        id: string;
+    })[];
+    addToast: (toast: Omit<ToastProps, 'onDismiss'>) => string;
+    removeToast: (id: string) => void;
+}
+/**
+ * Hook to access the toast context for adding and removing toasts.
+ * @returns The toast context value with toast management methods.
+ */
+export declare const useToast: () => ToastContextValue;
+interface ToastProviderProps {
+    children: React.ReactNode;
+    position?: ToastProps['position'];
+}
+/**
+ * Provider component that manages global toast state.
+ * @param root0 - The component props.
+ * @param root0.children - The child elements to render within the provider.
+ * @param root0.position - The default position for toasts.
+ * @returns The rendered provider with toast container.
+ */
+export declare const ToastProvider: React.FC<ToastProviderProps>;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAQN,MAAM,OAAO,CAAA;AAKd,OAAO,KAAK,EAAgB,UAAU,EAAE,MAAM,kBAAkB,CAAA;AA4BhE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,mFAgIjB,CAAA;AAID;;GAEG;AACH,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID;;;GAGG;AACH,eAAO,MAAM,cAAc,4FAa1B,CAAA;AAID;;GAEG;AACH,UAAU,iBAAiB;IACzB,MAAM,EAAE,CAAC,UAAU,GAAG;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAA;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,KAAK,MAAM,CAAA;IAC1D,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAID;;;GAGG;AACH,eAAO,MAAM,QAAQ,QAAO,iBAU3B,CAAA;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;CAClC;AAID;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0BtD,CAAA"}

package/dist/components/Toast.js

@@ -0,0 +1,159 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Toast component.
+ *
+ * @module
+ */
+import { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState, } from 'react';
+import { createPortal } from 'react-dom';
+import { t } from '@molecule/app-i18n';
+import { getClassMap } from '@molecule/app-ui';
+import { renderIcon } from '../utilities/renderIcon.js';
+/**
+ * Map status to toast variant.
+ */
+const statusVariantMap = {
+    primary: 'default',
+    secondary: 'default',
+    success: 'success',
+    warning: 'warning',
+    error: 'error',
+    info: 'info',
+};
+/**
+ * Map toast status to icon name.
+ */
+const statusIconMap = {
+    info: 'info-circle',
+    success: 'check-circle',
+    warning: 'exclamation-triangle',
+    error: 'x-circle',
+};
+/**
+ * Single Toast component.
+ *
+ * The auto-dismiss countdown pauses on hover AND focus (WCAG 2.2.1) and
+ * resumes with whatever time was left — a slow reader or a keyboard/AT
+ * user interacting with the toast never has it disappear mid-read. The
+ * announced role follows `status`: `warning`/`error` get the assertive
+ * `role="alert"`; every other status (`info`, `success`, the default) gets
+ * the polite `role="status"` so routine confirmations don't interrupt a
+ * screen reader mid-sentence the way an assertive announcement does.
+ */
+export const Toast = forwardRef(({ children, title, description, status = 'info', duration = 5000, dismissible = true, onDismiss, position: _position = 'bottom-right', closeLabel, className, style, testId, }, ref) => {
+    const [isVisible, setIsVisible] = useState(true);
+    const cm = getClassMap();
+    const variant = statusVariantMap[status] || 'default';
+    const iconName = statusIconMap[variant];
+    const statusIcon = iconName ? renderIcon(iconName, cm.iconMd) : null;
+    // Keep the latest onDismiss in a ref so the auto-dismiss timer depends
+    // ONLY on `duration`. With onDismiss in the effect deps, every parent
+    // re-render that recreates the callback (e.g. ToastProvider re-rendering
+    // as new toasts arrive) restarted the countdown — a busy toast stack
+    // never auto-dismissed.
+    const onDismissRef = useRef(onDismiss);
+    useEffect(() => {
+        onDismissRef.current = onDismiss;
+    }, [onDismiss]);
+    // WCAG 2.2.1 (Timing Adjustable): a countdown a slow reader or AT user
+    // cannot pause loses the message mid-read. `remainingRef` carries the
+    // time left across pause/resume cycles (hover in/out, focus in/out)
+    // instead of a fixed deadline.
+    const remainingRef = useRef(duration);
+    const startedAtRef = useRef(null);
+    const timerRef = useRef(undefined);
+    const clearTimer = useCallback(() => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+            timerRef.current = undefined;
+        }
+        startedAtRef.current = null;
+    }, []);
+    const startTimer = useCallback((ms) => {
+        clearTimer();
+        if (ms <= 0)
+            return;
+        startedAtRef.current = Date.now();
+        timerRef.current = setTimeout(() => {
+            setIsVisible(false);
+            onDismissRef.current?.();
+        }, ms);
+    }, [clearTimer]);
+    const pauseTimer = useCallback(() => {
+        if (startedAtRef.current === null)
+            return;
+        const elapsed = Date.now() - startedAtRef.current;
+        remainingRef.current = Math.max(0, remainingRef.current - elapsed);
+        clearTimer();
+    }, [clearTimer]);
+    const resumeTimer = useCallback(() => {
+        if (remainingRef.current > 0)
+            startTimer(remainingRef.current);
+    }, [startTimer]);
+    useEffect(() => {
+        remainingRef.current = duration;
+        startTimer(duration);
+        return () => clearTimer();
+    }, [duration, startTimer, clearTimer]);
+    const handleDismiss = useCallback(() => {
+        setIsVisible(false);
+        onDismiss?.();
+    }, [onDismiss]);
+    if (!isVisible)
+        return null;
+    // Assertive announcement is appropriate for warnings/errors — an info or
+    // success toast interrupting a screen-reader user mid-sentence for a
+    // routine confirmation is the same over-announcing trap `role="alert"`
+    // creates everywhere it's used for non-urgent content.
+    const role = variant === 'warning' || variant === 'error' ? 'alert' : 'status';
+    return (_jsxs("div", { ref: ref, role: role, "data-state": "open", className: cm.cn(cm.toast({ variant }), className), style: style, "data-testid": testId, onMouseEnter: pauseTimer, onMouseLeave: resumeTimer, onFocus: pauseTimer, onBlur: resumeTimer, children: [statusIcon && _jsx("span", { className: cm.toastIconWrapper, children: statusIcon }), _jsxs("div", { className: cm.toastContentWrapper, children: [title && _jsx("div", { className: cm.toastTitle, children: title }), !!(description || children) && (_jsx("div", { className: cm.toastDescription, children: description || children }))] }), dismissible && (_jsx("button", { type: "button", onClick: handleDismiss, className: cm.toastClose, "aria-label": closeLabel ?? t('ui.toast.close', undefined, { defaultValue: 'Close' }), children: renderIcon('x-mark', cm.iconSm) }))] }));
+});
+Toast.displayName = 'Toast';
+// positionClasses removed — use cm.toastContainer({ position }) instead
+/**
+ * Container that positions toasts on screen via a portal.
+ * @returns The rendered toast container element.
+ */
+export const ToastContainer = forwardRef(({ children, position = 'bottom-right', className }, ref) => {
+    const cm = getClassMap();
+    const container = (_jsx("div", { ref: ref, className: cm.cn(cm.toastContainer({ position }), className), children: children }));
+    if (typeof document === 'undefined')
+        return null;
+    return createPortal(container, document.body);
+});
+ToastContainer.displayName = 'ToastContainer';
+const ToastContext = createContext(null);
+/**
+ * Hook to access the toast context for adding and removing toasts.
+ * @returns The toast context value with toast management methods.
+ */
+export const useToast = () => {
+    const context = useContext(ToastContext);
+    if (!context) {
+        throw new Error(t('react.error.useToastOutsideProvider', undefined, {
+            defaultValue: 'useToast must be used within a ToastProvider',
+        }));
+    }
+    return context;
+};
+let toastCounter = 0;
+/**
+ * Provider component that manages global toast state.
+ * @param root0 - The component props.
+ * @param root0.children - The child elements to render within the provider.
+ * @param root0.position - The default position for toasts.
+ * @returns The rendered provider with toast container.
+ */
+export const ToastProvider = ({ children, position = 'bottom-right', }) => {
+    const [toasts, setToasts] = useState([]);
+    const addToast = useCallback((toast) => {
+        const id = `toast-${++toastCounter}`;
+        setToasts((prev) => [...prev, { ...toast, id }]);
+        return id;
+    }, []);
+    const removeToast = useCallback((id) => {
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+    }, []);
+    return (_jsxs(ToastContext.Provider, { value: { toasts, addToast, removeToast }, children: [children, _jsx(ToastContainer, { position: position, children: toasts.map((toast) => (_jsx(Toast, { ...toast, onDismiss: () => removeToast(toast.id) }, toast.id))) })] }));
+};
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Tooltip component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { TooltipProps } from '@molecule/app-ui';
+/**
+ * Tooltip component.
+ *
+ * `children` must be a single valid React element (e.g. one `<button>` or
+ * one custom component that forwards `aria-describedby`) for the tooltip's
+ * content to be programmatically associated with it — this is what lets a
+ * screen reader announce the tooltip text for the actually-focused control.
+ * A non-element `children` (plain text, a fragment, multiple nodes) still
+ * shows the tooltip visually on hover/focus, but without that association.
+ * `hasArrow` renders a small themed pointer at the resolved `placement`
+ * edge.
+ */
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAQN,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAqHtE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,qFAwKnB,CAAA"}