@hjmds/react 1.12.0 → 1.13.0

package/dist/navigation.d.ts

@@ -3,6 +3,7 @@ export type { TabsAppearance };
 import { type TabsActivationMode, type TabsDirection, type TabsMountPolicy, type TabsOrientation, type TabsPanelMode } from "@hjmds/design-contracts/behaviors";
 import { type TabSize, type TabsLayout, type TabsOverflow } from "@hjmds/design-contracts/recipes";
 import { type HTMLAttributes, type ReactNode } from "react";
+import type { HjmCompositionStyleProp } from "./composition-style.js";
 export type TabLeadingRenderProps = Readonly<{
     selected: boolean;
     disabled: boolean;
@@ -41,6 +42,8 @@ export type TabsProps = Omit<HTMLAttributes<HTMLDivElement>, "dir" | "onChange">
     overflow?: TabsOverflow;
     /** Set false when panels are rendered separately with `TabPanel`. */
     renderPanels?: boolean;
+    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */
+    layoutStyle?: HjmCompositionStyleProp;
 }>;
 export declare function getTabId(tabsId: string, value: string): string;
 export declare function getTabPanelId(tabsId: string, value: string, mode?: TabsPanelMode): string;
@@ -49,6 +52,8 @@ type ExternalTabPanelBaseProps = Omit<HTMLAttributes<HTMLDivElement>, "id"> & Re
     tabsId: string;
     activeValue: string;
     children: ReactNode;
+    /** Canonical layout-only placement on the panel element. Controlled visual keys are excluded. */
+    layoutStyle?: HjmCompositionStyleProp;
 }>;
 export type TabPanelProps = ExternalTabPanelBaseProps & (Readonly<{
     mode: "dynamic";

package/dist/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../src/navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,cAAc,EAA2B,MAAM,0CAA0C,CAAC;AAC/H,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAKL,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,aAAa,EACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,YAAY,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAOL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,cAAc,CAAC;IACtB,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,KAAK,aAAa,GACd,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC,CAAC,GACF,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC,CAAC;AAEP,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,GAC9E,aAAa,GACb,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IAC1B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,qEAAqE;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC;AAwEL,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE9D;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,aAAuB,GAC5B,MAAM,CAIR;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED,KAAK,yBAAyB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,GACzE,QAAQ,CAAC;IACP,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC,CAAC;AAEL,MAAM,MAAM,aAAa,GAAG,yBAAyB,GACnD,CACI,QAAQ,CAAC;IACP,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC,GACF,QAAQ,CAAC;IACP,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC,CACL,CAAC;AAEJ,+FAA+F;AAC/F,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,sCAiD5C;AAED,eAAO,MAAM,IAAI,sGAiQf,CAAC"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../src/navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,cAAc,EAA2B,MAAM,0CAA0C,CAAC;AAC/H,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAKL,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,aAAa,EACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,YAAY,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAOL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,cAAc,CAAC;IACtB,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,KAAK,aAAa,GACd,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC,CAAC,GACF,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC,CAAC;AAEP,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,GAC9E,aAAa,GACb,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IAC1B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,qEAAqE;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gGAAgG;IAChG,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAwEL,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE9D;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,aAAuB,GAC5B,MAAM,CAIR;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED,KAAK,yBAAyB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,GACzE,QAAQ,CAAC;IACP,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,iGAAiG;IACjG,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAEL,MAAM,MAAM,aAAa,GAAG,yBAAyB,GACnD,CACI,QAAQ,CAAC;IACP,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC,GACF,QAAQ,CAAC;IACP,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC,CACL,CAAC;AAEJ,+FAA+F;AAC/F,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,sCAmD5C;AAED,eAAO,MAAM,IAAI,sGAmQf,CAAC"}

package/dist/navigation.js

@@ -59,12 +59,12 @@ export function TabPanel(props) {
     const mountPolicy = dynamic ? "active" : props.mountPolicy ?? tabsBehaviorDefaults.mountPolicy;
     let hostProps;
     if (props.mode === "dynamic") {
-        const { tabsId: _tabsId, activeValue: _activeValue, children: _children, mode: _mode, ...htmlProps } = props;
-        hostProps = htmlProps;
+        const { tabsId: _tabsId, activeValue: _activeValue, children: _children, mode: _mode, layoutStyle, ...htmlProps } = props;
+        hostProps = { ...htmlProps, style: { ...htmlProps.style, ...layoutStyle } };
     }
     else {
-        const { tabsId: _tabsId, activeValue: _activeValue, children: _children, mode: _mode, value: _value, mountPolicy: _mountPolicy, ...htmlProps } = props;
-        hostProps = htmlProps;
+        const { tabsId: _tabsId, activeValue: _activeValue, children: _children, mode: _mode, value: _value, mountPolicy: _mountPolicy, layoutStyle, ...htmlProps } = props;
+        hostProps = { ...htmlProps, style: { ...htmlProps.style, ...layoutStyle } };
     }
     const [visited, setVisited] = useState(selected);
     useEffect(() => {
@@ -80,7 +80,7 @@ export function TabPanel(props) {
     return (_jsx(TabPanelHost, { ...hostProps, id: getTabPanelId(tabsId, value, dynamic ? "dynamic" : "keyed"), labelledBy: getTabId(tabsId, dynamic ? activeValue : value), selected: selected, dynamic: dynamic, children: children }));
 }
 export const Tabs = forwardRef(function Tabs(props, ref) {
-    const { label, items, activationMode = tabsBehaviorDefaults.activationMode, mountPolicy = tabsBehaviorDefaults.mountPolicy, panelMode = tabsBehaviorDefaults.panelMode, appearance = "standard", orientation = tabsBehaviorDefaults.orientation, direction: directionProp, loop = tabsBehaviorDefaults.loop, size = tabsRecipe.defaults.size, layout = tabsRecipe.defaults.layout, overflow = tabsRecipe.defaults.overflow, renderPanels = true, className, id, value: valueProp, defaultValue, onValueChange, ...rest } = props;
+    const { label, items, activationMode = tabsBehaviorDefaults.activationMode, mountPolicy = tabsBehaviorDefaults.mountPolicy, panelMode = tabsBehaviorDefaults.panelMode, appearance = "standard", orientation = tabsBehaviorDefaults.orientation, direction: directionProp, loop = tabsBehaviorDefaults.loop, size = tabsRecipe.defaults.size, layout = tabsRecipe.defaults.layout, overflow = tabsRecipe.defaults.overflow, renderPanels = true, className, id, value: valueProp, defaultValue, onValueChange, layoutStyle, ...rest } = props;
     validateItems(items);
     if (label.trim().length === 0)
         throw new TypeError("Tabs label must not be empty");
@@ -220,7 +220,7 @@ export const Tabs = forwardRef(function Tabs(props, ref) {
         }
     };
     const panelId = (value) => getTabPanelId(baseId, value, panelMode);
-    return (_jsxs("div", { ...rest, ref: ref, id: baseId, className: classNames("hjm-tabs", className), "data-size": size, "data-layout": layout, "data-overflow": overflow, "data-appearance": gooey ? "gooey" : "standard", "data-orientation": orientation, "data-mount-policy": mountPolicy, "data-panel-mode": panelMode, "data-state": "ready", dir: direction, children: [_jsxs("div", { className: "hjm-tabs__list", role: "tablist", "aria-label": label, "aria-orientation": orientation, children: [gooey ? _jsx("span", { ref: indicatorRef, "aria-hidden": "true", className: "hjm-tabs__gooey" }) : null, items.map((item) => {
+    return (_jsxs("div", { ...rest, style: { ...rest.style, ...layoutStyle }, ref: ref, id: baseId, className: classNames("hjm-tabs", className), "data-size": size, "data-layout": layout, "data-overflow": overflow, "data-appearance": gooey ? "gooey" : "standard", "data-orientation": orientation, "data-mount-policy": mountPolicy, "data-panel-mode": panelMode, "data-state": "ready", dir: direction, children: [_jsxs("div", { className: "hjm-tabs__list", role: "tablist", "aria-label": label, "aria-orientation": orientation, children: [gooey ? _jsx("span", { ref: indicatorRef, "aria-hidden": "true", className: "hjm-tabs__gooey" }) : null, items.map((item) => {
                         const selected = item.id === value;
                         const tabId = getTabId(baseId, item.id);
                         const leadingSize = iconRecipe.sizes[tabsRecipe.icon.glyph];

package/dist/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../src/navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveGooeyIndicator, type TabsAppearance, type GooeyIndicatorRect } from \"@hjmds/design-contracts/gooey-navigation\";\nexport type { TabsAppearance };\nimport {\n  getTabNavigationIntent,\n  getTabNavigationTarget,\n  resolveInitialTabValue,\n  tabsBehaviorDefaults,\n  type TabsActivationMode,\n  type TabsDirection,\n  type TabsMountPolicy,\n  type TabsOrientation,\n  type TabsPanelMode,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n  iconRecipe,\n  tabsRecipe,\n  type TabSize,\n  type TabsLayout,\n  type TabsOverflow,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { classNames, useControllableState } from \"./internal.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\n\nexport type TabLeadingRenderProps = Readonly<{\n  selected: boolean;\n  disabled: boolean;\n  color: \"currentColor\";\n  /** Pixel size resolved from `tabsRecipe.icon.glyph`. */\n  size: number;\n}>;\n\nexport type TabItem = Readonly<{\n  id: string;\n  label: ReactNode;\n  panel?: ReactNode;\n  renderLeading?: (state: TabLeadingRenderProps) => ReactNode;\n  disabled?: boolean;\n}>;\n\ntype TabsSelection =\n  | Readonly<{\n      value: string;\n      defaultValue?: never;\n      onValueChange(value: string): void;\n    }>\n  | Readonly<{\n      value?: never;\n      defaultValue?: string;\n      onValueChange?: (value: string) => void;\n    }>;\n\nexport type TabsProps = Omit<HTMLAttributes<HTMLDivElement>, \"dir\" | \"onChange\"> &\n  TabsSelection &\n  Readonly<{\n    label: string;\n    items: readonly TabItem[];\n    activationMode?: TabsActivationMode;\n    mountPolicy?: TabsMountPolicy;\n    panelMode?: TabsPanelMode;\n    appearance?: TabsAppearance;\n    orientation?: TabsOrientation;\n    direction?: TabsDirection;\n    loop?: boolean;\n    size?: TabSize;\n    layout?: TabsLayout;\n    overflow?: TabsOverflow;\n    /** Set false when panels are rendered separately with `TabPanel`. */\n    renderPanels?: boolean;\n  }>;\n\nfunction validateItems(items: readonly TabItem[]): void {\n  if (items.length === 0) throw new TypeError(\"Tabs requires at least one item\");\n  const ids = new Set<string>();\n  for (const item of items) {\n    if (item.id.trim().length === 0) throw new TypeError(\"Tabs item id must not be empty\");\n    if (ids.has(item.id)) throw new TypeError(`Duplicate Tabs item id: ${item.id}`);\n    ids.add(item.id);\n  }\n  if (!items.some((item) => !item.disabled)) {\n    throw new TypeError(\"Tabs requires at least one enabled item\");\n  }\n}\n\nconst panelFocusableSelector = [\n  \"a[href]\",\n  \"button:not([disabled])\",\n  \"input:not([disabled])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"[tabindex]:not([tabindex='-1'])\",\n].join(\",\");\n\ntype TabPanelHostProps = HTMLAttributes<HTMLDivElement> & Readonly<{\n  id: string;\n  labelledBy: string;\n  selected: boolean;\n  dynamic: boolean;\n  children: ReactNode;\n}>;\n\nfunction TabPanelHost({\n  id,\n  labelledBy,\n  selected,\n  dynamic,\n  children,\n  className,\n  ...props\n}: TabPanelHostProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [hasFocusableContent, setHasFocusableContent] = useState(false);\n  useEffect(() => {\n    setHasFocusableContent(\n      ref.current?.querySelector(panelFocusableSelector) !== null,\n    );\n  }, [children]);\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      id={id}\n      role=\"tabpanel\"\n      className={classNames(\"hjm-tabs__panel\", className)}\n      aria-labelledby={labelledBy}\n      tabIndex={selected && !hasFocusableContent ? 0 : undefined}\n      hidden={!selected}\n      inert={selected ? undefined : true}\n      data-state={selected ? \"active\" : \"inactive\"}\n      data-panel-mode={dynamic ? \"dynamic\" : \"keyed\"}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction encodedTabId(value: string): string {\n  return encodeURIComponent(value);\n}\n\nexport function getTabId(tabsId: string, value: string): string {\n  return `${tabsId}-tab-${encodedTabId(value)}`;\n}\n\nexport function getTabPanelId(\n  tabsId: string,\n  value: string,\n  mode: TabsPanelMode = \"keyed\",\n): string {\n  return mode === \"dynamic\"\n    ? `${tabsId}-panel`\n    : `${tabsId}-panel-${encodedTabId(value)}`;\n}\n\nexport function getDynamicTabPanelId(tabsId: string): string {\n  return getTabPanelId(tabsId, \"\", \"dynamic\");\n}\n\ntype ExternalTabPanelBaseProps = Omit<HTMLAttributes<HTMLDivElement>, \"id\"> &\n  Readonly<{\n    tabsId: string;\n    activeValue: string;\n    children: ReactNode;\n  }>;\n\nexport type TabPanelProps = ExternalTabPanelBaseProps &\n  (\n    | Readonly<{\n        mode: \"dynamic\";\n        value?: never;\n        mountPolicy?: never;\n      }>\n    | Readonly<{\n        mode?: \"keyed\";\n        value: string;\n        mountPolicy?: TabsMountPolicy;\n      }>\n  );\n\n/** External panel host for products that keep routing, query, or scroll state outside Tabs. */\nexport function TabPanel(props: TabPanelProps) {\n  const { tabsId, activeValue, children } = props;\n  const dynamic = props.mode === \"dynamic\";\n  const value = dynamic ? activeValue : props.value;\n  const selected = value === activeValue;\n  const mountPolicy = dynamic ? \"active\" : props.mountPolicy ?? tabsBehaviorDefaults.mountPolicy;\n  let hostProps: Omit<HTMLAttributes<HTMLDivElement>, \"id\">;\n  if (props.mode === \"dynamic\") {\n    const {\n      tabsId: _tabsId,\n      activeValue: _activeValue,\n      children: _children,\n      mode: _mode,\n      ...htmlProps\n    } = props;\n    hostProps = htmlProps;\n  } else {\n    const {\n      tabsId: _tabsId,\n      activeValue: _activeValue,\n      children: _children,\n      mode: _mode,\n      value: _value,\n      mountPolicy: _mountPolicy,\n      ...htmlProps\n    } = props;\n    hostProps = htmlProps;\n  }\n  const [visited, setVisited] = useState(selected);\n  useEffect(() => {\n    if (selected) setVisited(true);\n  }, [selected]);\n  const mounted =\n    dynamic ||\n    selected ||\n    mountPolicy === \"always\" ||\n    (mountPolicy === \"visited\" && visited);\n  if (!mounted) return null;\n  return (\n    <TabPanelHost\n      {...hostProps}\n      id={getTabPanelId(tabsId, value, dynamic ? \"dynamic\" : \"keyed\")}\n      labelledBy={getTabId(tabsId, dynamic ? activeValue : value)}\n      selected={selected}\n      dynamic={dynamic}\n    >\n      {children}\n    </TabPanelHost>\n  );\n}\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  props,\n  ref,\n) {\n  const {\n    label,\n    items,\n    activationMode = tabsBehaviorDefaults.activationMode,\n    mountPolicy = tabsBehaviorDefaults.mountPolicy,\n    panelMode = tabsBehaviorDefaults.panelMode,\n    appearance = \"standard\",\n    orientation = tabsBehaviorDefaults.orientation,\n    direction: directionProp,\n    loop = tabsBehaviorDefaults.loop,\n    size = tabsRecipe.defaults.size,\n    layout = tabsRecipe.defaults.layout,\n    overflow = tabsRecipe.defaults.overflow,\n    renderPanels = true,\n    className,\n    id,\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    ...rest\n  } = props;\n  validateItems(items);\n  if (label.trim().length === 0) throw new TypeError(\"Tabs label must not be empty\");\n  if (panelMode === \"dynamic\" && mountPolicy !== \"active\") {\n    throw new TypeError(\"Tabs dynamic panelMode requires active mountPolicy\");\n  }\n  const descriptors = items.map((item) => ({\n    id: item.id,\n    label: item.id,\n    ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n  }));\n  const initialValueRef = useRef<Readonly<{ value: string }> | null>(null);\n  if (initialValueRef.current === null) {\n    const resolved = resolveInitialTabValue(descriptors, defaultValue);\n    if (resolved === undefined) throw new TypeError(\"Tabs requires an enabled item\");\n    initialValueRef.current = { value: resolved };\n  }\n  const initialValue = initialValueRef.current.value;\n  const collectionFallback = items.find((item) => !item.disabled)?.id;\n  if (collectionFallback === undefined) throw new TypeError(\"Tabs requires an enabled item\");\n  const [storedValue, setValue] = useControllableState({\n    ...(valueProp === undefined ? {} : { value: valueProp }),\n    defaultValue: initialValue,\n    ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n  });\n  const controlled = valueProp !== undefined;\n  const storedSelectionIsValid = items.some(\n    (item) => item.id === storedValue && !item.disabled,\n  );\n  if (controlled && !storedSelectionIsValid) {\n    throw new RangeError(`Tabs value must identify an enabled item: ${storedValue}`);\n  }\n  const value = storedSelectionIsValid ? storedValue : collectionFallback;\n  const [focusValue, setFocusValue] = useState(value);\n  const resolvedFocusValue = items.some(\n    (item) => item.id === focusValue && !item.disabled,\n  )\n    ? focusValue\n    : value;\n  const [visited, setVisited] = useState<ReadonlySet<string>>(() => new Set([value]));\n  const tabRefs = useRef(new Map<string, HTMLButtonElement>());\n  const generatedId = useId().replaceAll(\":\", \"\");\n  const baseId = id ?? `hjm-${generatedId}`;\n  const theme = useOptionalHjmTheme();\n  const direction = directionProp ?? theme?.environment.direction ?? tabsBehaviorDefaults.direction;\n  const gooey = appearance === \"gooey\" && orientation === \"horizontal\";\n  const indicatorRef = useRef<HTMLSpanElement>(null);\n  const previousIndicator = useRef<{ value: string; rect: GooeyIndicatorRect } | null>(null);\n  useLayoutEffect(() => {\n    const indicator = indicatorRef.current;\n    const tab = tabRefs.current.get(value);\n    if (!gooey || !indicator || !tab) { previousIndicator.current = null; return; }\n    let animation: Animation | undefined;\n    const place = (animate: boolean) => {\n      animation?.cancel();\n      const rect = { x: tab.offsetLeft, width: tab.offsetWidth };\n      if (rect.width <= 0) return;\n      indicator.style.left = `${rect.x}px`;\n      indicator.style.width = `${rect.width}px`;\n      const previous = previousIndicator.current;\n      if (animate && previous && previous.value !== value && !theme?.environment.reducedMotion && !document.hidden) {\n        const recipe = resolveGooeyIndicator(previous.rect, rect);\n        animation = indicator.animate(recipe.input.map((offset, index) => ({ offset, left: `${recipe.x[index]}px`, width: `${recipe.width[index]}px` })), { duration: recipe.duration, easing: \"ease-out\" });\n      }\n      previousIndicator.current = { value, rect };\n    };\n    place(true);\n    // Font loading, resizing and large text change measurements without changing selection.\n    const observer = new ResizeObserver(() => {\n      const previous = previousIndicator.current?.rect;\n      if (previous?.x !== tab.offsetLeft || previous.width !== tab.offsetWidth) place(false);\n    });\n    const list = tab.parentElement!;\n    for (const child of list.children) if (child !== indicator) observer.observe(child);\n    const visibility = () => { if (document.hidden) animation?.cancel(); };\n    document.addEventListener(\"visibilitychange\", visibility);\n    return () => { animation?.cancel(); observer.disconnect(); document.removeEventListener(\"visibilitychange\", visibility); };\n  }, [gooey, value, items, theme?.environment.reducedMotion]);\n\n\n  useEffect(() => {\n    if (!controlled && !storedSelectionIsValid) setValue(collectionFallback);\n  }, [collectionFallback, controlled, setValue, storedSelectionIsValid]);\n  useEffect(() => {\n    if (!items.some((item) => item.id === focusValue && !item.disabled)) {\n      setFocusValue(value);\n    }\n  }, [focusValue, items, value]);\n  useEffect(() => {\n    setVisited((current) => {\n      const known = new Set(items.map((item) => item.id));\n      const next = new Set([...current].filter((id) => known.has(id)));\n      next.add(value);\n      if (\n        next.size === current.size &&\n        [...next].every((id) => current.has(id))\n      ) return current;\n      return next;\n    });\n  }, [items, value]);\n\n  const focusItem = (id: string) => {\n    setFocusValue(id);\n    if (activationMode === \"automatic\") setValue(id);\n    queueMicrotask(() => {\n      const node = tabRefs.current.get(id);\n      if (!node) return;\n      node.focus();\n      // The tab strip is horizontally scrollable; keyboard focus must bring an offscreen roving tab into view.\n      // `auto` preserves the consumer's scroll behavior, while `instant` prevents CSS smooth scrolling under reduced motion.\n      node.scrollIntoView({\n        block: \"nearest\",\n        inline: \"nearest\",\n        behavior: theme?.environment.reducedMotion ? \"instant\" : \"auto\",\n      });\n    });\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>, id: string) => {\n    const intent = getTabNavigationIntent(\n      event.key === \" \" ? \"Space\" : event.key as Parameters<typeof getTabNavigationIntent>[0],\n      orientation,\n      direction,\n    );\n    if (intent !== undefined) {\n      const target = getTabNavigationTarget(descriptors, id, intent, loop);\n      if (target !== undefined) {\n        event.preventDefault();\n        focusItem(target);\n      }\n      return;\n    }\n    if (\n      activationMode === \"manual\" &&\n      (event.key === \"Enter\" || event.key === \" \")\n    ) {\n      event.preventDefault();\n      setValue(id);\n    }\n  };\n  const panelId = (value: string) => getTabPanelId(baseId, value, panelMode);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      id={baseId}\n      className={classNames(\"hjm-tabs\", className)}\n      data-size={size}\n      data-layout={layout}\n      data-overflow={overflow}\n      data-appearance={gooey ? \"gooey\" : \"standard\"}\n      data-orientation={orientation}\n      data-mount-policy={mountPolicy}\n      data-panel-mode={panelMode}\n      data-state=\"ready\"\n      dir={direction}\n    >\n      <div\n        className=\"hjm-tabs__list\"\n        role=\"tablist\"\n        aria-label={label}\n        aria-orientation={orientation}\n      >\n        {gooey ? <span ref={indicatorRef} aria-hidden=\"true\" className=\"hjm-tabs__gooey\" /> : null}\n        {items.map((item) => {\n          const selected = item.id === value;\n          const tabId = getTabId(baseId, item.id);\n          const leadingSize = iconRecipe.sizes[tabsRecipe.icon.glyph];\n          return (\n            <button\n              key={item.id}\n              ref={(node) => {\n                if (node) tabRefs.current.set(item.id, node);\n                else tabRefs.current.delete(item.id);\n              }}\n              id={tabId}\n              type=\"button\"\n              role=\"tab\"\n              className=\"hjm-tabs__tab\"\n              data-state={selected ? \"selected\" : \"idle\"}\n              aria-selected={selected}\n              aria-controls={panelId(item.id)}\n              tabIndex={item.id === resolvedFocusValue ? 0 : -1}\n              disabled={item.disabled}\n              onClick={() => {\n                setFocusValue(item.id);\n                setValue(item.id);\n              }}\n              onKeyDown={(event) => handleKeyDown(event, item.id)}\n            >\n              {item.renderLeading ? (\n                <span aria-hidden=\"true\" className=\"hjm-tabs__leading\">\n                  {item.renderLeading({\n                    selected,\n                    disabled: item.disabled ?? false,\n                    color: \"currentColor\",\n                    size: leadingSize,\n                  })}\n                </span>\n              ) : null}\n              {item.label}\n            </button>\n          );\n        })}\n      </div>\n      {!renderPanels ? null : panelMode === \"dynamic\" ? (\n        <TabPanelHost\n          id={panelId(value)}\n          labelledBy={getTabId(baseId, value)}\n          selected\n          dynamic\n        >\n          {items.find((item) => item.id === value)?.panel}\n        </TabPanelHost>\n      ) : items.map((item) => {\n        const selected = item.id === value;\n        const mounted = mountPolicy === \"always\" ||\n          (mountPolicy === \"visited\" && (visited.has(item.id) || selected)) ||\n          (mountPolicy === \"active\" && selected);\n        return mounted ? (\n          <TabPanelHost\n            key={item.id}\n            id={panelId(item.id)}\n            labelledBy={getTabId(baseId, item.id)}\n            selected={selected}\n            dynamic={false}\n          >\n            {item.panel}\n          </TabPanelHost>\n        ) : null;\n      })}\n    </div>\n  );\n});\n"]}
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../src/navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveGooeyIndicator, type TabsAppearance, type GooeyIndicatorRect } from \"@hjmds/design-contracts/gooey-navigation\";\nexport type { TabsAppearance };\nimport {\n  getTabNavigationIntent,\n  getTabNavigationTarget,\n  resolveInitialTabValue,\n  tabsBehaviorDefaults,\n  type TabsActivationMode,\n  type TabsDirection,\n  type TabsMountPolicy,\n  type TabsOrientation,\n  type TabsPanelMode,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n  iconRecipe,\n  tabsRecipe,\n  type TabSize,\n  type TabsLayout,\n  type TabsOverflow,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { classNames, useControllableState } from \"./internal.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type TabLeadingRenderProps = Readonly<{\n  selected: boolean;\n  disabled: boolean;\n  color: \"currentColor\";\n  /** Pixel size resolved from `tabsRecipe.icon.glyph`. */\n  size: number;\n}>;\n\nexport type TabItem = Readonly<{\n  id: string;\n  label: ReactNode;\n  panel?: ReactNode;\n  renderLeading?: (state: TabLeadingRenderProps) => ReactNode;\n  disabled?: boolean;\n}>;\n\ntype TabsSelection =\n  | Readonly<{\n      value: string;\n      defaultValue?: never;\n      onValueChange(value: string): void;\n    }>\n  | Readonly<{\n      value?: never;\n      defaultValue?: string;\n      onValueChange?: (value: string) => void;\n    }>;\n\nexport type TabsProps = Omit<HTMLAttributes<HTMLDivElement>, \"dir\" | \"onChange\"> &\n  TabsSelection &\n  Readonly<{\n    label: string;\n    items: readonly TabItem[];\n    activationMode?: TabsActivationMode;\n    mountPolicy?: TabsMountPolicy;\n    panelMode?: TabsPanelMode;\n    appearance?: TabsAppearance;\n    orientation?: TabsOrientation;\n    direction?: TabsDirection;\n    loop?: boolean;\n    size?: TabSize;\n    layout?: TabsLayout;\n    overflow?: TabsOverflow;\n    /** Set false when panels are rendered separately with `TabPanel`. */\n    renderPanels?: boolean;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nfunction validateItems(items: readonly TabItem[]): void {\n  if (items.length === 0) throw new TypeError(\"Tabs requires at least one item\");\n  const ids = new Set<string>();\n  for (const item of items) {\n    if (item.id.trim().length === 0) throw new TypeError(\"Tabs item id must not be empty\");\n    if (ids.has(item.id)) throw new TypeError(`Duplicate Tabs item id: ${item.id}`);\n    ids.add(item.id);\n  }\n  if (!items.some((item) => !item.disabled)) {\n    throw new TypeError(\"Tabs requires at least one enabled item\");\n  }\n}\n\nconst panelFocusableSelector = [\n  \"a[href]\",\n  \"button:not([disabled])\",\n  \"input:not([disabled])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"[tabindex]:not([tabindex='-1'])\",\n].join(\",\");\n\ntype TabPanelHostProps = HTMLAttributes<HTMLDivElement> & Readonly<{\n  id: string;\n  labelledBy: string;\n  selected: boolean;\n  dynamic: boolean;\n  children: ReactNode;\n}>;\n\nfunction TabPanelHost({\n  id,\n  labelledBy,\n  selected,\n  dynamic,\n  children,\n  className,\n  ...props\n}: TabPanelHostProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [hasFocusableContent, setHasFocusableContent] = useState(false);\n  useEffect(() => {\n    setHasFocusableContent(\n      ref.current?.querySelector(panelFocusableSelector) !== null,\n    );\n  }, [children]);\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      id={id}\n      role=\"tabpanel\"\n      className={classNames(\"hjm-tabs__panel\", className)}\n      aria-labelledby={labelledBy}\n      tabIndex={selected && !hasFocusableContent ? 0 : undefined}\n      hidden={!selected}\n      inert={selected ? undefined : true}\n      data-state={selected ? \"active\" : \"inactive\"}\n      data-panel-mode={dynamic ? \"dynamic\" : \"keyed\"}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction encodedTabId(value: string): string {\n  return encodeURIComponent(value);\n}\n\nexport function getTabId(tabsId: string, value: string): string {\n  return `${tabsId}-tab-${encodedTabId(value)}`;\n}\n\nexport function getTabPanelId(\n  tabsId: string,\n  value: string,\n  mode: TabsPanelMode = \"keyed\",\n): string {\n  return mode === \"dynamic\"\n    ? `${tabsId}-panel`\n    : `${tabsId}-panel-${encodedTabId(value)}`;\n}\n\nexport function getDynamicTabPanelId(tabsId: string): string {\n  return getTabPanelId(tabsId, \"\", \"dynamic\");\n}\n\ntype ExternalTabPanelBaseProps = Omit<HTMLAttributes<HTMLDivElement>, \"id\"> &\n  Readonly<{\n    tabsId: string;\n    activeValue: string;\n    children: ReactNode;\n    /** Canonical layout-only placement on the panel element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport type TabPanelProps = ExternalTabPanelBaseProps &\n  (\n    | Readonly<{\n        mode: \"dynamic\";\n        value?: never;\n        mountPolicy?: never;\n      }>\n    | Readonly<{\n        mode?: \"keyed\";\n        value: string;\n        mountPolicy?: TabsMountPolicy;\n      }>\n  );\n\n/** External panel host for products that keep routing, query, or scroll state outside Tabs. */\nexport function TabPanel(props: TabPanelProps) {\n  const { tabsId, activeValue, children } = props;\n  const dynamic = props.mode === \"dynamic\";\n  const value = dynamic ? activeValue : props.value;\n  const selected = value === activeValue;\n  const mountPolicy = dynamic ? \"active\" : props.mountPolicy ?? tabsBehaviorDefaults.mountPolicy;\n  let hostProps: Omit<HTMLAttributes<HTMLDivElement>, \"id\">;\n  if (props.mode === \"dynamic\") {\n    const {\n      tabsId: _tabsId,\n      activeValue: _activeValue,\n      children: _children,\n      mode: _mode,\n      layoutStyle,\n      ...htmlProps\n    } = props;\n    hostProps = { ...htmlProps, style: { ...htmlProps.style, ...layoutStyle } };\n  } else {\n    const {\n      tabsId: _tabsId,\n      activeValue: _activeValue,\n      children: _children,\n      mode: _mode,\n      value: _value,\n      mountPolicy: _mountPolicy,\n      layoutStyle,\n      ...htmlProps\n    } = props;\n    hostProps = { ...htmlProps, style: { ...htmlProps.style, ...layoutStyle } };\n  }\n  const [visited, setVisited] = useState(selected);\n  useEffect(() => {\n    if (selected) setVisited(true);\n  }, [selected]);\n  const mounted =\n    dynamic ||\n    selected ||\n    mountPolicy === \"always\" ||\n    (mountPolicy === \"visited\" && visited);\n  if (!mounted) return null;\n  return (\n    <TabPanelHost\n      {...hostProps}\n      id={getTabPanelId(tabsId, value, dynamic ? \"dynamic\" : \"keyed\")}\n      labelledBy={getTabId(tabsId, dynamic ? activeValue : value)}\n      selected={selected}\n      dynamic={dynamic}\n    >\n      {children}\n    </TabPanelHost>\n  );\n}\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  props,\n  ref,\n) {\n  const {\n    label,\n    items,\n    activationMode = tabsBehaviorDefaults.activationMode,\n    mountPolicy = tabsBehaviorDefaults.mountPolicy,\n    panelMode = tabsBehaviorDefaults.panelMode,\n    appearance = \"standard\",\n    orientation = tabsBehaviorDefaults.orientation,\n    direction: directionProp,\n    loop = tabsBehaviorDefaults.loop,\n    size = tabsRecipe.defaults.size,\n    layout = tabsRecipe.defaults.layout,\n    overflow = tabsRecipe.defaults.overflow,\n    renderPanels = true,\n    className,\n    id,\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    layoutStyle,\n    ...rest\n  } = props;\n  validateItems(items);\n  if (label.trim().length === 0) throw new TypeError(\"Tabs label must not be empty\");\n  if (panelMode === \"dynamic\" && mountPolicy !== \"active\") {\n    throw new TypeError(\"Tabs dynamic panelMode requires active mountPolicy\");\n  }\n  const descriptors = items.map((item) => ({\n    id: item.id,\n    label: item.id,\n    ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n  }));\n  const initialValueRef = useRef<Readonly<{ value: string }> | null>(null);\n  if (initialValueRef.current === null) {\n    const resolved = resolveInitialTabValue(descriptors, defaultValue);\n    if (resolved === undefined) throw new TypeError(\"Tabs requires an enabled item\");\n    initialValueRef.current = { value: resolved };\n  }\n  const initialValue = initialValueRef.current.value;\n  const collectionFallback = items.find((item) => !item.disabled)?.id;\n  if (collectionFallback === undefined) throw new TypeError(\"Tabs requires an enabled item\");\n  const [storedValue, setValue] = useControllableState({\n    ...(valueProp === undefined ? {} : { value: valueProp }),\n    defaultValue: initialValue,\n    ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n  });\n  const controlled = valueProp !== undefined;\n  const storedSelectionIsValid = items.some(\n    (item) => item.id === storedValue && !item.disabled,\n  );\n  if (controlled && !storedSelectionIsValid) {\n    throw new RangeError(`Tabs value must identify an enabled item: ${storedValue}`);\n  }\n  const value = storedSelectionIsValid ? storedValue : collectionFallback;\n  const [focusValue, setFocusValue] = useState(value);\n  const resolvedFocusValue = items.some(\n    (item) => item.id === focusValue && !item.disabled,\n  )\n    ? focusValue\n    : value;\n  const [visited, setVisited] = useState<ReadonlySet<string>>(() => new Set([value]));\n  const tabRefs = useRef(new Map<string, HTMLButtonElement>());\n  const generatedId = useId().replaceAll(\":\", \"\");\n  const baseId = id ?? `hjm-${generatedId}`;\n  const theme = useOptionalHjmTheme();\n  const direction = directionProp ?? theme?.environment.direction ?? tabsBehaviorDefaults.direction;\n  const gooey = appearance === \"gooey\" && orientation === \"horizontal\";\n  const indicatorRef = useRef<HTMLSpanElement>(null);\n  const previousIndicator = useRef<{ value: string; rect: GooeyIndicatorRect } | null>(null);\n  useLayoutEffect(() => {\n    const indicator = indicatorRef.current;\n    const tab = tabRefs.current.get(value);\n    if (!gooey || !indicator || !tab) { previousIndicator.current = null; return; }\n    let animation: Animation | undefined;\n    const place = (animate: boolean) => {\n      animation?.cancel();\n      const rect = { x: tab.offsetLeft, width: tab.offsetWidth };\n      if (rect.width <= 0) return;\n      indicator.style.left = `${rect.x}px`;\n      indicator.style.width = `${rect.width}px`;\n      const previous = previousIndicator.current;\n      if (animate && previous && previous.value !== value && !theme?.environment.reducedMotion && !document.hidden) {\n        const recipe = resolveGooeyIndicator(previous.rect, rect);\n        animation = indicator.animate(recipe.input.map((offset, index) => ({ offset, left: `${recipe.x[index]}px`, width: `${recipe.width[index]}px` })), { duration: recipe.duration, easing: \"ease-out\" });\n      }\n      previousIndicator.current = { value, rect };\n    };\n    place(true);\n    // Font loading, resizing and large text change measurements without changing selection.\n    const observer = new ResizeObserver(() => {\n      const previous = previousIndicator.current?.rect;\n      if (previous?.x !== tab.offsetLeft || previous.width !== tab.offsetWidth) place(false);\n    });\n    const list = tab.parentElement!;\n    for (const child of list.children) if (child !== indicator) observer.observe(child);\n    const visibility = () => { if (document.hidden) animation?.cancel(); };\n    document.addEventListener(\"visibilitychange\", visibility);\n    return () => { animation?.cancel(); observer.disconnect(); document.removeEventListener(\"visibilitychange\", visibility); };\n  }, [gooey, value, items, theme?.environment.reducedMotion]);\n\n\n  useEffect(() => {\n    if (!controlled && !storedSelectionIsValid) setValue(collectionFallback);\n  }, [collectionFallback, controlled, setValue, storedSelectionIsValid]);\n  useEffect(() => {\n    if (!items.some((item) => item.id === focusValue && !item.disabled)) {\n      setFocusValue(value);\n    }\n  }, [focusValue, items, value]);\n  useEffect(() => {\n    setVisited((current) => {\n      const known = new Set(items.map((item) => item.id));\n      const next = new Set([...current].filter((id) => known.has(id)));\n      next.add(value);\n      if (\n        next.size === current.size &&\n        [...next].every((id) => current.has(id))\n      ) return current;\n      return next;\n    });\n  }, [items, value]);\n\n  const focusItem = (id: string) => {\n    setFocusValue(id);\n    if (activationMode === \"automatic\") setValue(id);\n    queueMicrotask(() => {\n      const node = tabRefs.current.get(id);\n      if (!node) return;\n      node.focus();\n      // The tab strip is horizontally scrollable; keyboard focus must bring an offscreen roving tab into view.\n      // `auto` preserves the consumer's scroll behavior, while `instant` prevents CSS smooth scrolling under reduced motion.\n      node.scrollIntoView({\n        block: \"nearest\",\n        inline: \"nearest\",\n        behavior: theme?.environment.reducedMotion ? \"instant\" : \"auto\",\n      });\n    });\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>, id: string) => {\n    const intent = getTabNavigationIntent(\n      event.key === \" \" ? \"Space\" : event.key as Parameters<typeof getTabNavigationIntent>[0],\n      orientation,\n      direction,\n    );\n    if (intent !== undefined) {\n      const target = getTabNavigationTarget(descriptors, id, intent, loop);\n      if (target !== undefined) {\n        event.preventDefault();\n        focusItem(target);\n      }\n      return;\n    }\n    if (\n      activationMode === \"manual\" &&\n      (event.key === \"Enter\" || event.key === \" \")\n    ) {\n      event.preventDefault();\n      setValue(id);\n    }\n  };\n  const panelId = (value: string) => getTabPanelId(baseId, value, panelMode);\n\n  return (\n    <div\n      {...rest}\n      style={{ ...rest.style, ...layoutStyle }}\n      ref={ref}\n      id={baseId}\n      className={classNames(\"hjm-tabs\", className)}\n      data-size={size}\n      data-layout={layout}\n      data-overflow={overflow}\n      data-appearance={gooey ? \"gooey\" : \"standard\"}\n      data-orientation={orientation}\n      data-mount-policy={mountPolicy}\n      data-panel-mode={panelMode}\n      data-state=\"ready\"\n      dir={direction}\n    >\n      <div\n        className=\"hjm-tabs__list\"\n        role=\"tablist\"\n        aria-label={label}\n        aria-orientation={orientation}\n      >\n        {gooey ? <span ref={indicatorRef} aria-hidden=\"true\" className=\"hjm-tabs__gooey\" /> : null}\n        {items.map((item) => {\n          const selected = item.id === value;\n          const tabId = getTabId(baseId, item.id);\n          const leadingSize = iconRecipe.sizes[tabsRecipe.icon.glyph];\n          return (\n            <button\n              key={item.id}\n              ref={(node) => {\n                if (node) tabRefs.current.set(item.id, node);\n                else tabRefs.current.delete(item.id);\n              }}\n              id={tabId}\n              type=\"button\"\n              role=\"tab\"\n              className=\"hjm-tabs__tab\"\n              data-state={selected ? \"selected\" : \"idle\"}\n              aria-selected={selected}\n              aria-controls={panelId(item.id)}\n              tabIndex={item.id === resolvedFocusValue ? 0 : -1}\n              disabled={item.disabled}\n              onClick={() => {\n                setFocusValue(item.id);\n                setValue(item.id);\n              }}\n              onKeyDown={(event) => handleKeyDown(event, item.id)}\n            >\n              {item.renderLeading ? (\n                <span aria-hidden=\"true\" className=\"hjm-tabs__leading\">\n                  {item.renderLeading({\n                    selected,\n                    disabled: item.disabled ?? false,\n                    color: \"currentColor\",\n                    size: leadingSize,\n                  })}\n                </span>\n              ) : null}\n              {item.label}\n            </button>\n          );\n        })}\n      </div>\n      {!renderPanels ? null : panelMode === \"dynamic\" ? (\n        <TabPanelHost\n          id={panelId(value)}\n          labelledBy={getTabId(baseId, value)}\n          selected\n          dynamic\n        >\n          {items.find((item) => item.id === value)?.panel}\n        </TabPanelHost>\n      ) : items.map((item) => {\n        const selected = item.id === value;\n        const mounted = mountPolicy === \"always\" ||\n          (mountPolicy === \"visited\" && (visited.has(item.id) || selected)) ||\n          (mountPolicy === \"active\" && selected);\n        return mounted ? (\n          <TabPanelHost\n            key={item.id}\n            id={panelId(item.id)}\n            labelledBy={getTabId(baseId, item.id)}\n            selected={selected}\n            dynamic={false}\n          >\n            {item.panel}\n          </TabPanelHost>\n        ) : null;\n      })}\n    </div>\n  );\n});\n"]}

package/dist/notification-bell.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from "react";
+import type { HjmCompositionStyleProp } from "./composition-style.js";
 export type NotificationBellProps = Readonly<{
     label: string;
     count: number;
@@ -6,6 +7,8 @@ export type NotificationBellProps = Readonly<{
     onPress: () => void;
     disabled?: boolean;
     active?: boolean;
+    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. `width` is ignored: the badge is anchored to the icon's edge. */
+    layoutStyle?: HjmCompositionStyleProp;
 }>;
-export declare function NotificationBell({ label, count, icon, onPress, disabled, active }: NotificationBellProps): import("react").JSX.Element;
+export declare function NotificationBell({ label, count, icon, onPress, disabled, active, layoutStyle }: NotificationBellProps): import("react").JSX.Element;
 //# sourceMappingURL=notification-bell.d.ts.map

package/dist/notification-bell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-bell.d.ts","sourceRoot":"","sources":["../src/notification-bell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAC3J,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAgB,EAAE,MAAa,EAAE,EAAE,qBAAqB,+BAevH"}
+{"version":3,"file":"notification-bell.d.ts","sourceRoot":"","sources":["../src/notification-bell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IACtJ,8JAA8J;IAC9J,WAAW,CAAC,EAAE,uBAAuB,CAAA;CAAE,CAAC,CAAC;AAC3C,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAgB,EAAE,MAAa,EAAE,WAAW,EAAE,EAAE,qBAAqB,+BAiBpI"}

package/dist/notification-bell.js

@@ -3,7 +3,7 @@ import { useEffect, useRef } from "react";
 import { IconButton } from "./actions.js";
 import { CounterBadge } from "./supplemental-display.js";
 import { useHjmTheme } from "./provider.js";
-export function NotificationBell({ label, count, icon, onPress, disabled = false, active = true }) {
+export function NotificationBell({ label, count, icon, onPress, disabled = false, active = true, layoutStyle }) {
     if (!Number.isSafeInteger(count) || count < 0)
         throw new RangeError("Unread count must be a nonnegative integer");
     const { environment } = useHjmTheme();
@@ -21,7 +21,9 @@ export function NotificationBell({ label, count, icon, onPress, disabled = false
         document.addEventListener('visibilitychange', stop);
         return () => { animation.cancel(); document.removeEventListener('visibilitychange', stop); };
     }, [count, active, environment.reducedMotion]);
-    // Keep the badge anchored to the icon even in a stretching Stack or grid.
-    return _jsxs("span", { style: { position: 'relative', display: 'inline-flex', alignSelf: 'flex-start', width: 'max-content' }, children: [_jsx(IconButton, { label: label, disabled: disabled, onClick: onPress, children: _jsx("span", { ref: art, "aria-hidden": "true", style: { display: 'inline-flex', transformOrigin: 'top center' }, children: icon }) }), _jsx("span", { "aria-hidden": "true", style: { position: 'absolute', insetInlineEnd: 0, top: 0, pointerEvents: 'none' }, children: _jsx(CounterBadge, { count: count, variant: "floating" }) })] });
+    // Keep the badge anchored to the icon even in a stretching Stack or grid. layoutStyle comes
+    // after the defaults (alignSelf included) except `width`: the floating badge sits on the root's
+    // inline-end edge, so a wider root would detach it from the icon. Use margins or alignSelf to place.
+    return _jsxs("span", { style: { alignSelf: 'flex-start', position: 'relative', display: 'inline-flex', ...layoutStyle, width: 'max-content' }, children: [_jsx(IconButton, { label: label, disabled: disabled, onClick: onPress, children: _jsx("span", { ref: art, "aria-hidden": "true", style: { display: 'inline-flex', transformOrigin: 'top center' }, children: icon }) }), _jsx("span", { "aria-hidden": "true", style: { position: 'absolute', insetInlineEnd: 0, top: 0, pointerEvents: 'none' }, children: _jsx(CounterBadge, { count: count, variant: "floating" }) })] });
 }
 //# sourceMappingURL=notification-bell.js.map

package/dist/notification-bell.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-bell.js","sourceRoot":"","sources":["../src/notification-bell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,GAAG,IAAI,EAAyB;IACtH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC;QAAE,MAAM,IAAI,UAAU,CAAC,4CAA4C,CAAC,CAAC;IAClH,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAAC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QACrE,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC,aAAa,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO;YAAE,OAAO;QAC3G,+EAA+E;QAC/E,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAC,SAAS,EAAC,cAAc,EAAC,EAAC,EAAC,SAAS,EAAC,eAAe,EAAC,EAAC,EAAC,SAAS,EAAC,gBAAgB,EAAC,EAAC,EAAC,SAAS,EAAC,cAAc,EAAC,EAAC,EAAC,SAAS,EAAC,cAAc,EAAC,CAAC,EAAC,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,EAAC,UAAU,EAAC,CAAC,CAAC;QACpN,MAAM,IAAI,GAAC,GAAE,EAAE,GAAC,IAAG,QAAQ,CAAC,MAAM;YAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA,CAAC,CAAC;QAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAC,IAAI,CAAC,CAAC;QAC3G,OAAO,GAAE,EAAE,GAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAC,IAAI,CAAC,CAAC,CAAA,CAAC,CAAC;IACzF,CAAC,EAAC,CAAC,KAAK,EAAC,MAAM,EAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IAC5C,0EAA0E;IAC1E,OAAO,gBAAM,KAAK,EAAE,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,aAAa,EAAC,aAAE,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,YAAE,eAAM,GAAG,EAAE,GAAG,iBAAc,MAAM,EAAC,KAAK,EAAE,EAAC,OAAO,EAAC,aAAa,EAAC,eAAe,EAAC,YAAY,EAAC,YAAG,IAAI,GAAQ,GAAa,EAAA,8BAAkB,MAAM,EAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,UAAU,EAAC,cAAc,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,aAAa,EAAC,MAAM,EAAC,YAAE,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,UAAU,GAAE,GAAO,IAAO,CAAC;AAC1c,CAAC","sourcesContent":["import { useEffect, useRef, type ReactNode } from \"react\";\nimport { IconButton } from \"./actions.js\";\nimport { CounterBadge } from \"./supplemental-display.js\";\nimport { useHjmTheme } from \"./provider.js\";\nexport type NotificationBellProps = Readonly<{ label: string; count: number; icon: ReactNode; onPress: () => void; disabled?: boolean; active?: boolean }>;\nexport function NotificationBell({ label, count, icon, onPress, disabled = false, active = true }: NotificationBellProps) {\n  if (!Number.isSafeInteger(count) || count < 0) throw new RangeError(\"Unread count must be a nonnegative integer\");\n  const { environment } = useHjmTheme();\n  const art = useRef<HTMLSpanElement>(null);\n  const previous = useRef(count);\n  useEffect(() => {\n    const increased = count > previous.current; previous.current = count;\n    if (!increased || !active || environment.reducedMotion || document.hidden || !art.current?.animate) return;\n    // One bounded pulse for new unread items; never ring continuously or on mount.\n    const animation = art.current.animate([{transform:'rotate(0deg)'},{transform:'rotate(12deg)'},{transform:'rotate(-12deg)'},{transform:'rotate(6deg)'},{transform:'rotate(0deg)'}],{duration:400,easing:'ease-out'});\n    const stop=()=>{if(document.hidden)animation.cancel();};document.addEventListener('visibilitychange',stop);\n    return ()=>{animation.cancel();document.removeEventListener('visibilitychange',stop);};\n  },[count,active,environment.reducedMotion]);\n  // Keep the badge anchored to the icon even in a stretching Stack or grid.\n  return <span style={{position:'relative',display:'inline-flex',alignSelf:'flex-start',width:'max-content'}}><IconButton label={label} disabled={disabled} onClick={onPress}><span ref={art} aria-hidden=\"true\" style={{display:'inline-flex',transformOrigin:'top center'}}>{icon}</span></IconButton><span aria-hidden=\"true\" style={{position:'absolute',insetInlineEnd:0,top:0,pointerEvents:'none'}}><CounterBadge count={count} variant=\"floating\"/></span></span>;\n}\n"]}
+{"version":3,"file":"notification-bell.js","sourceRoot":"","sources":["../src/notification-bell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,WAAW,EAAyB;IACnI,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC;QAAE,MAAM,IAAI,UAAU,CAAC,4CAA4C,CAAC,CAAC;IAClH,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAAC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QACrE,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC,aAAa,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO;YAAE,OAAO;QAC3G,+EAA+E;QAC/E,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAC,SAAS,EAAC,cAAc,EAAC,EAAC,EAAC,SAAS,EAAC,eAAe,EAAC,EAAC,EAAC,SAAS,EAAC,gBAAgB,EAAC,EAAC,EAAC,SAAS,EAAC,cAAc,EAAC,EAAC,EAAC,SAAS,EAAC,cAAc,EAAC,CAAC,EAAC,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,EAAC,UAAU,EAAC,CAAC,CAAC;QACpN,MAAM,IAAI,GAAC,GAAE,EAAE,GAAC,IAAG,QAAQ,CAAC,MAAM;YAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA,CAAC,CAAC;QAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAC,IAAI,CAAC,CAAC;QAC3G,OAAO,GAAE,EAAE,GAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAC,IAAI,CAAC,CAAC,CAAA,CAAC,CAAC;IACzF,CAAC,EAAC,CAAC,KAAK,EAAC,MAAM,EAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IAC5C,4FAA4F;IAC5F,gGAAgG;IAChG,qGAAqG;IACrG,OAAO,gBAAM,KAAK,EAAE,EAAC,SAAS,EAAC,YAAY,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAC,aAAa,EAAC,GAAG,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,aAAE,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,YAAE,eAAM,GAAG,EAAE,GAAG,iBAAc,MAAM,EAAC,KAAK,EAAE,EAAC,OAAO,EAAC,aAAa,EAAC,eAAe,EAAC,YAAY,EAAC,YAAG,IAAI,GAAQ,GAAa,EAAA,8BAAkB,MAAM,EAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,UAAU,EAAC,cAAc,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,aAAa,EAAC,MAAM,EAAC,YAAE,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,UAAU,GAAE,GAAO,IAAO,CAAC;AACzd,CAAC","sourcesContent":["import { useEffect, useRef, type ReactNode } from \"react\";\nimport { IconButton } from \"./actions.js\";\nimport { CounterBadge } from \"./supplemental-display.js\";\nimport { useHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nexport type NotificationBellProps = Readonly<{ label: string; count: number; icon: ReactNode; onPress: () => void; disabled?: boolean; active?: boolean;\n  /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. `width` is ignored: the badge is anchored to the icon's edge. */\n  layoutStyle?: HjmCompositionStyleProp }>;\nexport function NotificationBell({ label, count, icon, onPress, disabled = false, active = true, layoutStyle }: NotificationBellProps) {\n  if (!Number.isSafeInteger(count) || count < 0) throw new RangeError(\"Unread count must be a nonnegative integer\");\n  const { environment } = useHjmTheme();\n  const art = useRef<HTMLSpanElement>(null);\n  const previous = useRef(count);\n  useEffect(() => {\n    const increased = count > previous.current; previous.current = count;\n    if (!increased || !active || environment.reducedMotion || document.hidden || !art.current?.animate) return;\n    // One bounded pulse for new unread items; never ring continuously or on mount.\n    const animation = art.current.animate([{transform:'rotate(0deg)'},{transform:'rotate(12deg)'},{transform:'rotate(-12deg)'},{transform:'rotate(6deg)'},{transform:'rotate(0deg)'}],{duration:400,easing:'ease-out'});\n    const stop=()=>{if(document.hidden)animation.cancel();};document.addEventListener('visibilitychange',stop);\n    return ()=>{animation.cancel();document.removeEventListener('visibilitychange',stop);};\n  },[count,active,environment.reducedMotion]);\n  // Keep the badge anchored to the icon even in a stretching Stack or grid. layoutStyle comes\n  // after the defaults (alignSelf included) except `width`: the floating badge sits on the root's\n  // inline-end edge, so a wider root would detach it from the icon. Use margins or alignSelf to place.\n  return <span style={{alignSelf:'flex-start',position:'relative',display:'inline-flex',...layoutStyle,width:'max-content'}}><IconButton label={label} disabled={disabled} onClick={onPress}><span ref={art} aria-hidden=\"true\" style={{display:'inline-flex',transformOrigin:'top center'}}>{icon}</span></IconButton><span aria-hidden=\"true\" style={{position:'absolute',insetInlineEnd:0,top:0,pointerEvents:'none'}}><CounterBadge count={count} variant=\"floating\"/></span></span>;\n}\n"]}

package/dist/number-field.d.ts

@@ -1,5 +1,6 @@
 import { type NumberFieldSize, type NumberFieldValue } from "@hjmds/design-contracts/components/number-field";
 import { type InputHTMLAttributes, type ReactNode } from "react";
+import type { HjmCompositionStyleProp } from "./composition-style.js";
 type NativeNumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "aria-errormessage" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "className" | "defaultValue" | "disabled" | "max" | "min" | "onChange" | "readOnly" | "required" | "role" | "size" | "step" | "type" | "value">;
 export type NumberFieldProps = NativeNumberInputProps & Readonly<{
     label: ReactNode;
@@ -23,6 +24,11 @@ export type NumberFieldProps = NativeNumberInputProps & Readonly<{
     getValueText?: (value: number) => string;
     className?: string;
     inputClassName?: string;
+    /**
+     * Canonical layout-only placement on the field frame. `style` keeps going to
+     * the input element, where it always went, so existing callers do not move.
+     */
+    layoutStyle?: HjmCompositionStyleProp;
 }>;
 /**
  * Exact numeric entry with a nullable draft and explicit single-step actions.
@@ -50,6 +56,11 @@ export declare const NumberField: import("react").ForwardRefExoticComponent<Nati
     getValueText?: (value: number) => string;
     className?: string;
     inputClassName?: string;
+    /**
+     * Canonical layout-only placement on the field frame. `style` keeps going to
+     * the input element, where it always went, so existing callers do not move.
+     */
+    layoutStyle?: HjmCompositionStyleProp;
 }> & import("react").RefAttributes<HTMLInputElement>>;
 export {};
 //# sourceMappingURL=number-field.d.ts.map

package/dist/number-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../src/number-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACtB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAOL,KAAK,mBAAmB,EAExB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,KAAK,sBAAsB,GAAG,IAAI,CAChC,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,mBAAmB,GACnB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,UAAU,GACV,WAAW,GACX,cAAc,GACd,UAAU,GACV,KAAK,GACL,KAAK,GACL,UAAU,GACV,UAAU,GACV,UAAU,GACV,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,CACV,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,QAAQ,CAAC;IACP,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,kEAAkE;IAClE,cAAc,EAAE,MAAM,CAAC;IACvB,kEAAkE;IAClE,cAAc,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC,CAAC;AAWL;;;GAGG;AACH,eAAO,MAAM,WAAW;WApCb,SAAS;SACX,MAAM;SACN,MAAM;WACJ,MAAM;YACL,gBAAgB;mBACT,gBAAgB;oBACf,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI;kBACnC,SAAS;YACf,SAAS;eACN,OAAO;eACP,OAAO;eACP,OAAO;WACX,eAAe;IACtB,kEAAkE;oBAClD,MAAM;IACtB,kEAAkE;oBAClD,MAAM;IACtB,iFAAiF;mBAClE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;gBAC5B,MAAM;qBACD,MAAM;qDAuN1B,CAAC"}
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../src/number-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACtB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAQL,KAAK,mBAAmB,EAExB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,KAAK,sBAAsB,GAAG,IAAI,CAChC,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,mBAAmB,GACnB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,UAAU,GACV,WAAW,GACX,cAAc,GACd,UAAU,GACV,KAAK,GACL,KAAK,GACL,UAAU,GACV,UAAU,GACV,UAAU,GACV,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,CACV,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,QAAQ,CAAC;IACP,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,kEAAkE;IAClE,cAAc,EAAE,MAAM,CAAC;IACvB,kEAAkE;IAClE,cAAc,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAWL;;;GAGG;AACH,eAAO,MAAM,WAAW;WAzCb,SAAS;SACX,MAAM;SACN,MAAM;WACJ,MAAM;YACL,gBAAgB;mBACT,gBAAgB;oBACf,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI;kBACnC,SAAS;YACf,SAAS;eACN,OAAO;eACP,OAAO;eACP,OAAO;WACX,eAAe;IACtB,kEAAkE;oBAClD,MAAM;IACtB,kEAAkE;oBAClD,MAAM;IACtB,iFAAiF;mBAClE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;gBAC5B,MAAM;qBACD,MAAM;IACvB;;;OAGG;kBACW,uBAAuB;qDA6NxC,CAAC"}

package/dist/number-field.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { commitNumberFieldInput, parseNumberFieldInput, resolveNumberFieldDescriptor, resolveNumberFieldInputStepperState, stepNumberFieldInput, } from "@hjmds/design-contracts/components/number-field";
+import { commitNumberFieldInput, numberFieldRecipe, parseNumberFieldInput, resolveNumberFieldDescriptor, resolveNumberFieldInputStepperState, stepNumberFieldInput, } from "@hjmds/design-contracts/components/number-field";
 import { forwardRef, useEffect, useId, useRef, useState, } from "react";
 import { classNames, composeRefs, useControllableState } from "./internal.js";
 function valueToInput(value) {
@@ -14,7 +14,7 @@ function defaultInputMode(min, step) {
  * Exact numeric entry with a nullable draft and explicit single-step actions.
  * Typing commits on blur; steppers and ArrowUp/ArrowDown commit immediately.
  */
-export const NumberField = forwardRef(function NumberField({ id, label, min, max, step, value, defaultValue = null, onValueChange, description, error, required = false, disabled = false, readOnly = false, size = "medium", decrementLabel, incrementLabel, getValueText, className, inputClassName, inputMode, onBlur, onFocus, onKeyDown, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...inputProps }, forwardedRef) {
+export const NumberField = forwardRef(function NumberField({ id, label, min, max, step, value, defaultValue = null, onValueChange, description, error, required = false, disabled = false, readOnly = false, size = "medium", decrementLabel, incrementLabel, getValueText, className, inputClassName, layoutStyle, inputMode, onBlur, onFocus, onKeyDown, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...inputProps }, forwardedRef) {
     const generatedId = useId();
     const controlId = id ?? `hjm-number-${generatedId.replaceAll(":", "")}`;
     const descriptionId = `${controlId}-description`;
@@ -102,6 +102,11 @@ export const NumberField = forwardRef(function NumberField({ id, label, min, max
         ? parsedDraft
         : currentValue;
     const valueText = announcedValue === null ? undefined : getValueText?.(announcedValue);
-    return (_jsxs("div", { className: classNames("hjm-field", "hjm-number-field", className), "data-availability": disabled ? "disabled" : readOnly ? "readOnly" : "enabled", "data-size": size, "data-state": state, "data-value": currentValue === null ? "empty" : "filled", children: [_jsxs("label", { className: "hjm-field__label", htmlFor: controlId, children: [label, required ? _jsx("span", { "aria-hidden": "true", children: " *" }) : null] }), _jsxs("div", { className: "hjm-field__control hjm-number-field__control", children: [_jsx("button", { type: "button", "aria-controls": controlId, "aria-label": decrementLabel, className: "hjm-number-field__stepper", "data-direction": "decrement", disabled: unavailable || stepper.decrementDisabled, onClick: () => stepValue("decrement"), onMouseDown: (event) => event.preventDefault(), tabIndex: -1, children: _jsx("span", { "aria-hidden": "true", children: "\u2212" }) }), _jsx("input", { ...inputProps, ref: composeRefs(inputRef, forwardedRef), id: controlId, type: "text", role: "spinbutton", className: classNames("hjm-field__input", "hjm-number-field__input", inputClassName), value: draft, inputMode: inputMode ?? defaultInputMode(min, descriptor.step), required: required, disabled: disabled, readOnly: readOnly, "aria-invalid": error ? true : ariaInvalid, "aria-describedby": describedBy, ...(error ? { "aria-errormessage": errorId } : {}), "aria-valuemin": min, "aria-valuemax": max, ...(announcedValue === null ? {} : { "aria-valuenow": announcedValue }), ...(valueText === undefined ? {} : { "aria-valuetext": valueText }), onChange: (event) => setDraft(event.currentTarget.value), onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown }), _jsx("button", { type: "button", "aria-controls": controlId, "aria-label": incrementLabel, className: "hjm-number-field__stepper", "data-direction": "increment", disabled: unavailable || stepper.incrementDisabled, onClick: () => stepValue("increment"), onMouseDown: (event) => event.preventDefault(), tabIndex: -1, children: _jsx("span", { "aria-hidden": "true", children: "+" }) })] }), description && !error ? (_jsx("div", { id: descriptionId, className: "hjm-field__description", children: description })) : null, error ? (_jsx("div", { id: errorId, className: "hjm-field__error", children: error })) : null] }));
+    return (_jsxs("div", { className: classNames("hjm-field", "hjm-number-field", className), 
+        // fieldRecipe.disabledScope fades label and control; the amount is this component's
+        // recipe (numberFieldRecipe.states), as on Native — the frame default is fieldRecipe's.
+        style: disabled
+            ? { ...layoutStyle, "--hjm-field-disabled-opacity": numberFieldRecipe.states.disabledOpacity }
+            : layoutStyle, "data-availability": disabled ? "disabled" : readOnly ? "readOnly" : "enabled", "data-size": size, "data-state": state, "data-value": currentValue === null ? "empty" : "filled", children: [_jsxs("label", { className: "hjm-field__label", htmlFor: controlId, children: [label, required ? _jsx("span", { "aria-hidden": "true", children: " *" }) : null] }), _jsxs("div", { className: "hjm-field__control hjm-number-field__control", children: [_jsx("button", { type: "button", "aria-controls": controlId, "aria-label": decrementLabel, className: "hjm-number-field__stepper", "data-direction": "decrement", disabled: unavailable || stepper.decrementDisabled, onClick: () => stepValue("decrement"), onMouseDown: (event) => event.preventDefault(), tabIndex: -1, children: _jsx("span", { "aria-hidden": "true", children: "\u2212" }) }), _jsx("input", { ...inputProps, ref: composeRefs(inputRef, forwardedRef), id: controlId, type: "text", role: "spinbutton", className: classNames("hjm-field__input", "hjm-number-field__input", inputClassName), value: draft, inputMode: inputMode ?? defaultInputMode(min, descriptor.step), required: required, disabled: disabled, readOnly: readOnly, "aria-invalid": error ? true : ariaInvalid, "aria-describedby": describedBy, ...(error ? { "aria-errormessage": errorId } : {}), "aria-valuemin": min, "aria-valuemax": max, ...(announcedValue === null ? {} : { "aria-valuenow": announcedValue }), ...(valueText === undefined ? {} : { "aria-valuetext": valueText }), onChange: (event) => setDraft(event.currentTarget.value), onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown }), _jsx("button", { type: "button", "aria-controls": controlId, "aria-label": incrementLabel, className: "hjm-number-field__stepper", "data-direction": "increment", disabled: unavailable || stepper.incrementDisabled, onClick: () => stepValue("increment"), onMouseDown: (event) => event.preventDefault(), tabIndex: -1, children: _jsx("span", { "aria-hidden": "true", children: "+" }) })] }), description && !error ? (_jsx("div", { id: descriptionId, className: "hjm-field__description", children: description })) : null, error ? (_jsx("div", { id: errorId, className: "hjm-field__error", children: error })) : null] }));
 });
 //# sourceMappingURL=number-field.js.map

package/dist/number-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../src/number-field.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,4BAA4B,EAC5B,mCAAmC,EACnC,oBAAoB,GAGrB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EACL,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,GAKT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAkD9E,SAAS,YAAY,CAAC,KAAuB;IAC3C,OAAO,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,gBAAgB,CAAC,GAAW,EAAE,IAAY;IACjD,IAAI,GAAG,GAAG,CAAC;QAAE,OAAO,MAAM,CAAC;IAC3B,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,EAAE,EACF,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,KAAK,EACL,YAAY,GAAG,IAAI,EACnB,aAAa,EACb,WAAW,EACX,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,QAAQ,EACf,cAAc,EACd,cAAc,EACd,YAAY,EACZ,SAAS,EACT,cAAc,EACd,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,EACT,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,EAC3B,GAAG,UAAU,EACd,EACD,YAAY;IAEZ,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,SAAS,GAAG,EAAE,IAAI,cAAc,WAAW,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC;IACxE,MAAM,aAAa,GAAG,GAAG,SAAS,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,SAAS,QAAQ,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC;IACvC,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,IAAI,iBAAiB,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;QAC7C,MAAM,IAAI,KAAK,CAAC,wEAAwE,CAAC,CAAC;IAC5F,CAAC;IACD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,oBAAoB,CAAmB;QAC7E,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAChC,YAAY;QACZ,GAAG,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;KACpE,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,4BAA4B,CAAC;QAC9C,KAAK,EAAE,YAAY;QACnB,GAAG;QACH,GAAG;QACH,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC;KACxC,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,mCAAmC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,gBAAgB,GAAG,CAAC,IAAsB,EAAE,EAAE;QAClD,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,IAAI,GAAG,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QACvD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;YACrC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QAC1D,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,SAAoC,EAAE,EAAE;QACzD,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAO;QACjC,MAAM,IAAI,GAAG,oBAAoB,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;QAChE,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QAC1D,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAmC,EAAE,EAAE;QAC1D,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,KAAmC,EAAE,EAAE;QACzD,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,CAAC,KAAsC,EAAE,EAAE;QAC/D,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,gBAAgB,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAO;QAC3D,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YACzD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QACjE,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACjC,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,QAAQ,IAAI,QAAQ,CAAC;IACzC,MAAM,KAAK,GAAG,QAAQ;QACpB,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,KAAK,IAAI,WAAW;YACpB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,OAAO;gBACP,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,MAAM,CAAC;IACf,MAAM,WAAW,GAAG;QAClB,eAAe;QACf,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;KAC1D,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;IACzC,MAAM,WAAW,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,cAAc,GAClB,OAAO,WAAW,KAAK,QAAQ,IAAI,WAAW,IAAI,GAAG,IAAI,WAAW,IAAI,GAAG;QACzE,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,YAAY,CAAC;IACnB,MAAM,SAAS,GAAG,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,CAAC;IAEvF,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,kBAAkB,EAAE,SAAS,CAAC,uBAC9C,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,eACjE,IAAI,gBACH,KAAK,gBACL,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,aAEtD,iBAAO,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,SAAS,aACnD,KAAK,EACL,QAAQ,CAAC,CAAC,CAAC,8BAAkB,MAAM,mBAAU,CAAC,CAAC,CAAC,IAAI,IAC/C,EACR,eAAK,SAAS,EAAC,8CAA8C,aAC3D,iBACE,IAAI,EAAC,QAAQ,mBACE,SAAS,gBACZ,cAAc,EAC1B,SAAS,EAAC,2BAA2B,oBACtB,WAAW,EAC1B,QAAQ,EAAE,WAAW,IAAI,OAAO,CAAC,iBAAiB,EAClD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,EACrC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAC9C,QAAQ,EAAE,CAAC,CAAC,YAEZ,8BAAkB,MAAM,uBAAS,GAC1B,EACT,mBACM,UAAU,EACd,GAAG,EAAE,WAAW,CAAC,QAAQ,EAAE,YAAY,CAAC,EACxC,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,YAAY,EACjB,SAAS,EAAE,UAAU,CACnB,kBAAkB,EAClB,yBAAyB,EACzB,cAAc,CACf,EACD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,IAAI,gBAAgB,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,EAC9D,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,sBACtB,WAAW,KACzB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,mBACpC,GAAG,mBACH,GAAG,KACd,CAAC,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,KACpE,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC,EACpE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EACxD,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,aAAa,GACxB,EACF,iBACE,IAAI,EAAC,QAAQ,mBACE,SAAS,gBACZ,cAAc,EAC1B,SAAS,EAAC,2BAA2B,oBACtB,WAAW,EAC1B,QAAQ,EAAE,WAAW,IAAI,OAAO,CAAC,iBAAiB,EAClD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,EACrC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAC9C,QAAQ,EAAE,CAAC,CAAC,YAEZ,8BAAkB,MAAM,kBAAS,GAC1B,IACL,EACL,WAAW,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACvB,cAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,wBAAwB,YAAE,WAAW,GAAO,CAC/E,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,CAC7D,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import {\n  commitNumberFieldInput,\n  parseNumberFieldInput,\n  resolveNumberFieldDescriptor,\n  resolveNumberFieldInputStepperState,\n  stepNumberFieldInput,\n  type NumberFieldSize,\n  type NumberFieldValue,\n} from \"@hjmds/design-contracts/components/number-field\";\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\n\nimport { classNames, composeRefs, useControllableState } from \"./internal.js\";\n\ntype NativeNumberInputProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  | \"aria-errormessage\"\n  | \"aria-valuemax\"\n  | \"aria-valuemin\"\n  | \"aria-valuenow\"\n  | \"aria-valuetext\"\n  | \"children\"\n  | \"className\"\n  | \"defaultValue\"\n  | \"disabled\"\n  | \"max\"\n  | \"min\"\n  | \"onChange\"\n  | \"readOnly\"\n  | \"required\"\n  | \"role\"\n  | \"size\"\n  | \"step\"\n  | \"type\"\n  | \"value\"\n>;\n\nexport type NumberFieldProps = NativeNumberInputProps &\n  Readonly<{\n    label: ReactNode;\n    min: number;\n    max: number;\n    step?: number;\n    value?: NumberFieldValue;\n    defaultValue?: NumberFieldValue;\n    onValueChange?: (value: NumberFieldValue) => void;\n    description?: ReactNode;\n    error?: ReactNode;\n    required?: boolean;\n    disabled?: boolean;\n    readOnly?: boolean;\n    size?: NumberFieldSize;\n    /** Product-localized accessible name for the decrement action. */\n    decrementLabel: string;\n    /** Product-localized accessible name for the increment action. */\n    incrementLabel: string;\n    /** Optional product formatting for assistive output, never the editable text. */\n    getValueText?: (value: number) => string;\n    className?: string;\n    inputClassName?: string;\n  }>;\n\nfunction valueToInput(value: NumberFieldValue): string {\n  return value === null ? \"\" : String(value);\n}\n\nfunction defaultInputMode(min: number, step: number): \"decimal\" | \"numeric\" | \"text\" {\n  if (min < 0) return \"text\";\n  return Number.isInteger(step) ? \"numeric\" : \"decimal\";\n}\n\n/**\n * Exact numeric entry with a nullable draft and explicit single-step actions.\n * Typing commits on blur; steppers and ArrowUp/ArrowDown commit immediately.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(\n  function NumberField(\n    {\n      id,\n      label,\n      min,\n      max,\n      step,\n      value,\n      defaultValue = null,\n      onValueChange,\n      description,\n      error,\n      required = false,\n      disabled = false,\n      readOnly = false,\n      size = \"medium\",\n      decrementLabel,\n      incrementLabel,\n      getValueText,\n      className,\n      inputClassName,\n      inputMode,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-invalid\": ariaInvalid,\n      ...inputProps\n    },\n    forwardedRef,\n  ) {\n    const generatedId = useId();\n    const controlId = id ?? `hjm-number-${generatedId.replaceAll(\":\", \"\")}`;\n    const descriptionId = `${controlId}-description`;\n    const errorId = `${controlId}-error`;\n    const inputRef = useRef<HTMLInputElement>(null);\n    const controlled = value !== undefined;\n    const controlledAtMount = useRef(controlled);\n    if (controlledAtMount.current !== controlled) {\n      throw new Error(\"HJM components cannot switch between controlled and uncontrolled state\");\n    }\n    const [currentValue, setCurrentValue] = useControllableState<NumberFieldValue>({\n      ...(controlled ? { value } : {}),\n      defaultValue,\n      ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n    });\n    const descriptor = resolveNumberFieldDescriptor({\n      value: currentValue,\n      min,\n      max,\n      ...(step === undefined ? {} : { step }),\n    });\n    const [draft, setDraft] = useState(() => valueToInput(currentValue));\n    const [focused, setFocused] = useState(false);\n    const stepper = resolveNumberFieldInputStepperState(draft, descriptor);\n\n    useEffect(() => {\n      setDraft(valueToInput(currentValue));\n    }, [currentValue]);\n\n    const restoreOrDisplay = (next: NumberFieldValue) => {\n      setDraft(valueToInput(controlled ? currentValue : next));\n    };\n\n    const commitDraft = () => {\n      const next = commitNumberFieldInput(draft, descriptor);\n      if (next === undefined) {\n        setDraft(valueToInput(currentValue));\n        return;\n      }\n      if (!Object.is(next, currentValue)) setCurrentValue(next);\n      restoreOrDisplay(next);\n    };\n\n    const stepValue = (direction: \"increment\" | \"decrement\") => {\n      if (disabled || readOnly) return;\n      const next = stepNumberFieldInput(draft, descriptor, direction);\n      if (!Object.is(next, currentValue)) setCurrentValue(next);\n      restoreOrDisplay(next);\n      inputRef.current?.focus({ preventScroll: true });\n    };\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(true);\n      onFocus?.(event);\n    };\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(false);\n      commitDraft();\n      onBlur?.(event);\n    };\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || disabled || readOnly) return;\n      if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        stepValue(event.key === \"ArrowUp\" ? \"increment\" : \"decrement\");\n      } else if (event.key === \"Enter\") {\n        commitDraft();\n      }\n    };\n\n    const unavailable = disabled || readOnly;\n    const state = disabled\n      ? \"disabled\"\n      : error || ariaInvalid\n        ? \"invalid\"\n        : focused\n          ? \"focused\"\n          : \"idle\";\n    const describedBy = [\n      ariaDescribedBy,\n      error ? errorId : description ? descriptionId : undefined,\n    ].filter(Boolean).join(\" \") || undefined;\n    const parsedDraft = parseNumberFieldInput(draft);\n    const announcedValue =\n      typeof parsedDraft === \"number\" && parsedDraft >= min && parsedDraft <= max\n        ? parsedDraft\n        : currentValue;\n    const valueText = announcedValue === null ? undefined : getValueText?.(announcedValue);\n\n    return (\n      <div\n        className={classNames(\"hjm-field\", \"hjm-number-field\", className)}\n        data-availability={disabled ? \"disabled\" : readOnly ? \"readOnly\" : \"enabled\"}\n        data-size={size}\n        data-state={state}\n        data-value={currentValue === null ? \"empty\" : \"filled\"}\n      >\n        <label className=\"hjm-field__label\" htmlFor={controlId}>\n          {label}\n          {required ? <span aria-hidden=\"true\"> *</span> : null}\n        </label>\n        <div className=\"hjm-field__control hjm-number-field__control\">\n          <button\n            type=\"button\"\n            aria-controls={controlId}\n            aria-label={decrementLabel}\n            className=\"hjm-number-field__stepper\"\n            data-direction=\"decrement\"\n            disabled={unavailable || stepper.decrementDisabled}\n            onClick={() => stepValue(\"decrement\")}\n            onMouseDown={(event) => event.preventDefault()}\n            tabIndex={-1}\n          >\n            <span aria-hidden=\"true\">−</span>\n          </button>\n          <input\n            {...inputProps}\n            ref={composeRefs(inputRef, forwardedRef)}\n            id={controlId}\n            type=\"text\"\n            role=\"spinbutton\"\n            className={classNames(\n              \"hjm-field__input\",\n              \"hjm-number-field__input\",\n              inputClassName,\n            )}\n            value={draft}\n            inputMode={inputMode ?? defaultInputMode(min, descriptor.step)}\n            required={required}\n            disabled={disabled}\n            readOnly={readOnly}\n            aria-invalid={error ? true : ariaInvalid}\n            aria-describedby={describedBy}\n            {...(error ? { \"aria-errormessage\": errorId } : {})}\n            aria-valuemin={min}\n            aria-valuemax={max}\n            {...(announcedValue === null ? {} : { \"aria-valuenow\": announcedValue })}\n            {...(valueText === undefined ? {} : { \"aria-valuetext\": valueText })}\n            onChange={(event) => setDraft(event.currentTarget.value)}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n          />\n          <button\n            type=\"button\"\n            aria-controls={controlId}\n            aria-label={incrementLabel}\n            className=\"hjm-number-field__stepper\"\n            data-direction=\"increment\"\n            disabled={unavailable || stepper.incrementDisabled}\n            onClick={() => stepValue(\"increment\")}\n            onMouseDown={(event) => event.preventDefault()}\n            tabIndex={-1}\n          >\n            <span aria-hidden=\"true\">+</span>\n          </button>\n        </div>\n        {description && !error ? (\n          <div id={descriptionId} className=\"hjm-field__description\">{description}</div>\n        ) : null}\n        {error ? (\n          <div id={errorId} className=\"hjm-field__error\">{error}</div>\n        ) : null}\n      </div>\n    );\n  },\n);\n"]}
+{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../src/number-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  commitNumberFieldInput,\n  numberFieldRecipe,\n  parseNumberFieldInput,\n  resolveNumberFieldDescriptor,\n  resolveNumberFieldInputStepperState,\n  stepNumberFieldInput,\n  type NumberFieldSize,\n  type NumberFieldValue,\n} from \"@hjmds/design-contracts/components/number-field\";\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\n\nimport { classNames, composeRefs, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\ntype NativeNumberInputProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  | \"aria-errormessage\"\n  | \"aria-valuemax\"\n  | \"aria-valuemin\"\n  | \"aria-valuenow\"\n  | \"aria-valuetext\"\n  | \"children\"\n  | \"className\"\n  | \"defaultValue\"\n  | \"disabled\"\n  | \"max\"\n  | \"min\"\n  | \"onChange\"\n  | \"readOnly\"\n  | \"required\"\n  | \"role\"\n  | \"size\"\n  | \"step\"\n  | \"type\"\n  | \"value\"\n>;\n\nexport type NumberFieldProps = NativeNumberInputProps &\n  Readonly<{\n    label: ReactNode;\n    min: number;\n    max: number;\n    step?: number;\n    value?: NumberFieldValue;\n    defaultValue?: NumberFieldValue;\n    onValueChange?: (value: NumberFieldValue) => void;\n    description?: ReactNode;\n    error?: ReactNode;\n    required?: boolean;\n    disabled?: boolean;\n    readOnly?: boolean;\n    size?: NumberFieldSize;\n    /** Product-localized accessible name for the decrement action. */\n    decrementLabel: string;\n    /** Product-localized accessible name for the increment action. */\n    incrementLabel: string;\n    /** Optional product formatting for assistive output, never the editable text. */\n    getValueText?: (value: number) => string;\n    className?: string;\n    inputClassName?: string;\n    /**\n     * Canonical layout-only placement on the field frame. `style` keeps going to\n     * the input element, where it always went, so existing callers do not move.\n     */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nfunction valueToInput(value: NumberFieldValue): string {\n  return value === null ? \"\" : String(value);\n}\n\nfunction defaultInputMode(min: number, step: number): \"decimal\" | \"numeric\" | \"text\" {\n  if (min < 0) return \"text\";\n  return Number.isInteger(step) ? \"numeric\" : \"decimal\";\n}\n\n/**\n * Exact numeric entry with a nullable draft and explicit single-step actions.\n * Typing commits on blur; steppers and ArrowUp/ArrowDown commit immediately.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(\n  function NumberField(\n    {\n      id,\n      label,\n      min,\n      max,\n      step,\n      value,\n      defaultValue = null,\n      onValueChange,\n      description,\n      error,\n      required = false,\n      disabled = false,\n      readOnly = false,\n      size = \"medium\",\n      decrementLabel,\n      incrementLabel,\n      getValueText,\n      className,\n      inputClassName,\n      layoutStyle,\n      inputMode,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-invalid\": ariaInvalid,\n      ...inputProps\n    },\n    forwardedRef,\n  ) {\n    const generatedId = useId();\n    const controlId = id ?? `hjm-number-${generatedId.replaceAll(\":\", \"\")}`;\n    const descriptionId = `${controlId}-description`;\n    const errorId = `${controlId}-error`;\n    const inputRef = useRef<HTMLInputElement>(null);\n    const controlled = value !== undefined;\n    const controlledAtMount = useRef(controlled);\n    if (controlledAtMount.current !== controlled) {\n      throw new Error(\"HJM components cannot switch between controlled and uncontrolled state\");\n    }\n    const [currentValue, setCurrentValue] = useControllableState<NumberFieldValue>({\n      ...(controlled ? { value } : {}),\n      defaultValue,\n      ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n    });\n    const descriptor = resolveNumberFieldDescriptor({\n      value: currentValue,\n      min,\n      max,\n      ...(step === undefined ? {} : { step }),\n    });\n    const [draft, setDraft] = useState(() => valueToInput(currentValue));\n    const [focused, setFocused] = useState(false);\n    const stepper = resolveNumberFieldInputStepperState(draft, descriptor);\n\n    useEffect(() => {\n      setDraft(valueToInput(currentValue));\n    }, [currentValue]);\n\n    const restoreOrDisplay = (next: NumberFieldValue) => {\n      setDraft(valueToInput(controlled ? currentValue : next));\n    };\n\n    const commitDraft = () => {\n      const next = commitNumberFieldInput(draft, descriptor);\n      if (next === undefined) {\n        setDraft(valueToInput(currentValue));\n        return;\n      }\n      if (!Object.is(next, currentValue)) setCurrentValue(next);\n      restoreOrDisplay(next);\n    };\n\n    const stepValue = (direction: \"increment\" | \"decrement\") => {\n      if (disabled || readOnly) return;\n      const next = stepNumberFieldInput(draft, descriptor, direction);\n      if (!Object.is(next, currentValue)) setCurrentValue(next);\n      restoreOrDisplay(next);\n      inputRef.current?.focus({ preventScroll: true });\n    };\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(true);\n      onFocus?.(event);\n    };\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(false);\n      commitDraft();\n      onBlur?.(event);\n    };\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || disabled || readOnly) return;\n      if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        stepValue(event.key === \"ArrowUp\" ? \"increment\" : \"decrement\");\n      } else if (event.key === \"Enter\") {\n        commitDraft();\n      }\n    };\n\n    const unavailable = disabled || readOnly;\n    const state = disabled\n      ? \"disabled\"\n      : error || ariaInvalid\n        ? \"invalid\"\n        : focused\n          ? \"focused\"\n          : \"idle\";\n    const describedBy = [\n      ariaDescribedBy,\n      error ? errorId : description ? descriptionId : undefined,\n    ].filter(Boolean).join(\" \") || undefined;\n    const parsedDraft = parseNumberFieldInput(draft);\n    const announcedValue =\n      typeof parsedDraft === \"number\" && parsedDraft >= min && parsedDraft <= max\n        ? parsedDraft\n        : currentValue;\n    const valueText = announcedValue === null ? undefined : getValueText?.(announcedValue);\n\n    return (\n      <div\n        className={classNames(\"hjm-field\", \"hjm-number-field\", className)}\n        // fieldRecipe.disabledScope fades label and control; the amount is this component's\n        // recipe (numberFieldRecipe.states), as on Native — the frame default is fieldRecipe's.\n        style={disabled\n          ? ({ ...layoutStyle, \"--hjm-field-disabled-opacity\": numberFieldRecipe.states.disabledOpacity } as CSSProperties)\n          : layoutStyle}\n        data-availability={disabled ? \"disabled\" : readOnly ? \"readOnly\" : \"enabled\"}\n        data-size={size}\n        data-state={state}\n        data-value={currentValue === null ? \"empty\" : \"filled\"}\n      >\n        <label className=\"hjm-field__label\" htmlFor={controlId}>\n          {label}\n          {required ? <span aria-hidden=\"true\"> *</span> : null}\n        </label>\n        <div className=\"hjm-field__control hjm-number-field__control\">\n          <button\n            type=\"button\"\n            aria-controls={controlId}\n            aria-label={decrementLabel}\n            className=\"hjm-number-field__stepper\"\n            data-direction=\"decrement\"\n            disabled={unavailable || stepper.decrementDisabled}\n            onClick={() => stepValue(\"decrement\")}\n            onMouseDown={(event) => event.preventDefault()}\n            tabIndex={-1}\n          >\n            <span aria-hidden=\"true\">−</span>\n          </button>\n          <input\n            {...inputProps}\n            ref={composeRefs(inputRef, forwardedRef)}\n            id={controlId}\n            type=\"text\"\n            role=\"spinbutton\"\n            className={classNames(\n              \"hjm-field__input\",\n              \"hjm-number-field__input\",\n              inputClassName,\n            )}\n            value={draft}\n            inputMode={inputMode ?? defaultInputMode(min, descriptor.step)}\n            required={required}\n            disabled={disabled}\n            readOnly={readOnly}\n            aria-invalid={error ? true : ariaInvalid}\n            aria-describedby={describedBy}\n            {...(error ? { \"aria-errormessage\": errorId } : {})}\n            aria-valuemin={min}\n            aria-valuemax={max}\n            {...(announcedValue === null ? {} : { \"aria-valuenow\": announcedValue })}\n            {...(valueText === undefined ? {} : { \"aria-valuetext\": valueText })}\n            onChange={(event) => setDraft(event.currentTarget.value)}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n          />\n          <button\n            type=\"button\"\n            aria-controls={controlId}\n            aria-label={incrementLabel}\n            className=\"hjm-number-field__stepper\"\n            data-direction=\"increment\"\n            disabled={unavailable || stepper.incrementDisabled}\n            onClick={() => stepValue(\"increment\")}\n            onMouseDown={(event) => event.preventDefault()}\n            tabIndex={-1}\n          >\n            <span aria-hidden=\"true\">+</span>\n          </button>\n        </div>\n        {description && !error ? (\n          <div id={descriptionId} className=\"hjm-field__description\">{description}</div>\n        ) : null}\n        {error ? (\n          <div id={errorId} className=\"hjm-field__error\">{error}</div>\n        ) : null}\n      </div>\n    );\n  },\n);\n"]}

package/dist/overlay-stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-stack.d.ts","sourceRoot":"","sources":["../src/overlay-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAmBvD,KAAK,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC,GACzF,QAAQ,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AACrC,KAAK,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC,GACvF,QAAQ,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAErC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,qEAAqE;IACrE,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACtB,KAAK,IAAI,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,aAAa,CAAC;IAClD,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,aAAa,CAAC;CACjD,CAAC,CAAC;AAQH,wBAAgB,eAAe,IAAI,eAAe,CAIjD;AAED,uEAAuE;AACvE,wBAAgB,SAAS,IAAI,eAAe,CAAC,YAAY,CAAC,CAEzD;AAED,wBAAgB,QAAQ,IAAI,eAAe,CAAC,WAAW,CAAC,CAEvD;AAED,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAE1E,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,GAAG,YAAY,CAoD1F"}
+{"version":3,"file":"overlay-stack.d.ts","sourceRoot":"","sources":["../src/overlay-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAmBvD,KAAK,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC,GACzF,QAAQ,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AACrC,KAAK,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC,GACvF,QAAQ,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAErC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,qEAAqE;IACrE,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACtB,KAAK,IAAI,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,aAAa,CAAC;IAClD,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,aAAa,CAAC;CACjD,CAAC,CAAC;AAQH,wBAAgB,eAAe,IAAI,eAAe,CAIjD;AAED,uEAAuE;AACvE,wBAAgB,SAAS,IAAI,eAAe,CAAC,YAAY,CAAC,CAEzD;AAED,wBAAgB,QAAQ,IAAI,eAAe,CAAC,WAAW,CAAC,CAEvD;AAGD,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAE1E,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,GAAG,YAAY,CAoD1F"}

package/dist/overlay-stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-stack.js","sourceRoot":"","sources":["../src/overlay-stack.tsx"],"names":[],"mappings":";;AAAA,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,GAGT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,KAAK,EAAmB,MAAM,eAAe,CAAC;AAuCvD,MAAM,mBAAmB,GAAG,aAAa,CAAyB,IAAI,CAAC,CAAC;AAExE,MAAM,UAAU,eAAe;IAC7B,MAAM,KAAK,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC9C,IAAI,KAAK,KAAK,IAAI;QAAE,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAChG,OAAO,KAAK,CAAC;AACf,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,SAAS;IACvB,OAAO,eAAe,EAAE,CAAC,UAAU,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,OAAO,eAAe,EAAE,CAAC,SAAS,CAAC;AACrC,CAAC;AAID,MAAM,UAAU,oBAAoB,CAAC,EAAE,QAAQ,EAA6B;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAEzB,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,IAAmB,EAAE,OAAqC,EAAiB,EAAE;QAC1G,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;QACjC,IAAI,MAAM,GAAe,GAAG,EAAE,CAAC,SAAS,CAAC;QACzC,MAAM,MAAM,GAAG,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAW,CAAC,CAAC;QACjD,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,OAAO;YACL,MAAM;YACN,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;SAC5B,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,OAAO,CAAkB,GAAG,EAAE,CAAC,CAAC;QAC1C,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;QACrD,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC;KACpD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEjB,6EAA6E;IAC7E,qDAAqD;IACrD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,aACrC,QAAQ,EACR,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,eAAC,MAAM,OACD,KAAK,CAAC,OAAO,EACjB,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACrC,iBAAiB,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,GACnC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACzB,eAAC,KAAK,OACA,KAAK,CAAC,OAAO,EACjB,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACrC,iBAAiB,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,GACnC,CACH,CAAC,CAAC,CAAC,IAAI,IACqB,CAChC,CAAC;AACJ,CAAC","sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { Dialog, type DialogProps } from \"./overlays.js\";\nimport { Sheet, type SheetProps } from \"./overlays.js\";\n\n/*\n  Imperative Dialog and Sheet. `useToast` already has this shape, and the gap\n  beside it is why each product rewired \"open state + mount point + completion\n  signal\" by hand (BurnTok's AppModal built its own `onDismiss` for exactly this).\n\n  This layer only transfers ownership: the provider holds the open state and the\n  mount point, and the call site knows just \"open it\" and \"it closed\". Dismiss\n  judgement, focus and isolation stay in the Dialog/Sheet contracts — none of it\n  is reimplemented here.\n\n  One overlay at a time. Stacking needs rules (which one is on top, is the one\n  behind inert) that the modal stack already owns; an imperative API that\n  bypassed it would fork those rules and produce \"closed it and the one below\n  never came back\". Opening a follow-up surface after `closed` resolves is the\n  contracted order.\n*/\n\ntype DialogRequest = Omit<DialogProps, \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"trigger\"> &\n  Readonly<{ children?: ReactNode }>;\ntype SheetRequest = Omit<SheetProps, \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"trigger\"> &\n  Readonly<{ children?: ReactNode }>;\n\nexport type OverlayHandle = Readonly<{\n  /** Resolves once the overlay is gone and focus has been restored. */\n  closed: Promise<void>;\n  close(): void;\n}>;\n\nexport type OverlayStackApi = Readonly<{\n  openDialog(request: DialogRequest): OverlayHandle;\n  openSheet(request: SheetRequest): OverlayHandle;\n}>;\n\ntype Entry =\n  | Readonly<{ kind: \"dialog\"; id: number; request: DialogRequest; settle: () => void }>\n  | Readonly<{ kind: \"sheet\"; id: number; request: SheetRequest; settle: () => void }>;\n\nconst OverlayStackContext = createContext<OverlayStackApi | null>(null);\n\nexport function useOverlayStack(): OverlayStackApi {\n  const value = useContext(OverlayStackContext);\n  if (value === null) throw new Error(\"useOverlayStack must be used inside OverlayStackProvider\");\n  return value;\n}\n\n/** Convenience wrappers so a call site reads as the thing it opens. */\nexport function useDialog(): OverlayStackApi[\"openDialog\"] {\n  return useOverlayStack().openDialog;\n}\n\nexport function useSheet(): OverlayStackApi[\"openSheet\"] {\n  return useOverlayStack().openSheet;\n}\n\nexport type OverlayStackProviderProps = Readonly<{ children: ReactNode }>;\n\nexport function OverlayStackProvider({ children }: OverlayStackProviderProps): ReactElement {\n  const [entry, setEntry] = useState<Entry | null>(null);\n  const [open, setOpen] = useState(false);\n  const nextId = useRef(0);\n\n  const openEntry = useCallback((kind: Entry[\"kind\"], request: DialogRequest | SheetRequest): OverlayHandle => {\n    const id = (nextId.current += 1);\n    let settle: () => void = () => undefined;\n    const closed = new Promise<void>((resolve) => { settle = resolve; });\n    setEntry({ kind, id, request, settle } as Entry);\n    setOpen(true);\n    return {\n      closed,\n      close: () => setOpen(false),\n    };\n  }, []);\n\n  const api = useMemo<OverlayStackApi>(() => ({\n    openDialog: (request) => openEntry(\"dialog\", request),\n    openSheet: (request) => openEntry(\"sheet\", request),\n  }), [openEntry]);\n\n  // The promise resolves from the renderer's own completion signal, not from a\n  // timer: that is the whole reason this layer exists.\n  const complete = () => {\n    entry?.settle();\n    setEntry(null);\n  };\n\n  return (\n    <OverlayStackContext.Provider value={api}>\n      {children}\n      {entry?.kind === \"dialog\" ? (\n        <Dialog\n          {...entry.request}\n          key={entry.id}\n          open={open}\n          onOpenChange={(next) => setOpen(next)}\n          onDismissComplete={() => complete()}\n        />\n      ) : null}\n      {entry?.kind === \"sheet\" ? (\n        <Sheet\n          {...entry.request}\n          key={entry.id}\n          open={open}\n          onOpenChange={(next) => setOpen(next)}\n          onDismissComplete={() => complete()}\n        />\n      ) : null}\n    </OverlayStackContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"overlay-stack.js","sourceRoot":"","sources":["../src/overlay-stack.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { Dialog, type DialogProps } from \"./overlays.js\";\nimport { Sheet, type SheetProps } from \"./overlays.js\";\n\n/*\n  Imperative Dialog and Sheet. `useToast` already has this shape, and the gap\n  beside it is why each product rewired \"open state + mount point + completion\n  signal\" by hand (BurnTok's AppModal built its own `onDismiss` for exactly this).\n\n  This layer only transfers ownership: the provider holds the open state and the\n  mount point, and the call site knows just \"open it\" and \"it closed\". Dismiss\n  judgement, focus and isolation stay in the Dialog/Sheet contracts — none of it\n  is reimplemented here.\n\n  One overlay at a time. Stacking needs rules (which one is on top, is the one\n  behind inert) that the modal stack already owns; an imperative API that\n  bypassed it would fork those rules and produce \"closed it and the one below\n  never came back\". Opening a follow-up surface after `closed` resolves is the\n  contracted order.\n*/\n\ntype DialogRequest = Omit<DialogProps, \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"trigger\"> &\n  Readonly<{ children?: ReactNode }>;\ntype SheetRequest = Omit<SheetProps, \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"trigger\"> &\n  Readonly<{ children?: ReactNode }>;\n\nexport type OverlayHandle = Readonly<{\n  /** Resolves once the overlay is gone and focus has been restored. */\n  closed: Promise<void>;\n  close(): void;\n}>;\n\nexport type OverlayStackApi = Readonly<{\n  openDialog(request: DialogRequest): OverlayHandle;\n  openSheet(request: SheetRequest): OverlayHandle;\n}>;\n\ntype Entry =\n  | Readonly<{ kind: \"dialog\"; id: number; request: DialogRequest; settle: () => void }>\n  | Readonly<{ kind: \"sheet\"; id: number; request: SheetRequest; settle: () => void }>;\n\nconst OverlayStackContext = createContext<OverlayStackApi | null>(null);\n\nexport function useOverlayStack(): OverlayStackApi {\n  const value = useContext(OverlayStackContext);\n  if (value === null) throw new Error(\"useOverlayStack must be used inside OverlayStackProvider\");\n  return value;\n}\n\n/** Convenience wrappers so a call site reads as the thing it opens. */\nexport function useDialog(): OverlayStackApi[\"openDialog\"] {\n  return useOverlayStack().openDialog;\n}\n\nexport function useSheet(): OverlayStackApi[\"openSheet\"] {\n  return useOverlayStack().openSheet;\n}\n\n// No `layoutStyle`: a context provider with no box of its own.\nexport type OverlayStackProviderProps = Readonly<{ children: ReactNode }>;\n\nexport function OverlayStackProvider({ children }: OverlayStackProviderProps): ReactElement {\n  const [entry, setEntry] = useState<Entry | null>(null);\n  const [open, setOpen] = useState(false);\n  const nextId = useRef(0);\n\n  const openEntry = useCallback((kind: Entry[\"kind\"], request: DialogRequest | SheetRequest): OverlayHandle => {\n    const id = (nextId.current += 1);\n    let settle: () => void = () => undefined;\n    const closed = new Promise<void>((resolve) => { settle = resolve; });\n    setEntry({ kind, id, request, settle } as Entry);\n    setOpen(true);\n    return {\n      closed,\n      close: () => setOpen(false),\n    };\n  }, []);\n\n  const api = useMemo<OverlayStackApi>(() => ({\n    openDialog: (request) => openEntry(\"dialog\", request),\n    openSheet: (request) => openEntry(\"sheet\", request),\n  }), [openEntry]);\n\n  // The promise resolves from the renderer's own completion signal, not from a\n  // timer: that is the whole reason this layer exists.\n  const complete = () => {\n    entry?.settle();\n    setEntry(null);\n  };\n\n  return (\n    <OverlayStackContext.Provider value={api}>\n      {children}\n      {entry?.kind === \"dialog\" ? (\n        <Dialog\n          {...entry.request}\n          key={entry.id}\n          open={open}\n          onOpenChange={(next) => setOpen(next)}\n          onDismissComplete={() => complete()}\n        />\n      ) : null}\n      {entry?.kind === \"sheet\" ? (\n        <Sheet\n          {...entry.request}\n          key={entry.id}\n          open={open}\n          onOpenChange={(next) => setOpen(next)}\n          onDismissComplete={() => complete()}\n        />\n      ) : null}\n    </OverlayStackContext.Provider>\n  );\n}\n"]}

package/dist/overlays.d.ts

@@ -5,6 +5,7 @@ import { sheetRecipe, type DialogSize, type MenuDensity, type MenuItemTone } fro
 import type { MenuSectionDescriptor } from "@hjmds/design-contracts/behaviors";
 import { type ReactNode } from "react";
 import { type ModalOpenState, type OpenState, type OverlayTrigger } from "./modal.js";
+import type { HjmCompositionStyleProp } from "./composition-style.js";
 export type { OverlayTrigger } from "./modal.js";
 export type DialogOpenChangeReason = "trigger" | "close-action" | "escape" | "outside";
 export type DialogProps = ModalOpenState<Readonly<{
@@ -102,6 +103,8 @@ export type TooltipProps = OpenState<TooltipOpenChangeDetails> & Readonly<{
     focusOpenDelayMs?: number;
     portalContainer?: HTMLElement;
     className?: string;
+    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */
+    layoutStyle?: HjmCompositionStyleProp;
 }>;
 export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLSpanElement>>;
 export type MenuItem = Readonly<{
@@ -173,6 +176,8 @@ type MenuBaseProps = Readonly<{
     onActionAfterDismiss?: (id: string) => void;
     portalContainer?: HTMLElement;
     className?: string;
+    /** Canonical layout-only placement on the in-flow wrapper around the trigger; the popup stays anchored. */
+    layoutStyle?: HjmCompositionStyleProp;
 }> & MenuSourceProps;
 export type MenuProps = OpenState<Readonly<{
     reason: MenuOpenChangeReason;

package/dist/overlays.d.ts.map

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