@wildo-ai/presets-components 1.0.1 → 1.1.0

package/LICENSE

@@ -0,0 +1,34 @@
+Copyright (c) 2026 P2C Consulting, s.à r.l.-S
+RCS Luxembourg B307591
+6C, Porte de France, L-4360 Esch-sur-Alzette, Luxembourg
+
+All rights reserved.
+
+This software and its accompanying materials (the "Software") are the
+confidential and proprietary property of P2C Consulting, s.à r.l.-S (the
+"Licensor"). The Software is made available for viewing only. No licence,
+right, or permission of any kind is granted by its publication or by its
+availability on any package registry or source repository.
+
+Without the Licensor's prior written permission, you may not use, copy,
+reproduce, modify, adapt, translate, merge, publish, distribute, sublicense,
+sell, host, or create derivative works of the Software, in whole or in part,
+nor use it to provide a service to any third party.
+
+Publication of the Software in any public registry is for distribution to
+authorised recipients and for technical evaluation of its packaging only. It
+does not place the Software in the public domain, does not constitute an open
+source release, and does not waive any right of the Licensor.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+LICENSOR BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
+ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+Third-party components distributed with the Software remain governed by their
+own licences.
+
+Contact: P2C Consulting, s.à r.l.-S, 6C, Porte de France, L-4360
+Esch-sur-Alzette, Luxembourg.

package/dist/esm/.builder.pid

@@ -0,0 +1,9 @@
+{
+  "schemaVersion": 1,
+  "writerPid": 94875,
+  "orchestratorPid": 94847,
+  "orchestratorSessionId": null,
+  "orchestratorStartedAt": "Mon Aug 31 09:18:19 2026",
+  "distDirectory": "/Users/paulcayon/Projects/Wildo.ai/dev/wildo-ai/engine/presets-components/dist/esm",
+  "acquiredAt": "2026-08-31T07:18:20.656Z"
+}

package/dist/esm/components/actions/action-bar.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { ActionBarProps } from '@wildo-ai/saas-frontend-lib';
-declare function ActionBar({ items, maxDisplayed, className, size, "aria-label": ariaLabel, }: ActionBarProps): React.JSX.Element;
+declare function ActionBar({ items, maxDisplayed, labelDisplayMode, orientation, className, size, "aria-label": ariaLabel, }: ActionBarProps): React.JSX.Element;
 declare namespace ActionBar {
     var displayName: string;
 }

package/dist/esm/components/actions/action-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/action-bar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,6BAA6B,CAAA;AA+BpC,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,YAAY,EACZ,SAAS,EACT,IAAyB,EACzB,YAAY,EAAE,SAAS,GACxB,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiHpC;kBAvHQ,SAAS;;;AAqPlB,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"action-bar.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/action-bar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,6BAA6B,CAAA;AAiCpC,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAyC,EACzC,SAAS,EACT,IAAyB,EACzB,YAAY,EAAE,SAAS,GACxB,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgIpC;kBAxIQ,SAAS;;;AAmTlB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/esm/components/actions/action-bar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { ActionButton, Button, cn, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, IconSize, Separator, StandardIconReference, useI18n, useIconRegistry } from "@wildo-ai/saas-frontend-lib";
-import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { ActionButton, Button, cn, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, IconSize, Popover, PopoverContent, PopoverTrigger, Separator, StandardIconReference, useI18n, useIconRegistry, useUI } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType, ActionLabelDisplayMode } from "@wildo-ai/presets-components-models";
 import { ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
 import { ButtonSize } from "@wildo-ai/presets-components-models";
 import { HorizontalAlign, DisplayDirection } from "@wildo-ai/zod-decorators";
@@ -20,12 +20,22 @@ import { HorizontalAlign, DisplayDirection } from "@wildo-ai/zod-decorators";
  * compose existing engine primitives (Button, DropdownMenu, Tooltip, etc.).
  * ────────────────────────────────────────────────────────────────────────── */
 /* ── Component ────────────────────────────────────────────────────────────── */
-function ActionBar({ items, maxDisplayed, className, size = ButtonSize.ICON_SM, "aria-label": ariaLabel, }) {
+function ActionBar({ items, maxDisplayed, labelDisplayMode, orientation = DisplayDirection.HORIZONTAL, className, size = ButtonSize.ICON_SM, "aria-label": ariaLabel, }) {
+    const isVertical = orientation === DisplayDirection.VERTICAL;
     const { renderIcon } = useIconRegistry();
+    const { actionLabelDisplayMode: appLabelDisplayMode } = useUI();
     const { tComponent, isReady } = useI18n({
         component: FrontendComponentType.LOW_LEVEL_ACTION_BAR,
     });
-    const effectiveMax = maxDisplayed ?? items.length;
+    // Resolve the effective label affordance: explicit prop (per-resource-view
+    // override) → app-wide theme default (`ComponentStyleTheme.actionLabelDisplayMode`).
+    const effectiveLabelMode = labelDisplayMode ?? appLabelDisplayMode;
+    // DROPDOWN forces the whole cluster into the overflow menu (no direct
+    // buttons): clamp the displayed count to 0 so every item — separators
+    // included — renders through the `…` menu path below.
+    const effectiveMax = effectiveLabelMode === ActionLabelDisplayMode.DROPDOWN
+        ? 0
+        : (maxDisplayed ?? items.length);
     const displayedItems = items.slice(0, effectiveMax);
     const overflowItems = items.slice(effectiveMax);
     const hasOverflow = overflowItems.length > 0;
@@ -33,7 +43,7 @@ function ActionBar({ items, maxDisplayed, className, size = ButtonSize.ICON_SM,
     const [activeIndex, setActiveIndex] = React.useState(0);
     // Map each displayed item to its focusable position (separators excluded)
     const focusableMap = React.useMemo(() => {
-        const displayed = items.slice(0, maxDisplayed ?? items.length);
+        const displayed = items.slice(0, effectiveMax);
         const overflow = items.length > displayed.length;
         const map = [];
         let pos = 0;
@@ -46,7 +56,7 @@ function ActionBar({ items, maxDisplayed, className, size = ButtonSize.ICON_SM,
             }
         }
         return { map, count: pos + (overflow ? 1 : 0) };
-    }, [items, maxDisplayed]);
+    }, [items, effectiveMax]);
     // Reset activeIndex if it's out of bounds after items change
     React.useEffect(() => {
         if (focusableMap.count > 0 && activeIndex >= focusableMap.count) {
@@ -59,10 +69,14 @@ function ActionBar({ items, maxDisplayed, className, size = ButtonSize.ICON_SM,
             return;
         let nextIndex;
         switch (e.key) {
+            // Both axes advance/retreat so the arrow keys match the bar's
+            // orientation (vertical stacks navigate with Up/Down).
             case "ArrowRight":
+            case "ArrowDown":
                 nextIndex = (activeIndex + 1) % total;
                 break;
             case "ArrowLeft":
+            case "ArrowUp":
                 nextIndex = (activeIndex - 1 + total) % total;
                 break;
             case "Home":
@@ -81,31 +95,45 @@ function ActionBar({ items, maxDisplayed, className, size = ButtonSize.ICON_SM,
         const buttons = toolbar.querySelectorAll("button");
         buttons[nextIndex]?.focus();
     }, [activeIndex, focusableMap.count]);
-    return (_jsxs("div", { role: "toolbar", "aria-label": ariaLabel, "aria-orientation": "horizontal", "data-slot": "action-bar", className: cn("flex items-center gap-element-sm", className), onKeyDown: handleKeyDown, children: [displayedItems.map((item, index) => {
+    return (_jsxs("div", { role: "toolbar", "aria-label": ariaLabel, "aria-orientation": isVertical ? "vertical" : "horizontal", "data-slot": "action-bar", className: cn("flex gap-element-sm", isVertical ? "flex-col items-start" : "items-center", className), onKeyDown: handleKeyDown, children: [displayedItems.map((item, index) => {
                 const pos = focusableMap.map[index];
                 if (pos === -1) {
-                    return _jsx(ActionBarDirectItem, { item: item, size: size }, index);
+                    return _jsx(ActionBarDirectItem, { item: item, size: size, labelDisplayMode: effectiveLabelMode, orientation: orientation }, index);
                 }
-                return _jsx(ActionBarDirectItem, { item: item, size: size, tabIndex: activeIndex === pos ? 0 : -1 }, index);
+                return _jsx(ActionBarDirectItem, { item: item, size: size, labelDisplayMode: effectiveLabelMode, orientation: orientation, tabIndex: activeIndex === pos ? 0 : -1 }, index);
             }), hasOverflow && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: size, onClick: (e) => e.stopPropagation(), "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_ACTION_BAR, 'moreActions'), tabIndex: activeIndex === focusableMap.count - 1 ? 0 : -1, children: renderIcon(StandardIconReference.MORE_HORIZONTAL, {
                                 size: IconSize.SM,
                             }) }) }), _jsx(DropdownMenuContent, { align: HorizontalAlign.END, children: overflowItems.map((item, index) => (_jsx(ActionBarOverflowItem, { item: item }, index))) })] }))] }));
 }
 ActionBar.displayName = "ActionBar";
 /* ── Direct item renderer ─────────────────────────────────────────────────── */
-function ActionBarDirectItem({ item, size, tabIndex, }) {
+function ActionBarDirectItem({ item, size, labelDisplayMode, orientation = DisplayDirection.HORIZONTAL, tabIndex, }) {
     if (item.type === "separator") {
-        return (_jsx(Separator, { orientation: DisplayDirection.VERTICAL, className: "mx-element-xs h-4 self-center" }));
+        // The divider runs across the bar's cross-axis: a vertical rule between
+        // buttons in a row, a horizontal rule between buttons in a vertical stack.
+        return orientation === DisplayDirection.VERTICAL ? (_jsx(Separator, { orientation: DisplayDirection.HORIZONTAL, className: "my-element-xs w-4 self-center" })) : (_jsx(Separator, { orientation: DisplayDirection.VERTICAL, className: "mx-element-xs h-4 self-center" }));
     }
     if (item.type === "subgroup") {
         return _jsx(ActionBarSubGroupTrigger, { item: item, size: size, tabIndex: tabIndex });
     }
     // Regular button
-    return (_jsx(ActionButton, { icon: item.icon, label: item.label, onClick: item.onClick, variant: item.variant, size: size, inlineLabel: item.inlineLabel, disabled: item.disabled, className: item.className, tabIndex: tabIndex }));
+    const button = (_jsx(ActionButton, { icon: item.icon, label: item.label, 
+        // A popover-bearing item's click is owned by the trigger, which toggles `open`. Passing
+        // `onClick` through as well would ALSO run the fallback path — opening the panel and
+        // navigating to the overlay in the same click.
+        onClick: item.popover ? undefined : item.onClick, variant: item.variant, size: size, labelDisplayMode: labelDisplayMode, disabled: item.disabled, className: item.className, tabIndex: tabIndex, operationIdentifier: item.operationIdentifier }));
+    if (!item.popover) {
+        return button;
+    }
+    // Anchored panel. Only DIRECTLY-rendered buttons get one: the overflow and subgroup renderers
+    // below deliberately ignore `popover` and use `onClick`, because a panel anchored to a row of an
+    // already-open dropdown is a nested-overlay problem rather than a layout choice. See
+    // `ActionBarButtonPopover`.
+    return (_jsxs(Popover, { open: item.popover.open, onOpenChange: item.popover.onOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: button }), _jsx(PopoverContent, { align: HorizontalAlign.END, "aria-label": item.popover.title ?? item.label, className: "w-(--action-bar-popover-width,20rem) max-w-[min(24rem,calc(100vw-2rem))]", children: item.popover.content })] }));
 }
 /* ── Sub-group trigger (inline dropdown) ──────────────────────────────────── */
 function ActionBarSubGroupTrigger({ item, size, tabIndex, }) {
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: item.variant ?? ButtonVariants_Variant.GHOST, size: size, disabled: item.disabled, onClick: (e) => e.stopPropagation(), "aria-label": item.label, tabIndex: tabIndex, className: item.className, children: item.icon }) }), _jsx(DropdownMenuContent, { children: item.items.map((subItem, index) => (_jsx(ActionBarOverflowItem, { item: subItem }, index))) })] }));
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: item.variant ?? ButtonVariants_Variant.GHOST, size: size, disabled: item.disabled, onClick: (e) => e.stopPropagation(), "aria-label": item.label, tabIndex: tabIndex, className: item.className, "data-operation-id": item.operationIdentifier, children: item.icon }) }), _jsx(DropdownMenuContent, { children: item.items.map((subItem, index) => (_jsx(ActionBarOverflowItem, { item: subItem }, index))) })] }));
 }
 /* ── Overflow menu item renderer ──────────────────────────────────────────── */
 function ActionBarOverflowItem({ item, }) {
@@ -115,11 +143,12 @@ function ActionBarOverflowItem({ item, }) {
     if (item.type === "subgroup") {
         return (_jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { disabled: item.disabled, children: [_jsx("span", { className: "me-element flex size-4 items-center justify-center shrink-0", children: item.icon }), item.label] }), _jsx(DropdownMenuSubContent, { children: item.items.map((subItem, index) => (_jsx(ActionBarOverflowItem, { item: subItem }, index))) })] }));
     }
-    // Regular button → menu item
-    return (_jsxs(DropdownMenuItem, { variant: item.variant === "destructive" ? "destructive" : "default", disabled: item.disabled, onClick: (e) => {
+    // Regular button → menu item. `data-operation-id` is the i18n-independent
+    // automation hook (labels are runtime-translated) — attribute only.
+    return (_jsxs(DropdownMenuItem, { variant: item.variant === "destructive" ? "destructive" : "default", disabled: item.disabled, "data-operation-id": item.operationIdentifier, onClick: (e) => {
             e.stopPropagation();
             item.onClick?.();
         }, children: [_jsx("span", { className: "me-element flex size-4 items-center justify-center shrink-0", children: item.icon }), item.label] }));
 }
 export { ActionBar };
-//# sourceMappingURL=action-bar.js.map
+//# sourceMappingURL=action-bar.js.map

package/dist/esm/components/actions/action-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-bar.js","sourceRoot":"","sources":["../../../../src/components/actions/action-bar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"action-bar.js","sourceRoot":"","sources":["../../../../../src/components/actions/action-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport * as React from \"react\"\nimport type {\n  ActionBarItem,\n  ActionBarProps,\n  ActionBarSubGroup,\n  ActionButtonSize\n} from '@wildo-ai/saas-frontend-lib'\n\nimport {\n  ActionButton, Button, cn, DropdownMenu, DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, IconSize,\n  Popover, PopoverContent, PopoverTrigger,\n  Separator, StandardIconReference, useI18n, useIconRegistry, useUI\n} from \"@wildo-ai/saas-frontend-lib\"\n\nimport { FrontendComponentType, ActionLabelDisplayMode } from \"@wildo-ai/presets-components-models\"\nimport { ButtonVariants_Variant } from \"@wildo-ai/saas-frontend-lib\"\nimport { ButtonSize } from \"@wildo-ai/presets-components-models\"\nimport { HorizontalAlign, DisplayDirection } from \"@wildo-ai/zod-decorators\"\n\n/* ─────────────────────────────────────────────────────────────────────────────\n * ActionBar\n *\n * A toolbar-style group of ActionButtons with built-in overflow management.\n *\n * Features:\n *   • maxDisplayed — shows N items directly; the rest collapse into a \"…\" menu.\n *   • Separators   — visual dividers between logical groups.\n *   • Sub-groups   — inline dropdown menus for related actions.\n *   • Theme-aware  — all buttons and menus use design-system recipes.\n *\n * This component replaces the external TinyButtonGroup pattern, adapted to\n * compose existing engine primitives (Button, DropdownMenu, Tooltip, etc.).\n * ────────────────────────────────────────────────────────────────────────── */\n\n/* ── Component ────────────────────────────────────────────────────────────── */\n\nfunction ActionBar({\n  items,\n  maxDisplayed,\n  labelDisplayMode,\n  orientation = DisplayDirection.HORIZONTAL,\n  className,\n  size = ButtonSize.ICON_SM,\n  \"aria-label\": ariaLabel,\n}: ActionBarProps): React.JSX.Element {\n  const isVertical = orientation === DisplayDirection.VERTICAL\n  const { renderIcon } = useIconRegistry()\n  const { actionLabelDisplayMode: appLabelDisplayMode } = useUI()\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_ACTION_BAR,\n  })\n\n  // Resolve the effective label affordance: explicit prop (per-resource-view\n  // override) → app-wide theme default (`ComponentStyleTheme.actionLabelDisplayMode`).\n  const effectiveLabelMode = labelDisplayMode ?? appLabelDisplayMode\n\n  // DROPDOWN forces the whole cluster into the overflow menu (no direct\n  // buttons): clamp the displayed count to 0 so every item — separators\n  // included — renders through the `…` menu path below.\n  const effectiveMax = effectiveLabelMode === ActionLabelDisplayMode.DROPDOWN\n    ? 0\n    : (maxDisplayed ?? items.length)\n  const displayedItems = items.slice(0, effectiveMax)\n  const overflowItems = items.slice(effectiveMax)\n  const hasOverflow = overflowItems.length > 0\n\n  // WAI-ARIA toolbar pattern: roving tabindex (Arrow keys move focus, Tab exits toolbar)\n  const [activeIndex, setActiveIndex] = React.useState(0)\n\n  // Map each displayed item to its focusable position (separators excluded)\n  const focusableMap = React.useMemo(() => {\n    const displayed = items.slice(0, effectiveMax)\n    const overflow = items.length > displayed.length\n    const map: number[] = []\n    let pos = 0\n    for (const item of displayed) {\n      if (item.type === \"separator\") {\n        map.push(-1)\n      } else {\n        map.push(pos++)\n      }\n    }\n    return { map, count: pos + (overflow ? 1 : 0) }\n  }, [items, effectiveMax])\n\n  // Reset activeIndex if it's out of bounds after items change\n  React.useEffect(() => {\n    if (focusableMap.count > 0 && activeIndex >= focusableMap.count) {\n      setActiveIndex(focusableMap.count - 1)\n    }\n  }, [focusableMap.count, activeIndex])\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const total = focusableMap.count\n      if (total === 0) return\n\n      let nextIndex: number | undefined\n      switch (e.key) {\n        // Both axes advance/retreat so the arrow keys match the bar's\n        // orientation (vertical stacks navigate with Up/Down).\n        case \"ArrowRight\":\n        case \"ArrowDown\":\n          nextIndex = (activeIndex + 1) % total\n          break\n        case \"ArrowLeft\":\n        case \"ArrowUp\":\n          nextIndex = (activeIndex - 1 + total) % total\n          break\n        case \"Home\":\n          nextIndex = 0\n          break\n        case \"End\":\n          nextIndex = total - 1\n          break\n        default:\n          return\n      }\n      e.preventDefault()\n      setActiveIndex(nextIndex)\n\n      // Focus the target button via DOM query (dropdown content is portalled, so only toolbar buttons are found)\n      const toolbar = e.currentTarget\n      const buttons = toolbar.querySelectorAll<HTMLButtonElement>(\"button\")\n      buttons[nextIndex]?.focus()\n    },\n    [activeIndex, focusableMap.count],\n  )\n\n  return (\n    <div\n      role=\"toolbar\"\n      aria-label={ariaLabel}\n      aria-orientation={isVertical ? \"vertical\" : \"horizontal\"}\n      data-slot=\"action-bar\"\n      className={cn(\"flex gap-element-sm\", isVertical ? \"flex-col items-start\" : \"items-center\", className)}\n      onKeyDown={handleKeyDown}\n    >\n      {/* ── Directly-displayed items ─────────────────────────────────── */}\n      {displayedItems.map((item, index) => {\n        const pos = focusableMap.map[index]\n        if (pos === -1) {\n          return <ActionBarDirectItem key={index} item={item} size={size} labelDisplayMode={effectiveLabelMode} orientation={orientation} />\n        }\n        return <ActionBarDirectItem key={index} item={item} size={size} labelDisplayMode={effectiveLabelMode} orientation={orientation} tabIndex={activeIndex === pos ? 0 : -1} />\n      })}\n\n      {/* ── Overflow menu ────────────────────────────────────────────── */}\n      {hasOverflow && (\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <Button\n              variant={ButtonVariants_Variant.GHOST}\n              size={size}\n              onClick={(e) => e.stopPropagation()}\n              aria-label={tComponent(FrontendComponentType.LOW_LEVEL_ACTION_BAR, 'moreActions')}\n              tabIndex={activeIndex === focusableMap.count - 1 ? 0 : -1}\n            >\n              {renderIcon(StandardIconReference.MORE_HORIZONTAL, {\n                size: IconSize.SM,\n              })}\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align={HorizontalAlign.END}>\n            {overflowItems.map((item, index) => (\n              <ActionBarOverflowItem key={index} item={item} />\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )}\n    </div>\n  )\n}\n\nActionBar.displayName = \"ActionBar\"\n\n/* ── Direct item renderer ─────────────────────────────────────────────────── */\n\nfunction ActionBarDirectItem({\n  item,\n  size,\n  labelDisplayMode,\n  orientation = DisplayDirection.HORIZONTAL,\n  tabIndex,\n}: {\n  item: ActionBarItem\n  size: ActionButtonSize\n  labelDisplayMode: ActionLabelDisplayMode\n  orientation?: DisplayDirection\n  tabIndex?: number\n}): React.JSX.Element | null {\n  if (item.type === \"separator\") {\n    // The divider runs across the bar's cross-axis: a vertical rule between\n    // buttons in a row, a horizontal rule between buttons in a vertical stack.\n    return orientation === DisplayDirection.VERTICAL ? (\n      <Separator\n        orientation={DisplayDirection.HORIZONTAL}\n        className=\"my-element-xs w-4 self-center\"\n      />\n    ) : (\n      <Separator\n        orientation={DisplayDirection.VERTICAL}\n        className=\"mx-element-xs h-4 self-center\"\n      />\n    )\n  }\n\n  if (item.type === \"subgroup\") {\n    return <ActionBarSubGroupTrigger item={item} size={size} tabIndex={tabIndex} />\n  }\n\n  // Regular button\n  const button = (\n    <ActionButton\n      icon={item.icon}\n      label={item.label}\n      // A popover-bearing item's click is owned by the trigger, which toggles `open`. Passing\n      // `onClick` through as well would ALSO run the fallback path — opening the panel and\n      // navigating to the overlay in the same click.\n      onClick={item.popover ? undefined : item.onClick}\n      variant={item.variant}\n      size={size}\n      labelDisplayMode={labelDisplayMode}\n      disabled={item.disabled}\n      className={item.className}\n      tabIndex={tabIndex}\n      operationIdentifier={item.operationIdentifier}\n    />\n  )\n\n  if (!item.popover) {\n    return button\n  }\n\n  // Anchored panel. Only DIRECTLY-rendered buttons get one: the overflow and subgroup renderers\n  // below deliberately ignore `popover` and use `onClick`, because a panel anchored to a row of an\n  // already-open dropdown is a nested-overlay problem rather than a layout choice. See\n  // `ActionBarButtonPopover`.\n  return (\n    <Popover open={item.popover.open} onOpenChange={item.popover.onOpenChange}>\n      <PopoverTrigger asChild>{button}</PopoverTrigger>\n      <PopoverContent\n        align={HorizontalAlign.END}\n        aria-label={item.popover.title ?? item.label}\n        className=\"w-(--action-bar-popover-width,20rem) max-w-[min(24rem,calc(100vw-2rem))]\"\n      >\n        {item.popover.content}\n      </PopoverContent>\n    </Popover>\n  )\n}\n\n/* ── Sub-group trigger (inline dropdown) ──────────────────────────────────── */\n\nfunction ActionBarSubGroupTrigger({\n  item,\n  size,\n  tabIndex,\n}: {\n  item: ActionBarSubGroup\n  size: ActionButtonSize\n  tabIndex?: number\n}): React.JSX.Element {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          variant={item.variant ?? ButtonVariants_Variant.GHOST}\n          size={size}\n          disabled={item.disabled}\n          onClick={(e) => e.stopPropagation()}\n          aria-label={item.label}\n          tabIndex={tabIndex}\n          className={item.className}\n          // Same `data-operation-id` a plain action button carries (see `ActionButton`). A subgroup\n          // is still ONE operation — several ways to invoke it — so anything that addresses actions\n          // by operation rather than by their translated label must be able to find it. Without this,\n          // an operation that renders as a subgroup is unreachable to every such consumer while its\n          // single-variant sibling is not, which is a difference in the RENDERING and not in the\n          // operation.\n          data-operation-id={item.operationIdentifier}\n        >\n          {item.icon}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        {item.items.map((subItem, index) => (\n          <ActionBarOverflowItem key={index} item={subItem} />\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\n/* ── Overflow menu item renderer ──────────────────────────────────────────── */\n\nfunction ActionBarOverflowItem({\n  item,\n}: {\n  item: ActionBarItem\n}): React.JSX.Element | null {\n  if (item.type === \"separator\") {\n    return <DropdownMenuSeparator />\n  }\n\n  if (item.type === \"subgroup\") {\n    return (\n      <DropdownMenuSub>\n        <DropdownMenuSubTrigger disabled={item.disabled}>\n          <span className=\"me-element flex size-4 items-center justify-center shrink-0\">\n            {item.icon}\n          </span>\n          {item.label}\n        </DropdownMenuSubTrigger>\n        <DropdownMenuSubContent>\n          {item.items.map((subItem, index) => (\n            <ActionBarOverflowItem key={index} item={subItem} />\n          ))}\n        </DropdownMenuSubContent>\n      </DropdownMenuSub>\n    )\n  }\n\n  // Regular button → menu item. `data-operation-id` is the i18n-independent\n  // automation hook (labels are runtime-translated) — attribute only.\n  return (\n    <DropdownMenuItem\n      variant={item.variant === \"destructive\" ? \"destructive\" : \"default\"}\n      disabled={item.disabled}\n      data-operation-id={item.operationIdentifier}\n      onClick={(e) => {\n        e.stopPropagation()\n        item.onClick?.()\n      }}\n    >\n      <span className=\"me-element flex size-4 items-center justify-center shrink-0\">\n        {item.icon}\n      </span>\n      {item.label}\n    </DropdownMenuItem>\n  )\n}\n\nexport { ActionBar }\n"]}

package/dist/esm/components/actions/action-bar.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelActionBarLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=action-bar.labels.d.ts.map

package/dist/esm/components/actions/action-bar.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/action-bar.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,EAOxD,CAAC"}

package/dist/esm/components/actions/action-bar.labels.js

@@ -0,0 +1,14 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelActionBarLabels = [
+    {
+        ref: 'moreActions',
+        kind: LabelKind.ARIA,
+        purpose: 'Accessible name for the overflow trigger that opens the menu of actions that did not fit in the toolbar',
+        notes: ['Keep generic across surfaces — the same toolbar overflow control is reused everywhere'],
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_ACTION_BAR, LowLevelActionBarLabels);
+//# sourceMappingURL=action-bar.labels.js.map

package/dist/esm/components/actions/action-bar.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar.labels.js","sourceRoot":"","sources":["../../../../../src/components/actions/action-bar.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,uBAAuB,GAA0B;IAC5D;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,yGAAyG;QAClH,KAAK,EAAE,CAAC,uFAAuF,CAAC;KACjG;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelActionBarLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'moreActions',\n    kind: LabelKind.ARIA,\n    purpose: 'Accessible name for the overflow trigger that opens the menu of actions that did not fit in the toolbar',\n    notes: ['Keep generic across surfaces — the same toolbar overflow control is reused everywhere'],\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_ACTION_BAR, LowLevelActionBarLabels);\n"]}

package/dist/esm/components/actions/action-button.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { ActionButtonProps } from '@wildo-ai/saas-frontend-lib';
-declare function ActionButton({ icon, label, onClick, variant, size, inlineLabel, disabled, stopPropagation, className, tabIndex, }: ActionButtonProps): React.JSX.Element;
+declare function ActionButton({ icon, label, onClick, variant, size, labelDisplayMode, disabled, stopPropagation, className, tabIndex, operationIdentifier, }: ActionButtonProps): React.JSX.Element;
 declare namespace ActionButton {
     var displayName: string;
 }

package/dist/esm/components/actions/action-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,6BAA6B,CAAA;AAsBtF,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAsC,EACtC,IAAyB,EACzB,WAAmB,EACnB,QAAgB,EAChB,eAAsB,EACtB,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgDvC;kBA3DQ,YAAY;;;AA+DrB,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"action-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,6BAA6B,CAAA;AA0BtF,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAsC,EACtC,IAAyB,EACzB,gBAAiD,EACjD,QAAgB,EAChB,eAAsB,EACtB,SAAS,EACT,QAAQ,EACR,mBAAmB,GACpB,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkDvC;kBA9DQ,YAAY;;;AAkErB,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/esm/components/actions/action-button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn, Button, Tooltip, TooltipTrigger, TooltipContent, ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
-import { ButtonSize } from "@wildo-ai/presets-components-models";
+import { ButtonSize, ActionLabelDisplayMode } from "@wildo-ai/presets-components-models";
 import { PlacementSide } from "@wildo-ai/presets-components-models";
 /* ─────────────────────────────────────────────────────────────────────────────
  * ActionButton
@@ -9,8 +9,12 @@ import { PlacementSide } from "@wildo-ai/presets-components-models";
  * A compact, icon-first button designed for toolbars, table rows, and inline
  * action groups. Wraps the base Button with automatic tooltip behaviour:
  *
- *   • Icon-only mode (default) — shows a tooltip on hover / focus.
- *   • Inline-label mode         — renders the label next to the icon.
+ *   • Tooltip mode (default) — icon-only; shows a tooltip on hover / focus.
+ *   • Inline mode            — renders the label as text next to the icon.
+ *
+ * The mode is driven by `labelDisplayMode`. (The `DROPDOWN` app-policy is
+ * resolved by ActionBar, which never renders a direct ActionButton in that
+ * mode, so here `DROPDOWN` degrades to the tooltip affordance.)
  *
  * Uses the design-system recipe system, so it adapts to every theme
  * (default, glass, neo-brutalist, …).
@@ -18,19 +22,19 @@ import { PlacementSide } from "@wildo-ai/presets-components-models";
  * Event propagation is stopped by default, which makes ActionButton safe
  * inside clickable containers (table rows, cards, etc.).
  * ────────────────────────────────────────────────────────────────────────── */
-function ActionButton({ icon, label, onClick, variant = ButtonVariants_Variant.GHOST, size = ButtonSize.ICON_SM, inlineLabel = false, disabled = false, stopPropagation = true, className, tabIndex, }) {
+function ActionButton({ icon, label, onClick, variant = ButtonVariants_Variant.GHOST, size = ButtonSize.ICON_SM, labelDisplayMode = ActionLabelDisplayMode.TOOLTIP, disabled = false, stopPropagation = true, className, tabIndex, operationIdentifier, }) {
     const handleClick = React.useCallback((e) => {
         if (stopPropagation)
             e.stopPropagation();
         onClick?.(e);
     }, [onClick, stopPropagation]);
     /* ── Inline-label mode ──────────────────────────────────────────────── */
-    if (inlineLabel) {
-        return (_jsxs(Button, { variant: variant, size: ButtonSize.SM, disabled: disabled, onClick: handleClick, tabIndex: tabIndex, className: cn("gap-1.5", className), children: [icon, _jsx("span", { className: "text-xs font-medium whitespace-nowrap", children: label })] }));
+    if (labelDisplayMode === ActionLabelDisplayMode.INLINE) {
+        return (_jsxs(Button, { variant: variant, size: ButtonSize.SM, disabled: disabled, onClick: handleClick, tabIndex: tabIndex, "data-operation-id": operationIdentifier, className: cn("gap-1.5", className), children: [icon, _jsx("span", { className: "text-xs font-medium whitespace-nowrap", children: label })] }));
     }
     /* ── Icon-only mode with tooltip ────────────────────────────────────── */
-    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: variant, size: size, disabled: disabled, onClick: handleClick, "aria-label": label, tabIndex: tabIndex, className: className, children: icon }) }), _jsx(TooltipContent, { side: PlacementSide.BOTTOM, sideOffset: 5, children: label })] }));
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: variant, size: size, disabled: disabled, onClick: handleClick, "aria-label": label, tabIndex: tabIndex, "data-operation-id": operationIdentifier, className: className, children: icon }) }), _jsx(TooltipContent, { side: PlacementSide.BOTTOM, sideOffset: 5, children: label })] }));
 }
 ActionButton.displayName = "ActionButton";
 export { ActionButton };
-//# sourceMappingURL=action-button.js.map
+//# sourceMappingURL=action-button.js.map

package/dist/esm/components/actions/action-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-button.js","sourceRoot":"","sources":["../../../../src/components/actions/action-button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzH,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAEnE;;;;;;;;;;;;;;gFAcgF;AAEhF,SAAS,YAAY,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,GAAG,sBAAsB,CAAC,KAAK,EACtC,IAAI,GAAG,UAAU,CAAC,OAAO,EACzB,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,IAAI,EACtB,SAAS,EACT,QAAQ,GACU;IAElB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,eAAe;YAAE,CAAC,CAAC,eAAe,EAAE,CAAA;QACxC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;IACd,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IAED,2EAA2E;IAC3E,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,UAAU,CAAC,EAAE,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aAElC,IAAI,EACL,eAAM,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAQ,IAC/D,CACV,CAAA;IACH,CAAC;IAED,2EAA2E;IAC3E,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,gBACR,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,YAEnB,IAAI,GACE,GACM,EACjB,KAAC,cAAc,IAAC,IAAI,EAAE,aAAa,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,YACtD,KAAK,GACS,IACT,CACX,CAAA;AACH,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"action-button.js","sourceRoot":"","sources":["../../../../../src/components/actions/action-button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzH,OAAO,EAAE,UAAU,EAAyB,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAEnE;;;;;;;;;;;;;;;;;;gFAkBgF;AAEhF,SAAS,YAAY,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,GAAG,sBAAsB,CAAC,KAAK,EACtC,IAAI,GAAG,UAAU,CAAC,OAAO,EACzB,gBAAgB,GAAG,sBAAsB,CAAC,OAAO,EACjD,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,IAAI,EACtB,SAAS,EACT,QAAQ,EACR,mBAAmB,GACD;IAElB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,eAAe;YAAE,CAAC,CAAC,eAAe,EAAE,CAAA;QACxC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;IACd,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IAED,2EAA2E;IAC3E,IAAI,gBAAgB,KAAK,sBAAsB,CAAC,MAAM,EAAE,CAAC;QACvD,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,UAAU,CAAC,EAAE,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,uBACC,mBAAmB,EACtC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aAElC,IAAI,EACL,eAAM,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAQ,IAC/D,CACV,CAAA;IACH,CAAC;IAED,2EAA2E;IAC3E,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,gBACR,KAAK,EACjB,QAAQ,EAAE,QAAQ,uBACC,mBAAmB,EACtC,SAAS,EAAE,SAAS,YAEnB,IAAI,GACE,GACM,EACjB,KAAC,cAAc,IAAC,IAAI,EAAE,aAAa,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,YACtD,KAAK,GACS,IACT,CACX,CAAA;AACH,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\nimport type { ActionButtonProps, ActionButtonSize } from '@wildo-ai/saas-frontend-lib'\n\nimport { cn, Button, Tooltip, TooltipTrigger, TooltipContent, ButtonVariants_Variant } from \"@wildo-ai/saas-frontend-lib\"\nimport { ButtonSize, FrontendComponentType, ActionLabelDisplayMode } from \"@wildo-ai/presets-components-models\"\nimport { PlacementSide } from \"@wildo-ai/presets-components-models\"\n\n/* ─────────────────────────────────────────────────────────────────────────────\n * ActionButton\n *\n * A compact, icon-first button designed for toolbars, table rows, and inline\n * action groups. Wraps the base Button with automatic tooltip behaviour:\n *\n *   • Tooltip mode (default) — icon-only; shows a tooltip on hover / focus.\n *   • Inline mode            — renders the label as text next to the icon.\n *\n * The mode is driven by `labelDisplayMode`. (The `DROPDOWN` app-policy is\n * resolved by ActionBar, which never renders a direct ActionButton in that\n * mode, so here `DROPDOWN` degrades to the tooltip affordance.)\n *\n * Uses the design-system recipe system, so it adapts to every theme\n * (default, glass, neo-brutalist, …).\n *\n * Event propagation is stopped by default, which makes ActionButton safe\n * inside clickable containers (table rows, cards, etc.).\n * ────────────────────────────────────────────────────────────────────────── */\n\nfunction ActionButton({\n  icon,\n  label,\n  onClick,\n  variant = ButtonVariants_Variant.GHOST,\n  size = ButtonSize.ICON_SM,\n  labelDisplayMode = ActionLabelDisplayMode.TOOLTIP,\n  disabled = false,\n  stopPropagation = true,\n  className,\n  tabIndex,\n  operationIdentifier,\n}: ActionButtonProps): React.JSX.Element {\n\n  const handleClick = React.useCallback(\n    (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (stopPropagation) e.stopPropagation()\n      onClick?.(e)\n    },\n    [onClick, stopPropagation],\n  )\n\n  /* ── Inline-label mode ──────────────────────────────────────────────── */\n  if (labelDisplayMode === ActionLabelDisplayMode.INLINE) {\n    return (\n      <Button\n        variant={variant}\n        size={ButtonSize.SM}\n        disabled={disabled}\n        onClick={handleClick}\n        tabIndex={tabIndex}\n        data-operation-id={operationIdentifier}\n        className={cn(\"gap-1.5\", className)}\n      >\n        {icon}\n        <span className=\"text-xs font-medium whitespace-nowrap\">{label}</span>\n      </Button>\n    )\n  }\n\n  /* ── Icon-only mode with tooltip ────────────────────────────────────── */\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          variant={variant}\n          size={size}\n          disabled={disabled}\n          onClick={handleClick}\n          aria-label={label}\n          tabIndex={tabIndex}\n          data-operation-id={operationIdentifier}\n          className={className}\n        >\n          {icon}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent side={PlacementSide.BOTTOM} sideOffset={5}>\n        {label}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n\nActionButton.displayName = \"ActionButton\"\n\nexport { ActionButton }\n"]}

package/dist/esm/components/actions/action-button.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelActionButtonLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=action-button.labels.d.ts.map

package/dist/esm/components/actions/action-button.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-button.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/action-button.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,0BAA0B,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/actions/action-button.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelActionButtonLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_ACTION_BUTTON, LowLevelActionButtonLabels);
+//# sourceMappingURL=action-button.labels.js.map

package/dist/esm/components/actions/action-button.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-button.labels.js","sourceRoot":"","sources":["../../../../../src/components/actions/action-button.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,0BAA0B,GAA0B,EAAE,CAAC;AACpE,uBAAuB,CAAC,qBAAqB,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelActionButtonLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_ACTION_BUTTON, LowLevelActionButtonLabels);\n"]}

package/dist/esm/components/actions/button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,yBAAyB,EAC9B,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAA;AAKpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUtC;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB1C;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,WAAuC,EACvC,GAAG,KAAK,EACT,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAY/C;AAED,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,eAAe,GAChB,CAAA"}
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/button-group.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,yBAAyB,EAC9B,KAAK,oBAAoB,EAE1B,MAAM,6BAA6B,CAAC;AAIrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUtC;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmB1C;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,WAAuC,EACvC,GAAG,KAAK,EACT,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAY/C;AAED,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,eAAe,GAChB,CAAA"}

package/dist/esm/components/actions/button-group.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-import { cn, Separator, useUI, } from '@wildo-ai/saas-frontend-lib';
+import { cn, Separator, useUI, Surface, } from '@wildo-ai/saas-frontend-lib';
 import { DisplayDirection } from '@wildo-ai/zod-decorators';
 import { SurfaceVariant, UIBehavior } from "@wildo-ai/presets-components-models";
 /** Base classes for button group container */
@@ -21,14 +21,14 @@ function ButtonGroupText({ className, asChild = false, ...props }) {
     const Comp = asChild ? Slot : "div";
     const { getRecipe } = useUI();
     const recipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.INSET);
-    return (_jsx(Comp, { className: cn(
-        // Structure
-        "flex items-center gap-element rounded-md border px-card text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", 
-        // Style from SURFACE.INSET recipe
-        recipe.base, className), ...props }));
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx(Comp, { className: cn(
+            // Structure
+            "flex items-center gap-element rounded-md border px-card text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", 
+            // Style from SURFACE.INSET recipe
+            recipe.base, className), ...props }) }));
 }
 function ButtonGroupSeparator({ className, orientation = DisplayDirection.VERTICAL, ...props }) {
     return (_jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation, className: cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className), ...props }));
 }
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, };
-//# sourceMappingURL=button-group.js.map
+//# sourceMappingURL=button-group.js.map

package/dist/esm/components/actions/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../../src/components/actions/button-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EACL,EAAE,EACF,SAAS,EACT,KAAK,GAIN,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAM3D,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAEhF,8CAA8C;AAC9C,MAAM,eAAe,GAAG,wSAAwS,CAAA;AAEhU,kCAAkC;AAClC,MAAM,kBAAkB,GAAqC;IAC3D,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,iHAAiH;IAChJ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,0HAA0H;CACxJ,CAAA;AAED,SAAS,mBAAmB,CAAC,KAAqE;IAChG,MAAM,WAAW,GAAG,KAAK,EAAE,WAAW,IAAI,gBAAgB,CAAC,UAAU,CAAA;IACrE,OAAO,EAAE,CAAC,eAAe,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;AAC/E,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACS;IACjB,OAAO,CACL,cACE,IAAI,EAAC,OAAO,eACF,cAAc,sBACN,WAAW,EAC7B,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACa;IACrB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IACnC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,CAAA;IAElE,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,wJAAwJ;QACxJ,kCAAkC;QAClC,MAAM,CAAC,IAAI,EACX,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,WAAW,GAAG,gBAAgB,CAAC,QAAQ,EACvC,GAAG,KAAK,EACkB;IAC1B,OAAO,CACL,KAAC,SAAS,iBACE,wBAAwB,EAClC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,eAAe,GAChB,CAAA"}
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../../../src/components/actions/button-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EACL,EAAE,EACF,SAAS,EACT,KAAK,EAIL,OAAO,GACR,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAI3D,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAEhF,8CAA8C;AAC9C,MAAM,eAAe,GAAG,wSAAwS,CAAA;AAEhU,kCAAkC;AAClC,MAAM,kBAAkB,GAAqC;IAC3D,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,iHAAiH;IAChJ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,0HAA0H;CACxJ,CAAA;AAED,SAAS,mBAAmB,CAAC,KAAqE;IAChG,MAAM,WAAW,GAAG,KAAK,EAAE,WAAW,IAAI,gBAAgB,CAAC,UAAU,CAAA;IACrE,OAAO,EAAE,CAAC,eAAe,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;AAC/E,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACS;IACjB,OAAO,CACL,cACE,IAAI,EAAC,OAAO,eACF,cAAc,sBACN,WAAW,EAC7B,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACa;IACrB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IACnC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,CAAA;IAElE,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,YACnE,KAAC,IAAI,IACH,SAAS,EAAE,EAAE;YACX,YAAY;YACZ,wJAAwJ;YACxJ,kCAAkC;YAClC,MAAM,CAAC,IAAI,EACX,SAAS,CACV,KACG,KAAK,GACT,GACM,CACX,CAAA;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,WAAW,GAAG,gBAAgB,CAAC,QAAQ,EACvC,GAAG,KAAK,EACkB;IAC1B,OAAO,CACL,KAAC,SAAS,iBACE,wBAAwB,EAClC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,eAAe,GAChB,CAAA","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport {\n  cn,\n  Separator,\n  useUI,\n  type ButtonGroupProps,\n  type ButtonGroupSeparatorProps,\n  type ButtonGroupTextProps,\n  Surface,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { DisplayDirection } from '@wildo-ai/zod-decorators'\n\nimport * as React from \"react\"\n\nimport { SurfaceVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\n/** Base classes for button group container */\nconst buttonGroupBase = \"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-e-md has-[>[data-slot=button-group]]:gap-element\"\n\n/** Orientation variant classes */\nconst orientationClasses: Record<DisplayDirection, string> = {\n  [DisplayDirection.HORIZONTAL]: \"[&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none\",\n  [DisplayDirection.VERTICAL]: \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n}\n\nfunction buttonGroupVariants(props?: { orientation?: DisplayDirection | null; className?: string }): string {\n  const orientation = props?.orientation ?? DisplayDirection.HORIZONTAL\n  return cn(buttonGroupBase, orientationClasses[orientation], props?.className)\n}\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: ButtonGroupProps): React.JSX.Element {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: ButtonGroupTextProps): React.JSX.Element {\n  const Comp = asChild ? Slot : \"div\"\n  const { getRecipe } = useUI()\n  const recipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.INSET)\n\n  return (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n      <Comp\n        className={cn(\n          // Structure\n          \"flex items-center gap-element rounded-md border px-card text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n          // Style from SURFACE.INSET recipe\n          recipe.base,\n          className\n        )}\n        {...props}\n      />\n    </Surface>\n  )\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = DisplayDirection.VERTICAL,\n  ...props\n}: ButtonGroupSeparatorProps): React.JSX.Element {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n}\n\n"]}

package/dist/esm/components/actions/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,WAAW,EAA+C,MAAM,6BAA6B,CAAA;AAkB3G,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAmEhG,CAAA;AAIF,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,WAAW,EAA0B,MAAM,6BAA6B,CAAA;AAkBtF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CA4FhG,CAAA;AAIF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/esm/components/actions/button.js

@@ -3,8 +3,8 @@ import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { motion } from "motion/react";
 import { Loader2 } from "lucide-react";
-import { UIBehavior, InteractiveVariant } from "@wildo-ai/presets-components-models";
-import { cn, useUI } from "@wildo-ai/saas-frontend-lib";
+import { InteractiveVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+import { cn, useMaterialRuntime, useUI } from "@wildo-ai/saas-frontend-lib";
 /** Map public variant names to InteractiveVariant enum values */
 const VARIANT_MAP = {
     default: InteractiveVariant.PRIMARY,
@@ -17,22 +17,33 @@ const VARIANT_MAP = {
 };
 /** Structure classes — layout, accessibility, SVG handling. Theme-independent. */
 const STRUCTURE = "relative inline-flex items-center justify-center gap-element whitespace-nowrap shrink-0 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none";
-const Button = React.forwardRef(({ className, variant = "default", size = "md", asChild = false, loading, children, ...props }, ref) => {
-    const { getRecipe } = useUI();
+const Button = React.forwardRef(({ className, style, variant = "default", size = "md", asChild = false, loading, children, ...props }, ref) => {
+    const { getMaterialProfile, getRecipe } = useUI();
     const recipe = getRecipe(UIBehavior.INTERACTIVE, VARIANT_MAP[variant]);
+    const materialProfile = getMaterialProfile?.(recipe.material);
+    const elementRef = React.useRef(null);
+    const composedRef = React.useCallback((node) => {
+        elementRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const materialRuntime = useMaterialRuntime(materialProfile, elementRef);
+    const resolvedStyle = { ...materialRuntime.style, ...style };
     const isLoading = loading === true && !asChild;
     const classes = cn(STRUCTURE, recipe.base, recipe.states.hover, recipe.states.active, recipe.states.focus, recipe.states.disabled, recipe.states.invalid, recipe.sizes?.[size], recipe.motion.transition, className);
     const content = isLoading ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: _jsx(Loader2, { className: "size-4 animate-spin motion-reduce:animate-none" }) }), _jsx("span", { className: "inline-flex items-center gap-element invisible", children: children })] })) : children;
     const loadingProps = isLoading ? { disabled: true, 'aria-busy': true } : {};
     // Gesture layer: if theme provides gesture config, use motion.button for spring physics
-    if (recipe.gesture && !asChild) {
+    if (recipe.gesture && !materialProfile && !asChild) {
         const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...motionSafeProps } = props;
-        return (_jsx(motion.button, { ref: ref, "data-slot": "button", className: classes, whileHover: isLoading ? undefined : recipe.gesture.whileHover, whileTap: isLoading ? undefined : recipe.gesture.whileTap, whileFocus: recipe.gesture.whileFocus, transition: recipe.gesture.transition, ...motionSafeProps, ...loadingProps, children: content }));
+        return (_jsx(motion.button, { ref: composedRef, "data-slot": "button", "data-material-kind": materialRuntime['data-material-kind'], "data-material-tier": materialRuntime['data-material-tier'], "data-material-variant": materialRuntime['data-material-variant'], "data-material-depth": materialRuntime['data-material-depth'], "data-material-composition": materialRuntime['data-material-composition'], "data-material-group": materialRuntime['data-material-group'], "data-material-refractive-budget": materialRuntime['data-material-refractive-budget'], className: classes, style: resolvedStyle, whileHover: isLoading ? undefined : recipe.gesture.whileHover, whileTap: isLoading ? undefined : recipe.gesture.whileTap, whileFocus: recipe.gesture.whileFocus, transition: recipe.gesture.transition, ...motionSafeProps, ...loadingProps, children: content }));
     }
     // CSS-only fallback (default theme, or asChild mode)
     const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { ref: ref, "data-slot": "button", className: classes, ...props, ...loadingProps, children: content }));
+    return (_jsx(Comp, { ref: composedRef, "data-slot": "button", "data-material-kind": materialRuntime['data-material-kind'], "data-material-tier": materialRuntime['data-material-tier'], "data-material-variant": materialRuntime['data-material-variant'], "data-material-depth": materialRuntime['data-material-depth'], "data-material-composition": materialRuntime['data-material-composition'], "data-material-group": materialRuntime['data-material-group'], "data-material-refractive-budget": materialRuntime['data-material-refractive-budget'], className: classes, style: resolvedStyle, ...props, ...loadingProps, children: content }));
 });
 Button.displayName = "Button";
 export { Button };
-//# sourceMappingURL=button.js.map
+//# sourceMappingURL=button.js.map

package/dist/esm/components/actions/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../src/components/actions/button.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { motion } from \"motion/react\"\nimport { Loader2 } from \"lucide-react\"\nimport { FrontendComponentType, InteractiveVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\nimport type { ButtonProps, ButtonVariants_Variant } from '@wildo-ai/saas-frontend-lib'\n\nimport { cn, useMaterialRuntime, useUI } from \"@wildo-ai/saas-frontend-lib\"\n\n/** Map public variant names to InteractiveVariant enum values */\nconst VARIANT_MAP: Record<ButtonVariants_Variant, InteractiveVariant> = {\n  default: InteractiveVariant.PRIMARY,\n  destructive: InteractiveVariant.DESTRUCTIVE,\n  outline: InteractiveVariant.OUTLINE,\n  secondary: InteractiveVariant.SECONDARY,\n  ghost: InteractiveVariant.GHOST,\n  link: InteractiveVariant.LINK,\n  accent: InteractiveVariant.ACCENT,\n}\n\n/** Structure classes — layout, accessibility, SVG handling. Theme-independent. */\nconst STRUCTURE: string = \"relative inline-flex items-center justify-center gap-element whitespace-nowrap shrink-0 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none\"\n\nconst Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>> = React.forwardRef<\n  HTMLButtonElement,\n  ButtonProps\n>(({ className, style, variant = \"default\", size = \"md\", asChild = false, loading, children, ...props }, ref): React.JSX.Element => {\n  const { getMaterialProfile, getRecipe } = useUI()\n\n  const recipe = getRecipe(UIBehavior.INTERACTIVE, VARIANT_MAP[variant])\n  const materialProfile = getMaterialProfile?.(recipe.material)\n  const elementRef = React.useRef<HTMLElement | null>(null)\n  const composedRef = React.useCallback((node: HTMLButtonElement | null): void => {\n    elementRef.current = node\n    if (typeof ref === 'function') ref(node)\n    else if (ref) ref.current = node\n  }, [ref])\n  const materialRuntime = useMaterialRuntime(materialProfile, elementRef)\n  const resolvedStyle = { ...materialRuntime.style, ...style }\n\n  const isLoading = loading === true && !asChild\n\n  const classes = cn(\n    STRUCTURE,\n    recipe.base,\n    recipe.states.hover,\n    recipe.states.active,\n    recipe.states.focus,\n    recipe.states.disabled,\n    recipe.states.invalid,\n    recipe.sizes?.[size],\n    recipe.motion.transition,\n    className,\n  )\n\n  const content = isLoading ? (\n    <>\n      <span className=\"absolute inset-0 flex items-center justify-center\">\n        <Loader2 className=\"size-4 animate-spin motion-reduce:animate-none\" />\n      </span>\n      <span className=\"inline-flex items-center gap-element invisible\">{children}</span>\n    </>\n  ) : children\n\n  const loadingProps = isLoading ? { disabled: true, 'aria-busy': true as const } : {}\n\n  // Gesture layer: if theme provides gesture config, use motion.button for spring physics\n  if (recipe.gesture && !materialProfile && !asChild) {\n    const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...motionSafeProps } = props\n    return (\n      <motion.button\n        ref={composedRef}\n        data-slot=\"button\"\n        data-material-kind={materialRuntime['data-material-kind']}\n        data-material-tier={materialRuntime['data-material-tier']}\n        data-material-variant={materialRuntime['data-material-variant']}\n        data-material-depth={materialRuntime['data-material-depth']}\n        data-material-composition={materialRuntime['data-material-composition']}\n        data-material-group={materialRuntime['data-material-group']}\n        data-material-refractive-budget={materialRuntime['data-material-refractive-budget']}\n        className={classes}\n        style={resolvedStyle}\n        whileHover={isLoading ? undefined : recipe.gesture.whileHover}\n        whileTap={isLoading ? undefined : recipe.gesture.whileTap}\n        whileFocus={recipe.gesture.whileFocus}\n        transition={recipe.gesture.transition}\n        {...motionSafeProps}\n        {...loadingProps}\n      >\n        {content}\n      </motion.button>\n    )\n  }\n\n  // CSS-only fallback (default theme, or asChild mode)\n  const Comp = asChild ? Slot : \"button\"\n  return (\n    <Comp\n      ref={composedRef}\n      data-slot=\"button\"\n      data-material-kind={materialRuntime['data-material-kind']}\n      data-material-tier={materialRuntime['data-material-tier']}\n      data-material-variant={materialRuntime['data-material-variant']}\n      data-material-depth={materialRuntime['data-material-depth']}\n      data-material-composition={materialRuntime['data-material-composition']}\n      data-material-group={materialRuntime['data-material-group']}\n      data-material-refractive-budget={materialRuntime['data-material-refractive-budget']}\n      className={classes}\n      style={resolvedStyle}\n      {...props}\n      {...loadingProps}\n    >\n      {content}\n    </Comp>\n  )\n})\n\nButton.displayName = \"Button\"\n\nexport { Button }\n"]}

package/dist/esm/components/actions/button.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelButtonLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=button.labels.d.ts.map

package/dist/esm/components/actions/button.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/button.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAKrD,CAAC"}

package/dist/esm/components/actions/button.labels.js

@@ -0,0 +1,12 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelButtonLabels = [
+    { ref: 'save', kind: LabelKind.BUTTON, purpose: 'Default caption for the button that commits the current changes' },
+    { ref: 'cancel', kind: LabelKind.BUTTON, purpose: 'Default caption for the button that dismisses an action without applying it' },
+    { ref: 'retry', kind: LabelKind.BUTTON, purpose: 'Default caption for the button that re-attempts a failed action' },
+    { ref: 'edit', kind: LabelKind.BUTTON, purpose: 'Default caption for the button that switches into an editable state' },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_BUTTON, LowLevelButtonLabels);
+//# sourceMappingURL=button.labels.js.map

package/dist/esm/components/actions/button.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.labels.js","sourceRoot":"","sources":["../../../../../src/components/actions/button.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACzD,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,iEAAiE,EAAE;IACnH,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,6EAA6E,EAAE;IACjI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,iEAAiE,EAAE;IACpH,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,qEAAqE,EAAE;CACxH,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelButtonLabels: LabellingUnitaryDef[] = [\n  { ref: 'save', kind: LabelKind.BUTTON, purpose: 'Default caption for the button that commits the current changes' },\n  { ref: 'cancel', kind: LabelKind.BUTTON, purpose: 'Default caption for the button that dismisses an action without applying it' },\n  { ref: 'retry', kind: LabelKind.BUTTON, purpose: 'Default caption for the button that re-attempts a failed action' },\n  { ref: 'edit', kind: LabelKind.BUTTON, purpose: 'Default caption for the button that switches into an editable state' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_BUTTON, LowLevelButtonLabels);\n"]}