@hjmds/react 1.18.0 → 1.19.0

package/dist/feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback.js","sourceRoot":"","sources":["../src/feedback.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  emptyStateRecipe,\n  noticeRecipe,\n  progressRecipe,\n  skeletonRecipe,\n  type NoticeTone,\n  type ProgressShape,\n  type ProgressSize,\n  type ProgressTone,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  resolveResultDescriptor,\n  type ResultDescriptor,\n} from \"@hjmds/design-contracts/components/result\";\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  type ProgressHTMLAttributes,\n  type ReactNode,\n  type CSSProperties,\n} from \"react\";\nimport { classNames } from \"./internal.js\";\nimport { Button } from \"./actions.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\n// The HTML `title` attribute (tooltip string) shares its name with the heading slot.\n// Left in the intersection, `string & ReactNode` collapses the slot to `string`, so\n// consumers had to cast heading elements (BurnTok, 2026-09-27 audit). Omit it like\n// Result/Card/Section already do.\nexport type NoticeProps = Omit<HTMLAttributes<HTMLElement>, \"title\"> &\n  Readonly<{\n    title: ReactNode;\n    description?: ReactNode;\n    action?: ReactNode;\n    icon?: ReactNode;\n    tone?: NoticeTone;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const Notice = forwardRef<HTMLElement, NoticeProps>(function Notice(\n  {\n    title,\n    description,\n    action,\n    icon,\n    tone = noticeRecipe.defaults.tone,\n    className,\n    layoutStyle,\n    ...props\n  },\n  ref,\n) {\n  const urgent = tone === \"danger\";\n  return (\n    <section\n      {...props}\n      style={{ ...props.style, ...layoutStyle }}\n      ref={ref}\n      className={classNames(\"hjm-notice\", className)}\n      data-tone={tone}\n      role={urgent ? \"alert\" : \"status\"}\n      aria-live={urgent ? \"assertive\" : \"polite\"}\n    >\n      {icon ? <div className=\"hjm-notice__icon\" aria-hidden=\"true\">{icon}</div> : null}\n      <div className=\"hjm-notice__content\">\n        <strong className=\"hjm-notice__title\">{title}</strong>\n        {description ? <div className=\"hjm-notice__description\">{description}</div> : null}\n      </div>\n      {action ? <div className=\"hjm-notice__action\">{action}</div> : null}\n    </section>\n  );\n});\n\ntype EmptyStateDensity = keyof typeof emptyStateRecipe.density;\n\nexport type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> &\n  Readonly<{\n    title: ReactNode;\n    description?: ReactNode;\n    action?: ReactNode;\n    icon?: ReactNode;\n    density?: EmptyStateDensity;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n  function EmptyState(\n    {\n      title,\n      description,\n      action,\n      icon,\n      density = emptyStateRecipe.defaults.density,\n      className,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <div\n        {...props}\n        style={{ ...props.style, ...layoutStyle }}\n        ref={ref}\n        className={classNames(\"hjm-empty-state\", className)}\n        data-density={density}\n        role=\"status\"\n      >\n        {icon ? <div className=\"hjm-empty-state__icon\" aria-hidden=\"true\">{icon}</div> : null}\n        <strong className=\"hjm-empty-state__title\">{title}</strong>\n        {description ? <div className=\"hjm-empty-state__description\">{description}</div> : null}\n        {action ? <div className=\"hjm-empty-state__action\">{action}</div> : null}\n      </div>\n    );\n  },\n);\n\nexport type ResultProps = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"children\" | \"title\"\n> &\n  ResultDescriptor &\n  Readonly<{\n    headingLevel?: 1 | 2;\n    /** Optional product glyph; its meaning is already carried by title/status. */\n    icon?: ReactNode;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\n/** A terminal flow outcome. EmptyState remains reserved for fillable content. */\nexport const Result = forwardRef<HTMLDivElement, ResultProps>(function Result(\n  {\n    status,\n    title,\n    description,\n    actions,\n    headingLevel = 2,\n    icon,\n    className,\n    role,\n    layoutStyle,\n    ...props\n  },\n  ref,\n) {\n  const result = resolveResultDescriptor({\n    status,\n    title,\n    ...(description === undefined ? {} : { description }),\n    ...(actions === undefined ? {} : { actions }),\n  });\n  const Heading = headingLevel === 1 ? \"h1\" : \"h2\";\n\n  return (\n    <div\n      {...props}\n      style={{ ...props.style, ...layoutStyle }}\n      ref={ref}\n      className={classNames(\"hjm-result\", className)}\n      data-status={result.status}\n      role={role ?? (result.status === \"failure\" ? \"alert\" : \"status\")}\n    >\n      <span className=\"hjm-result__icon\" aria-hidden=\"true\">\n        {icon}\n      </span>\n      <Heading className=\"hjm-result__title\">{result.title}</Heading>\n      {result.description ? (\n        <p className=\"hjm-result__description\">{result.description}</p>\n      ) : null}\n      {result.primaryAction || result.secondaryAction ? (\n        <div className=\"hjm-result__actions\">\n          {/* Button row rule (usage/components/button.md): secondary → primary, so the main action ends the row\n              like Dialog footers. Until 2026-10-06 Result drew primary first, the reverse of every other action row. */}\n          {result.secondaryAction ? (\n            <Button\n              aria-label={result.secondaryAction.accessibilityLabel}\n              onClick={result.secondaryAction.onAction}\n              tone=\"secondary\"\n            >\n              {result.secondaryAction.label}\n            </Button>\n          ) : null}\n          {result.primaryAction ? (\n            <Button\n              aria-label={result.primaryAction.accessibilityLabel}\n              onClick={result.primaryAction.onAction}\n            >\n              {result.primaryAction.label}\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nexport type ProgressProps = Omit<\n  ProgressHTMLAttributes<HTMLProgressElement>,\n  \"children\" | \"max\" | \"size\" | \"value\"\n> &\n  Readonly<{\n    label: ReactNode;\n    value?: number;\n    max?: number;\n    valueText?: string;\n    size?: ProgressSize;\n    tone?: ProgressTone;\n    /**\n     * `circular` draws the same value as a ring. It is a shape, not a second\n     * component: min/max/now, the indeterminate case and the announcement are\n     * identical, so the accessibility contract stays in one place.\n     */\n    shape?: ProgressShape;\n    /** Content inside the ring — a percentage, a count, an icon. Ignored when linear. */\n    children?: ReactNode;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const Progress = forwardRef<HTMLProgressElement, ProgressProps>(\n  function Progress(\n    {\n      label,\n      value,\n      valueText,\n      max = progressRecipe.defaults.max,\n      size = progressRecipe.defaults.size,\n      tone = progressRecipe.defaults.tone,\n      shape = progressRecipe.defaults.shape,\n      children,\n      className,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    if (typeof max !== \"number\" || !Number.isFinite(max) || max <= 0) {\n      throw new RangeError(\"Progress max must be a positive finite number\");\n    }\n    if (\n      value !== undefined &&\n      (!Number.isFinite(value) || value < 0 || value > max)\n    ) {\n      throw new RangeError(\"Progress value must be between zero and max\");\n    }\n    const diameter = progressRecipe.circular.sizes[size];\n    const strokeWidth = progressRecipe.circular.strokeWidth[size];\n    return (\n      <div\n        className={classNames(\"hjm-progress\", className)}\n        data-size={size}\n        data-tone={tone}\n        data-shape={shape}\n        data-state={value === undefined ? \"indeterminate\" : \"determinate\"}\n        // `layoutStyle` lands on this frame, not on the native <progress> that\n        // receives the rest props, so placement moves the label and bar together.\n        style={shape === \"circular\" ? ({\n          ...layoutStyle,\n          \"--hjm-progress-diameter\": `${diameter}px`,\n          \"--hjm-progress-stroke\": `${strokeWidth}px`,\n          // Conic sweep instead of an SVG arc: the same token drives both\n          // shapes and no second color pipeline appears.\n          \"--hjm-progress-sweep\": value === undefined ? \"25%\" : `${(value / max) * 100}%`,\n        } as CSSProperties) : layoutStyle}\n      >\n        <span className=\"hjm-progress__copy\">\n          <span>{label}</span>\n          {valueText ? <span>{valueText}</span> : null}\n        </span>\n        {shape === \"circular\" ? (\n          <span className=\"hjm-progress__ring\" aria-hidden=\"true\">\n            {children ? <span className=\"hjm-progress__ring-content\">{children}</span> : null}\n          </span>\n        ) : null}\n        <progress\n          {...props}\n          ref={ref}\n          className=\"hjm-progress__native\"\n          max={max}\n          {...(value === undefined ? {} : { value })}\n          aria-valuetext={typeof valueText === \"string\" ? valueText : undefined}\n        />\n      </div>\n    );\n  },\n);\n\nexport { Spinner, type SpinnerProps } from \"./internal/spinner.js\";\n\ntype SkeletonShape = keyof typeof skeletonRecipe.shapes;\n\nexport type SkeletonProps = Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> &\n  Readonly<{\n    shape?: SkeletonShape;\n    animated?: boolean;\n    width?: string | number;\n    height?: string | number;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const Skeleton = forwardRef<HTMLSpanElement, SkeletonProps>(\n  function Skeleton(\n    {\n      shape = skeletonRecipe.defaults.shape,\n      animated = skeletonRecipe.defaults.animated,\n      width,\n      height,\n      className,\n      style,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={classNames(\"hjm-skeleton\", className)}\n        data-shape={shape}\n        data-animated={animated}\n        aria-hidden=\"true\"\n        style={{ width, height, ...style, ...layoutStyle }}\n      />\n    );\n  },\n);\n\n// ActivityChip is a feedback-category status trigger (its panel is the Toast in this module). Also exported here so\n// apps can import it from an existing subpath: Next dev with HJM_LOCAL_SOURCE rejected the new ./activity-chip\n// subpath before aliasing because the installed release lacks it (BurnTok 2026-10-10).\nexport { ActivityChip, type ActivityChipProps } from \"./activity-chip.js\";\n"]}
+{"version":3,"file":"feedback.js","sourceRoot":"","sources":["../src/feedback.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  emptyStateRecipe,\n  noticeRecipe,\n  progressRecipe,\n  skeletonRecipe,\n  type NoticeTone,\n  type ProgressShape,\n  type ProgressSize,\n  type ProgressTone,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  resolveResultDescriptor,\n  type ResultDescriptor,\n} from \"@hjmds/design-contracts/components/result\";\nimport {\n  forwardRef,\n  useId,\n  type HTMLAttributes,\n  type ProgressHTMLAttributes,\n  type ReactNode,\n  type CSSProperties,\n} from \"react\";\nimport { classNames } from \"./internal.js\";\nimport { Button } from \"./actions.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\n// The HTML `title` attribute (tooltip string) shares its name with the heading slot.\n// Left in the intersection, `string & ReactNode` collapses the slot to `string`, so\n// consumers had to cast heading elements (BurnTok, 2026-09-27 audit). Omit it like\n// Result/Card/Section already do.\nexport type NoticeProps = Omit<HTMLAttributes<HTMLElement>, \"title\"> &\n  Readonly<{\n    title: ReactNode;\n    description?: ReactNode;\n    action?: ReactNode;\n    icon?: ReactNode;\n    tone?: NoticeTone;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const Notice = forwardRef<HTMLElement, NoticeProps>(function Notice(\n  {\n    title,\n    description,\n    action,\n    icon,\n    tone = noticeRecipe.defaults.tone,\n    className,\n    layoutStyle,\n    ...props\n  },\n  ref,\n) {\n  const urgent = tone === \"danger\";\n  return (\n    <section\n      {...props}\n      style={{ ...props.style, ...layoutStyle }}\n      ref={ref}\n      className={classNames(\"hjm-notice\", className)}\n      data-tone={tone}\n      role={urgent ? \"alert\" : \"status\"}\n      aria-live={urgent ? \"assertive\" : \"polite\"}\n    >\n      {icon ? <div className=\"hjm-notice__icon\" aria-hidden=\"true\">{icon}</div> : null}\n      <div className=\"hjm-notice__content\">\n        <strong className=\"hjm-notice__title\">{title}</strong>\n        {description ? <div className=\"hjm-notice__description\">{description}</div> : null}\n      </div>\n      {action ? <div className=\"hjm-notice__action\">{action}</div> : null}\n    </section>\n  );\n});\n\ntype EmptyStateDensity = keyof typeof emptyStateRecipe.density;\n\nexport type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> &\n  Readonly<{\n    title: ReactNode;\n    description?: ReactNode;\n    action?: ReactNode;\n    icon?: ReactNode;\n    density?: EmptyStateDensity;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n  function EmptyState(\n    {\n      title,\n      description,\n      action,\n      icon,\n      density = emptyStateRecipe.defaults.density,\n      className,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <div\n        {...props}\n        style={{ ...props.style, ...layoutStyle }}\n        ref={ref}\n        className={classNames(\"hjm-empty-state\", className)}\n        data-density={density}\n        role=\"status\"\n      >\n        {icon ? <div className=\"hjm-empty-state__icon\" aria-hidden=\"true\">{icon}</div> : null}\n        <strong className=\"hjm-empty-state__title\">{title}</strong>\n        {description ? <div className=\"hjm-empty-state__description\">{description}</div> : null}\n        {action ? <div className=\"hjm-empty-state__action\">{action}</div> : null}\n      </div>\n    );\n  },\n);\n\nexport type ResultProps = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"children\" | \"title\"\n> &\n  ResultDescriptor &\n  Readonly<{\n    headingLevel?: 1 | 2;\n    /** Optional product glyph; its meaning is already carried by title/status. */\n    icon?: ReactNode;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\n/** A terminal flow outcome. EmptyState remains reserved for fillable content. */\nexport const Result = forwardRef<HTMLDivElement, ResultProps>(function Result(\n  {\n    status,\n    title,\n    description,\n    actions,\n    headingLevel = 2,\n    icon,\n    className,\n    role,\n    layoutStyle,\n    ...props\n  },\n  ref,\n) {\n  const result = resolveResultDescriptor({\n    status,\n    title,\n    ...(description === undefined ? {} : { description }),\n    ...(actions === undefined ? {} : { actions }),\n  });\n  const Heading = headingLevel === 1 ? \"h1\" : \"h2\";\n\n  return (\n    <div\n      {...props}\n      style={{ ...props.style, ...layoutStyle }}\n      ref={ref}\n      className={classNames(\"hjm-result\", className)}\n      data-status={result.status}\n      role={role ?? (result.status === \"failure\" ? \"alert\" : \"status\")}\n    >\n      <span className=\"hjm-result__icon\" aria-hidden=\"true\">\n        {icon}\n      </span>\n      <Heading className=\"hjm-result__title\">{result.title}</Heading>\n      {result.description ? (\n        <p className=\"hjm-result__description\">{result.description}</p>\n      ) : null}\n      {result.primaryAction || result.secondaryAction ? (\n        <div className=\"hjm-result__actions\">\n          {/* Button row rule (usage/components/button.md): secondary → primary, so the main action ends the row\n              like Dialog footers. Until 2026-10-06 Result drew primary first, the reverse of every other action row. */}\n          {result.secondaryAction ? (\n            <Button\n              aria-label={result.secondaryAction.accessibilityLabel}\n              onClick={result.secondaryAction.onAction}\n              tone=\"secondary\"\n            >\n              {result.secondaryAction.label}\n            </Button>\n          ) : null}\n          {result.primaryAction ? (\n            <Button\n              aria-label={result.primaryAction.accessibilityLabel}\n              onClick={result.primaryAction.onAction}\n            >\n              {result.primaryAction.label}\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nexport type ProgressProps = Omit<\n  ProgressHTMLAttributes<HTMLProgressElement>,\n  \"children\" | \"max\" | \"size\" | \"value\"\n> &\n  Readonly<{\n    label: ReactNode;\n    value?: number;\n    max?: number;\n    valueText?: string;\n    size?: ProgressSize;\n    tone?: ProgressTone;\n    /**\n     * `circular` draws the same value as a ring. It is a shape, not a second\n     * component: min/max/now, the indeterminate case and the announcement are\n     * identical, so the accessibility contract stays in one place.\n     */\n    shape?: ProgressShape;\n    /** Content inside the ring — a percentage, a count, an icon. Ignored when linear. */\n    children?: ReactNode;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const Progress = forwardRef<HTMLProgressElement, ProgressProps>(\n  function Progress(\n    {\n      label,\n      value,\n      valueText,\n      max = progressRecipe.defaults.max,\n      size = progressRecipe.defaults.size,\n      tone = progressRecipe.defaults.tone,\n      shape = progressRecipe.defaults.shape,\n      children,\n      className,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    if (typeof max !== \"number\" || !Number.isFinite(max) || max <= 0) {\n      throw new RangeError(\"Progress max must be a positive finite number\");\n    }\n    if (\n      value !== undefined &&\n      (!Number.isFinite(value) || value < 0 || value > max)\n    ) {\n      throw new RangeError(\"Progress value must be between zero and max\");\n    }\n    const labelId = useId();\n    const diameter = progressRecipe.circular.sizes[size];\n    const strokeWidth = progressRecipe.circular.strokeWidth[size];\n    return (\n      <div\n        className={classNames(\"hjm-progress\", className)}\n        data-size={size}\n        data-tone={tone}\n        data-shape={shape}\n        data-state={value === undefined ? \"indeterminate\" : \"determinate\"}\n        // `layoutStyle` lands on this frame, not on the native <progress> that\n        // receives the rest props, so placement moves the label and bar together.\n        style={shape === \"circular\" ? ({\n          ...layoutStyle,\n          \"--hjm-progress-diameter\": `${diameter}px`,\n          \"--hjm-progress-stroke\": `${strokeWidth}px`,\n          // Conic sweep instead of an SVG arc: the same token drives both\n          // shapes and no second color pipeline appears.\n          \"--hjm-progress-sweep\": value === undefined ? \"25%\" : `${(value / max) * 100}%`,\n        } as CSSProperties) : layoutStyle}\n      >\n        <span className=\"hjm-progress__copy\">\n          <span id={labelId}>{label}</span>\n          {valueText ? <span>{valueText}</span> : null}\n        </span>\n        {shape === \"circular\" ? (\n          <span className=\"hjm-progress__ring\" aria-hidden=\"true\">\n            {children ? <span className=\"hjm-progress__ring-content\">{children}</span> : null}\n          </span>\n        ) : null}\n        <progress\n          {...props}\n          ref={ref}\n          className=\"hjm-progress__native\"\n          max={max}\n          {...(value === undefined ? {} : { value })}\n          aria-labelledby={props[\"aria-labelledby\"] ?? (props[\"aria-label\"] === undefined ? labelId : undefined)}\n          aria-valuetext={typeof valueText === \"string\" ? valueText : undefined}\n        />\n      </div>\n    );\n  },\n);\n\nexport { Spinner, type SpinnerProps } from \"./internal/spinner.js\";\n\ntype SkeletonShape = keyof typeof skeletonRecipe.shapes;\n\nexport type SkeletonProps = Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> &\n  Readonly<{\n    shape?: SkeletonShape;\n    animated?: boolean;\n    width?: string | number;\n    height?: string | number;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const Skeleton = forwardRef<HTMLSpanElement, SkeletonProps>(\n  function Skeleton(\n    {\n      shape = skeletonRecipe.defaults.shape,\n      animated = skeletonRecipe.defaults.animated,\n      width,\n      height,\n      className,\n      style,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={classNames(\"hjm-skeleton\", className)}\n        data-shape={shape}\n        data-animated={animated}\n        aria-hidden=\"true\"\n        style={{ width, height, ...style, ...layoutStyle }}\n      />\n    );\n  },\n);\n\n// ActivityChip is a feedback-category status trigger (its panel is the Toast in this module). Also exported here so\n// apps can import it from an existing subpath: Next dev with HJM_LOCAL_SOURCE rejected the new ./activity-chip\n// subpath before aliasing because the installed release lacks it (BurnTok 2026-10-10).\nexport { ActivityChip, type ActivityChipProps } from \"./activity-chip.js\";\n"]}

package/dist/field-group.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { type FieldGroupDescriptor } from "@hjmds/design-contracts/field-group";
+import { type FieldGroupLayout, type FieldGroupDescriptor } from "@hjmds/design-contracts/field-group";
 import type { HjmCompositionStyleProp } from "./composition-style.js";
 export type FieldGroupBinding = Readonly<{
     id: string;
@@ -15,8 +15,10 @@ export type FieldGroupBinding = Readonly<{
 export type FieldGroupProps = Readonly<{
     descriptor: FieldGroupDescriptor;
     renderField: (field: FieldGroupBinding) => ReactNode;
+    layout?: FieldGroupLayout;
+    className?: string;
     layoutStyle?: HjmCompositionStyleProp;
 }>;
 /** Named related fields inside an existing form; never creates a submission boundary. */
-export declare function FieldGroup({ descriptor, renderField, layoutStyle }: FieldGroupProps): import("react").JSX.Element;
+export declare function FieldGroup({ descriptor, renderField, layout, className, layoutStyle }: FieldGroupProps): import("react").JSX.Element;
 //# sourceMappingURL=field-group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"field-group.d.ts","sourceRoot":"","sources":["../src/field-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAkD,KAAK,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAChI,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,QAAQ,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,cAAc,EAAE,OAAO,CAAC;QAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/H,WAAW,EAAE,CAAC,IAAI,SAAS,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACrG,CAAC,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,UAAU,EAAE,oBAAoB,CAAC;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACrD,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAEH,yFAAyF;AACzF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,eAAe,+BA0BnF"}
+{"version":3,"file":"field-group.d.ts","sourceRoot":"","sources":["../src/field-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAoE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AACzK,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,QAAQ,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,cAAc,EAAE,OAAO,CAAC;QAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/H,WAAW,EAAE,CAAC,IAAI,SAAS,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACrG,CAAC,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,UAAU,EAAE,oBAAoB,CAAC;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACrD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAEH,yFAAyF;AACzF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,MAAyC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,eAAe,+BA2BzI"}

package/dist/field-group.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useLayoutEffect, useRef } from "react";
-import { createFieldGroupEditSession, resolveFieldGroup } from "@hjmds/design-contracts/field-group";
+import { createFieldGroupEditSession, resolveFieldGroup, fieldGroupRecipe } from "@hjmds/design-contracts/field-group";
 /** Named related fields inside an existing form; never creates a submission boundary. */
-export function FieldGroup({ descriptor, renderField, layoutStyle }) {
+export function FieldGroup({ descriptor, renderField, layout = fieldGroupRecipe.defaults.layout, className, layoutStyle }) {
     const groupId = useId();
     const resolved = resolveFieldGroup(descriptor);
+    const recipe = fieldGroupRecipe;
     const session = useRef(createFieldGroupEditSession(resolved.fields));
     useLayoutEffect(() => { session.current.update(resolved.fields); return () => session.current.suspend(); }, [resolved.fields]);
     const groupSupport = [resolved.description ? `${groupId}-description` : undefined, resolved.error ? `${groupId}-error` : undefined].filter(Boolean).join(" ") || undefined;
-    return _jsxs("fieldset", { disabled: resolved.disabled, "aria-describedby": groupSupport, style: { border: 0, margin: 0, padding: 0, minInlineSize: 0, ...layoutStyle }, children: [_jsx("legend", { style: { maxInlineSize: "100%", overflowWrap: "anywhere", marginBlockEnd: "var(--hjm-space-sm)" }, children: resolved.label }), resolved.description ? _jsx("p", { id: `${groupId}-description`, children: resolved.description }) : null, resolved.error ? _jsx("p", { id: `${groupId}-error`, role: "alert", style: { color: "var(--hjm-color-danger)" }, children: resolved.error }) : null, _jsx("div", { style: { display: "grid", gap: "var(--hjm-space-md)", minInlineSize: 0 }, children: resolved.fields.map(field => {
+    return _jsxs("fieldset", { className: className, disabled: resolved.disabled, "aria-describedby": groupSupport, style: { border: 0, margin: 0, padding: 0, minInlineSize: 0, ...layoutStyle }, children: [_jsx("legend", { style: { maxInlineSize: "100%", overflowWrap: "anywhere", marginBlockEnd: `var(--hjm-space-${recipe.headingGap})` }, children: resolved.label }), resolved.description ? _jsx("p", { id: `${groupId}-description`, children: resolved.description }) : null, resolved.error ? _jsx("p", { id: `${groupId}-error`, role: "alert", style: { color: "var(--hjm-color-danger)" }, children: resolved.error }) : null, _jsx("div", { style: { display: "grid", gridTemplateColumns: layout === "inline" ? `repeat(auto-fit, minmax(min(100%, ${recipe.inline.minCharacters}ch), 1fr))` : undefined, gap: `var(--hjm-space-${recipe.gap})`, minInlineSize: 0 }, children: resolved.fields.map(field => {
                     // Encode product ids rather than indexes: reordering must preserve control identity and focus.
                     const id = `${groupId}-field-${encodeURIComponent(field.id)}`;
                     const supportId = (message) => message.scope === "group" ? `${groupId}-${message.kind}` : `${id}-${message.kind}`;

package/dist/field-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-group.js","sourceRoot":"","sources":["../src/field-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useId, useLayoutEffect, useRef, type ReactNode } from \"react\";\nimport { createFieldGroupEditSession, resolveFieldGroup, type FieldGroupDescriptor } from \"@hjmds/design-contracts/field-group\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type FieldGroupBinding = Readonly<{\n  id: string;\n  controlProps: Readonly<{ id: string; label: string; disabled: boolean; \"aria-invalid\": boolean; \"aria-describedby\"?: string }>;\n  guardChange: <Args extends unknown[]>(callback: (...args: Args) => void) => (...args: Args) => void;\n}>;\nexport type FieldGroupProps = Readonly<{\n  descriptor: FieldGroupDescriptor;\n  renderField: (field: FieldGroupBinding) => ReactNode;\n  layoutStyle?: HjmCompositionStyleProp;\n}>;\n\n/** Named related fields inside an existing form; never creates a submission boundary. */\nexport function FieldGroup({ descriptor, renderField, layoutStyle }: FieldGroupProps) {\n  const groupId = useId();\n  const resolved = resolveFieldGroup(descriptor);\n  const session = useRef(createFieldGroupEditSession(resolved.fields));\n  useLayoutEffect(() => { session.current.update(resolved.fields); return () => session.current.suspend(); }, [resolved.fields]);\n  const groupSupport = [resolved.description ? `${groupId}-description` : undefined, resolved.error ? `${groupId}-error` : undefined].filter(Boolean).join(\" \") || undefined;\n  return <fieldset disabled={resolved.disabled} aria-describedby={groupSupport}\n    style={{ border: 0, margin: 0, padding: 0, minInlineSize: 0, ...layoutStyle }}>\n    <legend style={{ maxInlineSize: \"100%\", overflowWrap: \"anywhere\", marginBlockEnd: \"var(--hjm-space-sm)\" }}>{resolved.label}</legend>\n    {resolved.description ? <p id={`${groupId}-description`}>{resolved.description}</p> : null}\n    {resolved.error ? <p id={`${groupId}-error`} role=\"alert\" style={{ color: \"var(--hjm-color-danger)\" }}>{resolved.error}</p> : null}\n    <div style={{ display: \"grid\", gap: \"var(--hjm-space-md)\", minInlineSize: 0 }}>\n      {resolved.fields.map(field => {\n        // Encode product ids rather than indexes: reordering must preserve control identity and focus.\n        const id = `${groupId}-field-${encodeURIComponent(field.id)}`;\n        const supportId = (message: typeof field.support[number]) => message.scope === \"group\" ? `${groupId}-${message.kind}` : `${id}-${message.kind}`;\n        const support = field.support.map(supportId).join(\" \");\n        return <div key={field.id} style={{ minInlineSize: 0 }}>\n          {renderField({ id: field.id, controlProps: { id, label: field.label, disabled: field.disabled, \"aria-invalid\": field.invalid,\n            ...(support ? { \"aria-describedby\": support } : {}) }, guardChange: callback => session.current.guard(field.id, callback) })}\n          {field.support.filter(message => message.scope === \"field\").map(message => <p key={message.kind} id={supportId(message)}\n            {...(message.kind === \"error\" ? { role: \"alert\", style: { color: \"var(--hjm-color-danger)\" } } : {})}>{message.text}</p>)}\n        </div>;\n      })}\n    </div>\n  </fieldset>;\n}\n"]}
+{"version":3,"file":"field-group.js","sourceRoot":"","sources":["../src/field-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,gBAAgB,EAAoD,MAAM,qCAAqC,CAAC;AAgBzK,yFAAyF;AACzF,MAAM,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,WAAW,EAAmB;IACxI,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,gBAAgB,CAAC;IAChC,MAAM,OAAO,GAAG,MAAM,CAAC,2BAA2B,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IACrE,eAAe,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/H,MAAM,YAAY,GAAG,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,OAAO,cAAc,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;IAC3K,OAAO,oBAAU,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,sBAAoB,YAAY,EAChG,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,aAC7E,iBAAQ,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,MAAM,CAAC,UAAU,GAAG,EAAE,YAAG,QAAQ,CAAC,KAAK,GAAU,EACrJ,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,YAAG,EAAE,EAAE,GAAG,OAAO,cAAc,YAAG,QAAQ,CAAC,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,EACzF,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,YAAG,EAAE,EAAE,GAAG,OAAO,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,YAAG,QAAQ,CAAC,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAClI,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,qCAAqC,MAAM,CAAC,MAAM,CAAC,aAAa,YAAY,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,mBAAmB,MAAM,CAAC,GAAG,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE,YAC1N,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;oBAC3B,+FAA+F;oBAC/F,MAAM,EAAE,GAAG,GAAG,OAAO,UAAU,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC9D,MAAM,SAAS,GAAG,CAAC,OAAqC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;oBAChJ,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBACvD,OAAO,eAAoB,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,aACnD,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,CAAC,OAAO;oCAC1H,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,EAC7H,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,YAAsB,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,KACjH,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAAG,OAAO,CAAC,IAAI,IADlC,OAAO,CAAC,IAAI,CAC2B,CAAC,KAJ5G,KAAK,CAAC,EAAE,CAKnB,CAAC;gBACT,CAAC,CAAC,GACE,IACG,CAAC;AACd,CAAC","sourcesContent":["import { useId, useLayoutEffect, useRef, type ReactNode } from \"react\";\nimport { createFieldGroupEditSession, resolveFieldGroup, fieldGroupRecipe, type FieldGroupLayout, type FieldGroupDescriptor } from \"@hjmds/design-contracts/field-group\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type FieldGroupBinding = Readonly<{\n  id: string;\n  controlProps: Readonly<{ id: string; label: string; disabled: boolean; \"aria-invalid\": boolean; \"aria-describedby\"?: string }>;\n  guardChange: <Args extends unknown[]>(callback: (...args: Args) => void) => (...args: Args) => void;\n}>;\nexport type FieldGroupProps = Readonly<{\n  descriptor: FieldGroupDescriptor;\n  renderField: (field: FieldGroupBinding) => ReactNode;\n  layout?: FieldGroupLayout;\n  className?: string;\n  layoutStyle?: HjmCompositionStyleProp;\n}>;\n\n/** Named related fields inside an existing form; never creates a submission boundary. */\nexport function FieldGroup({ descriptor, renderField, layout = fieldGroupRecipe.defaults.layout, className, layoutStyle }: FieldGroupProps) {\n  const groupId = useId();\n  const resolved = resolveFieldGroup(descriptor);\n  const recipe = fieldGroupRecipe;\n  const session = useRef(createFieldGroupEditSession(resolved.fields));\n  useLayoutEffect(() => { session.current.update(resolved.fields); return () => session.current.suspend(); }, [resolved.fields]);\n  const groupSupport = [resolved.description ? `${groupId}-description` : undefined, resolved.error ? `${groupId}-error` : undefined].filter(Boolean).join(\" \") || undefined;\n  return <fieldset className={className} disabled={resolved.disabled} aria-describedby={groupSupport}\n    style={{ border: 0, margin: 0, padding: 0, minInlineSize: 0, ...layoutStyle }}>\n    <legend style={{ maxInlineSize: \"100%\", overflowWrap: \"anywhere\", marginBlockEnd: `var(--hjm-space-${recipe.headingGap})` }}>{resolved.label}</legend>\n    {resolved.description ? <p id={`${groupId}-description`}>{resolved.description}</p> : null}\n    {resolved.error ? <p id={`${groupId}-error`} role=\"alert\" style={{ color: \"var(--hjm-color-danger)\" }}>{resolved.error}</p> : null}\n    <div style={{ display: \"grid\", gridTemplateColumns: layout === \"inline\" ? `repeat(auto-fit, minmax(min(100%, ${recipe.inline.minCharacters}ch), 1fr))` : undefined, gap: `var(--hjm-space-${recipe.gap})`, minInlineSize: 0 }}>\n      {resolved.fields.map(field => {\n        // Encode product ids rather than indexes: reordering must preserve control identity and focus.\n        const id = `${groupId}-field-${encodeURIComponent(field.id)}`;\n        const supportId = (message: typeof field.support[number]) => message.scope === \"group\" ? `${groupId}-${message.kind}` : `${id}-${message.kind}`;\n        const support = field.support.map(supportId).join(\" \");\n        return <div key={field.id} style={{ minInlineSize: 0 }}>\n          {renderField({ id: field.id, controlProps: { id, label: field.label, disabled: field.disabled, \"aria-invalid\": field.invalid,\n            ...(support ? { \"aria-describedby\": support } : {}) }, guardChange: callback => session.current.guard(field.id, callback) })}\n          {field.support.filter(message => message.scope === \"field\").map(message => <p key={message.kind} id={supportId(message)}\n            {...(message.kind === \"error\" ? { role: \"alert\", style: { color: \"var(--hjm-color-danger)\" } } : {})}>{message.text}</p>)}\n        </div>;\n      })}\n    </div>\n  </fieldset>;\n}\n"]}

package/dist/file-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-picker.d.ts","sourceRoot":"","sources":["../src/file-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,oBAAoB,EACzB,KAAK,yBAAyB,EAC/B,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GACzF,QAAQ,CAAC;IACP,UAAU,EAAE,oBAAoB,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvD,gGAAgG;IAChG,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAML,sFAAsF;AACtF,eAAO,MAAM,UAAU;gBApBP,oBAAoB;WACzB,SAAS;iBACH,MAAM;mBACJ,SAAS;cACd,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;oBACrC,MAAM;eACX,OAAO;WACX,SAAS;YACR,SAAS;cACP,MAAM;qBACC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;IACtD,gGAAgG;kBAClF,uBAAuB;mDAyFvC,CAAC"}
+{"version":3,"file":"file-picker.d.ts","sourceRoot":"","sources":["../src/file-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,oBAAoB,EACzB,KAAK,yBAAyB,EAC/B,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAQL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GACzF,QAAQ,CAAC;IACP,UAAU,EAAE,oBAAoB,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvD,gGAAgG;IAChG,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAML,sFAAsF;AACtF,eAAO,MAAM,UAAU;gBApBP,oBAAoB;WACzB,SAAS;iBACH,MAAM;mBACJ,SAAS;cACd,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;oBACrC,MAAM;eACX,OAAO;WACX,SAAS;YACR,SAAS;cACP,MAAM;qBACC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;IACtD,gGAAgG;kBAClF,uBAAuB;mDA6FvC,CAAC"}

package/dist/file-picker.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { filePickerTriggerDefaults, resolveFilePickerDescriptor, resolveFilePickerSelection, validateFilePickerTriggers, } from "@hjmds/design-contracts/components/file-picker";
-import { forwardRef, useId, useRef, useState, } from "react";
+import { forwardRef, useEffect, useId, useRef, useState, } from "react";
 import { classNames, composeRefs } from "./internal.js";
 function defaultCandidateId(file, index) {
     return `${file.name}:${file.size}:${file.lastModified}:${index}`;
@@ -13,7 +13,13 @@ export const FilePicker = forwardRef(function FilePicker({ descriptor, label, bu
     const id = inputId ?? `hjm-file-${generatedId.replaceAll(":", "")}`;
     const inputRef = useRef(null);
     const [dragging, setDragging] = useState(false);
+    useEffect(() => { if (disabled)
+        setDragging(false); }, [disabled]);
     const commit = (files) => {
+        // The OS dialog may finish after the owner locks this field. Empty input
+        // changes represent no selection and must not erase a product's file list.
+        if (disabled || files.length === 0)
+            return;
         const candidates = Array.from(files).map((file, index) => ({
             id: getCandidateId(file, index),
             name: file.name,
@@ -23,9 +29,13 @@ export const FilePicker = forwardRef(function FilePicker({ descriptor, label, bu
         onSelect(resolveFilePickerSelection(candidates, resolved, existingCount));
     };
     const handleChange = (event) => {
-        if (event.currentTarget.files)
-            commit(event.currentTarget.files);
-        event.currentTarget.value = "";
+        try {
+            if (event.currentTarget.files)
+                commit(event.currentTarget.files);
+        }
+        finally {
+            event.currentTarget.value = "";
+        }
     };
     const handleDrop = (event) => {
         event.preventDefault();
@@ -33,7 +43,7 @@ export const FilePicker = forwardRef(function FilePicker({ descriptor, label, bu
         if (!disabled && event.dataTransfer.files.length > 0)
             commit(event.dataTransfer.files);
     };
-    return (_jsxs("div", { ...props, style: { ...props.style, ...layoutStyle }, ref: composeRefs(ref), className: classNames("hjm-file-picker", className), "data-dragging": dragging || undefined, "data-invalid": error !== undefined || undefined, children: [_jsx("span", { className: "hjm-file-picker__label", id: `${id}-label`, children: label }), _jsx("input", { accept: resolved.accept?.join(","), "aria-labelledby": `${id}-label`, className: "hjm-visually-hidden", disabled: disabled, id: id, tabIndex: -1, multiple: resolved.mode === "multiple", onChange: handleChange, ref: inputRef, type: "file" }), _jsxs("div", { className: "hjm-file-picker__dropzone", onDragEnter: (event) => { event.preventDefault(); if (!disabled)
+    return (_jsxs("div", { ...props, style: { ...props.style, ...layoutStyle }, ref: composeRefs(ref), className: classNames("hjm-file-picker", className), "data-dragging": (!disabled && dragging) || undefined, "data-invalid": error !== undefined || undefined, children: [_jsx("span", { className: "hjm-file-picker__label", id: `${id}-label`, children: label }), _jsx("input", { accept: resolved.accept?.join(","), "aria-labelledby": `${id}-label`, className: "hjm-visually-hidden", disabled: disabled, id: id, tabIndex: -1, multiple: resolved.mode === "multiple", onChange: handleChange, ref: inputRef, type: "file" }), _jsxs("div", { className: "hjm-file-picker__dropzone", onDragEnter: (event) => { event.preventDefault(); if (!disabled)
                     setDragging(true); }, onDragLeave: (event) => { if (!event.currentTarget.contains(event.relatedTarget))
                     setDragging(false); }, onDragOver: (event) => event.preventDefault(), onDrop: handleDrop, children: [_jsx("span", { children: dropzoneLabel }), _jsx("button", { disabled: disabled, onClick: () => inputRef.current?.click(), type: "button", children: buttonLabel })] }), hint === undefined ? null : _jsx("span", { className: "hjm-file-picker__hint", children: hint }), error === undefined ? null : _jsx("span", { className: "hjm-file-picker__error", role: "alert", children: error })] }));
 });

package/dist/file-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-picker.js","sourceRoot":"","sources":["../src/file-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  filePickerTriggerDefaults,\n  resolveFilePickerDescriptor,\n  resolveFilePickerSelection,\n  validateFilePickerTriggers,\n  type FilePickerCandidate,\n  type FilePickerDescriptor,\n  type FilePickerSelectionResult,\n} from \"@hjmds/design-contracts/components/file-picker\";\nimport {\n  forwardRef,\n  useId,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type DragEvent,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\n\nimport { classNames, composeRefs } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type FilePickerProps = Omit<HTMLAttributes<HTMLDivElement>, \"children\" | \"onSelect\"> &\n  Readonly<{\n    descriptor: FilePickerDescriptor;\n    label: ReactNode;\n    buttonLabel: string;\n    dropzoneLabel: ReactNode;\n    onSelect: (result: FilePickerSelectionResult) => void;\n    existingCount?: number;\n    disabled?: boolean;\n    hint?: ReactNode;\n    error?: ReactNode;\n    inputId?: string;\n    getCandidateId?: (file: File, index: number) => string;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nfunction defaultCandidateId(file: File, index: number): string {\n  return `${file.name}:${file.size}:${file.lastModified}:${index}`;\n}\n\n/** Native file input plus an optional Web dropzone sharing one selection resolver. */\nexport const FilePicker = forwardRef<HTMLDivElement, FilePickerProps>(function FilePicker(\n  {\n    descriptor,\n    label,\n    buttonLabel,\n    dropzoneLabel,\n    onSelect,\n    existingCount = 0,\n    disabled = false,\n    hint,\n    error,\n    inputId,\n    getCandidateId = defaultCandidateId,\n    className,\n    layoutStyle,\n    ...props\n  },\n  ref,\n) {\n  validateFilePickerTriggers(\"web\", filePickerTriggerDefaults.web);\n  const resolved = resolveFilePickerDescriptor(descriptor);\n  const generatedId = useId();\n  const id = inputId ?? `hjm-file-${generatedId.replaceAll(\":\", \"\")}`;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [dragging, setDragging] = useState(false);\n\n  const commit = (files: FileList | readonly File[]) => {\n    const candidates: FilePickerCandidate[] = Array.from(files).map((file, index) => ({\n      id: getCandidateId(file, index),\n      name: file.name,\n      mimeType: file.type,\n      sizeBytes: file.size,\n    }));\n    onSelect(resolveFilePickerSelection(candidates, resolved, existingCount));\n  };\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (event.currentTarget.files) commit(event.currentTarget.files);\n    event.currentTarget.value = \"\";\n  };\n  const handleDrop = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    setDragging(false);\n    if (!disabled && event.dataTransfer.files.length > 0) commit(event.dataTransfer.files);\n  };\n\n  return (\n    <div {...props} style={{ ...props.style, ...layoutStyle }} ref={composeRefs(ref)} className={classNames(\"hjm-file-picker\", className)} data-dragging={dragging || undefined} data-invalid={error !== undefined || undefined}>\n      <span className=\"hjm-file-picker__label\" id={`${id}-label`}>{label}</span>\n      {/*\n        The visible button below is the keyboard entry point. Before 1.5.0 this\n        hidden input was a second, unnamed tab stop (the label span was not\n        associated with it), so a screen reader announced a nameless \"file\"\n        control. It stays in the accessibility tree for virtual cursors, named\n        by the label, and leaves the tab order.\n      */}\n      <input\n        accept={resolved.accept?.join(\",\")}\n        aria-labelledby={`${id}-label`}\n        className=\"hjm-visually-hidden\"\n        disabled={disabled}\n        id={id}\n        tabIndex={-1}\n        multiple={resolved.mode === \"multiple\"}\n        onChange={handleChange}\n        ref={inputRef}\n        type=\"file\"\n      />\n      <div\n        className=\"hjm-file-picker__dropzone\"\n        onDragEnter={(event) => { event.preventDefault(); if (!disabled) setDragging(true); }}\n        onDragLeave={(event) => { if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setDragging(false); }}\n        onDragOver={(event) => event.preventDefault()}\n        onDrop={handleDrop}\n      >\n        <span>{dropzoneLabel}</span>\n        <button disabled={disabled} onClick={() => inputRef.current?.click()} type=\"button\">{buttonLabel}</button>\n      </div>\n      {hint === undefined ? null : <span className=\"hjm-file-picker__hint\">{hint}</span>}\n      {error === undefined ? null : <span className=\"hjm-file-picker__error\" role=\"alert\">{error}</span>}\n    </div>\n  );\n});\n"]}
+{"version":3,"file":"file-picker.js","sourceRoot":"","sources":["../src/file-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  filePickerTriggerDefaults,\n  resolveFilePickerDescriptor,\n  resolveFilePickerSelection,\n  validateFilePickerTriggers,\n  type FilePickerCandidate,\n  type FilePickerDescriptor,\n  type FilePickerSelectionResult,\n} from \"@hjmds/design-contracts/components/file-picker\";\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type DragEvent,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\n\nimport { classNames, composeRefs } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type FilePickerProps = Omit<HTMLAttributes<HTMLDivElement>, \"children\" | \"onSelect\"> &\n  Readonly<{\n    descriptor: FilePickerDescriptor;\n    label: ReactNode;\n    buttonLabel: string;\n    dropzoneLabel: ReactNode;\n    onSelect: (result: FilePickerSelectionResult) => void;\n    existingCount?: number;\n    disabled?: boolean;\n    hint?: ReactNode;\n    error?: ReactNode;\n    inputId?: string;\n    getCandidateId?: (file: File, index: number) => string;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nfunction defaultCandidateId(file: File, index: number): string {\n  return `${file.name}:${file.size}:${file.lastModified}:${index}`;\n}\n\n/** Native file input plus an optional Web dropzone sharing one selection resolver. */\nexport const FilePicker = forwardRef<HTMLDivElement, FilePickerProps>(function FilePicker(\n  {\n    descriptor,\n    label,\n    buttonLabel,\n    dropzoneLabel,\n    onSelect,\n    existingCount = 0,\n    disabled = false,\n    hint,\n    error,\n    inputId,\n    getCandidateId = defaultCandidateId,\n    className,\n    layoutStyle,\n    ...props\n  },\n  ref,\n) {\n  validateFilePickerTriggers(\"web\", filePickerTriggerDefaults.web);\n  const resolved = resolveFilePickerDescriptor(descriptor);\n  const generatedId = useId();\n  const id = inputId ?? `hjm-file-${generatedId.replaceAll(\":\", \"\")}`;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [dragging, setDragging] = useState(false);\n  useEffect(() => { if (disabled) setDragging(false); }, [disabled]);\n\n  const commit = (files: FileList | readonly File[]) => {\n    // The OS dialog may finish after the owner locks this field. Empty input\n    // changes represent no selection and must not erase a product's file list.\n    if (disabled || files.length === 0) return;\n    const candidates: FilePickerCandidate[] = Array.from(files).map((file, index) => ({\n      id: getCandidateId(file, index),\n      name: file.name,\n      mimeType: file.type,\n      sizeBytes: file.size,\n    }));\n    onSelect(resolveFilePickerSelection(candidates, resolved, existingCount));\n  };\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    try { if (event.currentTarget.files) commit(event.currentTarget.files); }\n    finally { event.currentTarget.value = \"\"; }\n  };\n  const handleDrop = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    setDragging(false);\n    if (!disabled && event.dataTransfer.files.length > 0) commit(event.dataTransfer.files);\n  };\n\n  return (\n    <div {...props} style={{ ...props.style, ...layoutStyle }} ref={composeRefs(ref)} className={classNames(\"hjm-file-picker\", className)} data-dragging={(!disabled && dragging) || undefined} data-invalid={error !== undefined || undefined}>\n      <span className=\"hjm-file-picker__label\" id={`${id}-label`}>{label}</span>\n      {/*\n        The visible button below is the keyboard entry point. Before 1.5.0 this\n        hidden input was a second, unnamed tab stop (the label span was not\n        associated with it), so a screen reader announced a nameless \"file\"\n        control. It stays in the accessibility tree for virtual cursors, named\n        by the label, and leaves the tab order.\n      */}\n      <input\n        accept={resolved.accept?.join(\",\")}\n        aria-labelledby={`${id}-label`}\n        className=\"hjm-visually-hidden\"\n        disabled={disabled}\n        id={id}\n        tabIndex={-1}\n        multiple={resolved.mode === \"multiple\"}\n        onChange={handleChange}\n        ref={inputRef}\n        type=\"file\"\n      />\n      <div\n        className=\"hjm-file-picker__dropzone\"\n        onDragEnter={(event) => { event.preventDefault(); if (!disabled) setDragging(true); }}\n        onDragLeave={(event) => { if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setDragging(false); }}\n        onDragOver={(event) => event.preventDefault()}\n        onDrop={handleDrop}\n      >\n        <span>{dropzoneLabel}</span>\n        <button disabled={disabled} onClick={() => inputRef.current?.click()} type=\"button\">{buttonLabel}</button>\n      </div>\n      {hint === undefined ? null : <span className=\"hjm-file-picker__hint\">{hint}</span>}\n      {error === undefined ? null : <span className=\"hjm-file-picker__error\" role=\"alert\">{error}</span>}\n    </div>\n  );\n});\n"]}

package/dist/forms.d.ts

@@ -60,7 +60,7 @@ type SharedInputProps = FieldCopyProps & Readonly<{
 export type TextFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & SharedInputProps & Readonly<{
     /**
      * Receives the next string value, the same callback name and shape as the
-     * Native TextField and the Web TextArea. Before 1.5.0 Web TextField only had
+     * Native TextField. Web TextArea retains the DOM `onChange` callback. Before 1.5.0 Web TextField only had
      * the DOM `onChange`, so shared form code needed a platform branch. Both
      * fire; `onChange` stays for event access.
      */
@@ -91,7 +91,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<I
 }> & Readonly<{
     /**
      * Receives the next string value, the same callback name and shape as the
-     * Native TextField and the Web TextArea. Before 1.5.0 Web TextField only had
+     * Native TextField. Web TextArea retains the DOM `onChange` callback. Before 1.5.0 Web TextField only had
      * the DOM `onChange`, so shared form code needed a platform branch. Both
      * fire; `onChange` stays for event access.
      */

package/dist/forms.js

@@ -126,7 +126,7 @@ export const SearchField = forwardRef(function SearchField({ value: valueProp, d
         color: "currentColor",
         size: iconRecipe.sizes[searchFieldRecipe.sizes[size].glyph],
     };
-    const canClear = value.length > 0 && !disabled;
+    const canClear = value.length > 0 && !disabled && !props.readOnly;
     return (_jsx(FieldDisabledOpacityContext.Provider, { value: searchFieldRecipe.states.disabledOpacity, children: _jsx(TextField, { ...props, ref: composeRefs(inputRef, forwardedRef), type: "search", value: value, "data-size": size, "data-loading": loading || undefined, disabled: disabled, "aria-busy": loading || ariaBusy || undefined, fieldClassName: classNames("hjm-search-field", fieldClassName), leading: leading ?? (renderSearchIcon ? renderSearchIcon(iconAppearance) : undefined), onChange: (event) => {
                 setValue(event.currentTarget.value);
                 onChange?.(event);

package/dist/forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"forms.js","sourceRoot":"","sources":["../src/forms.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  fieldRecipe,\n  type FieldAlign,\n  type FieldShape,\n  type FieldVariant,\n} from \"@hjmds/design-contracts/recipes/base\";\nimport {\n  iconRecipe,\n  searchFieldRecipe,\n  type SearchFieldSize,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  passwordFieldRecipe,\n  resolvePasswordFieldDescriptor,\n  type PasswordFieldAutofillHint,\n  type PasswordFieldSize,\n} from \"@hjmds/design-contracts/components/password-field\";\nimport {\n  getOtpFieldSlotValues,\n  otpFieldRecipe,\n  resolveOtpFieldValue,\n  type OtpFieldSize,\n  type OtpFieldPresentation,\n} from \"@hjmds/design-contracts/components/otp-field\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type HTMLAttributes,\n  type InputHTMLAttributes,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n} from \"react\";\nimport { composeRefs, classNames, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\ntype FieldCopyProps = Readonly<{\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: ReactNode;\n  required?: boolean;\n}>;\n\ntype FieldFrameProps = HTMLAttributes<HTMLDivElement> &\n  FieldCopyProps &\n  Readonly<{\n    controlId: string;\n    descriptionId?: string;\n    errorId?: string;\n    disabled?: boolean;\n    focused?: boolean;\n    invalid?: boolean;\n    variant?: FieldVariant;\n    shape?: FieldShape;\n    align?: FieldAlign;\n    /** Component recipe override of fieldRecipe.disabledOpacity (OtpField). */\n    disabledOpacity?: number;\n    children: ReactNode;\n    /** Canonical layout-only placement on the field frame (`.hjm-field`), not the input. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\n/*\n  How far a disabled field fades its label and control (fieldRecipe.disabledScope). The\n  frame defaults to fieldRecipe.disabledOpacity; SearchField and PasswordField render\n  through the public TextField, so they hand their own recipe value down this\n  module-private context instead of widening TextField's public props.\n*/\nconst FieldDisabledOpacityContext = createContext<number | undefined>(undefined);\n\nfunction FieldFrame({\n  controlId,\n  label,\n  description,\n  error,\n  descriptionId,\n  errorId,\n  required = false,\n  disabled = false,\n  focused = false,\n  invalid = false,\n  variant = fieldRecipe.defaults.variant,\n  shape = fieldRecipe.defaults.shape,\n  align = fieldRecipe.defaults.align,\n  disabledOpacity,\n  className,\n  children,\n  layoutStyle,\n  style,\n  ...props\n}: FieldFrameProps) {\n  // A grouped field may reference one external error; aria-invalid must still\n  // use the invalid recipe even when no inline error copy is repeated.\n  const state = disabled ? \"disabled\" : error || invalid ? \"invalid\" : focused ? \"focused\" : \"idle\";\n  const inheritedOpacity = useContext(FieldDisabledOpacityContext);\n  const recipeOpacity = disabledOpacity ?? inheritedOpacity;\n  return (\n    <div\n      {...props}\n      // The stylesheet fades the label and control with --hjm-field-disabled-opacity\n      // (theme value: fieldRecipe.disabledOpacity); a component recipe value is set\n      // here, only while disabled, so enabled roots keep their old inline style.\n      style={{\n        ...style,\n        ...layoutStyle,\n        ...(disabled && recipeOpacity !== undefined\n          ? ({ \"--hjm-field-disabled-opacity\": recipeOpacity } as CSSProperties)\n          : {}),\n      }}\n      className={classNames(\"hjm-field\", className)}\n      data-state={state}\n      data-variant={variant}\n      data-shape={shape}\n      data-align={align}\n    >\n      {label !== undefined && label !== null ? (\n        <label className=\"hjm-field__label\" htmlFor={controlId}>\n          {label}\n          {required ? <span aria-hidden=\"true\"> *</span> : null}\n        </label>\n      ) : null}\n      {children}\n      {/*\n        Support text stays visible under an error instead of being replaced by\n        it: the guidance (a length or format hint) is what tells the user how to clear the\n        error, and hiding it is why a product copied that sentence into its own\n        error string. Both are also referenced by aria-describedby.\n      */}\n      {description ? (\n        <div id={descriptionId} className=\"hjm-field__description\">\n          {description}\n        </div>\n      ) : null}\n      {error ? (\n        <div id={errorId} className=\"hjm-field__error\">\n          {error}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport type FieldControlProps = Readonly<{\n  id: string;\n  required: boolean;\n  disabled: boolean;\n  \"aria-invalid\"?: true;\n  \"aria-describedby\"?: string;\n}>;\n\nexport type FieldProps = Omit<\n  FieldFrameProps,\n  \"children\" | \"descriptionId\" | \"errorId\" | \"disabledOpacity\"\n> &\n  Readonly<{\n    label: ReactNode;\n    children: ReactNode | ((props: FieldControlProps) => ReactNode);\n  }>;\n\n/** Generic frame for custom native controls; `controlId` keeps the label explicit. */\nexport function Field({\n  controlId,\n  description,\n  error,\n  required = false,\n  disabled = false,\n  children,\n  ...props\n}: FieldProps) {\n  const descriptionId = `${controlId}-description`;\n  const errorId = `${controlId}-error`;\n  const controlProps: FieldControlProps = {\n    id: controlId,\n    required,\n    disabled,\n    ...(error ? { \"aria-invalid\": true as const } : {}),\n    // Same merge as the built-in fields: support text stays referenced once an\n    // error appears, so a custom control does not have to re-derive the ids.\n    ...(description || error\n      ? {\n        \"aria-describedby\": [description ? descriptionId : undefined, error ? errorId : undefined]\n          .filter(Boolean)\n          .join(\" \"),\n      }\n      : {}),\n  };\n  return (\n    <FieldFrame\n      {...props}\n      controlId={controlId}\n      description={description}\n      error={error}\n      required={required}\n      disabled={disabled}\n      {...(description ? { descriptionId } : {})}\n      {...(error ? { errorId } : {})}\n    >\n      {typeof children === \"function\" ? children(controlProps) : children}\n    </FieldFrame>\n  );\n}\n\nfunction useFieldIds(id: string | undefined) {\n  const generatedId = useId();\n  const controlId = id ?? `hjm-${generatedId.replaceAll(\":\", \"\")}`;\n  return {\n    controlId,\n    descriptionId: `${controlId}-description`,\n    errorId: `${controlId}-error`,\n  } as const;\n}\n\n/*\n  Support text and the error are both referenced when both exist, in DOM reading\n  order, and the consumer's own `aria-describedby` is kept in front of them.\n  Announcing only the error (the earlier behaviour) dropped the guidance that\n  explains how to fix it — exactly the text a product then duplicated into the\n  error string by hand.\n*/\nfunction describedBy(\n  own: string | undefined,\n  description: ReactNode | undefined,\n  error: ReactNode | undefined,\n  descriptionId: string,\n  errorId: string,\n): string | undefined {\n  return [own, description ? descriptionId : undefined, error ? errorId : undefined]\n    .filter(Boolean)\n    .join(\" \") || undefined;\n}\n\nfunction requireFieldAccessibleName(label: ReactNode | undefined, ariaLabel: string | undefined) {\n  if ((label === undefined || label === null) && !ariaLabel?.trim()) {\n    throw new TypeError(\"Field controls require either label or aria-label\");\n  }\n}\n\ntype SharedInputProps = FieldCopyProps &\n  Readonly<{\n    variant?: FieldVariant;\n    shape?: FieldShape;\n    /**\n     * Text placement inside the control. `start` follows the resolved\n     * direction; `center` suits a short, ceremonial single value such as a\n     * nickname or a code. Replaces a `text-align` override.\n     */\n    align?: FieldAlign;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n    fieldClassName?: string;\n    /**\n     * Canonical layout-only placement on the field frame. `style` keeps going to\n     * the input element, where it always went, so existing callers do not move.\n     */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport type TextFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> &\n  SharedInputProps &\n  Readonly<{\n    /**\n     * Receives the next string value, the same callback name and shape as the\n     * Native TextField and the Web TextArea. Before 1.5.0 Web TextField only had\n     * the DOM `onChange`, so shared form code needed a platform branch. Both\n     * fire; `onChange` stays for event access.\n     */\n    onValueChange?: (value: string) => void;\n  }>;\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  function TextField(\n    {\n      id,\n      label,\n      description,\n      error,\n      required,\n      disabled,\n      variant,\n      shape,\n      align,\n      leading,\n      trailing,\n      fieldClassName,\n      className,\n      onFocus,\n      onBlur,\n      onChange,\n      onValueChange,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-invalid\": ariaInvalid,\n      \"aria-label\": ariaLabel,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    const ids = useFieldIds(id);\n    const [focused, setFocused] = useState(false);\n    requireFieldAccessibleName(label, ariaLabel);\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(true);\n      onFocus?.(event);\n    };\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(false);\n      onBlur?.(event);\n    };\n    return (\n      <FieldFrame\n        controlId={ids.controlId}\n        label={label}\n        description={description}\n        error={error}\n        required={required ?? false}\n        disabled={disabled ?? false}\n        focused={focused}\n        invalid={ariaInvalid === true || ariaInvalid === \"true\"}\n        variant={variant ?? fieldRecipe.defaults.variant}\n        shape={shape ?? fieldRecipe.defaults.shape}\n        align={align ?? fieldRecipe.defaults.align}\n        className={fieldClassName}\n        {...(layoutStyle === undefined ? {} : { layoutStyle })}\n        {...(description ? { descriptionId: ids.descriptionId } : {})}\n        {...(error ? { errorId: ids.errorId } : {})}\n      >\n        <div className=\"hjm-field__control\">\n          {leading ? <span className=\"hjm-field__affix\">{leading}</span> : null}\n          <input\n            {...props}\n            ref={ref}\n            id={ids.controlId}\n            className={classNames(\"hjm-field__input\", className)}\n            required={required}\n            disabled={disabled}\n            aria-invalid={error ? true : ariaInvalid}\n            aria-label={ariaLabel}\n            aria-describedby={describedBy(\n              ariaDescribedBy,\n              description,\n              error,\n              ids.descriptionId,\n              ids.errorId,\n            )}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChange={(event) => {\n              onChange?.(event);\n              onValueChange?.(event.currentTarget.value);\n            }}\n          />\n          {trailing ? <span className=\"hjm-field__affix\">{trailing}</span> : null}\n        </div>\n      </FieldFrame>\n    );\n  },\n);\n\nexport type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> &\n  Omit<SharedInputProps, \"leading\"> &\n  Readonly<{\n    /**\n     * Action before the text inside the field frame (for example a composer's camera button),\n     * vertically centred while the text grows. Mirrors `trailing`; `leading` stays omitted because\n     * TextField's `leading` is a decorative affix with muted color, not an action slot.\n     */\n    leadingAction?: ReactNode;\n    /**\n     * Lower bound for a growing multiline field, in visible lines. Height is\n     * recipe-owned, so this semantic axis replaces a `min-height` override.\n     */\n    minVisibleLines?: number;\n    /** Upper bound for a growing multiline field, in visible lines. */\n    maxVisibleLines?: number;\n  }>;\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    {\n      id,\n      label,\n      description,\n      error,\n      required,\n      disabled,\n      variant,\n      shape,\n      trailing,\n      leadingAction,\n      align,\n      fieldClassName,\n      className,\n      onFocus,\n      onBlur,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-invalid\": ariaInvalid,\n      \"aria-label\": ariaLabel,\n      minVisibleLines,\n      maxVisibleLines,\n      style,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    const ids = useFieldIds(id);\n    const [focused, setFocused] = useState(false);\n    requireFieldAccessibleName(label, ariaLabel);\n    // Bounds are expressed in lines so the recipe keeps line height and padding.\n    const lineBounds = {\n      ...(minVisibleLines === undefined\n        ? {}\n        : { \"--hjm-field-min-visible-lines\": minVisibleLines }),\n      ...(maxVisibleLines === undefined\n        ? {}\n        : { \"--hjm-field-max-visible-lines\": maxVisibleLines }),\n    } as CSSProperties;\n    return (\n      <FieldFrame\n        controlId={ids.controlId}\n        label={label}\n        description={description}\n        error={error}\n        required={required ?? false}\n        disabled={disabled ?? false}\n        focused={focused}\n        variant={variant ?? fieldRecipe.defaults.variant}\n        shape={shape ?? fieldRecipe.defaults.shape}\n        align={align ?? fieldRecipe.defaults.align}\n        className={fieldClassName}\n        {...(layoutStyle === undefined ? {} : { layoutStyle })}\n        {...(description ? { descriptionId: ids.descriptionId } : {})}\n        {...(error ? { errorId: ids.errorId } : {})}\n      >\n        <div className=\"hjm-field__control hjm-field__control--multiline\">\n          {leadingAction ? <span className=\"hjm-field__leading\">{leadingAction}</span> : null}\n          <textarea\n            {...props}\n            ref={ref}\n            id={ids.controlId}\n            className={classNames(\"hjm-field__input\", className)}\n            style={{ ...style, ...lineBounds }}\n            required={required}\n            disabled={disabled}\n            aria-invalid={error ? true : ariaInvalid}\n            aria-label={ariaLabel}\n            aria-describedby={describedBy(\n              ariaDescribedBy,\n              description,\n              error,\n              ids.descriptionId,\n              ids.errorId,\n            )}\n            onFocus={(event) => {\n              setFocused(true);\n              onFocus?.(event);\n            }}\n            onBlur={(event) => {\n              setFocused(false);\n              onBlur?.(event);\n            }}\n          />\n          {trailing ? <span className=\"hjm-field__trailing\">{trailing}</span> : null}\n        </div>\n      </FieldFrame>\n    );\n  },\n);\n\nexport type SearchFieldProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"size\" | \"value\" | \"defaultValue\"\n> &\n  SharedInputProps &\n  Readonly<{\n    value?: string;\n    defaultValue?: string;\n    onValueChange?: (value: string) => void;\n    size?: SearchFieldSize;\n    /** Localized accessible name for the clear action. */\n    clearLabel: string;\n    onClear?: () => void;\n    /** Keeps the input mounted and named while replacing trailing actions with progress. */\n    loading?: boolean;\n    /** Product icon adapter; the renderer owns size and inherited color. */\n    renderSearchIcon?: (props: SearchFieldIconRenderProps) => ReactNode;\n    /** Product icon adapter for the clear action. */\n    renderClearIcon?: (props: SearchFieldIconRenderProps) => ReactNode;\n    /** Optional progress adapter. The default is the canonical CSS spinner. */\n    renderLoadingIndicator?: (props: SearchFieldIconRenderProps) => ReactNode;\n  }>;\n\nexport type SearchFieldIconRenderProps = Readonly<{\n  color: \"currentColor\";\n  size: number;\n}>;\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  function SearchField(\n    {\n      value: valueProp,\n      defaultValue = \"\",\n      onValueChange,\n      onChange,\n      size = searchFieldRecipe.defaults.size,\n      clearLabel,\n      onClear,\n      loading = false,\n      renderSearchIcon,\n      renderClearIcon,\n      renderLoadingIndicator,\n      leading,\n      trailing,\n      fieldClassName,\n      disabled,\n      \"aria-busy\": ariaBusy,\n      ...props\n    },\n    forwardedRef,\n  ) {\n    const [value, setValue] = useControllableState({\n      ...(valueProp === undefined ? {} : { value: valueProp }),\n      defaultValue,\n      ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n    });\n    const inputRef = useRef<HTMLInputElement>(null);\n    const iconAppearance: SearchFieldIconRenderProps = {\n      color: \"currentColor\",\n      size: iconRecipe.sizes[searchFieldRecipe.sizes[size].glyph],\n    };\n    const canClear = value.length > 0 && !disabled;\n    return (\n      <FieldDisabledOpacityContext.Provider value={searchFieldRecipe.states.disabledOpacity}>\n      <TextField\n        {...props}\n        ref={composeRefs(inputRef, forwardedRef)}\n        type=\"search\"\n        value={value}\n        data-size={size}\n        data-loading={loading || undefined}\n        disabled={disabled}\n        aria-busy={loading || ariaBusy || undefined}\n        fieldClassName={classNames(\"hjm-search-field\", fieldClassName)!}\n        leading={\n          leading ?? (renderSearchIcon ? renderSearchIcon(iconAppearance) : undefined)\n        }\n        onChange={(event) => {\n          setValue(event.currentTarget.value);\n          onChange?.(event);\n        }}\n        trailing={\n          loading ? (\n            <span className=\"hjm-search-field__spinner\" aria-hidden=\"true\">\n              {renderLoadingIndicator?.(iconAppearance)}\n            </span>\n          ) : canClear ? (\n            <button\n              type=\"button\"\n              className=\"hjm-search-field__clear\"\n              aria-label={clearLabel}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => {\n                setValue(\"\");\n                onClear?.();\n                inputRef.current?.focus();\n              }}\n            >\n              {renderClearIcon?.(iconAppearance) ?? \"×\"}\n            </button>\n          ) : trailing\n        }\n      />\n      </FieldDisabledOpacityContext.Provider>\n    );\n  },\n);\n\nexport type PasswordFieldToggleRenderProps = Readonly<{\n  name: \"visibility\" | \"visibilityOff\";\n  color: \"currentColor\";\n  size: number;\n  revealed: boolean;\n  disabled: boolean;\n}>;\n\nexport type PasswordFieldProps = Omit<\n  TextFieldProps,\n  \"autoComplete\" | \"defaultValue\" | \"size\" | \"trailing\" | \"type\" | \"value\"\n> &\n  Readonly<{\n    value?: string;\n    defaultValue?: string;\n    onValueChange?: (value: string) => void;\n    revealed?: boolean;\n    defaultRevealed?: boolean;\n    onRevealedChange?: (revealed: boolean) => void;\n    autofillHint: PasswordFieldAutofillHint;\n    revealLabel: string;\n    concealLabel: string;\n    size?: PasswordFieldSize;\n    renderToggleIcon?: (props: PasswordFieldToggleRenderProps) => ReactNode;\n  }>;\n\n/** Password input with an independently controlled, selection-safe reveal action. */\nexport const PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  function PasswordField(\n    {\n      value: valueProp,\n      defaultValue = \"\",\n      onValueChange,\n      onChange,\n      revealed: revealedProp,\n      defaultRevealed = false,\n      onRevealedChange,\n      autofillHint,\n      revealLabel,\n      concealLabel,\n      size = passwordFieldRecipe.defaults.size,\n      renderToggleIcon,\n      fieldClassName,\n      className,\n      disabled,\n      readOnly,\n      ...props\n    },\n    forwardedRef,\n  ) {\n    const [value, setValue] = useControllableState({\n      ...(valueProp === undefined ? {} : { value: valueProp }),\n      defaultValue,\n      ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n    });\n    const [revealed, setRevealed] = useControllableState({\n      ...(revealedProp === undefined ? {} : { value: revealedProp }),\n      defaultValue: defaultRevealed,\n      ...(onRevealedChange === undefined ? {} : { onChange: onRevealedChange }),\n    });\n    const resolved = resolvePasswordFieldDescriptor(\n      { revealed, autofillHint },\n      {\n        composeToggleAccessibleName: ({ willReveal }) =>\n          willReveal ? revealLabel : concealLabel,\n      },\n    );\n    const inputRef = useRef<HTMLInputElement>(null);\n    const selectionRef = useRef<Readonly<{ start: number; end: number }> | null>(null);\n\n    useLayoutEffect(() => {\n      const selection = selectionRef.current;\n      if (!selection || !inputRef.current) return;\n      inputRef.current.setSelectionRange(selection.start, selection.end);\n      selectionRef.current = null;\n    }, [revealed]);\n\n    const toggleAppearance: PasswordFieldToggleRenderProps = {\n      name: revealed\n        ? passwordFieldRecipe.toggle.icons.revealed\n        : passwordFieldRecipe.toggle.icons.concealed,\n      color: \"currentColor\",\n      size: iconRecipe.sizes.sm,\n      revealed,\n      disabled: disabled ?? false,\n    };\n\n    return (\n      <FieldDisabledOpacityContext.Provider value={passwordFieldRecipe.states.disabledOpacity}>\n      <TextField\n        {...props}\n        ref={composeRefs(inputRef, forwardedRef)}\n        autoComplete={autofillHint === \"current\" ? \"current-password\" : \"new-password\"}\n        className={classNames(\"hjm-password-field__input\", className)}\n        disabled={disabled}\n        fieldClassName={classNames(\n          \"hjm-password-field\",\n          `hjm-password-field--${size}`,\n          fieldClassName,\n        )!}\n        onChange={(event) => {\n          setValue(event.currentTarget.value);\n          onChange?.(event);\n        }}\n        readOnly={readOnly}\n        trailing={(\n          <button\n            // No `aria-pressed`: the name already says the next action (\"Show/Hide\n            // password\"), and a pressed state on top would read as \"Hide password,\n            // pressed\" — two answers to one question (password-field.md, rationale 1).\n            aria-label={resolved.toggleAccessibleName}\n            className=\"hjm-password-field__toggle\"\n            data-revealed={revealed || undefined}\n            disabled={disabled}\n            onClick={() => {\n              const input = inputRef.current;\n              if (input && input.selectionStart !== null && input.selectionEnd !== null) {\n                selectionRef.current = {\n                  start: input.selectionStart,\n                  end: input.selectionEnd,\n                };\n              }\n              setRevealed(!revealed);\n            }}\n            type=\"button\"\n          >\n            {renderToggleIcon?.(toggleAppearance) ?? <span aria-hidden=\"true\" />}\n          </button>\n        )}\n        type={resolved.webInputType}\n        value={value}\n      />\n      </FieldDisabledOpacityContext.Provider>\n    );\n  },\n);\n\nexport type OtpFieldProps = Omit<\n  TextFieldProps,\n  | \"autoComplete\"\n  | \"defaultValue\"\n  | \"leading\"\n  | \"maxLength\"\n  | \"shape\"\n  | \"size\"\n  | \"trailing\"\n  | \"type\"\n  | \"value\"\n  | \"variant\"\n> &\n  Readonly<{\n    length: number;\n    value?: string;\n    defaultValue?: string;\n    onValueChange?: (value: string) => void;\n    onComplete?: (value: string) => void;\n    size?: OtpFieldSize;\n    presentation?: OtpFieldPresentation;\n    busy?: boolean;\n  }>;\n\n/** One accessible numeric input rendered as decorative OTP slots. */\nexport const OtpField = forwardRef<HTMLInputElement, OtpFieldProps>(\n  function OtpField(\n    {\n      id,\n      label,\n      description,\n      error,\n      required,\n      disabled,\n      readOnly,\n      busy = false,\n      length,\n      value: valueProp,\n      defaultValue = \"\",\n      onValueChange,\n      onComplete,\n      onChange,\n      size = otpFieldRecipe.defaults.size,\n    presentation = \"boxes\",\n      fieldClassName,\n      className,\n      onFocus,\n      onBlur,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-invalid\": ariaInvalid,\n      \"aria-label\": ariaLabel,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    const ids = useFieldIds(id);\n    const [focused, setFocused] = useState(false);\n    requireFieldAccessibleName(label, ariaLabel);\n    const [value, setValue] = useControllableState({\n      ...(valueProp === undefined ? {} : { value: valueProp }),\n      defaultValue: resolveOtpFieldValue(length, defaultValue),\n      ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n    });\n    const slots = getOtpFieldSlotValues({ length, value });\n    const complete = value.length === length;\n    const wasCompleteRef = useRef(complete);\n    useEffect(() => {\n      if (complete && !wasCompleteRef.current) onComplete?.(value);\n      wasCompleteRef.current = complete;\n    }, [complete, onComplete, value]);\n    const activeIndex = Math.min(value.length, length - 1);\n\n    return (\n      <FieldFrame\n        className={classNames(\"hjm-otp-field\", fieldClassName)}\n        disabledOpacity={otpFieldRecipe.states.disabledOpacity}\n        {...(layoutStyle === undefined ? {} : { layoutStyle })}\n        controlId={ids.controlId}\n        description={description}\n        disabled={(disabled ?? false) || busy}\n        error={error}\n        focused={focused}\n        label={label}\n        required={required ?? false}\n        {...(description ? { descriptionId: ids.descriptionId } : {})}\n        {...(error ? { errorId: ids.errorId } : {})}\n      >\n        <div\n          className=\"hjm-otp-field__control\"\n          data-presentation={presentation}\n          data-complete={complete || undefined}\n          data-size={size}\n          style={{ \"--hjm-otp-length\": length } as CSSProperties}\n        >\n          <input\n            {...props}\n            ref={ref}\n            aria-busy={busy || undefined}\n            aria-describedby={describedBy(\n              ariaDescribedBy,\n              description,\n              error,\n              ids.descriptionId,\n              ids.errorId,\n            )}\n            aria-invalid={error ? true : ariaInvalid}\n            aria-label={ariaLabel}\n            autoComplete=\"one-time-code\"\n            className={classNames(\"hjm-otp-field__input\", className)}\n            // busy stays focusable (read-only); see otp-field.md.\n            disabled={disabled}\n            id={ids.controlId}\n            inputMode=\"numeric\"\n            maxLength={length}\n            onBlur={(event) => {\n              setFocused(false);\n              onBlur?.(event);\n            }}\n            onChange={(event) => {\n              setValue(resolveOtpFieldValue(length, event.currentTarget.value));\n              onChange?.(event);\n            }}\n            onFocus={(event) => {\n              setFocused(true);\n              onFocus?.(event);\n            }}\n            pattern=\"[0-9]*\"\n            readOnly={readOnly || busy}\n            required={required}\n            type=\"text\"\n            value={value}\n          />\n          <div aria-hidden=\"true\" className=\"hjm-otp-field__slots\">\n            {slots.map((digit, index) => (\n              <span\n                className=\"hjm-otp-field__slot\"\n                data-state={error\n                  ? \"invalid\"\n                  : focused && index === activeIndex\n                    ? \"focused\"\n                    : digit\n                      ? \"filled\"\n                      : \"idle\"}\n                key={index}\n              >\n                {digit}\n              </span>\n            ))}\n          </div>\n        </div>\n      </FieldFrame>\n    );\n  },\n);\n"]}
+{"version":3,"file":"forms.js","sourceRoot":"","sources":["../src/forms.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  fieldRecipe,\n  type FieldAlign,\n  type FieldShape,\n  type FieldVariant,\n} from \"@hjmds/design-contracts/recipes/base\";\nimport {\n  iconRecipe,\n  searchFieldRecipe,\n  type SearchFieldSize,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  passwordFieldRecipe,\n  resolvePasswordFieldDescriptor,\n  type PasswordFieldAutofillHint,\n  type PasswordFieldSize,\n} from \"@hjmds/design-contracts/components/password-field\";\nimport {\n  getOtpFieldSlotValues,\n  otpFieldRecipe,\n  resolveOtpFieldValue,\n  type OtpFieldSize,\n  type OtpFieldPresentation,\n} from \"@hjmds/design-contracts/components/otp-field\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type HTMLAttributes,\n  type InputHTMLAttributes,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n} from \"react\";\nimport { composeRefs, classNames, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\ntype FieldCopyProps = Readonly<{\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: ReactNode;\n  required?: boolean;\n}>;\n\ntype FieldFrameProps = HTMLAttributes<HTMLDivElement> &\n  FieldCopyProps &\n  Readonly<{\n    controlId: string;\n    descriptionId?: string;\n    errorId?: string;\n    disabled?: boolean;\n    focused?: boolean;\n    invalid?: boolean;\n    variant?: FieldVariant;\n    shape?: FieldShape;\n    align?: FieldAlign;\n    /** Component recipe override of fieldRecipe.disabledOpacity (OtpField). */\n    disabledOpacity?: number;\n    children: ReactNode;\n    /** Canonical layout-only placement on the field frame (`.hjm-field`), not the input. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\n/*\n  How far a disabled field fades its label and control (fieldRecipe.disabledScope). The\n  frame defaults to fieldRecipe.disabledOpacity; SearchField and PasswordField render\n  through the public TextField, so they hand their own recipe value down this\n  module-private context instead of widening TextField's public props.\n*/\nconst FieldDisabledOpacityContext = createContext<number | undefined>(undefined);\n\nfunction FieldFrame({\n  controlId,\n  label,\n  description,\n  error,\n  descriptionId,\n  errorId,\n  required = false,\n  disabled = false,\n  focused = false,\n  invalid = false,\n  variant = fieldRecipe.defaults.variant,\n  shape = fieldRecipe.defaults.shape,\n  align = fieldRecipe.defaults.align,\n  disabledOpacity,\n  className,\n  children,\n  layoutStyle,\n  style,\n  ...props\n}: FieldFrameProps) {\n  // A grouped field may reference one external error; aria-invalid must still\n  // use the invalid recipe even when no inline error copy is repeated.\n  const state = disabled ? \"disabled\" : error || invalid ? \"invalid\" : focused ? \"focused\" : \"idle\";\n  const inheritedOpacity = useContext(FieldDisabledOpacityContext);\n  const recipeOpacity = disabledOpacity ?? inheritedOpacity;\n  return (\n    <div\n      {...props}\n      // The stylesheet fades the label and control with --hjm-field-disabled-opacity\n      // (theme value: fieldRecipe.disabledOpacity); a component recipe value is set\n      // here, only while disabled, so enabled roots keep their old inline style.\n      style={{\n        ...style,\n        ...layoutStyle,\n        ...(disabled && recipeOpacity !== undefined\n          ? ({ \"--hjm-field-disabled-opacity\": recipeOpacity } as CSSProperties)\n          : {}),\n      }}\n      className={classNames(\"hjm-field\", className)}\n      data-state={state}\n      data-variant={variant}\n      data-shape={shape}\n      data-align={align}\n    >\n      {label !== undefined && label !== null ? (\n        <label className=\"hjm-field__label\" htmlFor={controlId}>\n          {label}\n          {required ? <span aria-hidden=\"true\"> *</span> : null}\n        </label>\n      ) : null}\n      {children}\n      {/*\n        Support text stays visible under an error instead of being replaced by\n        it: the guidance (a length or format hint) is what tells the user how to clear the\n        error, and hiding it is why a product copied that sentence into its own\n        error string. Both are also referenced by aria-describedby.\n      */}\n      {description ? (\n        <div id={descriptionId} className=\"hjm-field__description\">\n          {description}\n        </div>\n      ) : null}\n      {error ? (\n        <div id={errorId} className=\"hjm-field__error\">\n          {error}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport type FieldControlProps = Readonly<{\n  id: string;\n  required: boolean;\n  disabled: boolean;\n  \"aria-invalid\"?: true;\n  \"aria-describedby\"?: string;\n}>;\n\nexport type FieldProps = Omit<\n  FieldFrameProps,\n  \"children\" | \"descriptionId\" | \"errorId\" | \"disabledOpacity\"\n> &\n  Readonly<{\n    label: ReactNode;\n    children: ReactNode | ((props: FieldControlProps) => ReactNode);\n  }>;\n\n/** Generic frame for custom native controls; `controlId` keeps the label explicit. */\nexport function Field({\n  controlId,\n  description,\n  error,\n  required = false,\n  disabled = false,\n  children,\n  ...props\n}: FieldProps) {\n  const descriptionId = `${controlId}-description`;\n  const errorId = `${controlId}-error`;\n  const controlProps: FieldControlProps = {\n    id: controlId,\n    required,\n    disabled,\n    ...(error ? { \"aria-invalid\": true as const } : {}),\n    // Same merge as the built-in fields: support text stays referenced once an\n    // error appears, so a custom control does not have to re-derive the ids.\n    ...(description || error\n      ? {\n        \"aria-describedby\": [description ? descriptionId : undefined, error ? errorId : undefined]\n          .filter(Boolean)\n          .join(\" \"),\n      }\n      : {}),\n  };\n  return (\n    <FieldFrame\n      {...props}\n      controlId={controlId}\n      description={description}\n      error={error}\n      required={required}\n      disabled={disabled}\n      {...(description ? { descriptionId } : {})}\n      {...(error ? { errorId } : {})}\n    >\n      {typeof children === \"function\" ? children(controlProps) : children}\n    </FieldFrame>\n  );\n}\n\nfunction useFieldIds(id: string | undefined) {\n  const generatedId = useId();\n  const controlId = id ?? `hjm-${generatedId.replaceAll(\":\", \"\")}`;\n  return {\n    controlId,\n    descriptionId: `${controlId}-description`,\n    errorId: `${controlId}-error`,\n  } as const;\n}\n\n/*\n  Support text and the error are both referenced when both exist, in DOM reading\n  order, and the consumer's own `aria-describedby` is kept in front of them.\n  Announcing only the error (the earlier behaviour) dropped the guidance that\n  explains how to fix it — exactly the text a product then duplicated into the\n  error string by hand.\n*/\nfunction describedBy(\n  own: string | undefined,\n  description: ReactNode | undefined,\n  error: ReactNode | undefined,\n  descriptionId: string,\n  errorId: string,\n): string | undefined {\n  return [own, description ? descriptionId : undefined, error ? errorId : undefined]\n    .filter(Boolean)\n    .join(\" \") || undefined;\n}\n\nfunction requireFieldAccessibleName(label: ReactNode | undefined, ariaLabel: string | undefined) {\n  if ((label === undefined || label === null) && !ariaLabel?.trim()) {\n    throw new TypeError(\"Field controls require either label or aria-label\");\n  }\n}\n\ntype SharedInputProps = FieldCopyProps &\n  Readonly<{\n    variant?: FieldVariant;\n    shape?: FieldShape;\n    /**\n     * Text placement inside the control. `start` follows the resolved\n     * direction; `center` suits a short, ceremonial single value such as a\n     * nickname or a code. Replaces a `text-align` override.\n     */\n    align?: FieldAlign;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n    fieldClassName?: string;\n    /**\n     * Canonical layout-only placement on the field frame. `style` keeps going to\n     * the input element, where it always went, so existing callers do not move.\n     */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport type TextFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> &\n  SharedInputProps &\n  Readonly<{\n    /**\n     * Receives the next string value, the same callback name and shape as the\n     * Native TextField. Web TextArea retains the DOM `onChange` callback. Before 1.5.0 Web TextField only had\n     * the DOM `onChange`, so shared form code needed a platform branch. Both\n     * fire; `onChange` stays for event access.\n     */\n    onValueChange?: (value: string) => void;\n  }>;\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  function TextField(\n    {\n      id,\n      label,\n      description,\n      error,\n      required,\n      disabled,\n      variant,\n      shape,\n      align,\n      leading,\n      trailing,\n      fieldClassName,\n      className,\n      onFocus,\n      onBlur,\n      onChange,\n      onValueChange,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-invalid\": ariaInvalid,\n      \"aria-label\": ariaLabel,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    const ids = useFieldIds(id);\n    const [focused, setFocused] = useState(false);\n    requireFieldAccessibleName(label, ariaLabel);\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(true);\n      onFocus?.(event);\n    };\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(false);\n      onBlur?.(event);\n    };\n    return (\n      <FieldFrame\n        controlId={ids.controlId}\n        label={label}\n        description={description}\n        error={error}\n        required={required ?? false}\n        disabled={disabled ?? false}\n        focused={focused}\n        invalid={ariaInvalid === true || ariaInvalid === \"true\"}\n        variant={variant ?? fieldRecipe.defaults.variant}\n        shape={shape ?? fieldRecipe.defaults.shape}\n        align={align ?? fieldRecipe.defaults.align}\n        className={fieldClassName}\n        {...(layoutStyle === undefined ? {} : { layoutStyle })}\n        {...(description ? { descriptionId: ids.descriptionId } : {})}\n        {...(error ? { errorId: ids.errorId } : {})}\n      >\n        <div className=\"hjm-field__control\">\n          {leading ? <span className=\"hjm-field__affix\">{leading}</span> : null}\n          <input\n            {...props}\n            ref={ref}\n            id={ids.controlId}\n            className={classNames(\"hjm-field__input\", className)}\n            required={required}\n            disabled={disabled}\n            aria-invalid={error ? true : ariaInvalid}\n            aria-label={ariaLabel}\n            aria-describedby={describedBy(\n              ariaDescribedBy,\n              description,\n              error,\n              ids.descriptionId,\n              ids.errorId,\n            )}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChange={(event) => {\n              onChange?.(event);\n              onValueChange?.(event.currentTarget.value);\n            }}\n          />\n          {trailing ? <span className=\"hjm-field__affix\">{trailing}</span> : null}\n        </div>\n      </FieldFrame>\n    );\n  },\n);\n\nexport type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> &\n  Omit<SharedInputProps, \"leading\"> &\n  Readonly<{\n    /**\n     * Action before the text inside the field frame (for example a composer's camera button),\n     * vertically centred while the text grows. Mirrors `trailing`; `leading` stays omitted because\n     * TextField's `leading` is a decorative affix with muted color, not an action slot.\n     */\n    leadingAction?: ReactNode;\n    /**\n     * Lower bound for a growing multiline field, in visible lines. Height is\n     * recipe-owned, so this semantic axis replaces a `min-height` override.\n     */\n    minVisibleLines?: number;\n    /** Upper bound for a growing multiline field, in visible lines. */\n    maxVisibleLines?: number;\n  }>;\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    {\n      id,\n      label,\n      description,\n      error,\n      required,\n      disabled,\n      variant,\n      shape,\n      trailing,\n      leadingAction,\n      align,\n      fieldClassName,\n      className,\n      onFocus,\n      onBlur,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-invalid\": ariaInvalid,\n      \"aria-label\": ariaLabel,\n      minVisibleLines,\n      maxVisibleLines,\n      style,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    const ids = useFieldIds(id);\n    const [focused, setFocused] = useState(false);\n    requireFieldAccessibleName(label, ariaLabel);\n    // Bounds are expressed in lines so the recipe keeps line height and padding.\n    const lineBounds = {\n      ...(minVisibleLines === undefined\n        ? {}\n        : { \"--hjm-field-min-visible-lines\": minVisibleLines }),\n      ...(maxVisibleLines === undefined\n        ? {}\n        : { \"--hjm-field-max-visible-lines\": maxVisibleLines }),\n    } as CSSProperties;\n    return (\n      <FieldFrame\n        controlId={ids.controlId}\n        label={label}\n        description={description}\n        error={error}\n        required={required ?? false}\n        disabled={disabled ?? false}\n        focused={focused}\n        variant={variant ?? fieldRecipe.defaults.variant}\n        shape={shape ?? fieldRecipe.defaults.shape}\n        align={align ?? fieldRecipe.defaults.align}\n        className={fieldClassName}\n        {...(layoutStyle === undefined ? {} : { layoutStyle })}\n        {...(description ? { descriptionId: ids.descriptionId } : {})}\n        {...(error ? { errorId: ids.errorId } : {})}\n      >\n        <div className=\"hjm-field__control hjm-field__control--multiline\">\n          {leadingAction ? <span className=\"hjm-field__leading\">{leadingAction}</span> : null}\n          <textarea\n            {...props}\n            ref={ref}\n            id={ids.controlId}\n            className={classNames(\"hjm-field__input\", className)}\n            style={{ ...style, ...lineBounds }}\n            required={required}\n            disabled={disabled}\n            aria-invalid={error ? true : ariaInvalid}\n            aria-label={ariaLabel}\n            aria-describedby={describedBy(\n              ariaDescribedBy,\n              description,\n              error,\n              ids.descriptionId,\n              ids.errorId,\n            )}\n            onFocus={(event) => {\n              setFocused(true);\n              onFocus?.(event);\n            }}\n            onBlur={(event) => {\n              setFocused(false);\n              onBlur?.(event);\n            }}\n          />\n          {trailing ? <span className=\"hjm-field__trailing\">{trailing}</span> : null}\n        </div>\n      </FieldFrame>\n    );\n  },\n);\n\nexport type SearchFieldProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"size\" | \"value\" | \"defaultValue\"\n> &\n  SharedInputProps &\n  Readonly<{\n    value?: string;\n    defaultValue?: string;\n    onValueChange?: (value: string) => void;\n    size?: SearchFieldSize;\n    /** Localized accessible name for the clear action. */\n    clearLabel: string;\n    onClear?: () => void;\n    /** Keeps the input mounted and named while replacing trailing actions with progress. */\n    loading?: boolean;\n    /** Product icon adapter; the renderer owns size and inherited color. */\n    renderSearchIcon?: (props: SearchFieldIconRenderProps) => ReactNode;\n    /** Product icon adapter for the clear action. */\n    renderClearIcon?: (props: SearchFieldIconRenderProps) => ReactNode;\n    /** Optional progress adapter. The default is the canonical CSS spinner. */\n    renderLoadingIndicator?: (props: SearchFieldIconRenderProps) => ReactNode;\n  }>;\n\nexport type SearchFieldIconRenderProps = Readonly<{\n  color: \"currentColor\";\n  size: number;\n}>;\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  function SearchField(\n    {\n      value: valueProp,\n      defaultValue = \"\",\n      onValueChange,\n      onChange,\n      size = searchFieldRecipe.defaults.size,\n      clearLabel,\n      onClear,\n      loading = false,\n      renderSearchIcon,\n      renderClearIcon,\n      renderLoadingIndicator,\n      leading,\n      trailing,\n      fieldClassName,\n      disabled,\n      \"aria-busy\": ariaBusy,\n      ...props\n    },\n    forwardedRef,\n  ) {\n    const [value, setValue] = useControllableState({\n      ...(valueProp === undefined ? {} : { value: valueProp }),\n      defaultValue,\n      ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n    });\n    const inputRef = useRef<HTMLInputElement>(null);\n    const iconAppearance: SearchFieldIconRenderProps = {\n      color: \"currentColor\",\n      size: iconRecipe.sizes[searchFieldRecipe.sizes[size].glyph],\n    };\n    const canClear = value.length > 0 && !disabled && !props.readOnly;\n    return (\n      <FieldDisabledOpacityContext.Provider value={searchFieldRecipe.states.disabledOpacity}>\n      <TextField\n        {...props}\n        ref={composeRefs(inputRef, forwardedRef)}\n        type=\"search\"\n        value={value}\n        data-size={size}\n        data-loading={loading || undefined}\n        disabled={disabled}\n        aria-busy={loading || ariaBusy || undefined}\n        fieldClassName={classNames(\"hjm-search-field\", fieldClassName)!}\n        leading={\n          leading ?? (renderSearchIcon ? renderSearchIcon(iconAppearance) : undefined)\n        }\n        onChange={(event) => {\n          setValue(event.currentTarget.value);\n          onChange?.(event);\n        }}\n        trailing={\n          loading ? (\n            <span className=\"hjm-search-field__spinner\" aria-hidden=\"true\">\n              {renderLoadingIndicator?.(iconAppearance)}\n            </span>\n          ) : canClear ? (\n            <button\n              type=\"button\"\n              className=\"hjm-search-field__clear\"\n              aria-label={clearLabel}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => {\n                setValue(\"\");\n                onClear?.();\n                inputRef.current?.focus();\n              }}\n            >\n              {renderClearIcon?.(iconAppearance) ?? \"×\"}\n            </button>\n          ) : trailing\n        }\n      />\n      </FieldDisabledOpacityContext.Provider>\n    );\n  },\n);\n\nexport type PasswordFieldToggleRenderProps = Readonly<{\n  name: \"visibility\" | \"visibilityOff\";\n  color: \"currentColor\";\n  size: number;\n  revealed: boolean;\n  disabled: boolean;\n}>;\n\nexport type PasswordFieldProps = Omit<\n  TextFieldProps,\n  \"autoComplete\" | \"defaultValue\" | \"size\" | \"trailing\" | \"type\" | \"value\"\n> &\n  Readonly<{\n    value?: string;\n    defaultValue?: string;\n    onValueChange?: (value: string) => void;\n    revealed?: boolean;\n    defaultRevealed?: boolean;\n    onRevealedChange?: (revealed: boolean) => void;\n    autofillHint: PasswordFieldAutofillHint;\n    revealLabel: string;\n    concealLabel: string;\n    size?: PasswordFieldSize;\n    renderToggleIcon?: (props: PasswordFieldToggleRenderProps) => ReactNode;\n  }>;\n\n/** Password input with an independently controlled, selection-safe reveal action. */\nexport const PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  function PasswordField(\n    {\n      value: valueProp,\n      defaultValue = \"\",\n      onValueChange,\n      onChange,\n      revealed: revealedProp,\n      defaultRevealed = false,\n      onRevealedChange,\n      autofillHint,\n      revealLabel,\n      concealLabel,\n      size = passwordFieldRecipe.defaults.size,\n      renderToggleIcon,\n      fieldClassName,\n      className,\n      disabled,\n      readOnly,\n      ...props\n    },\n    forwardedRef,\n  ) {\n    const [value, setValue] = useControllableState({\n      ...(valueProp === undefined ? {} : { value: valueProp }),\n      defaultValue,\n      ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n    });\n    const [revealed, setRevealed] = useControllableState({\n      ...(revealedProp === undefined ? {} : { value: revealedProp }),\n      defaultValue: defaultRevealed,\n      ...(onRevealedChange === undefined ? {} : { onChange: onRevealedChange }),\n    });\n    const resolved = resolvePasswordFieldDescriptor(\n      { revealed, autofillHint },\n      {\n        composeToggleAccessibleName: ({ willReveal }) =>\n          willReveal ? revealLabel : concealLabel,\n      },\n    );\n    const inputRef = useRef<HTMLInputElement>(null);\n    const selectionRef = useRef<Readonly<{ start: number; end: number }> | null>(null);\n\n    useLayoutEffect(() => {\n      const selection = selectionRef.current;\n      if (!selection || !inputRef.current) return;\n      inputRef.current.setSelectionRange(selection.start, selection.end);\n      selectionRef.current = null;\n    }, [revealed]);\n\n    const toggleAppearance: PasswordFieldToggleRenderProps = {\n      name: revealed\n        ? passwordFieldRecipe.toggle.icons.revealed\n        : passwordFieldRecipe.toggle.icons.concealed,\n      color: \"currentColor\",\n      size: iconRecipe.sizes.sm,\n      revealed,\n      disabled: disabled ?? false,\n    };\n\n    return (\n      <FieldDisabledOpacityContext.Provider value={passwordFieldRecipe.states.disabledOpacity}>\n      <TextField\n        {...props}\n        ref={composeRefs(inputRef, forwardedRef)}\n        autoComplete={autofillHint === \"current\" ? \"current-password\" : \"new-password\"}\n        className={classNames(\"hjm-password-field__input\", className)}\n        disabled={disabled}\n        fieldClassName={classNames(\n          \"hjm-password-field\",\n          `hjm-password-field--${size}`,\n          fieldClassName,\n        )!}\n        onChange={(event) => {\n          setValue(event.currentTarget.value);\n          onChange?.(event);\n        }}\n        readOnly={readOnly}\n        trailing={(\n          <button\n            // No `aria-pressed`: the name already says the next action (\"Show/Hide\n            // password\"), and a pressed state on top would read as \"Hide password,\n            // pressed\" — two answers to one question (password-field.md, rationale 1).\n            aria-label={resolved.toggleAccessibleName}\n            className=\"hjm-password-field__toggle\"\n            data-revealed={revealed || undefined}\n            disabled={disabled}\n            onClick={() => {\n              const input = inputRef.current;\n              if (input && input.selectionStart !== null && input.selectionEnd !== null) {\n                selectionRef.current = {\n                  start: input.selectionStart,\n                  end: input.selectionEnd,\n                };\n              }\n              setRevealed(!revealed);\n            }}\n            type=\"button\"\n          >\n            {renderToggleIcon?.(toggleAppearance) ?? <span aria-hidden=\"true\" />}\n          </button>\n        )}\n        type={resolved.webInputType}\n        value={value}\n      />\n      </FieldDisabledOpacityContext.Provider>\n    );\n  },\n);\n\nexport type OtpFieldProps = Omit<\n  TextFieldProps,\n  | \"autoComplete\"\n  | \"defaultValue\"\n  | \"leading\"\n  | \"maxLength\"\n  | \"shape\"\n  | \"size\"\n  | \"trailing\"\n  | \"type\"\n  | \"value\"\n  | \"variant\"\n> &\n  Readonly<{\n    length: number;\n    value?: string;\n    defaultValue?: string;\n    onValueChange?: (value: string) => void;\n    onComplete?: (value: string) => void;\n    size?: OtpFieldSize;\n    presentation?: OtpFieldPresentation;\n    busy?: boolean;\n  }>;\n\n/** One accessible numeric input rendered as decorative OTP slots. */\nexport const OtpField = forwardRef<HTMLInputElement, OtpFieldProps>(\n  function OtpField(\n    {\n      id,\n      label,\n      description,\n      error,\n      required,\n      disabled,\n      readOnly,\n      busy = false,\n      length,\n      value: valueProp,\n      defaultValue = \"\",\n      onValueChange,\n      onComplete,\n      onChange,\n      size = otpFieldRecipe.defaults.size,\n    presentation = \"boxes\",\n      fieldClassName,\n      className,\n      onFocus,\n      onBlur,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-invalid\": ariaInvalid,\n      \"aria-label\": ariaLabel,\n      layoutStyle,\n      ...props\n    },\n    ref,\n  ) {\n    const ids = useFieldIds(id);\n    const [focused, setFocused] = useState(false);\n    requireFieldAccessibleName(label, ariaLabel);\n    const [value, setValue] = useControllableState({\n      ...(valueProp === undefined ? {} : { value: valueProp }),\n      defaultValue: resolveOtpFieldValue(length, defaultValue),\n      ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n    });\n    const slots = getOtpFieldSlotValues({ length, value });\n    const complete = value.length === length;\n    const wasCompleteRef = useRef(complete);\n    useEffect(() => {\n      if (complete && !wasCompleteRef.current) onComplete?.(value);\n      wasCompleteRef.current = complete;\n    }, [complete, onComplete, value]);\n    const activeIndex = Math.min(value.length, length - 1);\n\n    return (\n      <FieldFrame\n        className={classNames(\"hjm-otp-field\", fieldClassName)}\n        disabledOpacity={otpFieldRecipe.states.disabledOpacity}\n        {...(layoutStyle === undefined ? {} : { layoutStyle })}\n        controlId={ids.controlId}\n        description={description}\n        disabled={(disabled ?? false) || busy}\n        error={error}\n        focused={focused}\n        label={label}\n        required={required ?? false}\n        {...(description ? { descriptionId: ids.descriptionId } : {})}\n        {...(error ? { errorId: ids.errorId } : {})}\n      >\n        <div\n          className=\"hjm-otp-field__control\"\n          data-presentation={presentation}\n          data-complete={complete || undefined}\n          data-size={size}\n          style={{ \"--hjm-otp-length\": length } as CSSProperties}\n        >\n          <input\n            {...props}\n            ref={ref}\n            aria-busy={busy || undefined}\n            aria-describedby={describedBy(\n              ariaDescribedBy,\n              description,\n              error,\n              ids.descriptionId,\n              ids.errorId,\n            )}\n            aria-invalid={error ? true : ariaInvalid}\n            aria-label={ariaLabel}\n            autoComplete=\"one-time-code\"\n            className={classNames(\"hjm-otp-field__input\", className)}\n            // busy stays focusable (read-only); see otp-field.md.\n            disabled={disabled}\n            id={ids.controlId}\n            inputMode=\"numeric\"\n            maxLength={length}\n            onBlur={(event) => {\n              setFocused(false);\n              onBlur?.(event);\n            }}\n            onChange={(event) => {\n              setValue(resolveOtpFieldValue(length, event.currentTarget.value));\n              onChange?.(event);\n            }}\n            onFocus={(event) => {\n              setFocused(true);\n              onFocus?.(event);\n            }}\n            pattern=\"[0-9]*\"\n            readOnly={readOnly || busy}\n            required={required}\n            type=\"text\"\n            value={value}\n          />\n          <div aria-hidden=\"true\" className=\"hjm-otp-field__slots\">\n            {slots.map((digit, index) => (\n              <span\n                className=\"hjm-otp-field__slot\"\n                data-state={error\n                  ? \"invalid\"\n                  : focused && index === activeIndex\n                    ? \"focused\"\n                    : digit\n                      ? \"filled\"\n                      : \"idle\"}\n                key={index}\n              >\n                {digit}\n              </span>\n            ))}\n          </div>\n        </div>\n      </FieldFrame>\n    );\n  },\n);\n"]}

package/dist/gravity-letters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gravity-letters.d.ts","sourceRoot":"","sources":["../src/gravity-letters.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IAAE,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,gGAAgG;IAAC,WAAW,CAAC,EAAE,uBAAuB,CAAC;CAAE,CAAC,CAAC;AAClQ,wFAAwF;AACxF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,MAAc,EAAE,SAAa,EAAE,WAAW,EAAE,EAAE,mBAAmB,+BAkBzG"}
+{"version":3,"file":"gravity-letters.d.ts","sourceRoot":"","sources":["../src/gravity-letters.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IAAE,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,gGAAgG;IAAC,WAAW,CAAC,EAAE,uBAAuB,CAAC;CAAE,CAAC,CAAC;AAClQ,wFAAwF;AACxF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,MAAc,EAAE,SAAa,EAAE,WAAW,EAAE,EAAE,mBAAmB,+BAsBzG"}

package/dist/gravity-letters.js

@@ -12,8 +12,16 @@ export function GravityLetters({ glyphs, active = false, replayKey = 0, layoutSt
         if (!active || environment.reducedMotion || document.hidden)
             return;
         const recipe = resolveGravityLetters(JSON.parse(signature));
-        const animations = [...root.current.children].map((node, index) => node.animate(gravityLetterMotion.input.map((offset, step) => ({ offset, transform: `translateY(${gravityLetterMotion.y[step]}px) rotate(${step === 0 ? recipe[index].rotation : 0}deg)` })), { duration: gravityLetterMotion.duration, delay: recipe[index].delay, fill: "backwards", easing: "ease-out" }));
+        const animations = [];
         const stop = () => animations.forEach(animation => animation.cancel());
+        // Decoration must not remove the readable page if WAAPI creation fails midway.
+        try {
+            [...root.current.children].forEach((node, index) => animations.push(node.animate(gravityLetterMotion.input.map((offset, step) => ({ offset, transform: `translateY(${gravityLetterMotion.y[step]}px) rotate(${step === 0 ? recipe[index].rotation : 0}deg)` })), { duration: gravityLetterMotion.duration, delay: recipe[index].delay, fill: "backwards", easing: "ease-out" })));
+        }
+        catch {
+            stop();
+            return;
+        }
         const visibility = () => { if (document.hidden)
             stop(); };
         document.addEventListener("visibilitychange", visibility);

package/dist/gravity-letters.js.map

@@ -1 +1 @@
-{"version":3,"file":"gravity-letters.js","sourceRoot":"","sources":["../src/gravity-letters.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AACrG,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,wFAAwF;AACxF,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,EAAE,SAAS,GAAG,CAAC,EAAE,WAAW,EAAuB;IACxG,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,IAAI,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC5C,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC,aAAa,IAAI,QAAQ,CAAC,MAAM;YAAE,OAAO;QACpE,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAa,CAAC,CAAC;QACxE,MAAM,UAAU,GAAG,CAAC,GAAG,IAAI,CAAC,OAAQ,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAC9E,mBAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAC/K,EAAE,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAE,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,CAC/G,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;QACvE,MAAM,UAAU,GAAG,GAAG,EAAE,GAAG,IAAI,QAAQ,CAAC,MAAM;YAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QAC1D,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;QAC1D,OAAO,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACzF,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IAC9D,OAAO,eAAM,GAAG,EAAE,IAAI,iBAAc,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,YAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,eAAkB,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,EAAE,YAAG,IAAI,CAAC,KAAK,IAAzE,KAAK,CAA4E,CAAC,GAAQ,CAAC;AACpR,CAAC","sourcesContent":["import { useLayoutEffect, useRef } from \"react\";\nimport { gravityLetterMotion, resolveGravityLetters } from \"@hjmds/design-contracts/gravity-letters\";\nimport { useHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nexport type GravityLettersProps = Readonly<{ glyphs: readonly string[]; active?: boolean; replayKey?: string | number; /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */ layoutStyle?: HjmCompositionStyleProp; }>;\n/** Decorative only: provide the meaningful heading outside this hidden presentation. */\nexport function GravityLetters({ glyphs, active = false, replayKey = 0, layoutStyle }: GravityLettersProps) {\n  const { environment } = useHjmTheme();\n  const root = useRef<HTMLSpanElement>(null);\n  const signature = JSON.stringify(glyphs);\n  const units = resolveGravityLetters(glyphs);\n  useLayoutEffect(() => {\n    if (!active || environment.reducedMotion || document.hidden) return;\n    const recipe = resolveGravityLetters(JSON.parse(signature) as string[]);\n    const animations = [...root.current!.children].map((node, index) => node.animate(\n      gravityLetterMotion.input.map((offset, step) => ({ offset, transform: `translateY(${gravityLetterMotion.y[step]}px) rotate(${step === 0 ? recipe[index]!.rotation : 0}deg)` })),\n      { duration: gravityLetterMotion.duration, delay: recipe[index]!.delay, fill: \"backwards\", easing: \"ease-out\" },\n    ));\n    const stop = () => animations.forEach(animation => animation.cancel());\n    const visibility = () => { if (document.hidden) stop(); };\n    document.addEventListener(\"visibilitychange\", visibility);\n    return () => { stop(); document.removeEventListener(\"visibilitychange\", visibility); };\n  }, [signature, active, replayKey, environment.reducedMotion]);\n  return <span ref={root} aria-hidden=\"true\" style={{ display: \"flex\", flexWrap: \"wrap\", pointerEvents: \"none\", paddingTop: 36, ...layoutStyle }}>{units.map((unit, index) => <span key={index} style={{ display: \"inline-block\", whiteSpace: \"pre\" }}>{unit.glyph}</span>)}</span>;\n}\n"]}
+{"version":3,"file":"gravity-letters.js","sourceRoot":"","sources":["../src/gravity-letters.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useLayoutEffect, useRef } from \"react\";\nimport { gravityLetterMotion, resolveGravityLetters } from \"@hjmds/design-contracts/gravity-letters\";\nimport { useHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nexport type GravityLettersProps = Readonly<{ glyphs: readonly string[]; active?: boolean; replayKey?: string | number; /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */ layoutStyle?: HjmCompositionStyleProp; }>;\n/** Decorative only: provide the meaningful heading outside this hidden presentation. */\nexport function GravityLetters({ glyphs, active = false, replayKey = 0, layoutStyle }: GravityLettersProps) {\n  const { environment } = useHjmTheme();\n  const root = useRef<HTMLSpanElement>(null);\n  const signature = JSON.stringify(glyphs);\n  const units = resolveGravityLetters(glyphs);\n  useLayoutEffect(() => {\n    if (!active || environment.reducedMotion || document.hidden) return;\n    const recipe = resolveGravityLetters(JSON.parse(signature) as string[]);\n    const animations: Animation[] = [];\n    const stop = () => animations.forEach(animation => animation.cancel());\n    // Decoration must not remove the readable page if WAAPI creation fails midway.\n    try {\n      [...root.current!.children].forEach((node, index) => animations.push(node.animate(\n        gravityLetterMotion.input.map((offset, step) => ({ offset, transform: `translateY(${gravityLetterMotion.y[step]}px) rotate(${step === 0 ? recipe[index]!.rotation : 0}deg)` })),\n        { duration: gravityLetterMotion.duration, delay: recipe[index]!.delay, fill: \"backwards\", easing: \"ease-out\" },\n      )));\n    } catch { stop(); return; }\n    const visibility = () => { if (document.hidden) stop(); };\n    document.addEventListener(\"visibilitychange\", visibility);\n    return () => { stop(); document.removeEventListener(\"visibilitychange\", visibility); };\n  }, [signature, active, replayKey, environment.reducedMotion]);\n  return <span ref={root} aria-hidden=\"true\" style={{ display: \"flex\", flexWrap: \"wrap\", pointerEvents: \"none\", paddingTop: 36, ...layoutStyle }}>{units.map((unit, index) => <span key={index} style={{ display: \"inline-block\", whiteSpace: \"pre\" }}>{unit.glyph}</span>)}</span>;\n}\n"]}

package/dist/grid-reveal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-reveal.d.ts","sourceRoot":"","sources":["../src/grid-reveal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,MAAM,MAAM,eAAe,GAAC,QAAQ,CAAC;IAAC,KAAK,EAAC,OAAO,CAAC;IAAA,MAAM,CAAC,EAAC,OAAO,CAAC;IAAA,QAAQ,EAAC,SAAS,CAAC,CAAC,gGAAgG;IAAC,WAAW,CAAC,EAAE,uBAAuB,CAAC;CAAC,CAAC,CAAC;AAClO,gGAAgG;AAChG,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAC,MAAW,EAAC,QAAQ,EAAC,WAAW,EAAC,EAAC,eAAe,+BAUlF"}
+{"version":3,"file":"grid-reveal.d.ts","sourceRoot":"","sources":["../src/grid-reveal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,MAAM,MAAM,eAAe,GAAC,QAAQ,CAAC;IAAC,KAAK,EAAC,OAAO,CAAC;IAAA,MAAM,CAAC,EAAC,OAAO,CAAC;IAAA,QAAQ,EAAC,SAAS,CAAC,CAAC,gGAAgG;IAAC,WAAW,CAAC,EAAE,uBAAuB,CAAC;CAAC,CAAC,CAAC;AAClO,gGAAgG;AAChG,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAC,MAAW,EAAC,QAAQ,EAAC,WAAW,EAAC,EAAC,eAAe,+BAalF"}