@orcestr/ui 0.1.0 → 0.2.0

package/dist/components/State/State.js

@@ -11,20 +11,20 @@ import { stateIcon } from './stateIcon';
 export function StateCard({ tone = 'neutral', v = 'soft', icon, iconTone, title, titleTone, description, descriptionTone, titleFs, descriptionFs = '13px', action, compact = false, className, children, testId, ...props }) {
     const hasBody = description || children;
     const actualTitleFs = titleFs ?? (compact ? '14px' : '15px');
-    return (_jsxs("div", { className: cn('oui-state-card', className), "data-tone": tone, "data-variant": v, "data-compact": compact ? 'true' : undefined, "data-testid": testId, ...props, children: [_jsxs("div", { className: 'oui-state-card-main', children: [_jsx(IconText, { fw: 760, fs: actualTitleFs, icon: icon ?? stateIcon(tone), iconTone: iconTone ?? (tone === 'neutral' ? 'muted' : tone), tone: titleTone, children: title }), hasBody ? (_jsxs("div", { className: 'oui-state-card-body', children: [description ? (_jsx(Text, { className: 'oui-state-card-description', fs: descriptionFs, tone: descriptionTone, children: description })) : null, children] })) : null] }), action ? _jsx("div", { className: 'oui-state-card-action', children: action }) : null] }));
+    return (_jsxs("div", { className: cn('oui-state-card', className), "data-tone": tone, "data-variant": v, "data-compact": compact ? 'true' : undefined, "data-testid": testId, ...props, children: [_jsxs("div", { className: "oui-state-card-main", children: [_jsx(IconText, { fw: 760, fs: actualTitleFs, icon: icon ?? stateIcon(tone), iconTone: iconTone ?? (tone === 'neutral' ? 'muted' : tone), tone: titleTone, children: title }), hasBody ? (_jsxs("div", { className: "oui-state-card-body", children: [description ? (_jsx(Text, { className: "oui-state-card-description", fs: descriptionFs, tone: descriptionTone, children: description })) : null, children] })) : null] }), action ? _jsx("div", { className: "oui-state-card-action", children: action }) : null] }));
 }
 export function EmptyState({ title, ...props }) {
     const { copy } = useOrcestrUiLocale();
-    return _jsx(StateCard, { tone: 'neutral', title: title ?? copy.common.noData, ...props });
+    return _jsx(StateCard, { tone: "neutral", title: title ?? copy.common.noData, ...props });
 }
 export function LoadingState({ title, description, ...props }) {
     const { copy } = useOrcestrUiLocale();
-    return (_jsx(StateCard, { tone: 'info', icon: _jsx(Spinner, {}), title: title ?? copy.common.loading, description: description, ...props }));
+    return (_jsx(StateCard, { tone: "info", icon: _jsx(Spinner, {}), title: title ?? copy.common.loading, description: description, ...props }));
 }
 export function ErrorState({ title, retryLabel, onRetry, action, ...props }) {
     const { copy } = useOrcestrUiLocale();
-    return (_jsx(StateCard, { tone: 'danger', title: title ?? copy.table.unableToLoad, action: onRetry ? (_jsx(Button, { size: 1, v: 'surface', tone: 'danger', onClick: onRetry, children: retryLabel ?? copy.common.retry })) : action, ...props }));
+    return (_jsx(StateCard, { tone: "danger", title: title ?? copy.table.unableToLoad, action: onRetry ? (_jsx(Button, { size: 1, v: "surface", tone: "danger", onClick: onRetry, children: retryLabel ?? copy.common.retry })) : (action), ...props }));
 }
 export function AccessDeniedState(props) {
-    return _jsx(StateCard, { tone: 'warning', icon: _jsx(LuLock, {}), ...props });
+    return _jsx(StateCard, { tone: "warning", icon: _jsx(LuLock, {}), ...props });
 }

package/dist/components/State/stateIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stateIcon.d.ts","sourceRoot":"","sources":["../../../src/components/State/stateIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAElD,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,2CAKnC"}
+{"version":3,"file":"stateIcon.d.ts","sourceRoot":"","sources":["../../../src/components/State/stateIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEpD,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,2CAKnC"}

package/dist/components/StepperInput/StepperInput.js

@@ -14,9 +14,9 @@ export function StepperInput({ value, onChange, min, max, step = 1, disabled, un
         const clamped = Math.max(min ?? next, Math.min(max ?? next, next));
         onChange(clamped);
     };
-    return (_jsxs("span", { className: 'oui-stepper', "data-testid": testId, children: [_jsx(IconButton, { size: 1, v: 'surface', icon: _jsx(LuMinus, { size: 14 }), round: false, pressAnimation: 'none', className: 'oui-stepper-button oui-stepper-decrease', "aria-label": decreaseLabel ?? copy.common.decrease, testId: testId ? `${testId}-decrease` : undefined, disabled: disabled || !canDecrease, onClick: () => commit(value - step) }), _jsx(TextField, { value: displayValue, disabled: disabled, className: 'oui-stepper-field', size: 1, testId: testId ? `${testId}-input` : undefined, onChange: (event) => {
+    return (_jsxs("span", { className: "oui-stepper", "data-testid": testId, children: [_jsx(IconButton, { size: 1, v: "surface", icon: _jsx(LuMinus, { size: 14 }), round: false, pressAnimation: "none", className: "oui-stepper-button oui-stepper-decrease", "aria-label": decreaseLabel ?? copy.common.decrease, testId: testId ? `${testId}-decrease` : undefined, disabled: disabled || !canDecrease, onClick: () => commit(value - step) }), _jsx(TextField, { value: displayValue, disabled: disabled, className: "oui-stepper-field", size: 1, testId: testId ? `${testId}-input` : undefined, onChange: (event) => {
                     const next = Number(event.target.value);
                     if (Number.isFinite(next))
                         commit(next);
-                }, rightSlot: unit ? _jsx("span", { children: unit }) : null, w: '86px' }), _jsx(IconButton, { size: 1, v: 'surface', icon: _jsx(LuPlus, { size: 14 }), round: false, pressAnimation: 'none', className: 'oui-stepper-button oui-stepper-increase', "aria-label": increaseLabel ?? copy.common.increase, testId: testId ? `${testId}-increase` : undefined, disabled: disabled || !canIncrease, onClick: () => commit(value + step) })] }));
+                }, rightSlot: unit ? _jsx("span", { children: unit }) : null, w: "86px" }), _jsx(IconButton, { size: 1, v: "surface", icon: _jsx(LuPlus, { size: 14 }), round: false, pressAnimation: "none", className: "oui-stepper-button oui-stepper-increase", "aria-label": increaseLabel ?? copy.common.increase, testId: testId ? `${testId}-increase` : undefined, disabled: disabled || !canIncrease, onClick: () => commit(value + step) })] }));
 }

package/dist/components/Switch/Switch.js

@@ -11,5 +11,5 @@ export const Switch = forwardRef(function Switch({ className, label, children, c
         onChange?.(event);
         onCheckedChange?.(event.target.checked);
     };
-    return (_jsxs("label", { className: cn('oui-switch', className), "data-checked": actualChecked ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, "data-testid": testId, children: [_jsx("input", { ref: ref, type: 'checkbox', checked: actualChecked, disabled: disabled, onChange: handleChange, ...props }), _jsx("span", { className: 'oui-switch-track', children: _jsx("span", { className: 'oui-switch-thumb' }) }), label || children ? _jsx("span", { children: label ?? children }) : null] }));
+    return (_jsxs("label", { className: cn('oui-switch', className), "data-checked": actualChecked ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, "data-testid": testId, children: [_jsx("input", { ref: ref, type: "checkbox", checked: actualChecked, disabled: disabled, onChange: handleChange, ...props }), _jsx("span", { className: "oui-switch-track", children: _jsx("span", { className: "oui-switch-thumb" }) }), label || children ? _jsx("span", { children: label ?? children }) : null] }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAGxF,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,OAAO,CAAC,GAC1D,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;WALP,MAAM;QACT,OAAO,GAAG,SAAS;aACd,MAAM;oDAkBtB,CAAC;AAEF,eAAO,MAAM,WAAW,sOAKtB,CAAC;AAEH,eAAO,MAAM,SAAS,sOAKpB,CAAC;AAEH,eAAO,MAAM,QAAQ,0NAIpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,IAAI,CAAC,GACvD,WAAW,GAAG;IACV,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;YAJN,KAAK;aACJ,MAAM;wDAiBtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAC7D,WAAW,GAAG;IACV,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,qBAAqB;YAJlB,KAAK;aACJ,MAAM;wDAmBrB,CAAC;AAEH,eAAO,MAAM,kBAAkB;YAtBf,KAAK;aACJ,MAAM;wDAoCtB,CAAC;AAEF,eAAO,MAAM,KAAK;WAzGH,MAAM;QACT,OAAO,GAAG,SAAS;aACd,MAAM;;;eAFR,MAAM;YACT,OAAO,GAAG,SAAS;iBACd,MAAM;;;;;;gBA0CP,KAAK;iBACJ,MAAM;;;gBAqBP,KAAK;iBACJ,MAAM;;;gBADP,KAAK;iBACJ,MAAM;;CA8CrB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAoB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAG1F,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,OAAO,CAAC,GAC1D,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;WALP,MAAM;QACT,OAAO,GAAG,SAAS;aACd,MAAM;oDAmBrB,CAAC;AAEH,eAAO,MAAM,WAAW,sOAIvB,CAAC;AAEF,eAAO,MAAM,SAAS,sOAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,0NAIpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,IAAI,CAAC,GACvD,WAAW,GAAG;IACV,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;YAJN,KAAK;aACJ,MAAM;wDAkBrB,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAC7D,WAAW,GAAG;IACV,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,qBAAqB;YAJlB,KAAK;aACJ,MAAM;wDAkBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;YArBf,KAAK;aACJ,MAAM;wDAmCtB,CAAC;AAEF,eAAO,MAAM,KAAK;WAxGH,MAAM;QACT,OAAO,GAAG,SAAS;aACd,MAAM;;;eAFR,MAAM;YACT,OAAO,GAAG,SAAS;iBACd,MAAM;;;;;;gBAyCP,KAAK;iBACJ,MAAM;;;gBAsBP,KAAK;iBACJ,MAAM;;;gBADP,KAAK;iBACJ,MAAM;;CA6CrB,CAAC"}

package/dist/components/Table/Table.js

@@ -21,11 +21,11 @@ export const TableCell = forwardRef(function TableCell({ className, style, align
 });
 export const TableColumnHeaderCell = forwardRef(function TableColumnHeaderCell({ className, style, align, testId, ...props }, ref) {
     const { systemStyle, restProps } = splitSystemProps(props);
-    return (_jsx("th", { ref: ref, scope: 'col', className: cn('oui-table-column-header-cell', className), "data-align": align, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+    return (_jsx("th", { ref: ref, scope: "col", className: cn('oui-table-column-header-cell', className), "data-align": align, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
 });
 export const TableRowHeaderCell = forwardRef(function TableRowHeaderCell({ className, style, align, testId, ...props }, ref) {
     const { systemStyle, restProps } = splitSystemProps(props);
-    return (_jsx("th", { ref: ref, scope: 'row', className: cn('oui-table-row-header-cell', className), "data-align": align, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+    return (_jsx("th", { ref: ref, scope: "row", className: cn('oui-table-row-header-cell', className), "data-align": align, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
 });
 export const Table = Object.assign(TableRoot, {
     Root: TableRoot,

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,wBAAwB,EAU7B,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,OAAO,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AASF,iBAAS,QAAQ,CAAC,EACd,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,kDAiKA;AAkBD,KAAK,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,GAAG;IAClF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,iBAAS,IAAI,CAAC,EACV,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACX,EAAE,SAAS,2CAmDX;AAED,KAAK,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,iBAAS,IAAI,CAAC,EACV,QAAQ,EACR,iBAAqB,EACrB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACX,EAAE,SAAS,2CAsKX;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,GAAG;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,iBAAS,OAAO,CAAC,EACb,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAU,EACV,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,KAAK,EACX,EAAE,YAAY,2CAwCd;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,iBAAS,OAAO,CAAC,EACb,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAqB,EACrB,GAAG,KAAK,EACX,EAAE,YAAY,2CA4Bd;AAoBD,eAAO,MAAM,IAAI;;;;;CAKf,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,wBAAwB,EAU7B,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,OAAO,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAsBF,iBAAS,QAAQ,CAAC,EACd,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,kDAoKA;AAkBD,KAAK,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,GAAG;IAClF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,iBAAS,IAAI,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAmD7F;AAED,KAAK,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,iBAAqB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAmKvF;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,GAAG;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,iBAAS,OAAO,CAAC,EACb,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAU,EACV,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,KAAK,EACX,EAAE,YAAY,2CAwCd;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CA4B7F;AAoBD,eAAO,MAAM,IAAI;;;;;CAKf,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -5,6 +5,17 @@ import { LuChevronLeft, LuChevronRight } from 'react-icons/lu';
 import { cn } from '../../utils/cn';
 import { Collapse } from '../Collapse/Collapse';
 import { IconButton } from '../IconButton/IconButton';
+function stableTabRect(current, next) {
+    if (!current || !next)
+        return next;
+    if (current.left === next.left &&
+        current.top === next.top &&
+        current.width === next.width &&
+        current.height === next.height) {
+        return current;
+    }
+    return next;
+}
 function ItemTabs({ items, value, onValueChange, className, listClassName, contentClassName, testId, }) {
     const active = items.find((item) => item.value === value) ?? items[0];
     const listRef = useRef(null);
@@ -30,9 +41,9 @@ function ItemTabs({ items, value, onValueChange, className, listClassName, conte
                 height: trigger.offsetHeight,
             };
         };
-        setActiveRect(readRect(active?.value));
+        setActiveRect((current) => stableTabRect(current, readRect(active?.value)));
         const nextHoverRect = readRect(hoveredValue);
-        setHoverRect((current) => nextHoverRect ?? current);
+        setHoverRect((current) => nextHoverRect ? stableTabRect(current, nextHoverRect) : current);
         setHoverVisible(Boolean(hoveredValue && nextHoverRect && hoveredValue !== active?.value));
     }, [active?.value, hoveredValue]);
     const moveFocus = (currentValue, direction) => {
@@ -67,14 +78,14 @@ function ItemTabs({ items, value, onValueChange, className, listClassName, conte
     }, [items, measure]);
     if (!active)
         return null;
-    return (_jsxs("div", { className: cn('oui-tabs', className), "data-testid": testId, children: [_jsx("div", { className: 'oui-tabs-shell', children: _jsxs("div", { ref: listRef, className: cn('oui-tabs-list', listClassName), role: 'tablist', "data-testid": testId ? `${testId}-list` : undefined, onMouseLeave: () => setHoveredValue(null), children: [activeRect ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-active-indicator', style: indicatorStyle(activeRect) })) : null, hoverRect ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-hover-indicator', "data-visible": hoverVisible ? 'true' : undefined, style: indicatorStyle(hoverRect) })) : null, items.map((item) => {
+    return (_jsxs("div", { className: cn('oui-tabs', className), "data-testid": testId, children: [_jsx("div", { className: "oui-tabs-shell", children: _jsxs("div", { ref: listRef, className: cn('oui-tabs-list', listClassName), role: "tablist", "data-testid": testId ? `${testId}-list` : undefined, onMouseLeave: () => setHoveredValue(null), children: [activeRect ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-active-indicator", style: indicatorStyle(activeRect) })) : null, hoverRect ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-hover-indicator", "data-visible": hoverVisible ? 'true' : undefined, style: indicatorStyle(hoverRect) })) : null, items.map((item) => {
                             const isActive = active.value === item.value;
                             return (_jsxs("button", { ref: (element) => {
                                     if (element)
                                         triggerRefs.current.set(item.value, element);
                                     else
                                         triggerRefs.current.delete(item.value);
-                                }, type: 'button', role: 'tab', "aria-selected": isActive, className: 'oui-tabs-trigger', "data-active": isActive ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}` : undefined, onMouseEnter: () => setHoveredValue(item.value), onFocus: () => setHoveredValue(item.value), onBlur: () => setHoveredValue(null), onKeyDown: (event) => {
+                                }, type: "button", role: "tab", "aria-selected": isActive, className: "oui-tabs-trigger", "data-active": isActive ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}` : undefined, onMouseEnter: () => setHoveredValue(item.value), onFocus: () => setHoveredValue(item.value), onBlur: () => setHoveredValue(null), onKeyDown: (event) => {
                                     if (event.key === 'ArrowRight') {
                                         event.preventDefault();
                                         moveFocus(item.value, 1);
@@ -91,10 +102,10 @@ function ItemTabs({ items, value, onValueChange, className, listClassName, conte
                                         event.preventDefault();
                                         focusEdge('last');
                                     }
-                                }, onClick: () => onValueChange(item.value), children: [item.icon ? (_jsx("span", { className: 'oui-tabs-trigger-icon', "aria-hidden": true, children: item.icon })) : null, _jsx("span", { className: 'oui-tabs-trigger-label', children: item.label }), item.badge ? (_jsx("span", { className: 'oui-tabs-trigger-badge', children: item.badge })) : null] }, item.value));
+                                }, onClick: () => onValueChange(item.value), children: [item.icon ? (_jsx("span", { className: "oui-tabs-trigger-icon", "aria-hidden": true, children: item.icon })) : null, _jsx("span", { className: "oui-tabs-trigger-label", children: item.label }), item.badge ? (_jsx("span", { className: "oui-tabs-trigger-badge", children: item.badge })) : null] }, item.value));
                         })] }) }), _jsx("div", { className: cn('oui-tabs-content', contentClassName), "data-testid": testId ? `${testId}-content` : undefined, children: items.map((item) => {
                     const open = active.value === item.value;
-                    return (_jsx(Collapse, { open: open, children: _jsx("div", { role: 'tabpanel', className: 'oui-tabs-panel', "data-active": open ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}-panel` : undefined, children: item.content }) }, item.value));
+                    return (_jsx(Collapse, { open: open, children: _jsx("div", { role: "tabpanel", className: "oui-tabs-panel", "data-active": open ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}-panel` : undefined, children: item.content }) }, item.value));
                 }) })] }));
 }
 const TabsCtx = createContext(null);
@@ -169,9 +180,9 @@ function List({ children, indicatorPaddingY = 4, className, style, ...props }) {
             if (nextValue === ctx.activeValue)
                 active = rect;
         });
-        setHoverRect((current) => hover ?? current);
+        setHoverRect((current) => (hover ? stableTabRect(current, hover) : current));
         setHoverVisible(Boolean(hover && ctx.hoveredValue !== ctx.activeValue));
-        setActiveRect(active);
+        setActiveRect((current) => stableTabRect(current, active));
         setCanScrollLeft(list.scrollLeft > 1);
         setCanScrollRight(list.scrollLeft + list.clientWidth < list.scrollWidth - 1);
     }, [ctx.activeValue, ctx.hoveredValue]);
@@ -206,9 +217,7 @@ function List({ children, indicatorPaddingY = 4, className, style, ...props }) {
         const list = listRef.current;
         if (!list || list.scrollWidth <= list.clientWidth + 1)
             return;
-        const rawDelta = Math.abs(event.deltaY) >= Math.abs(event.deltaX)
-            ? event.deltaY
-            : event.deltaX;
+        const rawDelta = Math.abs(event.deltaY) >= Math.abs(event.deltaX) ? event.deltaY : event.deltaX;
         if (rawDelta === 0)
             return;
         const delta = event.deltaMode === 1
@@ -231,7 +240,7 @@ function List({ children, indicatorPaddingY = 4, className, style, ...props }) {
         return () => list.removeEventListener('wheel', handleWheel);
     }, [handleWheel]);
     const hasOverflowControls = canScrollLeft || canScrollRight;
-    return (_jsxs("div", { className: 'oui-tabs-compound-shell', children: [canScrollLeft ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-edge oui-tabs-edge-left' })) : null, canScrollRight ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-edge oui-tabs-edge-right' })) : null, canScrollLeft ? (_jsx(IconButton, { type: 'button', v: 'soft', tone: 'neutral', round: true, size: 1, onClick: () => scrollList(-1), "aria-label": 'Scroll tabs left', className: 'oui-tabs-scroll-button oui-tabs-scroll-button-left', children: _jsx(LuChevronLeft, { size: 16 }) })) : null, canScrollRight ? (_jsx(IconButton, { type: 'button', v: 'soft', tone: 'neutral', round: true, size: 1, onClick: () => scrollList(1), "aria-label": 'Scroll tabs right', className: 'oui-tabs-scroll-button oui-tabs-scroll-button-right', children: _jsx(LuChevronRight, { size: 16 }) })) : null, _jsxs("div", { ref: listRef, role: 'tablist', onMouseLeave: () => ctx.setHoveredValue(null), className: cn('oui-tabs-list-scroll', className), "data-overflow": hasOverflowControls ? 'true' : undefined, style: style, ...props, children: [activeRect ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-compound-active-indicator', style: compoundIndicatorStyle(activeRect, indicatorPaddingY) })) : null, hoverRect ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-compound-hover-indicator', "data-visible": hoverVisible ? 'true' : undefined, style: compoundIndicatorStyle(hoverRect, indicatorPaddingY) })) : null, children] })] }));
+    return (_jsxs("div", { className: "oui-tabs-compound-shell", children: [canScrollLeft ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-edge oui-tabs-edge-left" })) : null, canScrollRight ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-edge oui-tabs-edge-right" })) : null, canScrollLeft ? (_jsx(IconButton, { type: "button", v: "soft", tone: "neutral", round: true, size: 1, onClick: () => scrollList(-1), "aria-label": "Scroll tabs left", className: "oui-tabs-scroll-button oui-tabs-scroll-button-left", children: _jsx(LuChevronLeft, { size: 16 }) })) : null, canScrollRight ? (_jsx(IconButton, { type: "button", v: "soft", tone: "neutral", round: true, size: 1, onClick: () => scrollList(1), "aria-label": "Scroll tabs right", className: "oui-tabs-scroll-button oui-tabs-scroll-button-right", children: _jsx(LuChevronRight, { size: 16 }) })) : null, _jsxs("div", { ref: listRef, role: "tablist", onMouseLeave: () => ctx.setHoveredValue(null), className: cn('oui-tabs-list-scroll', className), "data-overflow": hasOverflowControls ? 'true' : undefined, style: style, ...props, children: [activeRect ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-compound-active-indicator", style: compoundIndicatorStyle(activeRect, indicatorPaddingY) })) : null, hoverRect ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-compound-hover-indicator", "data-visible": hoverVisible ? 'true' : undefined, style: compoundIndicatorStyle(hoverRect, indicatorPaddingY) })) : null, children] })] }));
 }
 function Trigger({ value, children, icon, size = '2', className, onMouseEnter, onClick, ...props }) {
     const ctx = useTabsCtx();
@@ -241,7 +250,7 @@ function Trigger({ value, children, icon, size = '2', className, onMouseEnter, o
         ctx.registerTrigger(value, ref.current);
         return () => ctx.registerTrigger(value, null);
     }, [ctx, value]);
-    return (_jsxs("button", { ref: ref, type: 'button', role: 'tab', "aria-selected": isActive, className: cn('oui-tabs-trigger', className), "data-active": isActive ? 'true' : undefined, "data-size": size, "data-tabs-trigger": value, onMouseEnter: (event) => {
+    return (_jsxs("button", { ref: ref, type: "button", role: "tab", "aria-selected": isActive, className: cn('oui-tabs-trigger', className), "data-active": isActive ? 'true' : undefined, "data-size": size, "data-tabs-trigger": value, onMouseEnter: (event) => {
             ctx.setHoveredValue(value);
             onMouseEnter?.(event);
         }, onClick: (event) => {
@@ -250,7 +259,7 @@ function Trigger({ value, children, icon, size = '2', className, onMouseEnter, o
                 return;
             ctx.setHoveredValue(value);
             ctx.setActiveValue(value);
-        }, ...props, children: [icon ? (_jsx("span", { className: 'oui-tabs-trigger-icon', "aria-hidden": true, children: icon })) : null, children] }));
+        }, ...props, children: [icon ? (_jsx("span", { className: "oui-tabs-trigger-icon", "aria-hidden": true, children: icon })) : null, children] }));
 }
 function Content({ value, children, className, mountOnActive = false, ...props }) {
     const ctx = useTabsCtx();
@@ -263,7 +272,7 @@ function Content({ value, children, className, mountOnActive = false, ...props }
         return () => window.cancelAnimationFrame(frameId);
     }, [mounted, open]);
     const shouldRenderChildren = !mountOnActive || mounted || open;
-    return (_jsx("div", { role: 'tabpanel', className: cn('oui-tabs-compound-panel', className), "data-tabs-content": value, hidden: !open, ...props, children: _jsx(Collapse, { open: open, children: _jsx("div", { className: 'oui-tabs-compound-panel-inner', children: shouldRenderChildren ? children : null }) }) }));
+    return (_jsx("div", { role: "tabpanel", className: cn('oui-tabs-compound-panel', className), "data-tabs-content": value, hidden: !open, ...props, children: _jsx(Collapse, { open: open, children: _jsx("div", { className: "oui-tabs-compound-panel-inner", children: shouldRenderChildren ? children : null }) }) }));
 }
 function indicatorStyle(rect) {
     return {

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEnB,MAAM,OAAO,CAAC;AAGf,OAAO,EAGH,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,MAAM,CAAC,GACpD,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;SAVJ,WAAW;WACT,SAAS;cACN,OAAO;WACV,MAAM;aACJ,MAAM;UACT,MAAM;WACL,MAAM;aACJ,MAAM;+CA2CrB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,WAAW,EAAY,MAAM,OAAO,CAAC;AAG9F,OAAO,EAGH,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,MAAM,CAAC,GACpD,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;SAVJ,WAAW;WACT,SAAS;cACN,OAAO;WACV,MAAM;aACJ,MAAM;UACT,MAAM;WACL,MAAM;aACJ,MAAM;+CA+BrB,CAAC"}

package/dist/components/Text/Text.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, } from 'react';
+import { forwardRef } from 'react';
 import { cn } from '../../utils/cn';
 import { normalizeTone, splitSystemProps, } from '../../theme/systemProps';
 import { renderSlot } from '../../utils/slot';

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,sBAAsB,EAC9B,MAAM,OAAO,CAAC;AAIf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GACnE,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,QAAQ;WANN,MAAM;cACH,OAAO;iBACJ,OAAO;aACX,MAAM;uDA0CtB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAIzF,OAAO,EAAoB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAE1F,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GACnE,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,QAAQ;WANN,MAAM;cACH,OAAO;iBACJ,OAAO;aACX,MAAM;uDAwCrB,CAAC"}

package/dist/components/TextArea/TextArea.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useLayoutEffect, useRef, } from 'react';
+import { forwardRef, useLayoutEffect, useRef } from 'react';
 import { cn } from '../../utils/cn';
 import { composeRefs } from '../../utils/composeRefs';
-import { splitSystemProps, } from '../../theme/systemProps';
+import { splitSystemProps } from '../../theme/systemProps';
 export const TextArea = forwardRef(function TextArea({ className, style, size = 2, invalid = false, autoResize = false, value, testId, children: _children, dangerouslySetInnerHTML: _dangerouslySetInnerHTML, ...props }, ref) {
     const localRef = useRef(null);
     const { systemStyle, restProps } = splitSystemProps(props);

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAMf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,IAAI,CAC7B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACT,GACG,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;WAXP,MAAM;cACH,OAAO;gBACL,OAAO;eACR,SAAS;gBACR,SAAS;gBACT,OAAO;cACT,MAAM,IAAI;iBACP,MAAM;aACV,MAAM;oDA8FtB,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAoB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAE1F,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAC5E,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;WAXP,MAAM;cACH,OAAO;gBACL,OAAO;eACR,SAAS;gBACR,SAAS;gBACT,OAAO;cACT,MAAM,IAAI;iBACP,MAAM;aACV,MAAM;oDAkFrB,CAAC"}

package/dist/components/TextField/TextField.js

@@ -5,7 +5,7 @@ import { LuX } from 'react-icons/lu';
 import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
 import { cn } from '../../utils/cn';
 import { composeRefs } from '../../utils/composeRefs';
-import { splitSystemProps, } from '../../theme/systemProps';
+import { splitSystemProps } from '../../theme/systemProps';
 export const TextField = forwardRef(function TextField({ className, style, size = 3, invalid = false, fullWidth = true, leftSlot, rightSlot, clearable = false, onClear, clearLabel, testId, value, defaultValue, onChange, disabled, id, children: _children, dangerouslySetInnerHTML: _dangerouslySetInnerHTML, ...props }, ref) {
     const { copy } = useOrcestrUiLocale();
     const generatedId = useId();
@@ -20,12 +20,12 @@ export const TextField = forwardRef(function TextField({ className, style, size
             setInternalValue(event.target.value);
         onChange?.(event);
     };
-    return (_jsxs("span", { className: cn('oui-text-field', fullWidth && 'oui-text-field-full', className), "data-size": size, "data-invalid": invalid ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, style: { ...systemStyle, ...style }, children: [leftSlot ? (_jsx("span", { className: 'oui-text-field-slot', children: leftSlot })) : null, _jsx("input", { ref: composeRefs(ref, localRef), id: inputId, className: 'oui-text-field-input', "data-testid": testId, value: actualValue, onChange: handleChange, disabled: disabled, "aria-invalid": invalid || undefined, ...restProps }), canClear ? (_jsx("button", { type: 'button', className: 'oui-text-field-clear', "aria-label": clearLabel ?? copy.common.clear, onClick: (event) => {
+    return (_jsxs("span", { className: cn('oui-text-field', fullWidth && 'oui-text-field-full', className), "data-size": size, "data-invalid": invalid ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, style: { ...systemStyle, ...style }, children: [leftSlot ? _jsx("span", { className: "oui-text-field-slot", children: leftSlot }) : null, _jsx("input", { ref: composeRefs(ref, localRef), id: inputId, className: "oui-text-field-input", "data-testid": testId, value: actualValue, onChange: handleChange, disabled: disabled, "aria-invalid": invalid || undefined, ...restProps }), canClear ? (_jsx("button", { type: "button", className: "oui-text-field-clear", "aria-label": clearLabel ?? copy.common.clear, onClick: (event) => {
                     event.preventDefault();
                     event.stopPropagation();
                     if (value === undefined)
                         setInternalValue('');
                     localRef.current?.focus();
                     onClear?.();
-                }, children: _jsx(LuX, { size: 14 }) })) : null, rightSlot ? (_jsx("span", { className: 'oui-text-field-slot', children: rightSlot })) : null] }));
+                }, children: _jsx(LuX, { size: 14 }) })) : null, rightSlot ? _jsx("span", { className: "oui-text-field-slot", children: rightSlot }) : null] }));
 });

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

@@ -12,10 +12,6 @@ export type ToastOptions = {
     tone?: ToastTone;
     icon?: ReactNode | false;
     position?: ToastPosition;
-    background?: string;
-    blur?: number | string | false;
-    borderColor?: string;
-    shadow?: string;
     progressColor?: string;
     action?: ToastAction;
     duration?: number | null;

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EASH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AASf,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAClE,MAAM,MAAM,aAAa,GACnB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAErB,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,CAAC;AAU/C,KAAK,iBAAiB,GAAG;IACrB,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,SAAS,KAAK,MAAM,CAAC;IACtD,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACvC,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAmCF,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,eAAwC,EACxC,UAA+B,EAC/B,MAAM,GACT,EAAE;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAoJA;AAED,wBAAgB,QAAQ,sBAMvB"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EASH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AASf,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAClE,MAAM,MAAM,aAAa,GACrB,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,aAAa,GAAG,eAAe,GAAG,cAAc,CAAC;AAE/F,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,CAAC;AAe/C,KAAK,iBAAiB,GAAG;IACrB,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,SAAS,KAAK,MAAM,CAAC;IACtD,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACvC,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAmCF,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,eAAwC,EACxC,UAA+B,EAC/B,MAAM,GACT,EAAE;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAsMA;AAED,wBAAgB,QAAQ,sBAMvB"}

package/dist/components/Toast/Toast.js

@@ -41,6 +41,7 @@ export function ToastProvider({ children, defaultPosition = DEFAULT_TOAST_POSITI
     const nextId = useRef(1);
     const timeoutIds = useRef(new Map());
     const removalIds = useRef(new Map());
+    const timers = useRef(new Map());
     const setToastItems = useCallback((update) => {
         setItems((current) => {
             const next = update(current);
@@ -54,6 +55,14 @@ export function ToastProvider({ children, defaultPosition = DEFAULT_TOAST_POSITI
             window.clearTimeout(timeoutId);
             timeoutIds.current.delete(id);
         }
+        timers.current.delete(id);
+    }, []);
+    const stopTimer = useCallback((id) => {
+        const timeoutId = timeoutIds.current.get(id);
+        if (timeoutId !== undefined) {
+            window.clearTimeout(timeoutId);
+            timeoutIds.current.delete(id);
+        }
     }, []);
     const clearRemovalTimer = useCallback((id) => {
         const timeoutId = removalIds.current.get(id);
@@ -63,12 +72,13 @@ export function ToastProvider({ children, defaultPosition = DEFAULT_TOAST_POSITI
         }
     }, []);
     const removeToast = useCallback((id) => {
+        clearTimer(id);
         clearRemovalTimer(id);
         setToastItems((current) => current.filter((item) => item.id !== id));
-    }, [clearRemovalTimer, setToastItems]);
+    }, [clearRemovalTimer, clearTimer, setToastItems]);
     const dismiss = useCallback((id) => {
         clearTimer(id);
-        setToastItems((current) => current.map((item) => item.id === id ? { ...item, state: 'closing' } : item));
+        setToastItems((current) => current.map((item) => (item.id === id ? { ...item, state: 'closing' } : item)));
         clearRemovalTimer(id);
         const removalId = window.setTimeout(() => {
             removeToast(id);
@@ -78,20 +88,48 @@ export function ToastProvider({ children, defaultPosition = DEFAULT_TOAST_POSITI
     const clear = useCallback(() => {
         timeoutIds.current.forEach((timeoutId) => window.clearTimeout(timeoutId));
         timeoutIds.current.clear();
+        timers.current.clear();
         removalIds.current.forEach((timeoutId) => window.clearTimeout(timeoutId));
         removalIds.current.clear();
         setToastItems(() => []);
     }, [setToastItems]);
-    const scheduleDismiss = useCallback((item) => {
-        clearTimer(item.id);
-        if (item.duration === null)
+    const scheduleDismiss = useCallback((item, remainingMs) => {
+        stopTimer(item.id);
+        if (item.duration === null) {
+            timers.current.delete(item.id);
             return;
-        const duration = item.duration ?? DEFAULT_TOAST_DURATION;
-        if (duration <= 0)
+        }
+        const duration = remainingMs ?? item.duration ?? DEFAULT_TOAST_DURATION;
+        if (duration <= 0) {
+            dismiss(item.id);
             return;
+        }
+        timers.current.set(item.id, {
+            startedAt: Date.now(),
+            remaining: duration,
+        });
         const timeoutId = window.setTimeout(() => dismiss(item.id), duration);
         timeoutIds.current.set(item.id, timeoutId);
-    }, [clearTimer, dismiss]);
+    }, [dismiss, stopTimer]);
+    const pauseDismiss = useCallback((id) => {
+        const timer = timers.current.get(id);
+        if (!timer || !timeoutIds.current.has(id))
+            return;
+        stopTimer(id);
+        timers.current.set(id, {
+            startedAt: timer.startedAt,
+            remaining: Math.max(0, timer.remaining - (Date.now() - timer.startedAt)),
+        });
+    }, [stopTimer]);
+    const resumeDismiss = useCallback((id) => {
+        if (timeoutIds.current.has(id))
+            return;
+        const item = itemsRef.current.find((currentItem) => currentItem.id === id);
+        const timer = timers.current.get(id);
+        if (!item || !timer || item.state === 'closing')
+            return;
+        scheduleDismiss(item, timer.remaining);
+    }, [scheduleDismiss]);
     const push = useCallback((input, tone) => {
         const normalized = normalizeToast(input, tone, defaultPosition);
         const existingItem = normalized.dedupeKey
@@ -113,13 +151,7 @@ export function ToastProvider({ children, defaultPosition = DEFAULT_TOAST_POSITI
         });
         scheduleDismiss(item);
         return item.id;
-    }, [
-        clearRemovalTimer,
-        defaultPosition,
-        maxVisible,
-        scheduleDismiss,
-        setToastItems,
-    ]);
+    }, [clearRemovalTimer, defaultPosition, maxVisible, scheduleDismiss, setToastItems]);
     const value = useMemo(() => ({
         push,
         success: (input) => push(input, 'success'),
@@ -134,7 +166,7 @@ export function ToastProvider({ children, defaultPosition = DEFAULT_TOAST_POSITI
                     const positionItems = items.filter((item) => item.position === position);
                     if (positionItems.length === 0)
                         return null;
-                    return (_jsx("div", { className: 'oui-toast-viewport', "data-position": position, "data-testid": testId ? `${testId}-${position}` : undefined, "aria-live": 'polite', "aria-relevant": 'additions text', style: { zIndex: overlay.zIndex.toast }, children: positionItems.map((item) => (_jsx(ToastCard, { item: item, onDismiss: dismiss, onExited: removeToast, testId: testId ? `${testId}-${item.id}` : undefined }, item.id))) }, position));
+                    return (_jsx("div", { className: "oui-toast-stack", "data-position": position, "data-testid": testId ? `${testId}-${position}` : undefined, "aria-live": "polite", "aria-relevant": "additions text", style: { zIndex: overlay.zIndex.toast }, children: positionItems.map((item) => (_jsx(ToastCard, { item: item, onDismiss: dismiss, onPause: pauseDismiss, onResume: resumeDismiss, onExited: removeToast, testId: testId ? `${testId}-${item.id}` : undefined }, item.id))) }, position));
                 }) })] }));
 }
 export function useToast() {
@@ -144,45 +176,31 @@ export function useToast() {
     }
     return context;
 }
-function ToastCard({ item, onDismiss, onExited, testId, }) {
+function ToastCard({ item, onDismiss, onPause, onResume, onExited, testId, }) {
     const { copy } = useOrcestrUiLocale();
     const duration = toastDuration(item);
     const hasProgress = item.duration !== null && duration > 0;
-    const icon = item.icon === false ? null : item.icon ?? toastIcon(item.tone);
-    const effectiveBlur = item.blur !== undefined ? cssLength(item.blur) : 'var(--oui-toast-blur, 14px)';
+    const icon = item.icon === false ? null : (item.icon ?? toastIcon(item.tone));
     const style = {
-        ...(item.background ? { '--oui-toast-bg': item.background } : null),
-        '--oui-toast-effective-blur': effectiveBlur,
-        ...(item.borderColor ? { '--oui-toast-custom-border-color': item.borderColor } : null),
-        ...(item.shadow ? { '--oui-toast-shadow': item.shadow } : null),
         ...(item.progressColor ? { '--oui-toast-progress-color': item.progressColor } : null),
     };
-    const blurStyle = {
-        backdropFilter: `blur(${effectiveBlur})`,
-        WebkitBackdropFilter: `blur(${effectiveBlur})`,
-    };
-    return (_jsxs("div", { className: 'oui-toast-frame', "data-position": item.position, "data-state": item.state, style: style, onAnimationEnd: (event) => {
+    return (_jsx("div", { className: "oui-toast-viewport oui-toast-frame", "data-position": item.position, "data-state": item.state, style: style, onAnimationEnd: (event) => {
             if (event.animationName === 'ouiToastOut') {
                 onExited(item.id);
             }
-        }, children: [_jsx("span", { className: 'oui-toast-backdrop', "aria-hidden": 'true', style: blurStyle }), _jsxs("div", { className: 'oui-toast', "data-tone": item.tone, "data-state": item.state, "data-position": item.position, "data-clickable": item.dismissible === false ? undefined : 'true', "data-testid": testId, role: item.tone === 'danger' ? 'alert' : 'status', style: blurStyle, onClick: () => {
-                    if (item.dismissible !== false)
+        }, children: _jsxs("div", { className: "oui-toast", "data-tone": item.tone, "data-state": item.state, "data-position": item.position, "data-clickable": item.dismissible === false ? undefined : 'true', "data-testid": testId, role: item.tone === 'danger' ? 'alert' : 'status', onMouseEnter: () => onPause(item.id), onMouseLeave: () => onResume(item.id), onClick: () => {
+                if (item.dismissible !== false)
+                    onDismiss(item.id);
+            }, children: [_jsxs("div", { className: "oui-toast-content", children: [icon ? (_jsx("span", { className: "oui-toast-icon", "data-tone": item.tone, children: icon })) : null, _jsxs("div", { className: "oui-toast-main", children: [_jsx("div", { className: "oui-toast-title", children: item.title }), item.message ? (_jsx("div", { className: "oui-toast-message", children: item.message })) : null, item.action ? (_jsx(Button, { className: "oui-toast-action", size: 1, v: "surface", tone: item.tone, onClick: (event) => {
+                                        event.stopPropagation();
+                                        item.action?.onClick();
+                                        if (item.action?.closeOnClick !== false) {
+                                            onDismiss(item.id);
+                                        }
+                                    }, children: item.action.label })) : null] })] }), item.closeButton ? (_jsx(IconButton, { className: "oui-toast-close", size: 1, v: "ghost", icon: _jsx(LuX, { size: 14 }), "aria-label": copy.common.dismissNotification, onClick: (event) => {
+                        event.stopPropagation();
                         onDismiss(item.id);
-                }, children: [_jsxs("div", { className: 'oui-toast-content', children: [icon ? (_jsx("span", { className: 'oui-toast-icon', "data-tone": item.tone, children: icon })) : null, _jsxs("div", { className: 'oui-toast-main', children: [_jsx("div", { className: 'oui-toast-title', children: item.title }), item.message ? (_jsx("div", { className: 'oui-toast-message', children: item.message })) : null, item.action ? (_jsx(Button, { className: 'oui-toast-action', size: 1, v: 'surface', tone: item.tone, onClick: (event) => {
-                                            event.stopPropagation();
-                                            item.action?.onClick();
-                                            if (item.action?.closeOnClick !== false) {
-                                                onDismiss(item.id);
-                                            }
-                                        }, children: item.action.label })) : null] })] }), item.closeButton ? (_jsx(IconButton, { className: 'oui-toast-close', size: 1, v: 'ghost', icon: _jsx(LuX, { size: 14 }), "aria-label": copy.common.dismissNotification, onClick: (event) => {
-                            event.stopPropagation();
-                            onDismiss(item.id);
-                        } })) : null, hasProgress ? (_jsx("span", { className: 'oui-toast-progress', style: { '--oui-toast-duration': `${duration}ms` } }, item.createdAt)) : null] })] }));
-}
-function cssLength(value) {
-    if (value === false)
-        return '0px';
-    return typeof value === 'number' ? `${value}px` : value;
+                    } })) : null, hasProgress ? (_jsx("span", { className: "oui-toast-progress", style: { '--oui-toast-duration': `${duration}ms` } }, item.createdAt)) : null] }) }));
 }
 function toastDuration(item) {
     return item.duration ?? DEFAULT_TOAST_DURATION;

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQH,KAAK,SAAS,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAC,KAAK,aAAa,EAAE,KAAK,YAAY,EAAC,MAAM,iCAAiC,CAAC;AAqBtF,MAAM,MAAM,YAAY,GAAG;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,OAAO,sGA0FlB,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQH,KAAK,SAAS,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAqBxF,MAAM,MAAM,YAAY,GAAG;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,OAAO,sGAmFlB,CAAC"}

package/dist/components/Tooltip/Tooltip.js

@@ -16,7 +16,7 @@ export const Tooltip = forwardRef(function Tooltip({ content, children, side = '
             setInternalOpen(nextOpen);
         onOpenChange?.(nextOpen);
     };
-    const { triggerRef, contentRef, present, state, style, } = useFloatingLayer({
+    const { triggerRef, contentRef, present, state, style } = useFloatingLayer({
         open: actualOpen,
         presenceDuration: 140,
         side,
@@ -33,14 +33,12 @@ export const Tooltip = forwardRef(function Tooltip({ content, children, side = '
         },
         onBlur: () => setOpen(false),
     };
-    const trigger = isValidElement(children)
-        ? cloneTooltipTrigger(children, {
-            ref: composeRefs(triggerRef, ref),
-            testId,
-            ...triggerHandlers,
-        })
-        : (_jsx("span", { ref: composeRefs(triggerRef, ref), className: 'oui-tooltip-trigger', "data-testid": testId, ...triggerHandlers, children: children }));
-    return (_jsxs(_Fragment, { children: [trigger, present ? (_jsx(Portal, { children: _jsx("div", { ref: contentRef, role: 'tooltip', className: cn('oui-tooltip-content', className), "data-state": state, "data-layer": 'dropdown', "data-testid": testId ? `${testId}-content` : undefined, style: {
+    const trigger = isValidElement(children) ? (cloneTooltipTrigger(children, {
+        ref: composeRefs(triggerRef, ref),
+        testId,
+        ...triggerHandlers,
+    })) : (_jsx("span", { ref: composeRefs(triggerRef, ref), className: "oui-tooltip-trigger", "data-testid": testId, ...triggerHandlers, children: children }));
+    return (_jsxs(_Fragment, { children: [trigger, present ? (_jsx(Portal, { children: _jsx("div", { ref: contentRef, role: "tooltip", className: cn('oui-tooltip-content', className), "data-state": state, "data-layer": "dropdown", "data-testid": testId ? `${testId}-content` : undefined, style: {
                         ...style,
                         zIndex: overlayLayerZIndex(overlay.zIndex, 'dropdown', layerIndex),
                     }, children: content }) })) : null] }));

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

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAIhE,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc;aAHd,MAAM;mDAclB,CAAC"}
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAIlE,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc;aAHd,MAAM;mDAclB,CAAC"}

package/dist/example/CodePreview.d.ts

@@ -15,8 +15,9 @@ export declare function ExampleTile({ id, title, code, onOpen, className, childr
 export declare function InlineCodeBlock({ code }: {
     code: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function CodeBlock({ code }: {
+export declare function CodeBlock({ code, mode }: {
     code: string;
+    mode?: 'scroll' | 'inline';
 }): import("react/jsx-runtime").JSX.Element;
 export declare function CodePreviewModal({ example, onClose, }: {
     example: CodeExample | null;

package/dist/example/CodePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodePreview.d.ts","sourceRoot":"","sources":["../../src/example/CodePreview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,SAAS,EAEjB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,eAAe,CAAC;AA+B/C,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,MAAM,GACT,EAAE,WAAW,GAAG;IACb,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C,2CAYA;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,MAAM,GACT,EAAE,WAAW,GAAG;IACb,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C,2CAMA;AAED,wBAAgB,WAAW,CAAC,EACxB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,GACX,EAAE,WAAW,GAAG;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB,2CAUA;AAED,wBAAgB,eAAe,CAAC,EAAC,IAAI,EAAC,EAAE;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,2CA+DrD;AAQD,wBAAgB,SAAS,CAAC,EAAC,IAAI,EAAC,EAAE;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,2CAQ/C;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,OAAO,EACP,OAAO,GACV,EAAE;IACC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,2CA8BA"}
+{"version":3,"file":"CodePreview.d.ts","sourceRoot":"","sources":["../../src/example/CodePreview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9E,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAmCjD,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,MAAM,GACT,EAAE,WAAW,GAAG;IACb,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C,2CAYA;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,MAAM,GACT,EAAE,WAAW,GAAG;IACb,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C,2CAMA;AAED,wBAAgB,WAAW,CAAC,EACxB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,GACX,EAAE,WAAW,GAAG;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB,2CAUA;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CA4BzD;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,IAAe,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAAE,2CA0ChG;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,OAAO,EACP,OAAO,GACV,EAAE;IACC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,2CAwBA"}