@hjmds/react 1.37.2 → 1.38.0

package/dist/actions.d.ts

@@ -8,6 +8,8 @@ import type { HjmCompositionStyleProp } from "./composition-style.js";
 export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & Readonly<{
     tone?: ButtonTone;
     size?: ButtonSize;
+    /** Extra pointer area in pixels; compact header tools use 0. Defaults to the size recipe. */
+    hitSlop?: number;
     /** Frame geometry. `pill` replaces product code that overrode `border-radius`. */
     shape?: ButtonShape;
     appearance?: ButtonAppearance;
@@ -35,6 +37,8 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & Readonly<{
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & Readonly<{
     tone?: ButtonTone;
     size?: ButtonSize;
+    /** Extra pointer area in pixels; compact header tools use 0. Defaults to the size recipe. */
+    hitSlop?: number;
     /** Frame geometry. `pill` replaces product code that overrode `border-radius`. */
     shape?: ButtonShape;
     appearance?: ButtonAppearance;
@@ -80,6 +84,8 @@ export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "ari
     label: string;
     tone?: IconButtonTone;
     size?: IconButtonSize;
+    /** Extra pointer area in pixels; compact header tools use 0. Defaults to the size recipe. */
+    hitSlop?: number;
     shape?: IconButtonShape;
     /** Toggle state. Paints the selected treatment and sets `aria-pressed`. */
     selected?: boolean;
@@ -98,6 +104,8 @@ export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<
     label: string;
     tone?: IconButtonTone;
     size?: IconButtonSize;
+    /** Extra pointer area in pixels; compact header tools use 0. Defaults to the size recipe. */
+    hitSlop?: number;
     shape?: IconButtonShape;
     /** Toggle state. Paints the selected treatment and sets `aria-pressed`. */
     selected?: boolean;

package/dist/actions.d.ts.map

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

package/dist/actions.js

@@ -19,7 +19,7 @@ function useButtonPaint(tone, size, suppliedShape, suppliedAppearance) {
             "--hjm-button-settle": `${buttonRecipe.raised.settleDuration}ms`,
         } };
 }
-export const Button = forwardRef(function Button({ tone = buttonRecipe.defaults.tone, size = buttonRecipe.defaults.size, shape: suppliedShape, appearance: suppliedAppearance, fullWidth = false, align = buttonRecipe.defaults.align, selected, loading = false, completion, leading, trailing, edge, disabled, onClick, type = "button", className, children, layoutStyle, style, ...props }, ref) {
+export const Button = forwardRef(function Button({ tone = buttonRecipe.defaults.tone, size = buttonRecipe.defaults.size, hitSlop, shape: suppliedShape, appearance: suppliedAppearance, fullWidth = false, align = buttonRecipe.defaults.align, selected, loading = false, completion, leading, trailing, edge, disabled, onClick, type = "button", className, children, layoutStyle, style, ...props }, ref) {
     const { shape, appearance, depth, style: paintStyle } = useButtonPaint(tone, size, suppliedShape, suppliedAppearance);
     const textParts = completion ? Children.toArray(children) : [];
     if (completion && (!completion.label.trim() || typeof completion.confirmed !== "boolean" || textParts.length === 0 || !textParts.every(part => typeof part === "string" || typeof part === "number"))) {
@@ -41,7 +41,7 @@ export const Button = forwardRef(function Button({ tone = buttonRecipe.defaults.
     const content = _jsxs(_Fragment, { children: [leading, completion ? _jsxs("span", { style: { display: "inline-grid", minWidth: 0 }, children: [_jsx("span", { "aria-hidden": "true", className: "hjm-button__label", style: { gridArea: "1 / 1", visibility: "hidden" }, children: idleLabel }), _jsx("span", { "aria-hidden": "true", className: "hjm-button__label", style: { gridArea: "1 / 1", visibility: "hidden" }, children: completion.label }), _jsx("span", { className: "hjm-button__label", style: { gridArea: "1 / 1", alignSelf: "center" }, children: currentLabel })] }) : _jsx("span", { className: "hjm-button__label", children: children }), trailing, loading ? _jsx("span", { className: "hjm-button__loading-indicator", "aria-hidden": "true", children: _jsx("span", { className: "hjm-button__spinner" }) }) : null] });
     return (_jsx("button", { ...props, 
         // The cap lives in the recipe, not in the stylesheet: one number, one place.
-        style: { ...paintStyle, ...style, ...layoutStyle }, ref: ref, type: type, className: classNames("hjm-button", className), "data-tone": tone, "data-size": size, "data-shape": shape, "data-appearance": appearance, "data-raised": depth > 0 || undefined, "data-full-width": fullWidth || undefined, "data-align": align, "data-edge": edge, ...(selected === undefined ? {} : { "data-selected": selected, "aria-pressed": selected }), "data-state": loading ? "loading" : unavailable ? "disabled" : "idle", "aria-busy": loading || undefined, "aria-disabled": unavailable || undefined, disabled: disabled && !loading, onClick: handleClick, children: depth > 0 ? _jsx("span", { className: "hjm-button__face", children: content }) : content }));
+        style: { ...paintStyle, ...(hitSlop === undefined ? {} : { "--hjm-button-hit-slop": `${hitSlop}px` }), ...style, ...layoutStyle }, ref: ref, type: type, className: classNames("hjm-button", className), "data-tone": tone, "data-size": size, "data-shape": shape, "data-appearance": appearance, "data-raised": depth > 0 || undefined, "data-full-width": fullWidth || undefined, "data-align": align, "data-edge": edge, ...(selected === undefined ? {} : { "data-selected": selected, "aria-pressed": selected }), "data-state": loading ? "loading" : unavailable ? "disabled" : "idle", "aria-busy": loading || undefined, "aria-disabled": unavailable || undefined, disabled: disabled && !loading, onClick: handleClick, children: depth > 0 ? _jsx("span", { className: "hjm-button__face", children: content }) : content }));
 });
 export const ButtonLink = forwardRef(function ButtonLink({ href, disabled = false, tone = buttonRecipe.defaults.tone, size = buttonRecipe.defaults.size, shape: suppliedShape, appearance: suppliedAppearance, fullWidth = false, align = buttonRecipe.defaults.align, leading, trailing, edge, layoutStyle, children, className, style, onClick, onAuxClick, tabIndex, renderAnchor, ...props }, ref) {
     const { shape, appearance, depth, style: paintStyle } = useButtonPaint(tone, size, suppliedShape, suppliedAppearance);
@@ -80,7 +80,7 @@ export const ButtonLink = forwardRef(function ButtonLink({ href, disabled = fals
     };
     return renderAnchor ? renderAnchor(anchorProps) : _jsx("a", { ...anchorProps });
 });
-export const IconButton = forwardRef(function IconButton({ label, tone = iconButtonRecipe.defaults.tone, size = iconButtonRecipe.defaults.size, shape = iconButtonRecipe.defaults.shape, selected, loading = false, edge, disabled, onClick, type = "button", className, children, layoutStyle, style, ...props }, ref) {
+export const IconButton = forwardRef(function IconButton({ label, tone = iconButtonRecipe.defaults.tone, size = iconButtonRecipe.defaults.size, hitSlop, shape = iconButtonRecipe.defaults.shape, selected, loading = false, edge, disabled, onClick, type = "button", className, children, layoutStyle, style, ...props }, ref) {
     // Preserve a focusable disabled action (e.g. a Carousel boundary).
     const ariaDisabled = props["aria-disabled"] === true || props["aria-disabled"] === "true";
     const unavailable = disabled === true || loading || ariaDisabled;
@@ -92,7 +92,7 @@ export const IconButton = forwardRef(function IconButton({ label, tone = iconBut
         }
         onClick?.(event);
     };
-    return (_jsx("button", { ...props, style: { ...style, ...layoutStyle }, ref: ref, type: type, className: classNames("hjm-icon-button", className), "data-tone": tone, "data-size": size, "data-shape": shape, "data-edge": edge, ...(selected === undefined ? {} : { "data-selected": selected, "aria-pressed": selected }), "data-state": loading ? "loading" : unavailable ? "disabled" : "idle", "aria-label": label, "aria-busy": loading || undefined, "aria-disabled": unavailable || undefined, disabled: disabled, onClick: handleClick, children: loading ? _jsx("span", { className: "hjm-button__spinner", "aria-hidden": "true" }) : children }));
+    return (_jsx("button", { ...props, style: { ...(hitSlop === undefined ? {} : { "--hjm-button-hit-slop": `${hitSlop}px` }), ...style, ...layoutStyle }, ref: ref, type: type, className: classNames("hjm-icon-button", className), "data-tone": tone, "data-size": size, "data-shape": shape, "data-edge": edge, ...(selected === undefined ? {} : { "data-selected": selected, "aria-pressed": selected }), "data-state": loading ? "loading" : unavailable ? "disabled" : "idle", "aria-label": label, "aria-busy": loading || undefined, "aria-disabled": unavailable || undefined, disabled: disabled, onClick: handleClick, children: loading ? _jsx("span", { className: "hjm-button__spinner", "aria-hidden": "true" }) : children }));
 });
 export const Link = forwardRef(function Link({ tone = linkRecipe.defaults.tone, variant = linkRecipe.defaults.variant, disabled = false, leading, trailing, renderAnchor, target, rel, tabIndex, onClick, className, children, layoutStyle, ...props }, ref) {
     const handleClick = (event) => {

package/dist/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  buttonRecipe,\n  resolveButtonDepth,\n  type ButtonAppearance,\n  type ButtonAlign,\n  type ButtonEdge,\n  type ButtonShape,\n  type ButtonSize,\n  type ButtonTone,\n} from \"@hjmds/design-contracts/recipes/base\";\n\nexport type { ButtonAlign, ButtonEdge, ButtonShape, ButtonAppearance };\nimport {\n  iconButtonRecipe,\n  linkRecipe,\n  type IconButtonEdge,\n  type IconButtonShape,\n  type IconButtonSize,\n  type IconButtonTone,\n  type LinkTone,\n  type LinkVariant,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  Children,\n  useContext,\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type CSSProperties,\n  type ButtonHTMLAttributes,\n  type ForwardedRef,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { DesignProfileContext, classNames } from \"./internal.js\";\n\nexport type { ButtonSize, ButtonTone } from \"@hjmds/design-contracts/recipes/base\";\nexport type {\n  IconButtonEdge,\n  IconButtonShape,\n  IconButtonSize,\n  IconButtonTone,\n} from \"@hjmds/design-contracts/recipes\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  Readonly<{\n    tone?: ButtonTone;\n    size?: ButtonSize;\n    /** Frame geometry. `pill` replaces product code that overrode `border-radius`. */\n    shape?: ButtonShape;\n    appearance?: ButtonAppearance;\n    fullWidth?: boolean;\n    /** Label placement inside the frame; `leading` suits a full-width row action. */\n    align?: ButtonAlign;\n    /** Toggle state. Paints the selected treatment and sets `aria-pressed`. */\n    selected?: boolean;\n    loading?: boolean;\n    /** Explicit confirmed mutation result. Both text labels remain measured in every state. */\n    completion?: Readonly<{ confirmed: boolean; label: string }>;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n    /**\n     * Container edge(s) this button sits on. A ghost button overhangs that edge by its inline padding so the label\n     * or trailing glyph lines up with the container inset (`resolveButtonEdgeOverhang`); framed tones keep their frame.\n     */\n    edge?: ButtonEdge;\n      /** Canonical layout-only placement. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n}>;\n\n// Both semantic hosts use the same recipe and product profile; navigation must not\n// recreate button paint in a product or turn an anchor into a nested button.\nfunction useButtonPaint(tone: ButtonTone, size: ButtonSize, suppliedShape?: ButtonShape, suppliedAppearance?: ButtonAppearance) {\n  const profile = useContext(DesignProfileContext);\n  const shape = suppliedShape ?? profile?.controls?.button?.shape ?? buttonRecipe.defaults.shape;\n  const appearance = suppliedAppearance ?? profile?.controls?.button?.appearance ?? buttonRecipe.defaults.appearance;\n  const depth = resolveButtonDepth(appearance, tone, size);\n  const side = tone === \"secondary\" ? \"var(--hjm-color-border-control)\" : tone === \"danger\" ? \"var(--hjm-color-danger-fill)\" : \"var(--hjm-color-primary)\";\n  return { shape, appearance, depth, style: {\n    \"--hjm-button-label-lines\": buttonRecipe.label.maxLines,\n    \"--hjm-button-depth\": `${depth}px`, \"--hjm-button-side\": side,\n    \"--hjm-button-side-shade\": `${buttonRecipe.raised.sideShade * 100}%`,\n    \"--hjm-button-face-padding\": `${buttonRecipe.sizes[size].paddingHorizontal}px`,\n    \"--hjm-button-settle\": `${buttonRecipe.raised.settleDuration}ms`,\n  } as CSSProperties };\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    tone = buttonRecipe.defaults.tone,\n    size = buttonRecipe.defaults.size,\n    shape: suppliedShape,\n    appearance: suppliedAppearance,\n    fullWidth = false,\n    align = buttonRecipe.defaults.align,\n    selected,\n    loading = false,\n    completion,\n    leading,\n    trailing,\n    edge,\n    disabled,\n    onClick,\n    type = \"button\",\n    className,\n    children,\n    layoutStyle,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const { shape, appearance, depth, style: paintStyle } = useButtonPaint(tone, size, suppliedShape, suppliedAppearance);\n  const textParts = completion ? Children.toArray(children) : [];\n  if (completion && (!completion.label.trim() || typeof completion.confirmed !== \"boolean\" || textParts.length === 0 || !textParts.every(part => typeof part === \"string\" || typeof part === \"number\"))) {\n    throw new TypeError(\"Button completion requires a nonempty label, a boolean confirmed value and text-only children\");\n  }\n  const idleLabel = completion ? textParts.join(\"\") : children;\n  const currentLabel = completion?.confirmed && !loading ? completion.label : idleLabel;\n  // Preserve a focusable disabled action (e.g. a Carousel boundary).\n  const ariaDisabled = props[\"aria-disabled\"] === true || props[\"aria-disabled\"] === \"true\";\n  const unavailable = disabled === true || loading || ariaDisabled;\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (unavailable) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    onClick?.(event);\n  };\n  const content = <>\n      {leading}\n      {completion ? <span style={{ display: \"inline-grid\", minWidth: 0 }}>\n        {/* Both labels contribute intrinsic dimensions, including wrapping/font changes. */}\n        <span aria-hidden=\"true\" className=\"hjm-button__label\" style={{ gridArea: \"1 / 1\", visibility: \"hidden\" }}>{idleLabel}</span>\n        <span aria-hidden=\"true\" className=\"hjm-button__label\" style={{ gridArea: \"1 / 1\", visibility: \"hidden\" }}>{completion.label}</span>\n        <span className=\"hjm-button__label\" style={{ gridArea: \"1 / 1\", alignSelf: \"center\" }}>{currentLabel}</span>\n      </span> : <span className=\"hjm-button__label\">{children}</span>}\n      {trailing}\n      {loading ? <span className=\"hjm-button__loading-indicator\" aria-hidden=\"true\"><span className=\"hjm-button__spinner\" /></span> : null}\n  </>;\n  return (\n    <button\n      {...props}\n      // The cap lives in the recipe, not in the stylesheet: one number, one place.\n      style={{ ...paintStyle, ...style, ...layoutStyle }}\n      ref={ref}\n      type={type}\n      className={classNames(\"hjm-button\", className)}\n      data-tone={tone}\n      data-size={size}\n      data-shape={shape}\n      data-appearance={appearance}\n      data-raised={depth > 0 || undefined}\n      data-full-width={fullWidth || undefined}\n      data-align={align}\n      data-edge={edge}\n      {...(selected === undefined ? {} : { \"data-selected\": selected, \"aria-pressed\": selected })}\n      data-state={loading ? \"loading\" : unavailable ? \"disabled\" : \"idle\"}\n      aria-busy={loading || undefined}\n      aria-disabled={unavailable || undefined}\n      disabled={disabled && !loading}\n      onClick={handleClick}\n    >\n      {depth > 0 ? <span className=\"hjm-button__face\">{content}</span> : content}\n    </button>\n  );\n});\n\n/** Web navigation with Button paint. Mutation/loading/toggle semantics belong to Button. */\nexport type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  Pick<ButtonProps, \"tone\" | \"size\" | \"shape\" | \"appearance\" | \"fullWidth\" | \"align\" | \"leading\" | \"trailing\" | \"edge\" | \"layoutStyle\"> &\n  Readonly<{\n    href: string;\n    disabled?: boolean;\n    /** Framework routing adapter; HJM still owns the anchor destination, ref and disabled guards. */\n    renderAnchor?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & { ref: ForwardedRef<HTMLAnchorElement> }) => ReactElement;\n  }>;\n\nexport const ButtonLink = forwardRef<HTMLAnchorElement, ButtonLinkProps>(function ButtonLink({\n  href, disabled = false, tone = buttonRecipe.defaults.tone, size = buttonRecipe.defaults.size,\n  shape: suppliedShape, appearance: suppliedAppearance, fullWidth = false,\n  align = buttonRecipe.defaults.align, leading, trailing, edge, layoutStyle,\n  children, className, style, onClick, onAuxClick, tabIndex, renderAnchor, ...props\n}, ref) {\n  const { shape, appearance, depth, style: paintStyle } = useButtonPaint(tone, size, suppliedShape, suppliedAppearance);\n  const unavailable = disabled || props[\"aria-disabled\"] === true || props[\"aria-disabled\"] === \"true\";\n  const activate = (callback: typeof onClick) => (event: MouseEvent<HTMLAnchorElement>) => {\n    if (unavailable) { event.preventDefault(); event.stopPropagation(); return; }\n    callback?.(event);\n  };\n  const content = <>{leading}<span className=\"hjm-button__label\">{children}</span>{trailing}</>;\n  const anchorProps = {\n    ...props,\n    ref,\n    // Adapters must also receive no href while unavailable, including their framework's navigation path.\n    href: unavailable ? undefined : href,\n    role: unavailable ? \"link\" : props.role,\n    \"aria-disabled\": unavailable || undefined,\n    tabIndex: unavailable ? -1 : tabIndex,\n    onClick: activate(onClick),\n    onAuxClick: activate(onAuxClick),\n    className: classNames(\"hjm-button\", className),\n    style: { ...paintStyle, ...style, ...layoutStyle },\n    \"data-tone\": tone,\n    \"data-size\": size,\n    \"data-shape\": shape,\n    \"data-appearance\": appearance,\n    \"data-raised\": depth > 0 || undefined,\n    \"data-full-width\": fullWidth || undefined,\n    \"data-align\": align,\n    \"data-edge\": edge,\n    \"data-state\": unavailable ? \"disabled\" : \"idle\",\n    children: depth > 0 ? <span className=\"hjm-button__face\">{content}</span> : content,\n  };\n  return renderAnchor ? renderAnchor(anchorProps) : <a {...anchorProps} />;\n});\n\nexport type IconButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"aria-label\"\n> &\n  Readonly<{\n    label: string;\n    tone?: IconButtonTone;\n    size?: IconButtonSize;\n    shape?: IconButtonShape;\n    /** Toggle state. Paints the selected treatment and sets `aria-pressed`. */\n    selected?: boolean;\n    loading?: boolean;\n    /**\n     * Container edge(s) this button sits on (logical, RTL-aware). A ghost button keeps its touch target but overhangs\n     * the edge by (diameter − glyph slot) / 2 so the glyph slot lines up with the container inset\n     * (`resolveIconButtonEdgeOverhang`, 2026-10-17 measured audit). Framed tones align their frame and do not move.\n     */\n    edge?: IconButtonEdge;\n    children: ReactNode;\n      /** Canonical layout-only placement. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n}>;\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  function IconButton(\n    {\n      label,\n      tone = iconButtonRecipe.defaults.tone,\n      size = iconButtonRecipe.defaults.size,\n      shape = iconButtonRecipe.defaults.shape,\n      selected,\n      loading = false,\n      edge,\n      disabled,\n      onClick,\n      type = \"button\",\n      className,\n      children,\n      layoutStyle,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    // Preserve a focusable disabled action (e.g. a Carousel boundary).\n    const ariaDisabled = props[\"aria-disabled\"] === true || props[\"aria-disabled\"] === \"true\";\n    const unavailable = disabled === true || loading || ariaDisabled;\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      if (unavailable) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      onClick?.(event);\n    };\n    return (\n      <button\n        {...props}\n        style={{ ...style, ...layoutStyle }}\n        ref={ref}\n        type={type}\n        className={classNames(\"hjm-icon-button\", className)}\n        data-tone={tone}\n        data-size={size}\n        data-shape={shape}\n        data-edge={edge}\n        {...(selected === undefined ? {} : { \"data-selected\": selected, \"aria-pressed\": selected })}\n        data-state={loading ? \"loading\" : unavailable ? \"disabled\" : \"idle\"}\n        aria-label={label}\n        aria-busy={loading || undefined}\n        aria-disabled={unavailable || undefined}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        {loading ? <span className=\"hjm-button__spinner\" aria-hidden=\"true\" /> : children}\n      </button>\n    );\n  },\n);\n\nexport type LinkRenderProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  Readonly<{\n    children: ReactNode;\n    ref: ForwardedRef<HTMLAnchorElement>;\n    \"data-tone\": LinkTone;\n    \"data-variant\": LinkVariant;\n    \"data-state\": \"disabled\" | \"idle\";\n  }>;\n\nexport type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  Readonly<{\n    tone?: LinkTone;\n    variant?: LinkVariant;\n    disabled?: boolean;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n    /** Framework adapter, for example Next.js Link, while HJM keeps link semantics and state. */\n    renderAnchor?: (props: LinkRenderProps) => ReactElement;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  {\n    tone = linkRecipe.defaults.tone,\n    variant = linkRecipe.defaults.variant,\n    disabled = false,\n    leading,\n    trailing,\n    renderAnchor,\n    target,\n    rel,\n    tabIndex,\n    onClick,\n    className,\n    children,\n    layoutStyle,\n    ...props\n  },\n  ref,\n) {\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n  };\n  const anchorProps: LinkRenderProps = {\n    ...props,\n    // `renderAnchor` adapters receive the merged placement, so a framework Link\n    // gets the same position as the plain <a>.\n    ...(props.style === undefined && layoutStyle === undefined ? {} : { style: { ...props.style, ...layoutStyle } }),\n    ref,\n    className: classNames(\"hjm-link\", className),\n    \"data-tone\": tone,\n    \"data-variant\": variant,\n    \"data-state\": disabled ? \"disabled\" : \"idle\",\n    \"aria-disabled\": disabled || undefined,\n    tabIndex: disabled ? -1 : tabIndex,\n    target,\n    rel: rel ?? (target === \"_blank\" ? \"noreferrer noopener\" : undefined),\n    onClick: handleClick,\n    children: (\n      <>\n      {leading}\n      <span>{children}</span>\n      {trailing}\n      </>\n    ),\n  };\n  return renderAnchor ? renderAnchor(anchorProps) : <a {...anchorProps} />;\n});\n"]}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  buttonRecipe,\n  resolveButtonDepth,\n  type ButtonAppearance,\n  type ButtonAlign,\n  type ButtonEdge,\n  type ButtonShape,\n  type ButtonSize,\n  type ButtonTone,\n} from \"@hjmds/design-contracts/recipes/base\";\n\nexport type { ButtonAlign, ButtonEdge, ButtonShape, ButtonAppearance };\nimport {\n  iconButtonRecipe,\n  linkRecipe,\n  type IconButtonEdge,\n  type IconButtonShape,\n  type IconButtonSize,\n  type IconButtonTone,\n  type LinkTone,\n  type LinkVariant,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  Children,\n  useContext,\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type CSSProperties,\n  type ButtonHTMLAttributes,\n  type ForwardedRef,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { DesignProfileContext, classNames } from \"./internal.js\";\n\nexport type { ButtonSize, ButtonTone } from \"@hjmds/design-contracts/recipes/base\";\nexport type {\n  IconButtonEdge,\n  IconButtonShape,\n  IconButtonSize,\n  IconButtonTone,\n} from \"@hjmds/design-contracts/recipes\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  Readonly<{\n    tone?: ButtonTone;\n    size?: ButtonSize;\n    /** Extra pointer area in pixels; compact header tools use 0. Defaults to the size recipe. */\n    hitSlop?: number;\n    /** Frame geometry. `pill` replaces product code that overrode `border-radius`. */\n    shape?: ButtonShape;\n    appearance?: ButtonAppearance;\n    fullWidth?: boolean;\n    /** Label placement inside the frame; `leading` suits a full-width row action. */\n    align?: ButtonAlign;\n    /** Toggle state. Paints the selected treatment and sets `aria-pressed`. */\n    selected?: boolean;\n    loading?: boolean;\n    /** Explicit confirmed mutation result. Both text labels remain measured in every state. */\n    completion?: Readonly<{ confirmed: boolean; label: string }>;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n    /**\n     * Container edge(s) this button sits on. A ghost button overhangs that edge by its inline padding so the label\n     * or trailing glyph lines up with the container inset (`resolveButtonEdgeOverhang`); framed tones keep their frame.\n     */\n    edge?: ButtonEdge;\n      /** Canonical layout-only placement. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n}>;\n\n// Both semantic hosts use the same recipe and product profile; navigation must not\n// recreate button paint in a product or turn an anchor into a nested button.\nfunction useButtonPaint(tone: ButtonTone, size: ButtonSize, suppliedShape?: ButtonShape, suppliedAppearance?: ButtonAppearance) {\n  const profile = useContext(DesignProfileContext);\n  const shape = suppliedShape ?? profile?.controls?.button?.shape ?? buttonRecipe.defaults.shape;\n  const appearance = suppliedAppearance ?? profile?.controls?.button?.appearance ?? buttonRecipe.defaults.appearance;\n  const depth = resolveButtonDepth(appearance, tone, size);\n  const side = tone === \"secondary\" ? \"var(--hjm-color-border-control)\" : tone === \"danger\" ? \"var(--hjm-color-danger-fill)\" : \"var(--hjm-color-primary)\";\n  return { shape, appearance, depth, style: {\n    \"--hjm-button-label-lines\": buttonRecipe.label.maxLines,\n    \"--hjm-button-depth\": `${depth}px`, \"--hjm-button-side\": side,\n    \"--hjm-button-side-shade\": `${buttonRecipe.raised.sideShade * 100}%`,\n    \"--hjm-button-face-padding\": `${buttonRecipe.sizes[size].paddingHorizontal}px`,\n    \"--hjm-button-settle\": `${buttonRecipe.raised.settleDuration}ms`,\n  } as CSSProperties };\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    tone = buttonRecipe.defaults.tone,\n    size = buttonRecipe.defaults.size,\n    hitSlop,\n    shape: suppliedShape,\n    appearance: suppliedAppearance,\n    fullWidth = false,\n    align = buttonRecipe.defaults.align,\n    selected,\n    loading = false,\n    completion,\n    leading,\n    trailing,\n    edge,\n    disabled,\n    onClick,\n    type = \"button\",\n    className,\n    children,\n    layoutStyle,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const { shape, appearance, depth, style: paintStyle } = useButtonPaint(tone, size, suppliedShape, suppliedAppearance);\n  const textParts = completion ? Children.toArray(children) : [];\n  if (completion && (!completion.label.trim() || typeof completion.confirmed !== \"boolean\" || textParts.length === 0 || !textParts.every(part => typeof part === \"string\" || typeof part === \"number\"))) {\n    throw new TypeError(\"Button completion requires a nonempty label, a boolean confirmed value and text-only children\");\n  }\n  const idleLabel = completion ? textParts.join(\"\") : children;\n  const currentLabel = completion?.confirmed && !loading ? completion.label : idleLabel;\n  // Preserve a focusable disabled action (e.g. a Carousel boundary).\n  const ariaDisabled = props[\"aria-disabled\"] === true || props[\"aria-disabled\"] === \"true\";\n  const unavailable = disabled === true || loading || ariaDisabled;\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (unavailable) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    onClick?.(event);\n  };\n  const content = <>\n      {leading}\n      {completion ? <span style={{ display: \"inline-grid\", minWidth: 0 }}>\n        {/* Both labels contribute intrinsic dimensions, including wrapping/font changes. */}\n        <span aria-hidden=\"true\" className=\"hjm-button__label\" style={{ gridArea: \"1 / 1\", visibility: \"hidden\" }}>{idleLabel}</span>\n        <span aria-hidden=\"true\" className=\"hjm-button__label\" style={{ gridArea: \"1 / 1\", visibility: \"hidden\" }}>{completion.label}</span>\n        <span className=\"hjm-button__label\" style={{ gridArea: \"1 / 1\", alignSelf: \"center\" }}>{currentLabel}</span>\n      </span> : <span className=\"hjm-button__label\">{children}</span>}\n      {trailing}\n      {loading ? <span className=\"hjm-button__loading-indicator\" aria-hidden=\"true\"><span className=\"hjm-button__spinner\" /></span> : null}\n  </>;\n  return (\n    <button\n      {...props}\n      // The cap lives in the recipe, not in the stylesheet: one number, one place.\n      style={{ ...paintStyle, ...(hitSlop === undefined ? {} : { \"--hjm-button-hit-slop\": `${hitSlop}px` }), ...style, ...layoutStyle } as CSSProperties}\n      ref={ref}\n      type={type}\n      className={classNames(\"hjm-button\", className)}\n      data-tone={tone}\n      data-size={size}\n      data-shape={shape}\n      data-appearance={appearance}\n      data-raised={depth > 0 || undefined}\n      data-full-width={fullWidth || undefined}\n      data-align={align}\n      data-edge={edge}\n      {...(selected === undefined ? {} : { \"data-selected\": selected, \"aria-pressed\": selected })}\n      data-state={loading ? \"loading\" : unavailable ? \"disabled\" : \"idle\"}\n      aria-busy={loading || undefined}\n      aria-disabled={unavailable || undefined}\n      disabled={disabled && !loading}\n      onClick={handleClick}\n    >\n      {depth > 0 ? <span className=\"hjm-button__face\">{content}</span> : content}\n    </button>\n  );\n});\n\n/** Web navigation with Button paint. Mutation/loading/toggle semantics belong to Button. */\nexport type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  Pick<ButtonProps, \"tone\" | \"size\" | \"shape\" | \"appearance\" | \"fullWidth\" | \"align\" | \"leading\" | \"trailing\" | \"edge\" | \"layoutStyle\"> &\n  Readonly<{\n    href: string;\n    disabled?: boolean;\n    /** Framework routing adapter; HJM still owns the anchor destination, ref and disabled guards. */\n    renderAnchor?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & { ref: ForwardedRef<HTMLAnchorElement> }) => ReactElement;\n  }>;\n\nexport const ButtonLink = forwardRef<HTMLAnchorElement, ButtonLinkProps>(function ButtonLink({\n  href, disabled = false, tone = buttonRecipe.defaults.tone, size = buttonRecipe.defaults.size,\n  shape: suppliedShape, appearance: suppliedAppearance, fullWidth = false,\n  align = buttonRecipe.defaults.align, leading, trailing, edge, layoutStyle,\n  children, className, style, onClick, onAuxClick, tabIndex, renderAnchor, ...props\n}, ref) {\n  const { shape, appearance, depth, style: paintStyle } = useButtonPaint(tone, size, suppliedShape, suppliedAppearance);\n  const unavailable = disabled || props[\"aria-disabled\"] === true || props[\"aria-disabled\"] === \"true\";\n  const activate = (callback: typeof onClick) => (event: MouseEvent<HTMLAnchorElement>) => {\n    if (unavailable) { event.preventDefault(); event.stopPropagation(); return; }\n    callback?.(event);\n  };\n  const content = <>{leading}<span className=\"hjm-button__label\">{children}</span>{trailing}</>;\n  const anchorProps = {\n    ...props,\n    ref,\n    // Adapters must also receive no href while unavailable, including their framework's navigation path.\n    href: unavailable ? undefined : href,\n    role: unavailable ? \"link\" : props.role,\n    \"aria-disabled\": unavailable || undefined,\n    tabIndex: unavailable ? -1 : tabIndex,\n    onClick: activate(onClick),\n    onAuxClick: activate(onAuxClick),\n    className: classNames(\"hjm-button\", className),\n    style: { ...paintStyle, ...style, ...layoutStyle },\n    \"data-tone\": tone,\n    \"data-size\": size,\n    \"data-shape\": shape,\n    \"data-appearance\": appearance,\n    \"data-raised\": depth > 0 || undefined,\n    \"data-full-width\": fullWidth || undefined,\n    \"data-align\": align,\n    \"data-edge\": edge,\n    \"data-state\": unavailable ? \"disabled\" : \"idle\",\n    children: depth > 0 ? <span className=\"hjm-button__face\">{content}</span> : content,\n  };\n  return renderAnchor ? renderAnchor(anchorProps) : <a {...anchorProps} />;\n});\n\nexport type IconButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"aria-label\"\n> &\n  Readonly<{\n    label: string;\n    tone?: IconButtonTone;\n    size?: IconButtonSize;\n    /** Extra pointer area in pixels; compact header tools use 0. Defaults to the size recipe. */\n    hitSlop?: number;\n    shape?: IconButtonShape;\n    /** Toggle state. Paints the selected treatment and sets `aria-pressed`. */\n    selected?: boolean;\n    loading?: boolean;\n    /**\n     * Container edge(s) this button sits on (logical, RTL-aware). A ghost button keeps its touch target but overhangs\n     * the edge by (diameter − glyph slot) / 2 so the glyph slot lines up with the container inset\n     * (`resolveIconButtonEdgeOverhang`, 2026-10-17 measured audit). Framed tones align their frame and do not move.\n     */\n    edge?: IconButtonEdge;\n    children: ReactNode;\n      /** Canonical layout-only placement. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n}>;\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  function IconButton(\n    {\n      label,\n      tone = iconButtonRecipe.defaults.tone,\n      size = iconButtonRecipe.defaults.size,\n      hitSlop,\n      shape = iconButtonRecipe.defaults.shape,\n      selected,\n      loading = false,\n      edge,\n      disabled,\n      onClick,\n      type = \"button\",\n      className,\n      children,\n      layoutStyle,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    // Preserve a focusable disabled action (e.g. a Carousel boundary).\n    const ariaDisabled = props[\"aria-disabled\"] === true || props[\"aria-disabled\"] === \"true\";\n    const unavailable = disabled === true || loading || ariaDisabled;\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      if (unavailable) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      onClick?.(event);\n    };\n    return (\n      <button\n        {...props}\n        style={{ ...(hitSlop === undefined ? {} : { \"--hjm-button-hit-slop\": `${hitSlop}px` }), ...style, ...layoutStyle } as CSSProperties}\n        ref={ref}\n        type={type}\n        className={classNames(\"hjm-icon-button\", className)}\n        data-tone={tone}\n        data-size={size}\n        data-shape={shape}\n        data-edge={edge}\n        {...(selected === undefined ? {} : { \"data-selected\": selected, \"aria-pressed\": selected })}\n        data-state={loading ? \"loading\" : unavailable ? \"disabled\" : \"idle\"}\n        aria-label={label}\n        aria-busy={loading || undefined}\n        aria-disabled={unavailable || undefined}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        {loading ? <span className=\"hjm-button__spinner\" aria-hidden=\"true\" /> : children}\n      </button>\n    );\n  },\n);\n\nexport type LinkRenderProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  Readonly<{\n    children: ReactNode;\n    ref: ForwardedRef<HTMLAnchorElement>;\n    \"data-tone\": LinkTone;\n    \"data-variant\": LinkVariant;\n    \"data-state\": \"disabled\" | \"idle\";\n  }>;\n\nexport type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  Readonly<{\n    tone?: LinkTone;\n    variant?: LinkVariant;\n    disabled?: boolean;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n    /** Framework adapter, for example Next.js Link, while HJM keeps link semantics and state. */\n    renderAnchor?: (props: LinkRenderProps) => ReactElement;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  {\n    tone = linkRecipe.defaults.tone,\n    variant = linkRecipe.defaults.variant,\n    disabled = false,\n    leading,\n    trailing,\n    renderAnchor,\n    target,\n    rel,\n    tabIndex,\n    onClick,\n    className,\n    children,\n    layoutStyle,\n    ...props\n  },\n  ref,\n) {\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n  };\n  const anchorProps: LinkRenderProps = {\n    ...props,\n    // `renderAnchor` adapters receive the merged placement, so a framework Link\n    // gets the same position as the plain <a>.\n    ...(props.style === undefined && layoutStyle === undefined ? {} : { style: { ...props.style, ...layoutStyle } }),\n    ref,\n    className: classNames(\"hjm-link\", className),\n    \"data-tone\": tone,\n    \"data-variant\": variant,\n    \"data-state\": disabled ? \"disabled\" : \"idle\",\n    \"aria-disabled\": disabled || undefined,\n    tabIndex: disabled ? -1 : tabIndex,\n    target,\n    rel: rel ?? (target === \"_blank\" ? \"noreferrer noopener\" : undefined),\n    onClick: handleClick,\n    children: (\n      <>\n      {leading}\n      <span>{children}</span>\n      {trailing}\n      </>\n    ),\n  };\n  return renderAnchor ? renderAnchor(anchorProps) : <a {...anchorProps} />;\n});\n"]}

package/dist/authoring-tools.js

@@ -60,6 +60,6 @@ export function ShortcutRecorder(props) {
         setDraft(null);
         setStatus(null);
     } }); };
-    return _jsxs(Stack, { gap: "md", children: [_jsx("div", { ref: area, tabIndex: recording ? 0 : -1, role: "group", "aria-label": props.labels.recording, onKeyDown: capture, onBlur: () => setRecording(false), style: { minHeight: 44, display: "grid", placeItems: "center", outline: recording ? "2px solid currentColor" : undefined }, children: _jsx(Text, { children: recording ? props.labels.recording : draft ? props.formatShortcut(draft) : props.value ? props.formatShortcut(props.value) : props.labels.empty }) }), _jsxs(Stack, { axis: "inline", gap: "sm", children: [_jsx(Button, { disabled: props.disabled || action.pending, onClick: () => { setDraft(null); setStatus("ignored"); setRecording(true); }, children: props.labels.record }), draft ? _jsx(Button, { loading: action.pending, disabled: props.disabled === true, onClick: register, children: props.labels.register }) : null, recording || draft ? _jsx(Button, { disabled: action.pending, tone: "ghost", onClick: () => { setRecording(false); setDraft(null); setStatus("cancelled"); }, children: props.labels.cancel }) : null] }), status !== null ? _jsx(Text, { role: "status", children: props.labels.status(status) }) : null, action.failed ? _jsx(Text, { role: "alert", tone: "danger", style: { textAlign: "center" }, children: props.labels.error }) : null] });
+    return _jsxs(Stack, { gap: "md", children: [_jsx("div", { ref: area, tabIndex: recording ? 0 : -1, role: "group", "aria-label": props.labels.recording, onKeyDown: capture, onBlur: () => setRecording(false), style: { minHeight: 44, display: "grid", placeItems: "center", outline: recording ? "2px solid currentColor" : undefined }, children: _jsx(Text, { children: recording ? props.labels.recording : draft ? props.formatShortcut(draft) : props.value ? props.formatShortcut(props.value) : props.labels.empty }) }), _jsxs(Stack, { axis: "inline", gap: "xs", children: [_jsx(Button, { disabled: props.disabled || action.pending, onClick: () => { setDraft(null); setStatus("ignored"); setRecording(true); }, children: props.labels.record }), draft ? _jsx(Button, { loading: action.pending, disabled: props.disabled === true, onClick: register, children: props.labels.register }) : null, recording || draft ? _jsx(Button, { disabled: action.pending, tone: "ghost", onClick: () => { setRecording(false); setDraft(null); setStatus("cancelled"); }, children: props.labels.cancel }) : null] }), status !== null ? _jsx(Text, { role: "status", children: props.labels.status(status) }) : null, action.failed ? _jsx(Text, { role: "alert", tone: "danger", style: { textAlign: "center" }, children: props.labels.error }) : null] });
 }
 //# sourceMappingURL=authoring-tools.js.map

package/dist/authoring-tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"authoring-tools.js","sourceRoot":"","sources":["../src/authoring-tools.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { useEffect, useRef, useState, type KeyboardEvent } from \"react\";\nimport { validateBezier, resolveShortcutCapture, type BezierCoordinates, type Shortcut, type ShortcutCapture } from \"@hjmds/design-contracts/authoring-tools\";\nimport { Button } from \"./actions.js\";\nimport { Slider } from \"./slider.js\";\nimport { Stack, Text } from \"./layout.js\";\nimport { useHjmTheme } from \"./provider.js\";\nimport { useCompositionAction } from \"./internal/use-composition-action.js\";\nexport type BezierEditorProps = Readonly<{\n value: BezierCoordinates; onValueChange: (value: BezierCoordinates) => void; disabled?: boolean; active?: boolean;\n duration?: number; yRange?: readonly [number, number];\n labels: Readonly<{ coordinates: readonly [string,string,string,string]; preview: string; curve: string; decrement: string; increment: string }>;\n formatCoordinate: (value: number) => string;\n}>;\nexport function BezierEditor(props: BezierEditorProps) {\n validateBezier(props.value);\n const range=props.yRange??[-2,2],duration=props.duration??1000;\n if (!Number.isFinite(duration)||duration<=0||!range.every(Number.isFinite)||range[0]>=range[1]||props.value[1]<range[0]||props.value[1]>range[1]||props.value[3]<range[0]||props.value[3]>range[1]) throw new RangeError(\"Invalid Bezier preview duration or y range\");\n const theme=useHjmTheme(),ball=useRef<HTMLDivElement>(null),animation=useRef<Animation|null>(null);\n const cancel=()=>{animation.current?.cancel();animation.current=null;};\n useEffect(()=>{cancel();return cancel;},[...props.value,duration,props.active,props.disabled,theme.environment.reducedMotion]);\n useEffect(()=>{const stop=()=>{if(document.hidden)cancel();};document.addEventListener(\"visibilitychange\",stop);return()=>document.removeEventListener(\"visibilitychange\",stop);},[]);\n const preview=()=>{cancel();if(props.disabled||theme.environment.reducedMotion||props.active===false||document.hidden)return;animation.current=ball.current?.animate([{transform:\"translateX(0)\"},{transform:\"translateX(120px)\"}],{duration,easing:`cubic-bezier(${props.value.join(\",\")})`,fill:\"forwards\"})??null;};\n const [x1,y1,x2,y2]=props.value;\n // Fit the selected controls and both endpoints; the allowed edit range would shrink the default curve.\n const curveMin=Math.min(0,1,y1,y2),curveMax=Math.max(0,1,y1,y2);\n return <Stack gap=\"md\"><svg role=\"img\" aria-label={props.labels.curve} width=\"100%\" height={180} viewBox={`-10 ${100-curveMax*100-10} 120 ${(curveMax-curveMin)*100+20}`}><path d=\"M0 100 L100 0\" fill=\"none\" stroke=\"currentColor\" opacity={.2}/><path d={`M0 100 L${x1*100} ${100-y1*100} M100 0 L${x2*100} ${100-y2*100}`} fill=\"none\" stroke=\"currentColor\" opacity={.5}/><path d={`M0 100 C${x1*100} ${100-y1*100} ${x2*100} ${100-y2*100} 100 0`} fill=\"none\" stroke=\"var(--hjm-color-content-brand, currentColor)\" strokeWidth={2}/><circle cx={x1*100} cy={100-y1*100} r={3} fill=\"currentColor\"/><circle cx={x2*100} cy={100-y2*100} r={3} fill=\"currentColor\"/></svg>\n {props.value.map((value,index)=><Slider key={index} label={props.labels.coordinates[index]!} min={index%2===0?0:range[0]} max={index%2===0?1:range[1]} step={.01} value={value} disabled={props.disabled===true} getValueText={props.formatCoordinate} onValueChange={next=>{const values=[...props.value] as [number,number,number,number];values[index]=next;props.onValueChange(values);}}/>)}\n <div aria-hidden=\"true\" style={{height:24,paddingInline:4,overflow:\"hidden\"}}><div ref={ball} style={{width:20,height:20,borderRadius:\"50%\",background:\"currentColor\"}}/></div>\n <Button disabled={props.disabled||props.active===false} onClick={preview}>{props.labels.preview}</Button></Stack>;\n}\nexport type ShortcutRecorderProps = Readonly<{\n value: Shortcut|null; onRegister: (shortcut: Shortcut) => void|Promise<void>; platform: \"mac\"|\"windows\"|\"linux\";\n conflicts?: readonly string[]; reserved?: readonly string[]; disabled?: boolean;\n formatShortcut: (shortcut: Shortcut) => string;\n labels: Readonly<{ record: string; recording: string; empty: string; register: string; cancel: string; error: string; status: (status: ShortcutCapture[\"status\"]) => string }>;\n}>;\nexport function ShortcutRecorder(props: ShortcutRecorderProps) {\n const [recording,setRecording]=useState(false),[draft,setDraft]=useState<Shortcut|null>(null),[status,setStatus]=useState<ShortcutCapture[\"status\"]|null>(\"ignored\");\n const action=useCompositionAction(props.disabled),area=useRef<HTMLDivElement>(null);\n useEffect(()=>{if(recording)area.current?.focus();},[recording]);\n useEffect(()=>{if(props.disabled){setRecording(false);setDraft(null);}},[props.disabled]);\n const capture=(event:KeyboardEvent<HTMLDivElement>)=>{\n  if(!recording||props.disabled||action.pending)return;\n  // Tab keeps standard focus movement; the recorder stops when focus leaves.\n  if(event.code===\"Tab\")return;\n  event.preventDefault();event.stopPropagation();\n  const result=resolveShortcutCapture({code:event.code,ctrlKey:event.ctrlKey,altKey:event.altKey,shiftKey:event.shiftKey,metaKey:event.metaKey,repeat:event.repeat,isComposing:event.nativeEvent.isComposing,altGraph:event.getModifierState(\"AltGraph\")}, {platform:props.platform,...(props.conflicts?{conflicts:props.conflicts}:{}),...(props.reserved?{reserved:props.reserved}:{})});\n  setStatus(result.status);if(result.status===\"ready\"){setDraft(result.shortcut);setRecording(false);}else if(result.status===\"cancelled\"){setRecording(false);setDraft(null);}else if(result.status!==\"ignored\")setDraft(null);\n };\n const register=()=>{if(!draft)return;const current=resolveShortcutCapture({code:draft.code,ctrlKey:draft.ctrl,altKey:draft.alt,shiftKey:draft.shift,metaKey:draft.meta},{platform:props.platform,...(props.conflicts?{conflicts:props.conflicts}:{}),...(props.reserved?{reserved:props.reserved}:{})});setStatus(current.status);if(current.status!==\"ready\")return;void action.run(\"register\",()=>props.onRegister(current.shortcut)).then(result=>{if(result.status===\"success\"){setDraft(null);setStatus(null);}});};\n return <Stack gap=\"md\"><div ref={area} tabIndex={recording?0:-1} role=\"group\" aria-label={props.labels.recording} onKeyDown={capture} onBlur={()=>setRecording(false)} style={{minHeight:44,display:\"grid\",placeItems:\"center\",outline:recording?\"2px solid currentColor\":undefined}}><Text>{recording?props.labels.recording: draft?props.formatShortcut(draft):props.value?props.formatShortcut(props.value):props.labels.empty}</Text></div>\n <Stack axis=\"inline\" gap=\"sm\"><Button disabled={props.disabled||action.pending} onClick={()=>{setDraft(null);setStatus(\"ignored\");setRecording(true);}}>{props.labels.record}</Button>{draft?<Button loading={action.pending} disabled={props.disabled===true} onClick={register}>{props.labels.register}</Button>:null}{recording||draft?<Button disabled={action.pending} tone=\"ghost\" onClick={()=>{setRecording(false);setDraft(null);setStatus(\"cancelled\");}}>{props.labels.cancel}</Button>:null}</Stack>\n {status!==null?<Text role=\"status\">{props.labels.status(status)}</Text>:null}{action.failed?<Text role=\"alert\" tone=\"danger\" style={{textAlign:\"center\"}}>{props.labels.error}</Text>:null}</Stack>;\n}\n"]}
+{"version":3,"file":"authoring-tools.js","sourceRoot":"","sources":["../src/authoring-tools.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAsB,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAA+D,MAAM,yCAAyC,CAAC;AAC9J,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAO5E,MAAM,UAAU,YAAY,CAAC,KAAwB;IACpD,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,KAAK,GAAC,KAAK,CAAC,MAAM,IAAE,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,EAAC,QAAQ,GAAC,KAAK,CAAC,QAAQ,IAAE,IAAI,CAAC;IAC/D,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAE,QAAQ,IAAE,CAAC,IAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAE,KAAK,CAAC,CAAC,CAAC,IAAE,KAAK,CAAC,CAAC,CAAC,IAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAC,KAAK,CAAC,CAAC,CAAC,IAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAC,KAAK,CAAC,CAAC,CAAC,IAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAC,KAAK,CAAC,CAAC,CAAC,IAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAC,KAAK,CAAC,CAAC,CAAC;QAAE,MAAM,IAAI,UAAU,CAAC,4CAA4C,CAAC,CAAC;IACvQ,MAAM,KAAK,GAAC,WAAW,EAAE,EAAC,IAAI,GAAC,MAAM,CAAiB,IAAI,CAAC,EAAC,SAAS,GAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACnG,MAAM,MAAM,GAAC,GAAE,EAAE,GAAC,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,CAAA,SAAS,CAAC,OAAO,GAAC,IAAI,CAAC,CAAA,CAAC,CAAC;IACvE,SAAS,CAAC,GAAE,EAAE,GAAC,MAAM,EAAE,CAAC,CAAA,OAAO,MAAM,CAAC,CAAA,CAAC,EAAC,CAAC,GAAG,KAAK,CAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,CAAC,MAAM,EAAC,KAAK,CAAC,QAAQ,EAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IAC/H,SAAS,CAAC,GAAE,EAAE,GAAC,MAAM,IAAI,GAAC,GAAE,EAAE,GAAC,IAAG,QAAQ,CAAC,MAAM;QAAC,MAAM,EAAE,CAAC,CAAA,CAAC,CAAC,CAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAC,IAAI,CAAC,CAAC,CAAA,OAAM,GAAE,EAAE,CAAA,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAC,IAAI,CAAC,CAAC,CAAA,CAAC,EAAC,EAAE,CAAC,CAAC;IACtL,MAAM,OAAO,GAAC,GAAE,EAAE,GAAC,MAAM,EAAE,CAAC,CAAA,IAAG,KAAK,CAAC,QAAQ,IAAE,KAAK,CAAC,WAAW,CAAC,aAAa,IAAE,KAAK,CAAC,MAAM,KAAG,KAAK,IAAE,QAAQ,CAAC,MAAM;QAAC,OAAO,CAAA,SAAS,CAAC,OAAO,GAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,EAAC,SAAS,EAAC,eAAe,EAAC,EAAC,EAAC,SAAS,EAAC,mBAAmB,EAAC,CAAC,EAAC,EAAC,QAAQ,EAAC,MAAM,EAAC,gBAAgB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,CAAC,IAAE,IAAI,CAAC,CAAA,CAAC,CAAC;IACvT,MAAM,CAAC,EAAE,EAAC,EAAE,EAAC,EAAE,EAAC,EAAE,CAAC,GAAC,KAAK,CAAC,KAAK,CAAC;IAChC,uGAAuG;IACvG,MAAM,QAAQ,GAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,CAAC,EAAC,QAAQ,GAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAC,EAAE,CAAC,CAAC;IAChE,OAAO,MAAC,KAAK,IAAC,GAAG,EAAC,IAAI,aAAC,eAAK,IAAI,EAAC,KAAK,gBAAa,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAG,GAAC,QAAQ,GAAC,GAAG,GAAC,EAAE,QAAQ,CAAC,QAAQ,GAAC,QAAQ,CAAC,GAAC,GAAG,GAAC,EAAE,EAAE,aAAE,eAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAE,EAAE,GAAG,EAAA,eAAM,CAAC,EAAE,WAAW,EAAE,GAAC,GAAG,IAAI,GAAG,GAAC,EAAE,GAAC,GAAG,YAAY,EAAE,GAAC,GAAG,IAAI,GAAG,GAAC,EAAE,GAAC,GAAG,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAE,EAAE,GAAG,EAAA,eAAM,CAAC,EAAE,WAAW,EAAE,GAAC,GAAG,IAAI,GAAG,GAAC,EAAE,GAAC,GAAG,IAAI,EAAE,GAAC,GAAG,IAAI,GAAG,GAAC,EAAE,GAAC,GAAG,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,8CAA8C,EAAC,WAAW,EAAE,CAAC,GAAG,EAAA,iBAAQ,EAAE,EAAE,EAAE,GAAC,GAAG,EAAE,EAAE,EAAE,GAAG,GAAC,EAAE,GAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,GAAE,EAAA,iBAAQ,EAAE,EAAE,EAAE,GAAC,GAAG,EAAE,EAAE,EAAE,GAAG,GAAC,EAAE,GAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,GAAE,IAAM,EAC9oB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAC,KAAK,EAAC,EAAE,CAAA,KAAC,MAAM,IAAa,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAE,EAAE,GAAG,EAAE,KAAK,GAAC,CAAC,KAAG,CAAC,CAAA,CAAC,CAAA,CAAC,CAAA,CAAC,CAAA,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,GAAC,CAAC,KAAG,CAAC,CAAA,CAAC,CAAA,CAAC,CAAA,CAAC,CAAA,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAG,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,gBAAgB,EAAE,aAAa,EAAE,IAAI,CAAA,EAAE,GAAC,MAAM,MAAM,GAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAkC,CAAC,CAAA,MAAM,CAAC,KAAK,CAAC,GAAC,IAAI,CAAC,CAAA,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA,CAAC,IAA/U,KAAK,CAA6U,CAAC,EAChY,6BAAiB,MAAM,EAAC,KAAK,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,aAAa,EAAC,CAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,YAAE,cAAK,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,YAAY,EAAC,KAAK,EAAC,UAAU,EAAC,cAAc,EAAC,GAAG,GAAM,EAC/K,KAAC,MAAM,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAE,KAAK,CAAC,MAAM,KAAG,KAAK,EAAE,OAAO,EAAE,OAAO,YAAG,KAAK,CAAC,MAAM,CAAC,OAAO,GAAU,IAAQ,CAAC;AACnH,CAAC;AAOD,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC5D,MAAM,CAAC,SAAS,EAAC,YAAY,CAAC,GAAC,QAAQ,CAAC,KAAK,CAAC,EAAC,CAAC,KAAK,EAAC,QAAQ,CAAC,GAAC,QAAQ,CAAgB,IAAI,CAAC,EAAC,CAAC,MAAM,EAAC,SAAS,CAAC,GAAC,QAAQ,CAAiC,SAAS,CAAC,CAAC;IACrK,MAAM,MAAM,GAAC,oBAAoB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAC,IAAI,GAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpF,SAAS,CAAC,GAAE,EAAE,GAAC,IAAG,SAAS;QAAC,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA,CAAC,EAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACjE,SAAS,CAAC,GAAE,EAAE,GAAC,IAAG,KAAK,CAAC,QAAQ,EAAC,CAAC;QAAA,YAAY,CAAC,KAAK,CAAC,CAAC;QAAA,QAAQ,CAAC,IAAI,CAAC,CAAC;IAAA,CAAC,CAAA,CAAC,EAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1F,MAAM,OAAO,GAAC,CAAC,KAAmC,EAAC,EAAE;QACpD,IAAG,CAAC,SAAS,IAAE,KAAK,CAAC,QAAQ,IAAE,MAAM,CAAC,OAAO;YAAC,OAAO;QACrD,2EAA2E;QAC3E,IAAG,KAAK,CAAC,IAAI,KAAG,KAAK;YAAC,OAAO;QAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;QAAA,KAAK,CAAC,eAAe,EAAE,CAAC;QAC/C,MAAM,MAAM,GAAC,sBAAsB,CAAC,EAAC,IAAI,EAAC,KAAK,CAAC,IAAI,EAAC,OAAO,EAAC,KAAK,CAAC,OAAO,EAAC,MAAM,EAAC,KAAK,CAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,CAAC,QAAQ,EAAC,OAAO,EAAC,KAAK,CAAC,OAAO,EAAC,MAAM,EAAC,KAAK,CAAC,MAAM,EAAC,WAAW,EAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAC,QAAQ,EAAC,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAC,EAAE,EAAC,QAAQ,EAAC,KAAK,CAAC,QAAQ,EAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAA,CAAC,CAAA,EAAC,SAAS,EAAC,KAAK,CAAC,SAAS,EAAC,CAAA,CAAC,CAAA,EAAE,CAAC,EAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAA,CAAC,CAAA,EAAC,QAAQ,EAAC,KAAK,CAAC,QAAQ,EAAC,CAAA,CAAC,CAAA,EAAE,CAAC,EAAC,CAAC,CAAC;QACzX,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAAA,IAAG,MAAM,CAAC,MAAM,KAAG,OAAO,EAAC,CAAC;YAAA,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAAA,YAAY,CAAC,KAAK,CAAC,CAAC;QAAA,CAAC;aAAK,IAAG,MAAM,CAAC,MAAM,KAAG,WAAW,EAAC,CAAC;YAAA,YAAY,CAAC,KAAK,CAAC,CAAC;YAAA,QAAQ,CAAC,IAAI,CAAC,CAAC;QAAA,CAAC;aAAK,IAAG,MAAM,CAAC,MAAM,KAAG,SAAS;YAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/N,CAAC,CAAC;IACF,MAAM,QAAQ,GAAC,GAAE,EAAE,GAAC,IAAG,CAAC,KAAK;QAAC,OAAO,CAAA,MAAM,OAAO,GAAC,sBAAsB,CAAC,EAAC,IAAI,EAAC,KAAK,CAAC,IAAI,EAAC,OAAO,EAAC,KAAK,CAAC,IAAI,EAAC,MAAM,EAAC,KAAK,CAAC,GAAG,EAAC,QAAQ,EAAC,KAAK,CAAC,KAAK,EAAC,OAAO,EAAC,KAAK,CAAC,IAAI,EAAC,EAAC,EAAC,QAAQ,EAAC,KAAK,CAAC,QAAQ,EAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAA,CAAC,CAAA,EAAC,SAAS,EAAC,KAAK,CAAC,SAAS,EAAC,CAAA,CAAC,CAAA,EAAE,CAAC,EAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAA,CAAC,CAAA,EAAC,QAAQ,EAAC,KAAK,CAAC,QAAQ,EAAC,CAAA,CAAC,CAAA,EAAE,CAAC,EAAC,CAAC,CAAC,CAAA,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA,IAAG,OAAO,CAAC,MAAM,KAAG,OAAO;QAAC,OAAO,CAAA,KAAK,MAAM,CAAC,GAAG,CAAC,UAAU,EAAC,GAAE,EAAE,CAAA,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAA,EAAE,GAAC,IAAG,MAAM,CAAC,MAAM,KAAG,SAAS,EAAC,CAAC;QAAA,QAAQ,CAAC,IAAI,CAAC,CAAC;QAAA,SAAS,CAAC,IAAI,CAAC,CAAC;IAAA,CAAC,CAAA,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC;IACzf,OAAO,MAAC,KAAK,IAAC,GAAG,EAAC,IAAI,aAAC,cAAK,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAA,CAAC,CAAA,CAAC,CAAA,CAAC,CAAA,CAAC,CAAC,EAAE,IAAI,EAAC,OAAO,gBAAa,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,GAAE,EAAE,CAAA,YAAY,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,CAAA,CAAC,CAAA,wBAAwB,CAAA,CAAC,CAAA,SAAS,EAAC,YAAE,KAAC,IAAI,cAAE,SAAS,CAAA,CAAC,CAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAA,CAAC,CAAC,KAAK,CAAA,CAAC,CAAA,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA,CAAC,CAAA,KAAK,CAAC,KAAK,CAAA,CAAC,CAAA,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA,CAAC,CAAA,KAAK,CAAC,MAAM,CAAC,KAAK,GAAQ,GAAM,EAC/a,MAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAAC,KAAC,MAAM,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,GAAE,EAAE,GAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA,CAAC,YAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAU,EAAC,KAAK,CAAA,CAAC,CAAA,KAAC,MAAM,IAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAG,IAAI,EAAE,OAAO,EAAE,QAAQ,YAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAU,CAAA,CAAC,CAAA,IAAI,EAAE,SAAS,IAAE,KAAK,CAAA,CAAC,CAAA,KAAC,MAAM,IAAC,QAAQ,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,GAAE,EAAE,GAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA,CAAC,YAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAU,CAAA,CAAC,CAAA,IAAI,IAAS,EAC/e,MAAM,KAAG,IAAI,CAAA,CAAC,CAAA,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,GAAQ,CAAA,CAAC,CAAA,IAAI,EAAE,MAAM,CAAC,MAAM,CAAA,CAAC,CAAA,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAC,SAAS,EAAC,QAAQ,EAAC,YAAG,KAAK,CAAC,MAAM,CAAC,KAAK,GAAQ,CAAA,CAAC,CAAA,IAAI,IAAS,CAAC;AACrM,CAAC","sourcesContent":["\"use client\";\nimport { useEffect, useRef, useState, type KeyboardEvent } from \"react\";\nimport { validateBezier, resolveShortcutCapture, type BezierCoordinates, type Shortcut, type ShortcutCapture } from \"@hjmds/design-contracts/authoring-tools\";\nimport { Button } from \"./actions.js\";\nimport { Slider } from \"./slider.js\";\nimport { Stack, Text } from \"./layout.js\";\nimport { useHjmTheme } from \"./provider.js\";\nimport { useCompositionAction } from \"./internal/use-composition-action.js\";\nexport type BezierEditorProps = Readonly<{\n value: BezierCoordinates; onValueChange: (value: BezierCoordinates) => void; disabled?: boolean; active?: boolean;\n duration?: number; yRange?: readonly [number, number];\n labels: Readonly<{ coordinates: readonly [string,string,string,string]; preview: string; curve: string; decrement: string; increment: string }>;\n formatCoordinate: (value: number) => string;\n}>;\nexport function BezierEditor(props: BezierEditorProps) {\n validateBezier(props.value);\n const range=props.yRange??[-2,2],duration=props.duration??1000;\n if (!Number.isFinite(duration)||duration<=0||!range.every(Number.isFinite)||range[0]>=range[1]||props.value[1]<range[0]||props.value[1]>range[1]||props.value[3]<range[0]||props.value[3]>range[1]) throw new RangeError(\"Invalid Bezier preview duration or y range\");\n const theme=useHjmTheme(),ball=useRef<HTMLDivElement>(null),animation=useRef<Animation|null>(null);\n const cancel=()=>{animation.current?.cancel();animation.current=null;};\n useEffect(()=>{cancel();return cancel;},[...props.value,duration,props.active,props.disabled,theme.environment.reducedMotion]);\n useEffect(()=>{const stop=()=>{if(document.hidden)cancel();};document.addEventListener(\"visibilitychange\",stop);return()=>document.removeEventListener(\"visibilitychange\",stop);},[]);\n const preview=()=>{cancel();if(props.disabled||theme.environment.reducedMotion||props.active===false||document.hidden)return;animation.current=ball.current?.animate([{transform:\"translateX(0)\"},{transform:\"translateX(120px)\"}],{duration,easing:`cubic-bezier(${props.value.join(\",\")})`,fill:\"forwards\"})??null;};\n const [x1,y1,x2,y2]=props.value;\n // Fit the selected controls and both endpoints; the allowed edit range would shrink the default curve.\n const curveMin=Math.min(0,1,y1,y2),curveMax=Math.max(0,1,y1,y2);\n return <Stack gap=\"md\"><svg role=\"img\" aria-label={props.labels.curve} width=\"100%\" height={180} viewBox={`-10 ${100-curveMax*100-10} 120 ${(curveMax-curveMin)*100+20}`}><path d=\"M0 100 L100 0\" fill=\"none\" stroke=\"currentColor\" opacity={.2}/><path d={`M0 100 L${x1*100} ${100-y1*100} M100 0 L${x2*100} ${100-y2*100}`} fill=\"none\" stroke=\"currentColor\" opacity={.5}/><path d={`M0 100 C${x1*100} ${100-y1*100} ${x2*100} ${100-y2*100} 100 0`} fill=\"none\" stroke=\"var(--hjm-color-content-brand, currentColor)\" strokeWidth={2}/><circle cx={x1*100} cy={100-y1*100} r={3} fill=\"currentColor\"/><circle cx={x2*100} cy={100-y2*100} r={3} fill=\"currentColor\"/></svg>\n {props.value.map((value,index)=><Slider key={index} label={props.labels.coordinates[index]!} min={index%2===0?0:range[0]} max={index%2===0?1:range[1]} step={.01} value={value} disabled={props.disabled===true} getValueText={props.formatCoordinate} onValueChange={next=>{const values=[...props.value] as [number,number,number,number];values[index]=next;props.onValueChange(values);}}/>)}\n <div aria-hidden=\"true\" style={{height:24,paddingInline:4,overflow:\"hidden\"}}><div ref={ball} style={{width:20,height:20,borderRadius:\"50%\",background:\"currentColor\"}}/></div>\n <Button disabled={props.disabled||props.active===false} onClick={preview}>{props.labels.preview}</Button></Stack>;\n}\nexport type ShortcutRecorderProps = Readonly<{\n value: Shortcut|null; onRegister: (shortcut: Shortcut) => void|Promise<void>; platform: \"mac\"|\"windows\"|\"linux\";\n conflicts?: readonly string[]; reserved?: readonly string[]; disabled?: boolean;\n formatShortcut: (shortcut: Shortcut) => string;\n labels: Readonly<{ record: string; recording: string; empty: string; register: string; cancel: string; error: string; status: (status: ShortcutCapture[\"status\"]) => string }>;\n}>;\nexport function ShortcutRecorder(props: ShortcutRecorderProps) {\n const [recording,setRecording]=useState(false),[draft,setDraft]=useState<Shortcut|null>(null),[status,setStatus]=useState<ShortcutCapture[\"status\"]|null>(\"ignored\");\n const action=useCompositionAction(props.disabled),area=useRef<HTMLDivElement>(null);\n useEffect(()=>{if(recording)area.current?.focus();},[recording]);\n useEffect(()=>{if(props.disabled){setRecording(false);setDraft(null);}},[props.disabled]);\n const capture=(event:KeyboardEvent<HTMLDivElement>)=>{\n  if(!recording||props.disabled||action.pending)return;\n  // Tab keeps standard focus movement; the recorder stops when focus leaves.\n  if(event.code===\"Tab\")return;\n  event.preventDefault();event.stopPropagation();\n  const result=resolveShortcutCapture({code:event.code,ctrlKey:event.ctrlKey,altKey:event.altKey,shiftKey:event.shiftKey,metaKey:event.metaKey,repeat:event.repeat,isComposing:event.nativeEvent.isComposing,altGraph:event.getModifierState(\"AltGraph\")}, {platform:props.platform,...(props.conflicts?{conflicts:props.conflicts}:{}),...(props.reserved?{reserved:props.reserved}:{})});\n  setStatus(result.status);if(result.status===\"ready\"){setDraft(result.shortcut);setRecording(false);}else if(result.status===\"cancelled\"){setRecording(false);setDraft(null);}else if(result.status!==\"ignored\")setDraft(null);\n };\n const register=()=>{if(!draft)return;const current=resolveShortcutCapture({code:draft.code,ctrlKey:draft.ctrl,altKey:draft.alt,shiftKey:draft.shift,metaKey:draft.meta},{platform:props.platform,...(props.conflicts?{conflicts:props.conflicts}:{}),...(props.reserved?{reserved:props.reserved}:{})});setStatus(current.status);if(current.status!==\"ready\")return;void action.run(\"register\",()=>props.onRegister(current.shortcut)).then(result=>{if(result.status===\"success\"){setDraft(null);setStatus(null);}});};\n return <Stack gap=\"md\"><div ref={area} tabIndex={recording?0:-1} role=\"group\" aria-label={props.labels.recording} onKeyDown={capture} onBlur={()=>setRecording(false)} style={{minHeight:44,display:\"grid\",placeItems:\"center\",outline:recording?\"2px solid currentColor\":undefined}}><Text>{recording?props.labels.recording: draft?props.formatShortcut(draft):props.value?props.formatShortcut(props.value):props.labels.empty}</Text></div>\n <Stack axis=\"inline\" gap=\"xs\"><Button disabled={props.disabled||action.pending} onClick={()=>{setDraft(null);setStatus(\"ignored\");setRecording(true);}}>{props.labels.record}</Button>{draft?<Button loading={action.pending} disabled={props.disabled===true} onClick={register}>{props.labels.register}</Button>:null}{recording||draft?<Button disabled={action.pending} tone=\"ghost\" onClick={()=>{setRecording(false);setDraft(null);setStatus(\"cancelled\");}}>{props.labels.cancel}</Button>:null}</Stack>\n {status!==null?<Text role=\"status\">{props.labels.status(status)}</Text>:null}{action.failed?<Text role=\"alert\" tone=\"danger\" style={{textAlign:\"center\"}}>{props.labels.error}</Text>:null}</Stack>;\n}\n"]}

package/dist/bottom-cta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-cta.d.ts","sourceRoot":"","sources":["../src/bottom-cta.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8C,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAC1I,OAAO,EAAU,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAIxE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,4FAA4F;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mEAAmE;IACnE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC;IACvF,aAAa,EAAE,eAAe,CAAC;IAC/B,eAAe,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,gGAAgG;IAChG,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAiBH,wGAAwG;AACxG,eAAO,MAAM,SAAS;mBA3BL,eAAe;sBACZ,eAAe,GAAG,SAAS;kBAC/B,MAAM;yBACC,MAAM;qBACV,MAAM;IACvB,4FAA4F;eACjF,MAAM,GAAG,QAAQ;IAC5B,gGAAgG;kBAClF,uBAAuB;mDA8CrC,CAAC"}
+{"version":3,"file":"bottom-cta.d.ts","sourceRoot":"","sources":["../src/bottom-cta.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8C,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAC1I,OAAO,EAAU,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAIxE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,4FAA4F;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mEAAmE;IACnE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC;IACvF,aAAa,EAAE,eAAe,CAAC;IAC/B,eAAe,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,gGAAgG;IAChG,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAiBH,wGAAwG;AACxG,eAAO,MAAM,SAAS;mBA3BL,eAAe;sBACZ,eAAe,GAAG,SAAS;kBAC/B,MAAM;yBACC,MAAM;qBACV,MAAM;IACvB,4FAA4F;eACjF,MAAM,GAAG,QAAQ;IAC5B,gGAAgG;kBAClF,uBAAuB;mDA+CrC,CAAC"}

package/dist/bottom-cta.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { bottomCtaRecipe } from "@hjmds/design-contracts/recipes";
+import { bottomCtaRecipe, actionGroupRecipe } from "@hjmds/design-contracts/recipes";
 import { isLargeTextScale } from "@hjmds/design-contracts/components/design-system-provider";
 import { forwardRef, useContext } from "react";
 import { Button } from "./actions.js";
@@ -29,6 +29,7 @@ export const BottomCTA = forwardRef(function BottomCTA({ primaryAction, secondar
             "--hjm-bottom-cta-padding-top": `${bottomCtaRecipe.paddingTop}px`,
             "--hjm-bottom-cta-padding-bottom": `${bottomCtaRecipe.paddingBottom}px`,
             "--hjm-bottom-cta-gap": `${bottomCtaRecipe.gap}px`,
+            "--hjm-bottom-cta-actions-gap": `${actionGroupRecipe.inlineGap}px`,
             "--hjm-bottom-cta-content-max-width": `${bottomCtaRecipe.contentMaxWidth}px`,
             "--hjm-bottom-cta-safe-area": `${safeAreaBottom}px`, ...style, ...layoutStyle,
             "--hjm-bottom-cta-parent-padding": inScreenFooter?.bottomPadding ?? "0px",

package/dist/bottom-cta.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-cta.js","sourceRoot":"","sources":["../src/bottom-cta.tsx"],"names":[],"mappings":"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","sourcesContent":["import { bottomCtaRecipe } from \"@hjmds/design-contracts/recipes\";\nimport { isLargeTextScale } from \"@hjmds/design-contracts/components/design-system-provider\";\nimport { forwardRef, useContext, type CSSProperties, type HTMLAttributes, type MouseEventHandler, type ReactNode, type Ref } from \"react\";\nimport { Button, type ButtonSize, type ButtonTone } from \"./actions.js\";\nimport { classNames } from \"./internal.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\nimport { ScreenFooterContext } from \"./internal/screen-footer.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type BottomCTAAction = Readonly<{\n  label: string;\n  /** A regular button requires a handler; submit/reset may use the browser's native form action. */\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  type?: \"button\" | \"submit\" | \"reset\";\n  /** HTML form owner, including a form in a Sheet body while this action is in its footer. */\n  form?: string;\n  accessibilityLabel?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  loadingLabel?: string;\n  size?: ButtonSize;\n  tone?: ButtonTone;\n  /** Decorative Button adornments; label remains the action name. */\n  leading?: ReactNode;\n  trailing?: ReactNode;\n  /**\n   * Ref to this action's button. The component `ref` names the bar; a dialog or overlay opened from the primary\n   * action needs the button itself to return focus to on close (2026-10-18 Utilverse display board).\n   */\n  buttonRef?: Ref<HTMLButtonElement>;\n}>;\n\nexport type BottomCTAProps = Omit<HTMLAttributes<HTMLDivElement>, \"children\"> & Readonly<{\n  primaryAction: BottomCTAAction;\n  secondaryAction?: BottomCTAAction | ReactNode;\n  description?: string;\n  accessibilityLabel?: string;\n  safeAreaBottom?: number;\n  /** Sticky remains in document flow; fixed overlays would need a measured content spacer. */\n  position?: \"flow\" | \"sticky\";\n  /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n  layoutStyle?: HjmCompositionStyleProp;\n}>;\n\nfunction Action({ action, tone }: { action: BottomCTAAction; tone: ButtonTone }) {\n  if (!action.label.trim()) throw new TypeError(\"BottomCTA action label must not be empty\");\n  const type = action.type ?? \"button\";\n  if (type === \"button\" && !action.onClick) throw new TypeError(\"BottomCTA button action requires onClick\");\n  return <Button ref={action.buttonRef} type={type} form={action.form} onClick={action.onClick} tone={action.tone ?? tone} size={action.size ?? \"medium\"}\n    disabled={action.disabled} loading={action.loading ?? false} leading={action.leading} trailing={action.trailing}\n    aria-label={action.loading ? action.loadingLabel ?? action.accessibilityLabel ?? action.label : action.accessibilityLabel}>\n    {action.label}\n  </Button>;\n}\n\nfunction isAction(value: BottomCTAAction | ReactNode): value is BottomCTAAction {\n  return typeof value === \"object\" && value !== null && \"label\" in value && typeof value.label === \"string\";\n}\n\n/** One primary action with optional supporting copy and a secondary action, matching Native's slots. */\nexport const BottomCTA = forwardRef<HTMLDivElement, BottomCTAProps>(function BottomCTA({\n  primaryAction, secondaryAction, description, accessibilityLabel, safeAreaBottom = 0,\n  position = \"flow\", className, style, layoutStyle, ...props\n}, ref) {\n  const theme = useOptionalHjmTheme();\n  const inScreenFooter = useContext(ScreenFooterContext);\n  if (!Number.isFinite(safeAreaBottom) || safeAreaBottom < 0) throw new RangeError(\"BottomCTA safeAreaBottom must be non-negative\");\n  return <div {...props} ref={ref} role=\"group\" aria-label={accessibilityLabel}\n    className={classNames(\"hjm-bottom-cta\", className)} data-position={position}\n    data-placement={inScreenFooter ? \"screen-footer\" : undefined}\n    data-large-text={isLargeTextScale(theme?.environment.textScale ?? 1)}\n    style={{\n      \"--hjm-bottom-cta-min-height\": `${bottomCtaRecipe.minHeight}px`,\n      \"--hjm-bottom-cta-padding-inline\": `${bottomCtaRecipe.paddingHorizontal}px`,\n      \"--hjm-bottom-cta-padding-top\": `${bottomCtaRecipe.paddingTop}px`,\n      \"--hjm-bottom-cta-padding-bottom\": `${bottomCtaRecipe.paddingBottom}px`,\n      \"--hjm-bottom-cta-gap\": `${bottomCtaRecipe.gap}px`,\n      \"--hjm-bottom-cta-content-max-width\": `${bottomCtaRecipe.contentMaxWidth}px`,\n      \"--hjm-bottom-cta-safe-area\": `${safeAreaBottom}px`, ...style, ...layoutStyle,\n      \"--hjm-bottom-cta-parent-padding\": inScreenFooter?.bottomPadding ?? \"0px\",\n    } as CSSProperties}>\n    {description ? <p className=\"hjm-bottom-cta__description\">{description}</p> : null}\n    <div className=\"hjm-bottom-cta__actions\">\n      {secondaryAction == null ? null : <div className=\"hjm-bottom-cta__secondary\">{isAction(secondaryAction) ? <Action action={secondaryAction} tone=\"secondary\" /> : secondaryAction}</div>}\n      <div className=\"hjm-bottom-cta__primary\"><Action action={primaryAction} tone=\"primary\" /></div>\n    </div>\n  </div>;\n});\n"]}
+{"version":3,"file":"bottom-cta.js","sourceRoot":"","sources":["../src/bottom-cta.tsx"],"names":[],"mappings":"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","sourcesContent":["import { bottomCtaRecipe, actionGroupRecipe } from \"@hjmds/design-contracts/recipes\";\nimport { isLargeTextScale } from \"@hjmds/design-contracts/components/design-system-provider\";\nimport { forwardRef, useContext, type CSSProperties, type HTMLAttributes, type MouseEventHandler, type ReactNode, type Ref } from \"react\";\nimport { Button, type ButtonSize, type ButtonTone } from \"./actions.js\";\nimport { classNames } from \"./internal.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\nimport { ScreenFooterContext } from \"./internal/screen-footer.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type BottomCTAAction = Readonly<{\n  label: string;\n  /** A regular button requires a handler; submit/reset may use the browser's native form action. */\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  type?: \"button\" | \"submit\" | \"reset\";\n  /** HTML form owner, including a form in a Sheet body while this action is in its footer. */\n  form?: string;\n  accessibilityLabel?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  loadingLabel?: string;\n  size?: ButtonSize;\n  tone?: ButtonTone;\n  /** Decorative Button adornments; label remains the action name. */\n  leading?: ReactNode;\n  trailing?: ReactNode;\n  /**\n   * Ref to this action's button. The component `ref` names the bar; a dialog or overlay opened from the primary\n   * action needs the button itself to return focus to on close (2026-10-18 Utilverse display board).\n   */\n  buttonRef?: Ref<HTMLButtonElement>;\n}>;\n\nexport type BottomCTAProps = Omit<HTMLAttributes<HTMLDivElement>, \"children\"> & Readonly<{\n  primaryAction: BottomCTAAction;\n  secondaryAction?: BottomCTAAction | ReactNode;\n  description?: string;\n  accessibilityLabel?: string;\n  safeAreaBottom?: number;\n  /** Sticky remains in document flow; fixed overlays would need a measured content spacer. */\n  position?: \"flow\" | \"sticky\";\n  /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n  layoutStyle?: HjmCompositionStyleProp;\n}>;\n\nfunction Action({ action, tone }: { action: BottomCTAAction; tone: ButtonTone }) {\n  if (!action.label.trim()) throw new TypeError(\"BottomCTA action label must not be empty\");\n  const type = action.type ?? \"button\";\n  if (type === \"button\" && !action.onClick) throw new TypeError(\"BottomCTA button action requires onClick\");\n  return <Button ref={action.buttonRef} type={type} form={action.form} onClick={action.onClick} tone={action.tone ?? tone} size={action.size ?? \"medium\"}\n    disabled={action.disabled} loading={action.loading ?? false} leading={action.leading} trailing={action.trailing}\n    aria-label={action.loading ? action.loadingLabel ?? action.accessibilityLabel ?? action.label : action.accessibilityLabel}>\n    {action.label}\n  </Button>;\n}\n\nfunction isAction(value: BottomCTAAction | ReactNode): value is BottomCTAAction {\n  return typeof value === \"object\" && value !== null && \"label\" in value && typeof value.label === \"string\";\n}\n\n/** One primary action with optional supporting copy and a secondary action, matching Native's slots. */\nexport const BottomCTA = forwardRef<HTMLDivElement, BottomCTAProps>(function BottomCTA({\n  primaryAction, secondaryAction, description, accessibilityLabel, safeAreaBottom = 0,\n  position = \"flow\", className, style, layoutStyle, ...props\n}, ref) {\n  const theme = useOptionalHjmTheme();\n  const inScreenFooter = useContext(ScreenFooterContext);\n  if (!Number.isFinite(safeAreaBottom) || safeAreaBottom < 0) throw new RangeError(\"BottomCTA safeAreaBottom must be non-negative\");\n  return <div {...props} ref={ref} role=\"group\" aria-label={accessibilityLabel}\n    className={classNames(\"hjm-bottom-cta\", className)} data-position={position}\n    data-placement={inScreenFooter ? \"screen-footer\" : undefined}\n    data-large-text={isLargeTextScale(theme?.environment.textScale ?? 1)}\n    style={{\n      \"--hjm-bottom-cta-min-height\": `${bottomCtaRecipe.minHeight}px`,\n      \"--hjm-bottom-cta-padding-inline\": `${bottomCtaRecipe.paddingHorizontal}px`,\n      \"--hjm-bottom-cta-padding-top\": `${bottomCtaRecipe.paddingTop}px`,\n      \"--hjm-bottom-cta-padding-bottom\": `${bottomCtaRecipe.paddingBottom}px`,\n      \"--hjm-bottom-cta-gap\": `${bottomCtaRecipe.gap}px`,\n      \"--hjm-bottom-cta-actions-gap\": `${actionGroupRecipe.inlineGap}px`,\n      \"--hjm-bottom-cta-content-max-width\": `${bottomCtaRecipe.contentMaxWidth}px`,\n      \"--hjm-bottom-cta-safe-area\": `${safeAreaBottom}px`, ...style, ...layoutStyle,\n      \"--hjm-bottom-cta-parent-padding\": inScreenFooter?.bottomPadding ?? \"0px\",\n    } as CSSProperties}>\n    {description ? <p className=\"hjm-bottom-cta__description\">{description}</p> : null}\n    <div className=\"hjm-bottom-cta__actions\">\n      {secondaryAction == null ? null : <div className=\"hjm-bottom-cta__secondary\">{isAction(secondaryAction) ? <Action action={secondaryAction} tone=\"secondary\" /> : secondaryAction}</div>}\n      <div className=\"hjm-bottom-cta__primary\"><Action action={primaryAction} tone=\"primary\" /></div>\n    </div>\n  </div>;\n});\n"]}

package/dist/carousel-motion.js

@@ -50,6 +50,6 @@ export function CarouselMotion(props) {
         return () => { api.off("select", select).off("reInit", reInit); };
     }, [api]);
     useEffect(() => { syncing.current = true; api?.scrollTo(index, environment.reducedMotion); syncing.current = false; }, [api, index, environment.reducedMotion]);
-    return _jsxs("section", { "aria-label": props.label, "aria-roledescription": "carousel", style: props.layoutStyle, children: [_jsx("div", { ref: viewport, style: { overflow: "hidden" }, children: _jsx("div", { style: { display: "flex", touchAction: "pan-y pinch-zoom" }, children: props.slides.map((slide, i) => _jsx("div", { role: "group", "aria-roledescription": "slide", "aria-label": resolved[i].accessibleName, "aria-hidden": resolved[i].inert, inert: resolved[i].inert, style: { flex: "0 0 100%", minWidth: 0 }, children: props.renderSlide(slide) }, slide.id)) }) }), props.navigation === "counter" ? _jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [_jsx(IconButton, { label: props.previousLabel, tone: "ghost", disabled: index === 0, onClick: () => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, "previous")), children: _jsx(Icon, { name: "chevronStart" }) }), _jsxs(Text, { variant: "caption", "aria-live": "polite", children: [index + 1, "/", props.slides.length] }), _jsx(IconButton, { label: props.nextLabel, tone: "ghost", disabled: index === props.slides.length - 1, onClick: () => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, "next")), children: _jsx(Icon, { name: "chevronEnd" }) })] }) : _jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--hjm-space-sm)", marginBlockStart: "var(--hjm-space-sm)" }, children: [_jsx(IconButton, { label: props.previousLabel, tone: "ghost", disabled: index === 0, onClick: () => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, "previous")), children: _jsx(Icon, { name: "chevronStart" }) }), _jsx(IconButton, { label: props.nextLabel, tone: "ghost", disabled: index === props.slides.length - 1, onClick: () => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, "next")), children: _jsx(Icon, { name: "chevronEnd" }) })] })] });
+    return _jsxs("section", { "aria-label": props.label, "aria-roledescription": "carousel", style: props.layoutStyle, children: [_jsx("div", { ref: viewport, style: { overflow: "hidden" }, children: _jsx("div", { style: { display: "flex", touchAction: "pan-y pinch-zoom" }, children: props.slides.map((slide, i) => _jsx("div", { role: "group", "aria-roledescription": "slide", "aria-label": resolved[i].accessibleName, "aria-hidden": resolved[i].inert, inert: resolved[i].inert, style: { flex: "0 0 100%", minWidth: 0 }, children: props.renderSlide(slide) }, slide.id)) }) }), props.navigation === "counter" ? _jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [_jsx(IconButton, { label: props.previousLabel, tone: "ghost", disabled: index === 0, onClick: () => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, "previous")), children: _jsx(Icon, { name: "chevronStart" }) }), _jsxs(Text, { variant: "caption", "aria-live": "polite", children: [index + 1, "/", props.slides.length] }), _jsx(IconButton, { label: props.nextLabel, tone: "ghost", disabled: index === props.slides.length - 1, onClick: () => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, "next")), children: _jsx(Icon, { name: "chevronEnd" }) })] }) : _jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--hjm-space-xs)", marginBlockStart: "var(--hjm-space-sm)" }, children: [_jsx(IconButton, { label: props.previousLabel, tone: "ghost", disabled: index === 0, onClick: () => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, "previous")), children: _jsx(Icon, { name: "chevronStart" }) }), _jsx(IconButton, { label: props.nextLabel, tone: "ghost", disabled: index === props.slides.length - 1, onClick: () => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, "next")), children: _jsx(Icon, { name: "chevronEnd" }) })] })] });
 }
 //# sourceMappingURL=carousel-motion.js.map

package/dist/carousel-motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-motion.js","sourceRoot":"","sources":["../src/carousel-motion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport type { SortableItem } from \"@hjmds/design-contracts/components/interaction-adapters\";\nimport { resolveCarouselDescriptor, getCarouselNavigationTarget, type ComposeCarouselAccessibleName } from \"@hjmds/design-contracts/components/carousel\";\nimport { IconButton } from \"./actions.js\";\nimport { Icon } from \"./supplemental-display.js\";\nimport { Text } from \"./layout.js\";\nimport { useHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type CarouselMotionProps = {\n  navigation?: \"buttons\" | \"counter\";\n  slides: readonly SortableItem[]; currentKey: string; onCurrentKeyChange(key: string): void;\n  /** Optional localized position/name composer shared with the base Carousel. */\n  composeAccessibleName?: ComposeCarouselAccessibleName;\n  renderSlide(item: SortableItem): ReactNode; label: string; previousLabel: string; nextLabel: string;\n  /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n  layoutStyle?: HjmCompositionStyleProp;\n};\nexport function CarouselMotion(props: CarouselMotionProps) {\n  const descriptor = { slides: props.slides, currentKey: props.currentKey };\n  // Share finite keyed selection and names with Carousel; the optional peer owns\n  // only swipe/motion. No autoplay is implied by this controlled presentation.\n  const resolved = resolveCarouselDescriptor(descriptor, {\n    composeAccessibleName: props.composeAccessibleName ?? ((info) => info.label),\n  });\n  const index = resolved.findIndex(slide => slide.current);\n  if (![props.label, props.previousLabel, props.nextLabel].every(label => label.trim())) {\n    throw new TypeError(\"CarouselMotion labels must not be empty\");\n  }\n  const { environment } = useHjmTheme();\n  // Embla deep-compares options and reInits on change; a live startIndex restarted the engine at the target on\n  // every selection, so navigation snapped instead of animating (2026-09-30 review). Only the first index seeds it.\n  const [startIndex] = useState(index);\n  const [viewport, api] = useEmblaCarousel({ loop: false, direction: environment.direction, startIndex,\n    // HJM owns selection; upstream focus scrolling must not independently change slides.\n    // Embla's default 25 is a physics duration factor, not an HJM millisecond token.\n    watchFocus: false, duration: environment.reducedMotion ? 0 : 25 });\n  const latest = useRef(props); latest.current = props;\n  const latestIndex = useRef(index); latestIndex.current = index;\n  const syncing = useRef(false);\n  useEffect(() => {\n    if (!api) return;\n    const select = () => {\n      const current = latest.current;\n      const item = current.slides[api.selectedScrollSnap()];\n      if (!syncing.current && item && item.id !== current.currentKey) current.onCurrentKeyChange(item.id);\n    };\n    // A zero-width/modal viewport can collapse snaps before its first measurement.\n    // Re-measurement must restore the controlled key, not retain that collapsed engine index.\n    const reInit = () => {\n      syncing.current = true;\n      api.scrollTo(latestIndex.current, true);\n      syncing.current = false;\n    };\n    api.on(\"select\", select).on(\"reInit\", reInit);\n    return () => { api.off(\"select\", select).off(\"reInit\", reInit); };\n  }, [api]);\n  useEffect(() => { syncing.current = true; api?.scrollTo(index, environment.reducedMotion); syncing.current = false; }, [api, index, environment.reducedMotion]);\n  return <section aria-label={props.label} aria-roledescription=\"carousel\" style={props.layoutStyle}>\n    <div ref={viewport} style={{ overflow: \"hidden\" }}><div style={{ display: \"flex\", touchAction: \"pan-y pinch-zoom\" }}>\n      {props.slides.map((slide, i) => <div key={slide.id} role=\"group\" aria-roledescription=\"slide\" aria-label={resolved[i]!.accessibleName} aria-hidden={resolved[i]!.inert} inert={resolved[i]!.inert}\n        style={{ flex: \"0 0 100%\", minWidth: 0 }}>{props.renderSlide(slide)}</div>)}\n    </div></div>\n    {/* Tool actions: icon buttons named by the localized labels, matching Carousel and CollectionRail. Logical\n        chevrons mirror with the reading direction (2026-10-17 composition review). */}\n    {props.navigation === \"counter\" ? <div style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\" }}>\n      <IconButton label={props.previousLabel} tone=\"ghost\" disabled={index === 0} onClick={() => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, \"previous\"))}><Icon name=\"chevronStart\" /></IconButton>\n      <Text variant=\"caption\" aria-live=\"polite\">{index + 1}/{props.slides.length}</Text>\n      <IconButton label={props.nextLabel} tone=\"ghost\" disabled={index === props.slides.length - 1} onClick={() => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, \"next\"))}><Icon name=\"chevronEnd\" /></IconButton>\n    </div> : <div style={{ display: \"flex\", justifyContent: \"flex-end\", gap: \"var(--hjm-space-sm)\", marginBlockStart: \"var(--hjm-space-sm)\" }}>\n      <IconButton label={props.previousLabel} tone=\"ghost\" disabled={index === 0} onClick={() => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, \"previous\"))}><Icon name=\"chevronStart\" /></IconButton>\n      <IconButton label={props.nextLabel} tone=\"ghost\" disabled={index === props.slides.length - 1} onClick={() => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, \"next\"))}><Icon name=\"chevronEnd\" /></IconButton>\n    </div>}\n  </section>;\n}\n"]}
+{"version":3,"file":"carousel-motion.js","sourceRoot":"","sources":["../src/carousel-motion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport type { SortableItem } from \"@hjmds/design-contracts/components/interaction-adapters\";\nimport { resolveCarouselDescriptor, getCarouselNavigationTarget, type ComposeCarouselAccessibleName } from \"@hjmds/design-contracts/components/carousel\";\nimport { IconButton } from \"./actions.js\";\nimport { Icon } from \"./supplemental-display.js\";\nimport { Text } from \"./layout.js\";\nimport { useHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type CarouselMotionProps = {\n  navigation?: \"buttons\" | \"counter\";\n  slides: readonly SortableItem[]; currentKey: string; onCurrentKeyChange(key: string): void;\n  /** Optional localized position/name composer shared with the base Carousel. */\n  composeAccessibleName?: ComposeCarouselAccessibleName;\n  renderSlide(item: SortableItem): ReactNode; label: string; previousLabel: string; nextLabel: string;\n  /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n  layoutStyle?: HjmCompositionStyleProp;\n};\nexport function CarouselMotion(props: CarouselMotionProps) {\n  const descriptor = { slides: props.slides, currentKey: props.currentKey };\n  // Share finite keyed selection and names with Carousel; the optional peer owns\n  // only swipe/motion. No autoplay is implied by this controlled presentation.\n  const resolved = resolveCarouselDescriptor(descriptor, {\n    composeAccessibleName: props.composeAccessibleName ?? ((info) => info.label),\n  });\n  const index = resolved.findIndex(slide => slide.current);\n  if (![props.label, props.previousLabel, props.nextLabel].every(label => label.trim())) {\n    throw new TypeError(\"CarouselMotion labels must not be empty\");\n  }\n  const { environment } = useHjmTheme();\n  // Embla deep-compares options and reInits on change; a live startIndex restarted the engine at the target on\n  // every selection, so navigation snapped instead of animating (2026-09-30 review). Only the first index seeds it.\n  const [startIndex] = useState(index);\n  const [viewport, api] = useEmblaCarousel({ loop: false, direction: environment.direction, startIndex,\n    // HJM owns selection; upstream focus scrolling must not independently change slides.\n    // Embla's default 25 is a physics duration factor, not an HJM millisecond token.\n    watchFocus: false, duration: environment.reducedMotion ? 0 : 25 });\n  const latest = useRef(props); latest.current = props;\n  const latestIndex = useRef(index); latestIndex.current = index;\n  const syncing = useRef(false);\n  useEffect(() => {\n    if (!api) return;\n    const select = () => {\n      const current = latest.current;\n      const item = current.slides[api.selectedScrollSnap()];\n      if (!syncing.current && item && item.id !== current.currentKey) current.onCurrentKeyChange(item.id);\n    };\n    // A zero-width/modal viewport can collapse snaps before its first measurement.\n    // Re-measurement must restore the controlled key, not retain that collapsed engine index.\n    const reInit = () => {\n      syncing.current = true;\n      api.scrollTo(latestIndex.current, true);\n      syncing.current = false;\n    };\n    api.on(\"select\", select).on(\"reInit\", reInit);\n    return () => { api.off(\"select\", select).off(\"reInit\", reInit); };\n  }, [api]);\n  useEffect(() => { syncing.current = true; api?.scrollTo(index, environment.reducedMotion); syncing.current = false; }, [api, index, environment.reducedMotion]);\n  return <section aria-label={props.label} aria-roledescription=\"carousel\" style={props.layoutStyle}>\n    <div ref={viewport} style={{ overflow: \"hidden\" }}><div style={{ display: \"flex\", touchAction: \"pan-y pinch-zoom\" }}>\n      {props.slides.map((slide, i) => <div key={slide.id} role=\"group\" aria-roledescription=\"slide\" aria-label={resolved[i]!.accessibleName} aria-hidden={resolved[i]!.inert} inert={resolved[i]!.inert}\n        style={{ flex: \"0 0 100%\", minWidth: 0 }}>{props.renderSlide(slide)}</div>)}\n    </div></div>\n    {/* Tool actions: icon buttons named by the localized labels, matching Carousel and CollectionRail. Logical\n        chevrons mirror with the reading direction (2026-10-17 composition review). */}\n    {props.navigation === \"counter\" ? <div style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\" }}>\n      <IconButton label={props.previousLabel} tone=\"ghost\" disabled={index === 0} onClick={() => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, \"previous\"))}><Icon name=\"chevronStart\" /></IconButton>\n      <Text variant=\"caption\" aria-live=\"polite\">{index + 1}/{props.slides.length}</Text>\n      <IconButton label={props.nextLabel} tone=\"ghost\" disabled={index === props.slides.length - 1} onClick={() => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, \"next\"))}><Icon name=\"chevronEnd\" /></IconButton>\n    </div> : <div style={{ display: \"flex\", justifyContent: \"flex-end\", gap: \"var(--hjm-space-xs)\", marginBlockStart: \"var(--hjm-space-sm)\" }}>\n      <IconButton label={props.previousLabel} tone=\"ghost\" disabled={index === 0} onClick={() => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, \"previous\"))}><Icon name=\"chevronStart\" /></IconButton>\n      <IconButton label={props.nextLabel} tone=\"ghost\" disabled={index === props.slides.length - 1} onClick={() => props.onCurrentKeyChange(getCarouselNavigationTarget(descriptor, \"next\"))}><Icon name=\"chevronEnd\" /></IconButton>\n    </div>}\n  </section>;\n}\n"]}

package/dist/collection-editing.js

@@ -52,7 +52,7 @@ function InlineEditBody(props) {
                                 event.stopPropagation();
                                 close();
                             }
-                        } }), _jsxs(Stack, { axis: "inline", gap: "sm", wrap: true, children: [_jsx(Button, { tone: "ghost", disabled: action.pending, onClick: close, children: props.cancelLabel }), _jsx(Button, { loading: action.pending, disabled: props.disabled === true || !!error, onClick: () => void save(), children: props.saveLabel })] }), action.failed ? _jsx(ErrorMessage, { children: props.errorLabel }) : null] }) });
+                        } }), _jsxs(Stack, { axis: "inline", gap: "xs", wrap: true, children: [_jsx(Button, { tone: "ghost", disabled: action.pending, onClick: close, children: props.cancelLabel }), _jsx(Button, { loading: action.pending, disabled: props.disabled === true || !!error, onClick: () => void save(), children: props.saveLabel })] }), action.failed ? _jsx(ErrorMessage, { children: props.errorLabel }) : null] }) });
 }
 export function RepeatableFieldGroup({ renderField, addLabel, removeLabel, minFields = 0, maxFields = Infinity, isRemoveDisabled, onAdd, onRemove, ...props }) {
     const targets = useRef(new Map()), add = useRef(null);
@@ -97,7 +97,7 @@ export function SelectionActionBar(props) {
     snapshotSelection(props.selectedIds);
     if (!props.selectedIds.length && !props.recovery && !action.pending && !action.failed)
         return null;
-    return _jsx("div", { role: "group", "aria-label": props.selectionLabel(props.selectedIds.length), children: _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { role: "status", children: props.selectionLabel(props.selectedIds.length) }), _jsxs(Stack, { axis: "inline", gap: "sm", wrap: true, children: [props.actions.map(item => _jsx(Button, { tone: item.destructive ? "danger" : "secondary", loading: action.active === `action:${item.id}`, disabled: props.disabled === true || (action.pending && action.active !== `action:${item.id}`) || !props.selectedIds.length, onClick: () => {
+    return _jsx("div", { role: "group", "aria-label": props.selectionLabel(props.selectedIds.length), children: _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { role: "status", children: props.selectionLabel(props.selectedIds.length) }), _jsxs(Stack, { axis: "inline", gap: "xs", wrap: true, children: [props.actions.map(item => _jsx(Button, { tone: item.destructive ? "danger" : "secondary", loading: action.active === `action:${item.id}`, disabled: props.disabled === true || (action.pending && action.active !== `action:${item.id}`) || !props.selectedIds.length, onClick: () => {
                                 if (props.disabled)
                                     return;
                                 const scope = snapshotSelection(props.selectedIds);
@@ -111,8 +111,8 @@ export function SelectionActionBar(props) {
 export function FilterRecovery(props) {
     const action = useCompositionAction(props.disabled), options = recoverableFilters(props.options);
     // Fills the result area its host gives it (flex parent) and centers there, like Native.
-    return _jsx("div", { role: "group", "aria-label": props.title, style: { display: "grid", placeItems: "center", flexGrow: 1, textAlign: "center" }, children: _jsxs(Stack, { gap: "sm", align: "center", children: [_jsx(Text, { emphasis: "strong", children: props.title }), props.description ? _jsx(Text, { tone: "muted", children: props.description }) : null, options.map(option => _jsx(Button, { tone: "secondary", loading: action.active === option.id, disabled: props.disabled === true || (action.pending && action.active !== option.id), onClick: () => { if (!props.disabled)
-                        void action.run(option.id, () => props.onApply(option.id)); }, children: props.optionLabel(option) }, option.id)), action.failed ? _jsx(ErrorMessage, { children: props.errorLabel }) : null] }) });
+    return _jsx("div", { role: "group", "aria-label": props.title, style: { display: "grid", placeItems: "center", flexGrow: 1, textAlign: "center" }, children: _jsxs(Stack, { gap: "sm", align: "center", children: [_jsx(Text, { emphasis: "strong", children: props.title }), props.description ? _jsx(Text, { tone: "muted", children: props.description }) : null, _jsx(Stack, { gap: "xs", children: options.map(option => _jsx(Button, { tone: "secondary", loading: action.active === option.id, disabled: props.disabled === true || (action.pending && action.active !== option.id), onClick: () => { if (!props.disabled)
+                            void action.run(option.id, () => props.onApply(option.id)); }, children: props.optionLabel(option) }, option.id)) }), action.failed ? _jsx(ErrorMessage, { children: props.errorLabel }) : null] }) });
 }
 export function TableColumnSettings(props) {
     assertDistinctIds(props.columns);