@hjmds/react 1.19.0 → 1.21.0

package/dist/actions.d.ts

@@ -15,6 +15,11 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & Readonly<{
     /** Toggle state. Paints the selected treatment and sets `aria-pressed`. */
     selected?: boolean;
     loading?: boolean;
+    /** Explicit confirmed mutation result. Both text labels remain measured in every state. */
+    completion?: Readonly<{
+        confirmed: boolean;
+        label: string;
+    }>;
     leading?: ReactNode;
     trailing?: ReactNode;
     /** Canonical layout-only placement. Controlled visual keys are excluded. */
@@ -30,6 +35,11 @@ export declare const Button: import("react").ForwardRefExoticComponent<ButtonHTM
     /** Toggle state. Paints the selected treatment and sets `aria-pressed`. */
     selected?: boolean;
     loading?: boolean;
+    /** Explicit confirmed mutation result. Both text labels remain measured in every state. */
+    completion?: Readonly<{
+        confirmed: boolean;
+        label: string;
+    }>;
     leading?: ReactNode;
     trailing?: ReactNode;
     /** Canonical layout-only placement. Controlled visual keys are excluded. */

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

@@ -1,9 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { buttonRecipe, } from "@hjmds/design-contracts/recipes/base";
 import { iconButtonRecipe, linkRecipe, } from "@hjmds/design-contracts/recipes";
-import { forwardRef, } from "react";
+import { Children, forwardRef, } from "react";
 import { classNames } from "./internal.js";
-export const Button = forwardRef(function Button({ tone = buttonRecipe.defaults.tone, size = buttonRecipe.defaults.size, shape = buttonRecipe.defaults.shape, align = buttonRecipe.defaults.align, selected, loading = false, leading, trailing, disabled, onClick, type = "button", className, children, layoutStyle, style, ...props }, ref) {
+export const Button = forwardRef(function Button({ tone = buttonRecipe.defaults.tone, size = buttonRecipe.defaults.size, shape = buttonRecipe.defaults.shape, align = buttonRecipe.defaults.align, selected, loading = false, completion, leading, trailing, disabled, onClick, type = "button", className, children, layoutStyle, style, ...props }, ref) {
+    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"))) {
+        throw new TypeError("Button completion requires a nonempty label, a boolean confirmed value and text-only children");
+    }
+    const idleLabel = completion ? textParts.join("") : children;
+    const currentLabel = completion?.confirmed && !loading ? completion.label : idleLabel;
     // 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;
@@ -17,7 +23,7 @@ export const Button = forwardRef(function Button({ tone = buttonRecipe.defaults.
     };
     return (_jsxs("button", { ...props, 
         // The cap lives in the recipe, not in the stylesheet: one number, one place.
-        style: { "--hjm-button-label-lines": buttonRecipe.label.maxLines, ...style, ...layoutStyle }, ref: ref, type: type, className: classNames("hjm-button", className), "data-tone": tone, "data-size": size, "data-shape": shape, "data-align": align, ...(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, onClick: handleClick, children: [leading, _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] }));
+        style: { "--hjm-button-label-lines": buttonRecipe.label.maxLines, ...style, ...layoutStyle }, ref: ref, type: type, className: classNames("hjm-button", className), "data-tone": tone, "data-size": size, "data-shape": shape, "data-align": align, ...(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, onClick: handleClick, 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] }));
 });
 export const IconButton = forwardRef(function IconButton({ label, tone = iconButtonRecipe.defaults.tone, size = iconButtonRecipe.defaults.size, shape = iconButtonRecipe.defaults.shape, selected, loading = false, disabled, onClick, type = "button", className, children, layoutStyle, style, ...props }, ref) {
     // Preserve a focusable disabled action (e.g. a Carousel boundary).

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  type ButtonAlign,\n  type ButtonShape,\n  type ButtonSize,\n  type ButtonTone,\n} from \"@hjmds/design-contracts/recipes/base\";\n\nexport type { ButtonAlign, ButtonShape };\nimport {\n  iconButtonRecipe,\n  linkRecipe,\n  type IconButtonShape,\n  type IconButtonSize,\n  type IconButtonTone,\n  type LinkTone,\n  type LinkVariant,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\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 { classNames } from \"./internal.js\";\n\nexport type { ButtonSize, ButtonTone } from \"@hjmds/design-contracts/recipes/base\";\nexport type {\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    /** 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    leading?: ReactNode;\n    trailing?: ReactNode;\n      /** Canonical layout-only placement. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n}>;\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    tone = buttonRecipe.defaults.tone,\n    size = buttonRecipe.defaults.size,\n    shape = buttonRecipe.defaults.shape,\n    align = buttonRecipe.defaults.align,\n    selected,\n    loading = false,\n    leading,\n    trailing,\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      // The cap lives in the recipe, not in the stylesheet: one number, one place.\n      style={{ \"--hjm-button-label-lines\": buttonRecipe.label.maxLines, ...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-align={align}\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}\n      onClick={handleClick}\n    >\n      {leading}\n      <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    </button>\n  );\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    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      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        {...(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  type ButtonAlign,\n  type ButtonShape,\n  type ButtonSize,\n  type ButtonTone,\n} from \"@hjmds/design-contracts/recipes/base\";\n\nexport type { ButtonAlign, ButtonShape };\nimport {\n  iconButtonRecipe,\n  linkRecipe,\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  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 { classNames } from \"./internal.js\";\n\nexport type { ButtonSize, ButtonTone } from \"@hjmds/design-contracts/recipes/base\";\nexport type {\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    /** 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      /** Canonical layout-only placement. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n}>;\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    tone = buttonRecipe.defaults.tone,\n    size = buttonRecipe.defaults.size,\n    shape = buttonRecipe.defaults.shape,\n    align = buttonRecipe.defaults.align,\n    selected,\n    loading = false,\n    completion,\n    leading,\n    trailing,\n    disabled,\n    onClick,\n    type = \"button\",\n    className,\n    children,\n    layoutStyle,\n    style,\n    ...props\n  },\n  ref,\n) {\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  return (\n    <button\n      {...props}\n      // The cap lives in the recipe, not in the stylesheet: one number, one place.\n      style={{ \"--hjm-button-label-lines\": buttonRecipe.label.maxLines, ...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-align={align}\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}\n      onClick={handleClick}\n    >\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    </button>\n  );\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    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      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        {...(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.d.ts

@@ -0,0 +1,38 @@
+import { type BezierCoordinates, type Shortcut, type ShortcutCapture } from "@hjmds/design-contracts/authoring-tools";
+export type BezierEditorProps = Readonly<{
+    value: BezierCoordinates;
+    onValueChange: (value: BezierCoordinates) => void;
+    disabled?: boolean;
+    active?: boolean;
+    duration?: number;
+    yRange?: readonly [number, number];
+    labels: Readonly<{
+        coordinates: readonly [string, string, string, string];
+        preview: string;
+        curve: string;
+        decrement: string;
+        increment: string;
+    }>;
+    formatCoordinate: (value: number) => string;
+}>;
+export declare function BezierEditor(props: BezierEditorProps): import("react").JSX.Element;
+export type ShortcutRecorderProps = Readonly<{
+    value: Shortcut | null;
+    onRegister: (shortcut: Shortcut) => void | Promise<void>;
+    platform: "mac" | "windows" | "linux";
+    conflicts?: readonly string[];
+    reserved?: readonly string[];
+    disabled?: boolean;
+    formatShortcut: (shortcut: Shortcut) => string;
+    labels: Readonly<{
+        record: string;
+        recording: string;
+        empty: string;
+        register: string;
+        cancel: string;
+        error: string;
+        status: (status: ShortcutCapture["status"]) => string;
+    }>;
+}>;
+export declare function ShortcutRecorder(props: ShortcutRecorderProps): import("react").JSX.Element;
+//# sourceMappingURL=authoring-tools.d.ts.map

package/dist/authoring-tools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authoring-tools.d.ts","sourceRoot":"","sources":["../src/authoring-tools.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0C,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAM9J,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACxC,KAAK,EAAE,iBAAiB,CAAC;IAAC,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAClH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,EAAE,QAAQ,CAAC;QAAE,WAAW,EAAE,SAAS,CAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,CAAC,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChJ,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C,CAAC,CAAC;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAgBpD;AACD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC5C,KAAK,EAAE,QAAQ,GAAC,IAAI,CAAC;IAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,GAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAAC,QAAQ,EAAE,KAAK,GAAC,SAAS,GAAC,OAAO,CAAC;IAChH,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAChF,cAAc,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC;IAC/C,MAAM,EAAE,QAAQ,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/K,CAAC,CAAC;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAiB5D"}

package/dist/authoring-tools.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { validateBezier, resolveShortcutCapture } from "@hjmds/design-contracts/authoring-tools";
+import { Button } from "./actions.js";
+import { Slider } from "./slider.js";
+import { Stack, Text } from "./layout.js";
+import { useHjmTheme } from "./provider.js";
+import { useCompositionAction } from "./internal/use-composition-action.js";
+export function BezierEditor(props) {
+    validateBezier(props.value);
+    const range = props.yRange ?? [-2, 2], duration = props.duration ?? 1000;
+    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");
+    const theme = useHjmTheme(), ball = useRef(null), animation = useRef(null);
+    const cancel = () => { animation.current?.cancel(); animation.current = null; };
+    useEffect(() => { cancel(); return cancel; }, [...props.value, duration, props.active, props.disabled, theme.environment.reducedMotion]);
+    useEffect(() => { const stop = () => { if (document.hidden)
+        cancel(); }; document.addEventListener("visibilitychange", stop); return () => document.removeEventListener("visibilitychange", stop); }, []);
+    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; };
+    const [x1, y1, x2, y2] = props.value;
+    // Fit the selected controls and both endpoints; the allowed edit range would shrink the default curve.
+    const curveMin = Math.min(0, 1, y1, y2), curveMax = Math.max(0, 1, y1, y2);
+    return _jsxs(Stack, { gap: "md", children: [_jsxs("svg", { role: "img", "aria-label": props.labels.curve, width: "100%", height: 180, viewBox: `-10 ${100 - curveMax * 100 - 10} 120 ${(curveMax - curveMin) * 100 + 20}`, children: [_jsx("path", { d: "M0 100 L100 0", fill: "none", stroke: "currentColor", opacity: .2 }), _jsx("path", { d: `M0 100 L${x1 * 100} ${100 - y1 * 100} M100 0 L${x2 * 100} ${100 - y2 * 100}`, fill: "none", stroke: "currentColor", opacity: .5 }), _jsx("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 }), _jsx("circle", { cx: x1 * 100, cy: 100 - y1 * 100, r: 3, fill: "currentColor" }), _jsx("circle", { cx: x2 * 100, cy: 100 - y2 * 100, r: 3, fill: "currentColor" })] }), props.value.map((value, index) => _jsx(Slider, { 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]; values[index] = next; props.onValueChange(values); } }, index)), _jsx("div", { "aria-hidden": "true", style: { height: 24, paddingInline: 4, overflow: "hidden" }, children: _jsx("div", { ref: ball, style: { width: 20, height: 20, borderRadius: "50%", background: "currentColor" } }) }), _jsx(Button, { disabled: props.disabled || props.active === false, onClick: preview, children: props.labels.preview })] });
+}
+export function ShortcutRecorder(props) {
+    const [recording, setRecording] = useState(false), [draft, setDraft] = useState(null), [status, setStatus] = useState("ignored");
+    const action = useCompositionAction(props.disabled), area = useRef(null);
+    useEffect(() => { if (recording)
+        area.current?.focus(); }, [recording]);
+    useEffect(() => { if (props.disabled) {
+        setRecording(false);
+        setDraft(null);
+    } }, [props.disabled]);
+    const capture = (event) => {
+        if (!recording || props.disabled || action.pending)
+            return;
+        // Tab keeps standard focus movement; the recorder stops when focus leaves.
+        if (event.code === "Tab")
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        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 } : {}) });
+        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);
+    };
+    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);
+    } }); };
+    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] });
+}
+//# sourceMappingURL=authoring-tools.js.map

package/dist/authoring-tools.js.map

@@ -0,0 +1 @@
+{"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=\"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"]}

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

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

package/dist/bottom-navigation.js

@@ -71,7 +71,7 @@ function BottomNavigationInner({ descriptor, configuration = {}, getHref, render
     const iconSize = iconRecipe.sizes[density.icon];
     if (hidden)
         return null;
-    return (_jsx("nav", { ...props, ref: ref, "aria-label": resolved.accessibilityLabel, className: classNames("hjm-bottom-navigation", className), "data-expanded-labels": (theme?.environment.textScale ?? 1) >= 1.5 || resolved.items.length > 4 ? "true" : "false", "data-density": presentation.density, "data-distribution": presentation.distribution, "data-keyboard-behavior": presentation.keyboardBehavior, "data-labels": presentation.labels, "data-selection": presentation.selection, "data-presentation": presentation.presentation, dir: presentation.direction, style: {
+    return (_jsx("nav", { ...props, ref: ref, "aria-label": resolved.accessibilityLabel, className: classNames("hjm-bottom-navigation", className), "data-expanded-labels": (theme?.environment.textScale ?? 1) >= 1.5 || resolved.items.length > 4 ? "true" : "false", "data-density": presentation.density, "data-distribution": presentation.distribution, "data-keyboard-behavior": presentation.keyboardBehavior, "data-labels": presentation.labels, "data-selection": presentation.selection, "data-surface": presentation.surface, "data-presentation": presentation.presentation, dir: presentation.direction, style: {
             "--hjm-bottom-navigation-center-gap": `${centerGap}px`,
             "--hjm-bottom-navigation-columns": resolved.items.length,
             "--hjm-bottom-navigation-half-columns": resolved.items.length / 2,

package/dist/bottom-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-navigation.js","sourceRoot":"","sources":["../src/bottom-navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  resolveBottomNavigationActivation,\n  resolveBottomNavigationConfiguration,\n  resolveBottomNavigationDescriptor,\n  type BottomNavigationActivation,\n  type BottomNavigationConfiguration,\n  type BottomNavigationDescriptor,\n  type ResolvedBottomNavigationItemDescriptor,\n} from \"@hjmds/design-contracts/components/bottom-navigation\";\nimport {\n  bottomNavigationRecipe,\n  iconRecipe,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  forwardRef,\n  useEffect,\n  useState,\n  type AnchorHTMLAttributes,\n  type CSSProperties,\n  type ForwardedRef,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type RefAttributes,\n} from \"react\";\nimport { classNames } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\n\nconst virtualKeyboardMinimumOcclusion = 120;\n\nexport type BottomNavigationIconRenderProps<\n  Key extends string = string,\n  IconName extends string = string,\n> = Readonly<{\n  item: ResolvedBottomNavigationItemDescriptor<Key, IconName>;\n  name: IconName;\n  selected: boolean;\n  color: \"currentColor\";\n  size: number;\n  strokeWidth: number;\n  scale: number;\n}>;\n\nexport type BottomNavigationLinkRenderProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  Readonly<{\n    href: string;\n    children: ReactNode;\n    \"data-state\": \"idle\" | \"selected\";\n  }>;\n\nexport type BottomNavigationProps<\n  Key extends string = string,\n  IconName extends string = string,\n> = Omit<\n  HTMLAttributes<HTMLElement>,\n  \"aria-label\" | \"aria-labelledby\" | \"children\" | \"dir\" | \"onChange\" | \"role\"\n> &\n  Readonly<{\n    descriptor: BottomNavigationDescriptor<Key, IconName>;\n    configuration?: BottomNavigationConfiguration;\n    getHref: (item: ResolvedBottomNavigationItemDescriptor<Key, IconName>) => string;\n    renderIcon: (props: BottomNavigationIconRenderProps<Key, IconName>) => ReactNode;\n    /** Framework navigation adapter, for example Next.js Link. */\n    renderLink?: (props: BottomNavigationLinkRenderProps) => ReactElement;\n    primaryAction?: ReactNode;\n    onActivate?: (activation: BottomNavigationActivation<Key>) => void;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport function isUnmodifiedPrimaryBottomNavigationClick(\n  event: Pick<\n    MouseEvent<HTMLAnchorElement>,\n    \"altKey\" | \"button\" | \"ctrlKey\" | \"defaultPrevented\" | \"metaKey\" | \"shiftKey\"\n  >,\n): boolean {\n  return (\n    !event.defaultPrevented &&\n    event.button === 0 &&\n    !event.metaKey &&\n    !event.ctrlKey &&\n    !event.shiftKey &&\n    !event.altKey\n  );\n}\n\nexport function shouldHideBottomNavigationForKeyboard(input: Readonly<{\n  behavior: \"hide\" | \"remain\";\n  layoutViewportHeight: number;\n  visualViewportHeight: number;\n  visualViewportOffsetTop?: number;\n  visualViewportScale?: number;\n}>): boolean {\n  if (input.behavior !== \"hide\") return false;\n  if ((input.visualViewportScale ?? 1) !== 1) return false;\n  const visibleBottom =\n    input.visualViewportHeight + (input.visualViewportOffsetTop ?? 0);\n  return layoutViewportHeightIsValid(input.layoutViewportHeight) &&\n    input.layoutViewportHeight - visibleBottom >= virtualKeyboardMinimumOcclusion;\n}\n\nfunction layoutViewportHeightIsValid(value: number): boolean {\n  return Number.isFinite(value) && value >= 0;\n}\n\nexport function getBottomNavigationGridColumn(\n  index: number,\n  itemCount: number,\n  distribution: \"equal\" | \"center-gap\",\n): number | undefined {\n  if (distribution !== \"center-gap\") return undefined;\n  const middle = itemCount / 2;\n  return index < middle ? index + 1 : index + 2;\n}\n\nfunction useKeyboardHidden(behavior: \"hide\" | \"remain\"): boolean {\n  const [hidden, setHidden] = useState(false);\n  useEffect(() => {\n    const viewport = window.visualViewport;\n    if (!viewport) return;\n    const update = () => {\n      setHidden(\n        shouldHideBottomNavigationForKeyboard({\n          behavior,\n          layoutViewportHeight: window.innerHeight,\n          visualViewportHeight: viewport.height,\n          visualViewportOffsetTop: viewport.offsetTop,\n          visualViewportScale: viewport.scale,\n        }),\n      );\n    };\n    update();\n    viewport.addEventListener(\"resize\", update);\n    viewport.addEventListener(\"scroll\", update);\n    return () => {\n      viewport.removeEventListener(\"resize\", update);\n      viewport.removeEventListener(\"scroll\", update);\n    };\n  }, [behavior]);\n  return hidden;\n}\n\nfunction BottomNavigationInner<\n  Key extends string = string,\n  IconName extends string = string,\n>(\n  {\n    descriptor,\n    configuration = {},\n    getHref,\n    renderIcon,\n    renderLink,\n    primaryAction,\n    onActivate,\n    className,\n    style,\n    layoutStyle,\n    ...props\n  }: BottomNavigationProps<Key, IconName>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const resolved = resolveBottomNavigationDescriptor(descriptor);\n  const theme = useOptionalHjmTheme();\n  const direction = configuration.direction ?? theme?.environment.direction;\n  const presentation = resolveBottomNavigationConfiguration(\n    {\n      ...configuration,\n      ...(direction === undefined ? {} : { direction }),\n    },\n    resolved.items.length,\n  );\n  const hidden = useKeyboardHidden(presentation.keyboardBehavior);\n  const density = bottomNavigationRecipe.density[presentation.density];\n  const presentationRecipe =\n    bottomNavigationRecipe.presentations[presentation.presentation];\n  const centerGap =\n    bottomNavigationRecipe.distributions[presentation.distribution].centerGap;\n  const iconSize = iconRecipe.sizes[density.icon];\n\n  if (hidden) return null;\n\n  return (\n    <nav\n      {...props}\n      ref={ref}\n      aria-label={resolved.accessibilityLabel}\n      className={classNames(\"hjm-bottom-navigation\", className)}\n      data-expanded-labels={(theme?.environment.textScale ?? 1) >= 1.5 || resolved.items.length > 4 ? \"true\" : \"false\"}\n      data-density={presentation.density}\n      data-distribution={presentation.distribution}\n      data-keyboard-behavior={presentation.keyboardBehavior}\n      data-labels={presentation.labels}\n      data-selection={presentation.selection}\n      data-presentation={presentation.presentation}\n      dir={presentation.direction}\n      style={{\n        \"--hjm-bottom-navigation-center-gap\": `${centerGap}px`,\n        \"--hjm-bottom-navigation-columns\": resolved.items.length,\n        \"--hjm-bottom-navigation-half-columns\": resolved.items.length / 2,\n        \"--hjm-bottom-navigation-item-gap\": `${density.gap}px`,\n        \"--hjm-bottom-navigation-item-min-height\": `${density.itemMinHeight}px`,\n        \"--hjm-bottom-navigation-item-min-width\": `${density.itemMinWidth}px`,\n        \"--hjm-bottom-navigation-item-padding\": `${density.padding}px`,\n        \"--hjm-bottom-navigation-max-width\": presentationRecipe.maxWidth\n          ? `${presentationRecipe.maxWidth}px`\n          : \"none\",\n        \"--hjm-bottom-navigation-outer-inline\": `${presentationRecipe.outerPaddingHorizontal}px`,\n        \"--hjm-bottom-navigation-outer-top\": `${presentationRecipe.outerPaddingTop}px`,\n        ...style,\n        ...layoutStyle,\n      } as CSSProperties}\n    >\n      <div className=\"hjm-bottom-navigation__surface\">\n        <ul className=\"hjm-bottom-navigation__list\">\n          {resolved.items.map((item, index) => {\n            const selected = item.id === resolved.selectedKey;\n            const content = (\n              <>\n                <span\n                  aria-hidden=\"true\"\n                  className=\"hjm-bottom-navigation__indicator\"\n                  data-state={selected ? \"selected\" : \"idle\"}\n                >\n                  {renderIcon({\n                    item,\n                    name: item.icon.name,\n                    selected,\n                    color: \"currentColor\",\n                    size: iconSize,\n                    strokeWidth: selected\n                      ? bottomNavigationRecipe.icon.selectedEmphasis.strokeWidth.selected\n                      : bottomNavigationRecipe.icon.selectedEmphasis.strokeWidth.idle,\n                    scale: selected\n                      ? bottomNavigationRecipe.icon.selectedEmphasis.scale.selected\n                      : bottomNavigationRecipe.icon.selectedEmphasis.scale.idle,\n                  })}\n                  {item.badge ? (\n                    <span aria-hidden=\"true\" className=\"hjm-bottom-navigation__badge\">\n                      {item.badge.visibleLabel}\n                    </span>\n                  ) : null}\n                </span>\n                {/* Hidden labels are not rendered: the item link already carries\n                    resolvedAccessibilityLabel, so a visually-hidden copy would only duplicate it. */}\n                {presentation.labels === \"visible\" ? (\n                  <span className=\"hjm-bottom-navigation__label\">{item.label}</span>\n                ) : null}\n              </>\n            );\n            const itemStyle = {\n              gridColumn: getBottomNavigationGridColumn(\n                index,\n                resolved.items.length,\n                presentation.distribution,\n              ),\n            };\n            if (item.disabled) {\n              return (\n                <li key={item.id} style={itemStyle} data-selected=\"false\">\n                  <span\n                    aria-disabled=\"true\"\n                    aria-label={item.resolvedAccessibilityLabel}\n                    className=\"hjm-bottom-navigation__item\"\n                    data-state=\"disabled\"\n                    role=\"link\"\n                  >\n                    {content}\n                  </span>\n                </li>\n              );\n            }\n            const href = getHref(item);\n            if (!href.trim()) {\n              throw new TypeError(`BottomNavigation href must not be empty: ${item.id}`);\n            }\n            const linkProps: BottomNavigationLinkRenderProps = {\n              \"aria-current\": selected ? \"page\" : undefined,\n              \"aria-label\": item.resolvedAccessibilityLabel,\n              className: \"hjm-bottom-navigation__item\",\n              \"data-state\": selected ? \"selected\" : \"idle\",\n              href,\n              onClick: (event) => {\n                if (!isUnmodifiedPrimaryBottomNavigationClick(event)) return;\n                const activation = resolveBottomNavigationActivation(descriptor, item.id);\n                if (activation) onActivate?.(activation);\n              },\n              children: content,\n            };\n            return (\n              <li key={item.id} style={itemStyle} data-selected={selected}>\n                {renderLink ? renderLink(linkProps) : <a {...linkProps} />}\n              </li>\n            );\n          })}\n        </ul>\n        {primaryAction ? (\n          <div className=\"hjm-bottom-navigation__primary-action\">{primaryAction}</div>\n        ) : null}\n      </div>\n    </nav>\n  );\n}\n\nexport const BottomNavigation = forwardRef(BottomNavigationInner) as <\n  Key extends string = string,\n  IconName extends string = string,\n>(\n  props: BottomNavigationProps<Key, IconName> & RefAttributes<HTMLElement>,\n) => ReactElement | null;\n"]}
+{"version":3,"file":"bottom-navigation.js","sourceRoot":"","sources":["../src/bottom-navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  resolveBottomNavigationActivation,\n  resolveBottomNavigationConfiguration,\n  resolveBottomNavigationDescriptor,\n  type BottomNavigationActivation,\n  type BottomNavigationConfiguration,\n  type BottomNavigationDescriptor,\n  type ResolvedBottomNavigationItemDescriptor,\n} from \"@hjmds/design-contracts/components/bottom-navigation\";\nimport {\n  bottomNavigationRecipe,\n  iconRecipe,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  forwardRef,\n  useEffect,\n  useState,\n  type AnchorHTMLAttributes,\n  type CSSProperties,\n  type ForwardedRef,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type RefAttributes,\n} from \"react\";\nimport { classNames } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\n\nconst virtualKeyboardMinimumOcclusion = 120;\n\nexport type BottomNavigationIconRenderProps<\n  Key extends string = string,\n  IconName extends string = string,\n> = Readonly<{\n  item: ResolvedBottomNavigationItemDescriptor<Key, IconName>;\n  name: IconName;\n  selected: boolean;\n  color: \"currentColor\";\n  size: number;\n  strokeWidth: number;\n  scale: number;\n}>;\n\nexport type BottomNavigationLinkRenderProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  Readonly<{\n    href: string;\n    children: ReactNode;\n    \"data-state\": \"idle\" | \"selected\";\n  }>;\n\nexport type BottomNavigationProps<\n  Key extends string = string,\n  IconName extends string = string,\n> = Omit<\n  HTMLAttributes<HTMLElement>,\n  \"aria-label\" | \"aria-labelledby\" | \"children\" | \"dir\" | \"onChange\" | \"role\"\n> &\n  Readonly<{\n    descriptor: BottomNavigationDescriptor<Key, IconName>;\n    configuration?: BottomNavigationConfiguration;\n    getHref: (item: ResolvedBottomNavigationItemDescriptor<Key, IconName>) => string;\n    renderIcon: (props: BottomNavigationIconRenderProps<Key, IconName>) => ReactNode;\n    /** Framework navigation adapter, for example Next.js Link. */\n    renderLink?: (props: BottomNavigationLinkRenderProps) => ReactElement;\n    primaryAction?: ReactNode;\n    onActivate?: (activation: BottomNavigationActivation<Key>) => void;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport function isUnmodifiedPrimaryBottomNavigationClick(\n  event: Pick<\n    MouseEvent<HTMLAnchorElement>,\n    \"altKey\" | \"button\" | \"ctrlKey\" | \"defaultPrevented\" | \"metaKey\" | \"shiftKey\"\n  >,\n): boolean {\n  return (\n    !event.defaultPrevented &&\n    event.button === 0 &&\n    !event.metaKey &&\n    !event.ctrlKey &&\n    !event.shiftKey &&\n    !event.altKey\n  );\n}\n\nexport function shouldHideBottomNavigationForKeyboard(input: Readonly<{\n  behavior: \"hide\" | \"remain\";\n  layoutViewportHeight: number;\n  visualViewportHeight: number;\n  visualViewportOffsetTop?: number;\n  visualViewportScale?: number;\n}>): boolean {\n  if (input.behavior !== \"hide\") return false;\n  if ((input.visualViewportScale ?? 1) !== 1) return false;\n  const visibleBottom =\n    input.visualViewportHeight + (input.visualViewportOffsetTop ?? 0);\n  return layoutViewportHeightIsValid(input.layoutViewportHeight) &&\n    input.layoutViewportHeight - visibleBottom >= virtualKeyboardMinimumOcclusion;\n}\n\nfunction layoutViewportHeightIsValid(value: number): boolean {\n  return Number.isFinite(value) && value >= 0;\n}\n\nexport function getBottomNavigationGridColumn(\n  index: number,\n  itemCount: number,\n  distribution: \"equal\" | \"center-gap\",\n): number | undefined {\n  if (distribution !== \"center-gap\") return undefined;\n  const middle = itemCount / 2;\n  return index < middle ? index + 1 : index + 2;\n}\n\nfunction useKeyboardHidden(behavior: \"hide\" | \"remain\"): boolean {\n  const [hidden, setHidden] = useState(false);\n  useEffect(() => {\n    const viewport = window.visualViewport;\n    if (!viewport) return;\n    const update = () => {\n      setHidden(\n        shouldHideBottomNavigationForKeyboard({\n          behavior,\n          layoutViewportHeight: window.innerHeight,\n          visualViewportHeight: viewport.height,\n          visualViewportOffsetTop: viewport.offsetTop,\n          visualViewportScale: viewport.scale,\n        }),\n      );\n    };\n    update();\n    viewport.addEventListener(\"resize\", update);\n    viewport.addEventListener(\"scroll\", update);\n    return () => {\n      viewport.removeEventListener(\"resize\", update);\n      viewport.removeEventListener(\"scroll\", update);\n    };\n  }, [behavior]);\n  return hidden;\n}\n\nfunction BottomNavigationInner<\n  Key extends string = string,\n  IconName extends string = string,\n>(\n  {\n    descriptor,\n    configuration = {},\n    getHref,\n    renderIcon,\n    renderLink,\n    primaryAction,\n    onActivate,\n    className,\n    style,\n    layoutStyle,\n    ...props\n  }: BottomNavigationProps<Key, IconName>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const resolved = resolveBottomNavigationDescriptor(descriptor);\n  const theme = useOptionalHjmTheme();\n  const direction = configuration.direction ?? theme?.environment.direction;\n  const presentation = resolveBottomNavigationConfiguration(\n    {\n      ...configuration,\n      ...(direction === undefined ? {} : { direction }),\n    },\n    resolved.items.length,\n  );\n  const hidden = useKeyboardHidden(presentation.keyboardBehavior);\n  const density = bottomNavigationRecipe.density[presentation.density];\n  const presentationRecipe =\n    bottomNavigationRecipe.presentations[presentation.presentation];\n  const centerGap =\n    bottomNavigationRecipe.distributions[presentation.distribution].centerGap;\n  const iconSize = iconRecipe.sizes[density.icon];\n\n  if (hidden) return null;\n\n  return (\n    <nav\n      {...props}\n      ref={ref}\n      aria-label={resolved.accessibilityLabel}\n      className={classNames(\"hjm-bottom-navigation\", className)}\n      data-expanded-labels={(theme?.environment.textScale ?? 1) >= 1.5 || resolved.items.length > 4 ? \"true\" : \"false\"}\n      data-density={presentation.density}\n      data-distribution={presentation.distribution}\n      data-keyboard-behavior={presentation.keyboardBehavior}\n      data-labels={presentation.labels}\n      data-selection={presentation.selection}\n      data-surface={presentation.surface}\n      data-presentation={presentation.presentation}\n      dir={presentation.direction}\n      style={{\n        \"--hjm-bottom-navigation-center-gap\": `${centerGap}px`,\n        \"--hjm-bottom-navigation-columns\": resolved.items.length,\n        \"--hjm-bottom-navigation-half-columns\": resolved.items.length / 2,\n        \"--hjm-bottom-navigation-item-gap\": `${density.gap}px`,\n        \"--hjm-bottom-navigation-item-min-height\": `${density.itemMinHeight}px`,\n        \"--hjm-bottom-navigation-item-min-width\": `${density.itemMinWidth}px`,\n        \"--hjm-bottom-navigation-item-padding\": `${density.padding}px`,\n        \"--hjm-bottom-navigation-max-width\": presentationRecipe.maxWidth\n          ? `${presentationRecipe.maxWidth}px`\n          : \"none\",\n        \"--hjm-bottom-navigation-outer-inline\": `${presentationRecipe.outerPaddingHorizontal}px`,\n        \"--hjm-bottom-navigation-outer-top\": `${presentationRecipe.outerPaddingTop}px`,\n        ...style,\n        ...layoutStyle,\n      } as CSSProperties}\n    >\n      <div className=\"hjm-bottom-navigation__surface\">\n        <ul className=\"hjm-bottom-navigation__list\">\n          {resolved.items.map((item, index) => {\n            const selected = item.id === resolved.selectedKey;\n            const content = (\n              <>\n                <span\n                  aria-hidden=\"true\"\n                  className=\"hjm-bottom-navigation__indicator\"\n                  data-state={selected ? \"selected\" : \"idle\"}\n                >\n                  {renderIcon({\n                    item,\n                    name: item.icon.name,\n                    selected,\n                    color: \"currentColor\",\n                    size: iconSize,\n                    strokeWidth: selected\n                      ? bottomNavigationRecipe.icon.selectedEmphasis.strokeWidth.selected\n                      : bottomNavigationRecipe.icon.selectedEmphasis.strokeWidth.idle,\n                    scale: selected\n                      ? bottomNavigationRecipe.icon.selectedEmphasis.scale.selected\n                      : bottomNavigationRecipe.icon.selectedEmphasis.scale.idle,\n                  })}\n                  {item.badge ? (\n                    <span aria-hidden=\"true\" className=\"hjm-bottom-navigation__badge\">\n                      {item.badge.visibleLabel}\n                    </span>\n                  ) : null}\n                </span>\n                {/* Hidden labels are not rendered: the item link already carries\n                    resolvedAccessibilityLabel, so a visually-hidden copy would only duplicate it. */}\n                {presentation.labels === \"visible\" ? (\n                  <span className=\"hjm-bottom-navigation__label\">{item.label}</span>\n                ) : null}\n              </>\n            );\n            const itemStyle = {\n              gridColumn: getBottomNavigationGridColumn(\n                index,\n                resolved.items.length,\n                presentation.distribution,\n              ),\n            };\n            if (item.disabled) {\n              return (\n                <li key={item.id} style={itemStyle} data-selected=\"false\">\n                  <span\n                    aria-disabled=\"true\"\n                    aria-label={item.resolvedAccessibilityLabel}\n                    className=\"hjm-bottom-navigation__item\"\n                    data-state=\"disabled\"\n                    role=\"link\"\n                  >\n                    {content}\n                  </span>\n                </li>\n              );\n            }\n            const href = getHref(item);\n            if (!href.trim()) {\n              throw new TypeError(`BottomNavigation href must not be empty: ${item.id}`);\n            }\n            const linkProps: BottomNavigationLinkRenderProps = {\n              \"aria-current\": selected ? \"page\" : undefined,\n              \"aria-label\": item.resolvedAccessibilityLabel,\n              className: \"hjm-bottom-navigation__item\",\n              \"data-state\": selected ? \"selected\" : \"idle\",\n              href,\n              onClick: (event) => {\n                if (!isUnmodifiedPrimaryBottomNavigationClick(event)) return;\n                const activation = resolveBottomNavigationActivation(descriptor, item.id);\n                if (activation) onActivate?.(activation);\n              },\n              children: content,\n            };\n            return (\n              <li key={item.id} style={itemStyle} data-selected={selected}>\n                {renderLink ? renderLink(linkProps) : <a {...linkProps} />}\n              </li>\n            );\n          })}\n        </ul>\n        {primaryAction ? (\n          <div className=\"hjm-bottom-navigation__primary-action\">{primaryAction}</div>\n        ) : null}\n      </div>\n    </nav>\n  );\n}\n\nexport const BottomNavigation = forwardRef(BottomNavigationInner) as <\n  Key extends string = string,\n  IconName extends string = string,\n>(\n  props: BottomNavigationProps<Key, IconName> & RefAttributes<HTMLElement>,\n) => ReactElement | null;\n"]}

package/dist/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../src/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+E,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAC9H,OAAO,EAGL,KAAK,kBAAkB,EAAE,KAAK,YAAY,EAAE,KAAK,wBAAwB,EACzE,KAAK,6BAA6B,EAAE,KAAK,wBAAwB,EAClE,MAAM,6CAA6C,CAAC;AAGrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAC7E,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IAAE,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC,CAAC;AACzE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,wBAAwB,CAAC;IAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,CAAC,CAAC;AAC1H,MAAM,MAAM,aAAa,CAAC,OAAO,GAAG,OAAO,IAAI,QAAQ,CAAC;IACtD,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACxC,qBAAqB,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,iGAAiG;IACjG,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClG,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC;IAC3E,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,gGAAgG;IAChG,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAEH,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAC7F,oBAAoB,EAAE,iBAAiB,EAAE,IAAe,EAAE,SAAiB,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE,EAAE,aAAa,CAAC,OAAO,CAAC,+BAmFnI"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../src/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+E,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAC9H,OAAO,EAGL,KAAK,kBAAkB,EAAE,KAAK,YAAY,EAAE,KAAK,wBAAwB,EACzE,KAAK,6BAA6B,EAAE,KAAK,wBAAwB,EAClE,MAAM,6CAA6C,CAAC;AAGrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAC7E,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IAAE,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC,CAAC;AACzE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,wBAAwB,CAAC;IAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,CAAC,CAAC;AAC1H,MAAM,MAAM,aAAa,CAAC,OAAO,GAAG,OAAO,IAAI,QAAQ,CAAC;IACtD,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACxC,qBAAqB,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,iGAAiG;IACjG,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClG,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC;IAC3E,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,gGAAgG;IAChG,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAEH,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAC7F,oBAAoB,EAAE,iBAAiB,EAAE,IAAe,EAAE,SAAiB,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE,EAAE,aAAa,CAAC,OAAO,CAAC,+BAoFnI"}

package/dist/calendar.js

@@ -48,6 +48,7 @@ export function Calendar({ descriptor, composeAccessibleName, previousMonth, nex
     }, [gridKey, request, autoFocus, active]);
     const titleId = `hjm-calendar-${useId()}`;
     return _jsxs("div", { ref: root, className: classNames("hjm-calendar", className), "data-size": size, style: { ...layoutStyle, "--hjm-calendar-cell-size": `${recipe.sizes[size].cellDiameter}px`,
+            "--hjm-calendar-indicator-size": `${recipe.sizes[size].indicatorDiameter}px`,
             "--hjm-calendar-disabled-opacity": recipe.day.disabledOpacity,
             "--hjm-calendar-outside-opacity": recipe.day.outsideFocusedMonthOpacity }, children: [_jsxs("div", { className: "hjm-calendar__header", children: [previousMonth ? _jsx("button", { type: "button", "aria-label": previousMonth.label, disabled: !descriptor.onFocusedMonthChange, onClick: () => descriptor.onFocusedMonthChange?.(previousMonth.month, "previous"), children: _jsx("span", { "aria-hidden": "true", children: theme?.environment.direction === "rtl" ? "›" : "‹" }) }) : _jsx("span", {}), _jsx("strong", { id: titleId, "aria-live": "polite", "aria-atomic": "true", children: descriptor.monthLabel }), nextMonth ? _jsx("button", { type: "button", "aria-label": nextMonth.label, disabled: !descriptor.onFocusedMonthChange, onClick: () => descriptor.onFocusedMonthChange?.(nextMonth.month, "next"), children: _jsx("span", { "aria-hidden": "true", children: theme?.environment.direction === "rtl" ? "‹" : "›" }) }) : _jsx("span", {})] }), _jsx("div", { className: "hjm-calendar__viewport", children: _jsxs("div", { role: "grid", "aria-labelledby": titleId, className: "hjm-calendar__grid", children: [_jsx("div", { role: "row", className: "hjm-calendar__week", children: descriptor.grid.weekdayLabels.map((label, index) => _jsx("span", { role: "columnheader", className: "hjm-calendar__weekday", children: label }, index)) }), Array.from({ length: cells.length / 7 }, (_, row) => _jsx("div", { role: "row", className: "hjm-calendar__week", children: cells.slice(row * 7, row * 7 + 7).map((cell, column) => "filler" in cell
                                 ? _jsx("span", { role: "gridcell", "aria-hidden": "true" }, `filler-${column}`)

package/dist/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../src/calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useId, useImperativeHandle, useRef, useState, type CSSProperties, type ReactNode, type Ref } from \"react\";\nimport {\n  calendarRecipe as recipe, assertIsoCalendarMonth, validateCalendarDescriptor, resolveCalendarGridDescriptor,\n  getCalendarNavigationIntent, getCalendarNavigationTarget,\n  type CalendarDescriptor, type CalendarSize, type CalendarNavigationIntent,\n  type ComposeCalendarAccessibleName, type ResolvedCalendarDateCell,\n} from \"@hjmds/design-contracts/components/calendar\";\nimport { classNames, useControllableState } from \"./internal.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type CalendarMonthAction = Readonly<{ month: string; label: string }>;\nexport type CalendarHandle = Readonly<{ focusDate(date: string): void }>;\nexport type CalendarOverflow = Readonly<{ date: string; intent: CalendarNavigationIntent; overflow: \"before\" | \"after\" }>;\nexport type CalendarProps<Content = unknown> = Readonly<{\n  descriptor: CalendarDescriptor<Content>;\n  composeAccessibleName: ComposeCalendarAccessibleName<Content>;\n  previousMonth?: CalendarMonthAction;\n  nextMonth?: CalendarMonthAction;\n  /** The product owns adjacent month/date arithmetic. Call focusDate after requesting its page. */\n  onNavigateBeyondGrid?: (detail: CalendarOverflow, focusDate: CalendarHandle[\"focusDate\"]) => void;\n  renderCellContent?: (cell: ResolvedCalendarDateCell<Content>) => ReactNode;\n  size?: CalendarSize;\n  autoFocus?: boolean;\n  className?: string;\n  ref?: Ref<CalendarHandle>;\n  /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n  layoutStyle?: HjmCompositionStyleProp;\n}>;\n\n/** Inline single-date grid shared with DatePicker; month data remains product-owned. */\nexport function Calendar<Content>({ descriptor, composeAccessibleName, previousMonth, nextMonth,\n  onNavigateBeyondGrid, renderCellContent, size = \"medium\", autoFocus = false, className, layoutStyle, ref }: CalendarProps<Content>) {\n  validateCalendarDescriptor(descriptor);\n  for (const action of [previousMonth, nextMonth]) {\n    if (!action) continue;\n    assertIsoCalendarMonth(action.month, \"month action\");\n    if (!action.label.trim()) throw new TypeError(\"Calendar month action label must not be empty\");\n  }\n  const theme = useOptionalHjmTheme();\n  const [selected, setSelected] = useControllableState<string | null>({\n    ...(descriptor.selectedDate === undefined ? {} : { value: descriptor.selectedDate }),\n    defaultValue: descriptor.defaultSelectedDate ?? null,\n    ...(descriptor.onSelectionChange ? { onChange: descriptor.onSelectionChange } : {}),\n  });\n  const cells = resolveCalendarGridDescriptor(descriptor.grid, selected, { composeAccessibleName });\n  const dates = cells.filter((cell): cell is ResolvedCalendarDateCell<Content> => !(\"filler\" in cell));\n  const initial = dates.find((cell) => cell.isSelected) ?? dates.find((cell) => cell.isToday) ?? dates[0];\n  const [focused, setFocused] = useState(initial?.date);\n  const active = dates.some((cell) => cell.date === focused) ? focused : initial?.date;\n  const root = useRef<HTMLDivElement>(null);\n  const pending = useRef<string | undefined>(undefined);\n  const [request, setRequest] = useState(0);\n  const focusDate = (date: string) => { pending.current = date; setFocused(date); setRequest((value) => value + 1); };\n  useImperativeHandle(ref, () => ({ focusDate }), []);\n  const gridKey = dates.map((cell) => cell.date).join(\",\");\n  const mountedFocus = useRef(false);\n  useEffect(() => {\n    if (autoFocus && !mountedFocus.current && active) pending.current = active;\n    mountedFocus.current = true;\n    const date = pending.current;\n    if (!date) return;\n    // A requested adjacent date may arrive in a later render; retain it until that page exists.\n    const button = Array.from(root.current?.querySelectorAll<HTMLButtonElement>(\"[data-date]\") ?? []).find((node) => node.dataset.date === date);\n    if (button) { button.focus(); setFocused(date); pending.current = undefined; }\n  }, [gridKey, request, autoFocus, active]);\n  const titleId = `hjm-calendar-${useId()}`;\n  return <div ref={root} className={classNames(\"hjm-calendar\", className)} data-size={size}\n    style={{ ...layoutStyle, \"--hjm-calendar-cell-size\": `${recipe.sizes[size].cellDiameter}px`,\n      \"--hjm-calendar-disabled-opacity\": recipe.day.disabledOpacity,\n      \"--hjm-calendar-outside-opacity\": recipe.day.outsideFocusedMonthOpacity } as CSSProperties}>\n    <div className=\"hjm-calendar__header\">\n      {previousMonth ? <button type=\"button\" aria-label={previousMonth.label} disabled={!descriptor.onFocusedMonthChange}\n        onClick={() => descriptor.onFocusedMonthChange?.(previousMonth.month, \"previous\")}><span aria-hidden=\"true\">{theme?.environment.direction === \"rtl\" ? \"›\" : \"‹\"}</span></button> : <span />}\n      <strong id={titleId} aria-live=\"polite\" aria-atomic=\"true\">{descriptor.monthLabel}</strong>\n      {nextMonth ? <button type=\"button\" aria-label={nextMonth.label} disabled={!descriptor.onFocusedMonthChange}\n        onClick={() => descriptor.onFocusedMonthChange?.(nextMonth.month, \"next\")}><span aria-hidden=\"true\">{theme?.environment.direction === \"rtl\" ? \"‹\" : \"›\"}</span></button> : <span />}\n    </div>\n    <div className=\"hjm-calendar__viewport\">\n      <div role=\"grid\" aria-labelledby={titleId} className=\"hjm-calendar__grid\">\n        <div role=\"row\" className=\"hjm-calendar__week\">\n          {descriptor.grid.weekdayLabels.map((label, index) => <span role=\"columnheader\" className=\"hjm-calendar__weekday\" key={index}>{label}</span>)}\n        </div>\n        {Array.from({ length: cells.length / 7 }, (_, row) => <div role=\"row\" className=\"hjm-calendar__week\" key={row}>\n          {cells.slice(row * 7, row * 7 + 7).map((cell, column) => \"filler\" in cell\n            ? <span role=\"gridcell\" aria-hidden=\"true\" key={`filler-${column}`} />\n            : <button type=\"button\" role=\"gridcell\" key={cell.date} className=\"hjm-calendar__day\"\n              data-date={cell.date} data-focus-date={cell.date === active || undefined}\n              data-today={cell.isToday || undefined} data-selected={cell.isSelected || undefined}\n              data-disabled={!cell.selectable || undefined} data-outside={cell.outsideFocusedMonth || undefined}\n              aria-label={cell.accessibleName} aria-selected={cell.isSelected} aria-disabled={!cell.selectable || undefined}\n              aria-current={cell.isToday ? \"date\" : undefined} tabIndex={cell.date === active ? 0 : -1}\n              onFocus={() => setFocused(cell.date)} onClick={() => {\n                if (!cell.selectable) return;\n                // Range completion and DatePicker confirmation still need activation\n                // when the date already equals Calendar's single selected value.\n                if (cell.date === selected) descriptor.onSelectionChange?.(cell.date);\n                else setSelected(cell.date);\n              }}\n              onKeyDown={(event) => {\n                if (event.altKey || event.ctrlKey || event.metaKey) return;\n                const intent = getCalendarNavigationIntent(event.key as Parameters<typeof getCalendarNavigationIntent>[0], theme?.environment.direction ?? \"ltr\");\n                if (!intent) return;\n                event.preventDefault();\n                const target = getCalendarNavigationTarget(descriptor.grid, cell.date, intent);\n                if (target.date) focusDate(target.date);\n                else if (target.overflow) onNavigateBeyondGrid?.({ date: cell.date, intent, overflow: target.overflow }, focusDate);\n              }}>\n              <span aria-hidden=\"true\" className=\"hjm-calendar__day-label\">{Number(cell.date.slice(-2))}</span>\n              {renderCellContent ? <span aria-hidden=\"true\" className=\"hjm-calendar__content\">{renderCellContent(cell)}</span> : null}\n            </button>)}\n        </div>)}\n      </div>\n    </div>\n  </div>;\n}\n"]}
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../src/calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useId, useImperativeHandle, useRef, useState, type CSSProperties, type ReactNode, type Ref } from \"react\";\nimport {\n  calendarRecipe as recipe, assertIsoCalendarMonth, validateCalendarDescriptor, resolveCalendarGridDescriptor,\n  getCalendarNavigationIntent, getCalendarNavigationTarget,\n  type CalendarDescriptor, type CalendarSize, type CalendarNavigationIntent,\n  type ComposeCalendarAccessibleName, type ResolvedCalendarDateCell,\n} from \"@hjmds/design-contracts/components/calendar\";\nimport { classNames, useControllableState } from \"./internal.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type CalendarMonthAction = Readonly<{ month: string; label: string }>;\nexport type CalendarHandle = Readonly<{ focusDate(date: string): void }>;\nexport type CalendarOverflow = Readonly<{ date: string; intent: CalendarNavigationIntent; overflow: \"before\" | \"after\" }>;\nexport type CalendarProps<Content = unknown> = Readonly<{\n  descriptor: CalendarDescriptor<Content>;\n  composeAccessibleName: ComposeCalendarAccessibleName<Content>;\n  previousMonth?: CalendarMonthAction;\n  nextMonth?: CalendarMonthAction;\n  /** The product owns adjacent month/date arithmetic. Call focusDate after requesting its page. */\n  onNavigateBeyondGrid?: (detail: CalendarOverflow, focusDate: CalendarHandle[\"focusDate\"]) => void;\n  renderCellContent?: (cell: ResolvedCalendarDateCell<Content>) => ReactNode;\n  size?: CalendarSize;\n  autoFocus?: boolean;\n  className?: string;\n  ref?: Ref<CalendarHandle>;\n  /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n  layoutStyle?: HjmCompositionStyleProp;\n}>;\n\n/** Inline single-date grid shared with DatePicker; month data remains product-owned. */\nexport function Calendar<Content>({ descriptor, composeAccessibleName, previousMonth, nextMonth,\n  onNavigateBeyondGrid, renderCellContent, size = \"medium\", autoFocus = false, className, layoutStyle, ref }: CalendarProps<Content>) {\n  validateCalendarDescriptor(descriptor);\n  for (const action of [previousMonth, nextMonth]) {\n    if (!action) continue;\n    assertIsoCalendarMonth(action.month, \"month action\");\n    if (!action.label.trim()) throw new TypeError(\"Calendar month action label must not be empty\");\n  }\n  const theme = useOptionalHjmTheme();\n  const [selected, setSelected] = useControllableState<string | null>({\n    ...(descriptor.selectedDate === undefined ? {} : { value: descriptor.selectedDate }),\n    defaultValue: descriptor.defaultSelectedDate ?? null,\n    ...(descriptor.onSelectionChange ? { onChange: descriptor.onSelectionChange } : {}),\n  });\n  const cells = resolveCalendarGridDescriptor(descriptor.grid, selected, { composeAccessibleName });\n  const dates = cells.filter((cell): cell is ResolvedCalendarDateCell<Content> => !(\"filler\" in cell));\n  const initial = dates.find((cell) => cell.isSelected) ?? dates.find((cell) => cell.isToday) ?? dates[0];\n  const [focused, setFocused] = useState(initial?.date);\n  const active = dates.some((cell) => cell.date === focused) ? focused : initial?.date;\n  const root = useRef<HTMLDivElement>(null);\n  const pending = useRef<string | undefined>(undefined);\n  const [request, setRequest] = useState(0);\n  const focusDate = (date: string) => { pending.current = date; setFocused(date); setRequest((value) => value + 1); };\n  useImperativeHandle(ref, () => ({ focusDate }), []);\n  const gridKey = dates.map((cell) => cell.date).join(\",\");\n  const mountedFocus = useRef(false);\n  useEffect(() => {\n    if (autoFocus && !mountedFocus.current && active) pending.current = active;\n    mountedFocus.current = true;\n    const date = pending.current;\n    if (!date) return;\n    // A requested adjacent date may arrive in a later render; retain it until that page exists.\n    const button = Array.from(root.current?.querySelectorAll<HTMLButtonElement>(\"[data-date]\") ?? []).find((node) => node.dataset.date === date);\n    if (button) { button.focus(); setFocused(date); pending.current = undefined; }\n  }, [gridKey, request, autoFocus, active]);\n  const titleId = `hjm-calendar-${useId()}`;\n  return <div ref={root} className={classNames(\"hjm-calendar\", className)} data-size={size}\n    style={{ ...layoutStyle, \"--hjm-calendar-cell-size\": `${recipe.sizes[size].cellDiameter}px`,\n      \"--hjm-calendar-indicator-size\": `${recipe.sizes[size].indicatorDiameter}px`,\n      \"--hjm-calendar-disabled-opacity\": recipe.day.disabledOpacity,\n      \"--hjm-calendar-outside-opacity\": recipe.day.outsideFocusedMonthOpacity } as CSSProperties}>\n    <div className=\"hjm-calendar__header\">\n      {previousMonth ? <button type=\"button\" aria-label={previousMonth.label} disabled={!descriptor.onFocusedMonthChange}\n        onClick={() => descriptor.onFocusedMonthChange?.(previousMonth.month, \"previous\")}><span aria-hidden=\"true\">{theme?.environment.direction === \"rtl\" ? \"›\" : \"‹\"}</span></button> : <span />}\n      <strong id={titleId} aria-live=\"polite\" aria-atomic=\"true\">{descriptor.monthLabel}</strong>\n      {nextMonth ? <button type=\"button\" aria-label={nextMonth.label} disabled={!descriptor.onFocusedMonthChange}\n        onClick={() => descriptor.onFocusedMonthChange?.(nextMonth.month, \"next\")}><span aria-hidden=\"true\">{theme?.environment.direction === \"rtl\" ? \"‹\" : \"›\"}</span></button> : <span />}\n    </div>\n    <div className=\"hjm-calendar__viewport\">\n      <div role=\"grid\" aria-labelledby={titleId} className=\"hjm-calendar__grid\">\n        <div role=\"row\" className=\"hjm-calendar__week\">\n          {descriptor.grid.weekdayLabels.map((label, index) => <span role=\"columnheader\" className=\"hjm-calendar__weekday\" key={index}>{label}</span>)}\n        </div>\n        {Array.from({ length: cells.length / 7 }, (_, row) => <div role=\"row\" className=\"hjm-calendar__week\" key={row}>\n          {cells.slice(row * 7, row * 7 + 7).map((cell, column) => \"filler\" in cell\n            ? <span role=\"gridcell\" aria-hidden=\"true\" key={`filler-${column}`} />\n            : <button type=\"button\" role=\"gridcell\" key={cell.date} className=\"hjm-calendar__day\"\n              data-date={cell.date} data-focus-date={cell.date === active || undefined}\n              data-today={cell.isToday || undefined} data-selected={cell.isSelected || undefined}\n              data-disabled={!cell.selectable || undefined} data-outside={cell.outsideFocusedMonth || undefined}\n              aria-label={cell.accessibleName} aria-selected={cell.isSelected} aria-disabled={!cell.selectable || undefined}\n              aria-current={cell.isToday ? \"date\" : undefined} tabIndex={cell.date === active ? 0 : -1}\n              onFocus={() => setFocused(cell.date)} onClick={() => {\n                if (!cell.selectable) return;\n                // Range completion and DatePicker confirmation still need activation\n                // when the date already equals Calendar's single selected value.\n                if (cell.date === selected) descriptor.onSelectionChange?.(cell.date);\n                else setSelected(cell.date);\n              }}\n              onKeyDown={(event) => {\n                if (event.altKey || event.ctrlKey || event.metaKey) return;\n                const intent = getCalendarNavigationIntent(event.key as Parameters<typeof getCalendarNavigationIntent>[0], theme?.environment.direction ?? \"ltr\");\n                if (!intent) return;\n                event.preventDefault();\n                const target = getCalendarNavigationTarget(descriptor.grid, cell.date, intent);\n                if (target.date) focusDate(target.date);\n                else if (target.overflow) onNavigateBeyondGrid?.({ date: cell.date, intent, overflow: target.overflow }, focusDate);\n              }}>\n              <span aria-hidden=\"true\" className=\"hjm-calendar__day-label\">{Number(cell.date.slice(-2))}</span>\n              {renderCellContent ? <span aria-hidden=\"true\" className=\"hjm-calendar__content\">{renderCellContent(cell)}</span> : null}\n            </button>)}\n        </div>)}\n      </div>\n    </div>\n  </div>;\n}\n"]}