@hjmds/react 0.8.2

package/dist/advanced-display.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveDescriptionListColumnCount, resolveDescriptionListDescriptor, } from "@hjmds/design-contracts/components/description-list";
+import { resolveTimelineDescriptor, } from "@hjmds/design-contracts/components/timeline";
+import { resolveStatisticDescriptor, validateStatisticGroup, } from "@hjmds/design-contracts/components/statistic";
+import { accordionRecipe, avatarRecipe, dividerRecipe, listRecipe, statisticRecipe, } from "@hjmds/design-contracts/recipes";
+import { Children, createElement, forwardRef, isValidElement, useEffect, useId, useRef, useState, } from "react";
+import { classNames, useControllableState, useElementWidth } from "./internal.js";
+import { useOptionalHjmTheme } from "./provider.js";
+function validateAccordionItems(items) {
+    if (items.length === 0)
+        throw new TypeError("Accordion requires at least one item");
+    const ids = new Set();
+    for (const item of items) {
+        if (item.id.trim().length === 0)
+            throw new TypeError("Accordion item id must not be empty");
+        if (ids.has(item.id))
+            throw new TypeError(`Duplicate Accordion item id: ${item.id}`);
+        ids.add(item.id);
+    }
+}
+function accordionFocusTarget(items, currentIndex, key) {
+    if (key === "Home")
+        return items.findIndex((item) => !item.disabled);
+    if (key === "End") {
+        for (let index = items.length - 1; index >= 0; index -= 1) {
+            if (!items[index]?.disabled)
+                return index;
+        }
+        return -1;
+    }
+    const direction = key === "ArrowDown" ? 1 : key === "ArrowUp" ? -1 : 0;
+    if (direction === 0)
+        return undefined;
+    for (let offset = 1; offset <= items.length; offset += 1) {
+        const index = (currentIndex + direction * offset + items.length) % items.length;
+        if (!items[index]?.disabled)
+            return index;
+    }
+    return currentIndex;
+}
+export const Accordion = forwardRef(function Accordion({ items, value: valueProp, defaultValue = [], onValueChange, allowsMultipleExpanded = accordionRecipe.defaults.allowsMultipleExpanded, density = accordionRecipe.defaults.density, headingLevel = 3, className, ...props }, ref) {
+    validateAccordionItems(items);
+    const [value, setValue] = useControllableState({
+        ...(valueProp === undefined ? {} : { value: valueProp }),
+        defaultValue,
+        ...(onValueChange === undefined ? {} : { onChange: onValueChange }),
+    });
+    const validIds = new Set(items.map((item) => item.id));
+    const valueIds = new Set();
+    for (const id of value) {
+        if (!validIds.has(id))
+            throw new RangeError(`Unknown Accordion value: ${id}`);
+        if (valueIds.has(id))
+            throw new TypeError(`Duplicate Accordion value: ${id}`);
+        valueIds.add(id);
+    }
+    if (!allowsMultipleExpanded && value.length > 1) {
+        throw new RangeError("Accordion only allows one expanded item");
+    }
+    const baseId = useId().replaceAll(":", "");
+    const triggerRefs = useRef(new Map());
+    const toggle = (id) => {
+        const expanded = value.includes(id);
+        setValue(expanded
+            ? value.filter((candidate) => candidate !== id)
+            : allowsMultipleExpanded
+                ? [...value, id]
+                : [id]);
+    };
+    return (_jsx("div", { ...props, ref: ref, className: classNames("hjm-accordion", className), "data-density": density, "data-multiple": allowsMultipleExpanded || undefined, children: items.map((item, index) => {
+            const expanded = value.includes(item.id);
+            const triggerId = `${baseId}-accordion-trigger-${index}`;
+            const panelId = `${baseId}-accordion-panel-${index}`;
+            const trigger = (_jsxs("button", { ref: (node) => {
+                    if (node)
+                        triggerRefs.current.set(item.id, node);
+                    else
+                        triggerRefs.current.delete(item.id);
+                }, id: triggerId, type: "button", className: "hjm-accordion__trigger", "aria-expanded": expanded, "aria-controls": panelId, disabled: item.disabled, onClick: () => toggle(item.id), onKeyDown: (event) => {
+                    const target = accordionFocusTarget(items, index, event.key);
+                    if (target === undefined || target < 0)
+                        return;
+                    event.preventDefault();
+                    triggerRefs.current.get(items[target].id)?.focus();
+                }, children: [_jsx("span", { className: "hjm-accordion__title", children: item.title }), _jsx("span", { className: "hjm-accordion__indicator", "aria-hidden": "true", children: expanded ? "−" : "+" })] }));
+            return (_jsxs("div", { className: "hjm-accordion__item", "data-state": item.disabled ? "disabled" : expanded ? "expanded" : "collapsed", children: [createElement(`h${headingLevel}`, { className: "hjm-accordion__header" }, trigger), _jsx("div", { id: panelId, role: "region", className: "hjm-accordion__panel", "aria-labelledby": triggerId, hidden: !expanded, children: item.panel })] }, item.id));
+        }) }));
+});
+function initials(name) {
+    return name
+        .trim()
+        .split(/\s+/u)
+        .slice(0, 2)
+        .map((part) => Array.from(part)[0] ?? "")
+        .join("")
+        .toLocaleUpperCase();
+}
+export const Avatar = forwardRef(function Avatar({ name, src, alt = name, fallback, size = avatarRecipe.defaults.size, shape = avatarRecipe.defaults.shape, imageProps, className, ...props }, ref) {
+    if (name.trim().length === 0)
+        throw new TypeError("Avatar name must not be empty");
+    const [imageAvailable, setImageAvailable] = useState(Boolean(src));
+    useEffect(() => setImageAvailable(Boolean(src)), [src]);
+    const { onError, className: imageClassName, ...restImageProps } = imageProps ?? {};
+    return (_jsx("span", { ...props, ref: ref, className: classNames("hjm-avatar", className), "data-size": size, "data-shape": shape, "data-state": imageAvailable ? "image" : "fallback", children: src && imageAvailable ? (_jsx("img", { ...restImageProps, src: src, alt: alt, className: classNames("hjm-avatar__image", imageClassName), onError: (event) => {
+                setImageAvailable(false);
+                onError?.(event);
+            } })) : (_jsx("span", { className: "hjm-avatar__fallback", role: alt.length > 0 ? "img" : undefined, "aria-label": alt.length > 0 ? alt : undefined, "aria-hidden": alt.length === 0 || undefined, children: fallback ?? initials(name) })) }));
+});
+export const Divider = forwardRef(function Divider({ orientation = dividerRecipe.defaults.orientation, inset = dividerRecipe.defaults.inset, decorative = false, className, ...props }, ref) {
+    return createElement(orientation === "horizontal" ? "hr" : "div", {
+        ...props,
+        ref,
+        className: classNames("hjm-divider", className),
+        "data-orientation": orientation,
+        "data-inset": inset,
+        role: decorative ? "presentation" : "separator",
+        "aria-hidden": decorative || undefined,
+        "aria-orientation": decorative ? undefined : orientation,
+    });
+});
+/** Semantic list container that owns separators around composed rows. */
+export const List = forwardRef(function List({ label, children, separator = listRecipe.defaults.separator, appearance = "plain", className, ...props }, ref) {
+    if (!label.trim())
+        throw new TypeError("List label must not be empty");
+    const items = Children.toArray(children);
+    return (_jsx("div", { ...props, ref: ref, "aria-label": label, className: classNames("hjm-list", className), "data-appearance": appearance, "data-separator": separator, role: "list", children: items.map((item, index) => (_jsx("div", { className: "hjm-list__item", role: "listitem", children: item }, isValidElement(item) && item.key !== null ? item.key : `hjm-list-${index}`))) }));
+});
+export function Statistic({ descriptor, density = "comfortable", presentation = "plain", contextLabel, accessibilityLabel, composeAccessibilityLabel, renderTrendMark, className, ...props }) {
+    const resolved = resolveStatisticDescriptor(descriptor);
+    const valueText = `${resolved.prefix ?? ""}${resolved.value}${resolved.suffix ?? ""}`;
+    const announcement = accessibilityLabel ?? composeAccessibilityLabel?.({
+        ...(contextLabel === undefined ? {} : { contextLabel }),
+        descriptor: resolved,
+        valueText,
+    }) ?? [contextLabel, resolved.label, valueText, resolved.trend?.label, resolved.hint]
+        .filter(Boolean)
+        .join(", ");
+    if (!announcement.trim())
+        throw new TypeError("Statistic accessibility label must not be empty");
+    const trendName = resolved.trend
+        ? statisticRecipe.trend.marks[resolved.trend.direction]
+        : undefined;
+    return (_jsxs("article", { ...props, "aria-label": announcement, className: classNames("hjm-statistic", className), "data-density": density, "data-presentation": presentation, children: [_jsx("span", { "aria-hidden": "true", className: "hjm-statistic__label", children: resolved.label }), _jsxs("span", { "aria-hidden": "true", className: "hjm-statistic__value-row", children: [resolved.prefix ? _jsx("span", { className: "hjm-statistic__affix", children: resolved.prefix }) : null, _jsx("strong", { className: "hjm-statistic__value", children: resolved.value }), resolved.suffix ? _jsx("span", { className: "hjm-statistic__affix", children: resolved.suffix }) : null] }), resolved.trend ? (_jsxs("span", { "aria-hidden": "true", className: "hjm-statistic__trend", "data-tone": resolved.trend.tone, children: [_jsx("span", { className: "hjm-statistic__trend-mark", children: renderTrendMark?.({ name: trendName, color: "currentColor", size: 16 }) ?? (resolved.trend.direction === "up" ? "↑" : resolved.trend.direction === "down" ? "↓" : "—") }), resolved.trend.label] })) : null, resolved.hint ? _jsx("span", { "aria-hidden": "true", className: "hjm-statistic__hint", children: resolved.hint }) : null] }));
+}
+export function StatisticGroup({ label, descriptor, density, presentation, composeAccessibilityLabel, renderTrendMark, className, style, ...props }) {
+    validateStatisticGroup(descriptor);
+    if (!label.trim())
+        throw new TypeError("StatisticGroup label must not be empty");
+    return (_jsx("div", { ...props, "aria-label": label, className: classNames("hjm-statistic-group", className), role: "list", style: { ...style, "--hjm-statistic-columns": descriptor.columns ?? statisticRecipe.defaults.columns }, children: descriptor.items.map((item) => (_jsx("div", { role: "listitem", children: _jsx(Statistic, { contextLabel: label, descriptor: item, ...(composeAccessibilityLabel === undefined ? {} : { composeAccessibilityLabel }), ...(density === undefined ? {} : { density }), ...(presentation === undefined ? {} : { presentation }), ...(renderTrendMark === undefined ? {} : { renderTrendMark }) }) }, item.id))) }));
+}
+function DescriptionListInner({ items, columns, className, style, ...props }, forwardedRef) {
+    const descriptor = resolveDescriptionListDescriptor({
+        items,
+        ...(columns === undefined ? {} : { columns }),
+    });
+    const [width, ref] = useElementWidth(forwardedRef);
+    const theme = useOptionalHjmTheme();
+    const resolvedColumns = resolveDescriptionListColumnCount(width ?? 0, descriptor.columns, theme?.environment.textScale ?? 1);
+    const responsiveStyle = {
+        ...style,
+        "--hjm-description-columns": resolvedColumns,
+    };
+    return (_jsx("dl", { ...props, ref: ref, className: classNames("hjm-description-list", className), "data-columns": resolvedColumns, "data-state": resolvedColumns < descriptor.columns ? "collapsed" : "ready", style: responsiveStyle, children: descriptor.items.map((item) => (_jsxs("div", { className: "hjm-description-list__item", children: [_jsx("dt", { className: "hjm-description-list__label", children: item.label }), _jsx("dd", { className: "hjm-description-list__value", children: item.value })] }, item.id))) }));
+}
+export const DescriptionList = forwardRef(DescriptionListInner);
+function TableInner({ columns, rows, getRowKey, caption, emptyState, onSortChange, wrapperClassName, className, ...props }, ref) {
+    if (columns.length === 0)
+        throw new TypeError("Table requires at least one column");
+    const ids = new Set();
+    for (const column of columns) {
+        if (column.id.trim().length === 0)
+            throw new TypeError("Table column id must not be empty");
+        if (ids.has(column.id))
+            throw new TypeError(`Duplicate Table column id: ${column.id}`);
+        ids.add(column.id);
+        if (column.sortDirection && !column.sortable) {
+            throw new TypeError(`Table column ${column.id} has sortDirection but is not sortable`);
+        }
+    }
+    const rowKeys = rows.map((row, rowIndex) => getRowKey(row, rowIndex));
+    const seenRowKeys = new Set();
+    for (const rowKey of rowKeys) {
+        if (rowKey.trim().length === 0)
+            throw new TypeError("Table row key must not be empty");
+        if (seenRowKeys.has(rowKey))
+            throw new TypeError(`Duplicate Table row key: ${rowKey}`);
+        seenRowKeys.add(rowKey);
+    }
+    return (_jsx("div", { className: classNames("hjm-table-scroll", wrapperClassName), tabIndex: 0, children: _jsxs("table", { ...props, ref: ref, className: classNames("hjm-table", className), children: [caption ? _jsx("caption", { className: "hjm-table__caption", children: caption }) : null, _jsx("thead", { children: _jsx("tr", { children: columns.map((column) => (_jsx("th", { scope: "col", className: "hjm-table__header", "data-align": column.align ?? "start", "aria-sort": column.sortDirection ?? (column.sortable ? "none" : undefined), children: column.sortable ? (_jsxs("button", { type: "button", className: "hjm-table__sort", onClick: () => onSortChange?.(column.id, column.sortDirection === "ascending" ? "descending" : "ascending"), children: [column.header, _jsx("span", { "aria-hidden": "true", children: column.sortDirection === "ascending"
+                                            ? " ↑"
+                                            : column.sortDirection === "descending"
+                                                ? " ↓"
+                                                : " ↕" })] })) : column.header }, column.id))) }) }), _jsx("tbody", { children: rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "hjm-table__empty", colSpan: columns.length, children: emptyState }) })) : (rows.map((row, rowIndex) => (_jsx("tr", { className: "hjm-table__row", children: columns.map((column) => (_jsx("td", { className: "hjm-table__cell", "data-align": column.align ?? "start", children: column.cell(row, rowIndex) }, column.id))) }, rowKeys[rowIndex])))) })] }) }));
+}
+export const Table = forwardRef(TableInner);
+function TimelineInner({ items, composeAccessibleName, className, ...props }, ref) {
+    const resolved = resolveTimelineDescriptor({ items }, { composeAccessibleName });
+    return (_jsx("ol", { ...props, ref: ref, className: classNames("hjm-timeline", className), children: resolved.map((item, index) => (_jsxs("li", { "aria-label": item.accessibleName, className: "hjm-timeline__item", "data-tone": item.tone, children: [_jsxs("span", { className: "hjm-timeline__rail", "aria-hidden": "true", children: [_jsx("span", { className: "hjm-timeline__dot" }), index < resolved.length - 1 ? (_jsx("span", { className: "hjm-timeline__connector" })) : null] }), _jsxs("span", { className: "hjm-timeline__content", children: [_jsxs("span", { className: "hjm-timeline__heading", children: [_jsx("strong", { className: "hjm-timeline__label", children: item.label }), item.timestamp ? (_jsx("time", { className: "hjm-timeline__timestamp", children: item.timestamp })) : null] }), item.description ? (_jsx("span", { className: "hjm-timeline__description", children: item.description })) : null] })] }, item.id))) }));
+}
+export const Timeline = forwardRef(TimelineInner);
+//# sourceMappingURL=advanced-display.js.map

package/dist/advanced-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-display.js","sourceRoot":"","sources":["../src/advanced-display.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  resolveDescriptionListColumnCount,\n  resolveDescriptionListDescriptor,\n  type DescriptionItemDescriptor,\n  type DescriptionListColumns,\n} from \"@hjmds/design-contracts/components/description-list\";\nimport {\n  resolveTimelineDescriptor,\n  type ComposeTimelineAccessibleName,\n  type TimelineItemDescriptor,\n} from \"@hjmds/design-contracts/components/timeline\";\nimport {\n  resolveStatisticDescriptor,\n  validateStatisticGroup,\n  type ResolvedStatisticDescriptor,\n  type StatisticDescriptor,\n  type StatisticGroupDescriptor,\n} from \"@hjmds/design-contracts/components/statistic\";\nimport {\n  accordionRecipe,\n  avatarRecipe,\n  dividerRecipe,\n  listRecipe,\n  statisticRecipe,\n  type AccordionDensity,\n  type AvatarShape,\n  type AvatarSize,\n  type StatisticDensity,\n  type StatisticPresentation,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  Children,\n  createElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ForwardedRef,\n  type HTMLAttributes,\n  type ImgHTMLAttributes,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  type RefAttributes,\n  type TableHTMLAttributes,\n} from \"react\";\nimport { classNames, useControllableState, useElementWidth } from \"./internal.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\n\nexport type AccordionItem = Readonly<{\n  id: string;\n  title: ReactNode;\n  panel: ReactNode;\n  disabled?: boolean;\n}>;\n\nexport type AccordionProps = Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> &\n  Readonly<{\n    items: readonly AccordionItem[];\n    value?: readonly string[];\n    defaultValue?: readonly string[];\n    onValueChange?: (value: readonly string[]) => void;\n    allowsMultipleExpanded?: boolean;\n    density?: AccordionDensity;\n    headingLevel?: 2 | 3 | 4 | 5 | 6;\n  }>;\n\nfunction validateAccordionItems(items: readonly AccordionItem[]): void {\n  if (items.length === 0) throw new TypeError(\"Accordion requires at least one item\");\n  const ids = new Set<string>();\n  for (const item of items) {\n    if (item.id.trim().length === 0) throw new TypeError(\"Accordion item id must not be empty\");\n    if (ids.has(item.id)) throw new TypeError(`Duplicate Accordion item id: ${item.id}`);\n    ids.add(item.id);\n  }\n}\n\nfunction accordionFocusTarget(\n  items: readonly AccordionItem[],\n  currentIndex: number,\n  key: string,\n): number | undefined {\n  if (key === \"Home\") return items.findIndex((item) => !item.disabled);\n  if (key === \"End\") {\n    for (let index = items.length - 1; index >= 0; index -= 1) {\n      if (!items[index]?.disabled) return index;\n    }\n    return -1;\n  }\n  const direction = key === \"ArrowDown\" ? 1 : key === \"ArrowUp\" ? -1 : 0;\n  if (direction === 0) return undefined;\n  for (let offset = 1; offset <= items.length; offset += 1) {\n    const index = (currentIndex + direction * offset + items.length) % items.length;\n    if (!items[index]?.disabled) return index;\n  }\n  return currentIndex;\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(\n    {\n      items,\n      value: valueProp,\n      defaultValue = [],\n      onValueChange,\n      allowsMultipleExpanded = accordionRecipe.defaults.allowsMultipleExpanded,\n      density = accordionRecipe.defaults.density,\n      headingLevel = 3,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    validateAccordionItems(items);\n    const [value, setValue] = useControllableState<readonly string[]>({\n      ...(valueProp === undefined ? {} : { value: valueProp }),\n      defaultValue,\n      ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n    });\n    const validIds = new Set(items.map((item) => item.id));\n    const valueIds = new Set<string>();\n    for (const id of value) {\n      if (!validIds.has(id)) throw new RangeError(`Unknown Accordion value: ${id}`);\n      if (valueIds.has(id)) throw new TypeError(`Duplicate Accordion value: ${id}`);\n      valueIds.add(id);\n    }\n    if (!allowsMultipleExpanded && value.length > 1) {\n      throw new RangeError(\"Accordion only allows one expanded item\");\n    }\n    const baseId = useId().replaceAll(\":\", \"\");\n    const triggerRefs = useRef(new Map<string, HTMLButtonElement>());\n    const toggle = (id: string) => {\n      const expanded = value.includes(id);\n      setValue(\n        expanded\n          ? value.filter((candidate) => candidate !== id)\n          : allowsMultipleExpanded\n            ? [...value, id]\n            : [id],\n      );\n    };\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={classNames(\"hjm-accordion\", className)}\n        data-density={density}\n        data-multiple={allowsMultipleExpanded || undefined}\n      >\n        {items.map((item, index) => {\n          const expanded = value.includes(item.id);\n          const triggerId = `${baseId}-accordion-trigger-${index}`;\n          const panelId = `${baseId}-accordion-panel-${index}`;\n          const trigger = (\n            <button\n              ref={(node) => {\n                if (node) triggerRefs.current.set(item.id, node);\n                else triggerRefs.current.delete(item.id);\n              }}\n              id={triggerId}\n              type=\"button\"\n              className=\"hjm-accordion__trigger\"\n              aria-expanded={expanded}\n              aria-controls={panelId}\n              disabled={item.disabled}\n              onClick={() => toggle(item.id)}\n              onKeyDown={(event: KeyboardEvent<HTMLButtonElement>) => {\n                const target = accordionFocusTarget(items, index, event.key);\n                if (target === undefined || target < 0) return;\n                event.preventDefault();\n                triggerRefs.current.get(items[target]!.id)?.focus();\n              }}\n            >\n              <span className=\"hjm-accordion__title\">{item.title}</span>\n              <span className=\"hjm-accordion__indicator\" aria-hidden=\"true\">\n                {expanded ? \"−\" : \"+\"}\n              </span>\n            </button>\n          );\n          return (\n            <div\n              key={item.id}\n              className=\"hjm-accordion__item\"\n              data-state={item.disabled ? \"disabled\" : expanded ? \"expanded\" : \"collapsed\"}\n            >\n              {createElement(`h${headingLevel}`, { className: \"hjm-accordion__header\" }, trigger)}\n              <div\n                id={panelId}\n                role=\"region\"\n                className=\"hjm-accordion__panel\"\n                aria-labelledby={triggerId}\n                hidden={!expanded}\n              >\n                {item.panel}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  },\n);\n\nfunction initials(name: string): string {\n  return name\n    .trim()\n    .split(/\\s+/u)\n    .slice(0, 2)\n    .map((part) => Array.from(part)[0] ?? \"\")\n    .join(\"\")\n    .toLocaleUpperCase();\n}\n\nexport type AvatarProps = Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> &\n  Readonly<{\n    name: string;\n    src?: string;\n    alt?: string;\n    fallback?: ReactNode;\n    size?: AvatarSize;\n    shape?: AvatarShape;\n    imageProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, \"alt\" | \"src\">;\n  }>;\n\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(function Avatar(\n  {\n    name,\n    src,\n    alt = name,\n    fallback,\n    size = avatarRecipe.defaults.size,\n    shape = avatarRecipe.defaults.shape,\n    imageProps,\n    className,\n    ...props\n  },\n  ref,\n) {\n  if (name.trim().length === 0) throw new TypeError(\"Avatar name must not be empty\");\n  const [imageAvailable, setImageAvailable] = useState(Boolean(src));\n  useEffect(() => setImageAvailable(Boolean(src)), [src]);\n  const { onError, className: imageClassName, ...restImageProps } = imageProps ?? {};\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={classNames(\"hjm-avatar\", className)}\n      data-size={size}\n      data-shape={shape}\n      data-state={imageAvailable ? \"image\" : \"fallback\"}\n    >\n      {src && imageAvailable ? (\n        <img\n          {...restImageProps}\n          src={src}\n          alt={alt}\n          className={classNames(\"hjm-avatar__image\", imageClassName)}\n          onError={(event) => {\n            setImageAvailable(false);\n            onError?.(event);\n          }}\n        />\n      ) : (\n        <span\n          className=\"hjm-avatar__fallback\"\n          role={alt.length > 0 ? \"img\" : undefined}\n          aria-label={alt.length > 0 ? alt : undefined}\n          aria-hidden={alt.length === 0 || undefined}\n        >\n          {fallback ?? initials(name)}\n        </span>\n      )}\n    </span>\n  );\n});\n\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerInset = keyof typeof dividerRecipe.insets;\n\nexport type DividerProps = HTMLAttributes<HTMLElement> &\n  Readonly<{\n    orientation?: DividerOrientation;\n    inset?: DividerInset;\n    decorative?: boolean;\n  }>;\n\nexport const Divider = forwardRef<HTMLElement, DividerProps>(function Divider(\n  {\n    orientation = dividerRecipe.defaults.orientation,\n    inset = dividerRecipe.defaults.inset,\n    decorative = false,\n    className,\n    ...props\n  },\n  ref,\n) {\n  return createElement(orientation === \"horizontal\" ? \"hr\" : \"div\", {\n    ...props,\n    ref,\n    className: classNames(\"hjm-divider\", className),\n    \"data-orientation\": orientation,\n    \"data-inset\": inset,\n    role: decorative ? \"presentation\" : \"separator\",\n    \"aria-hidden\": decorative || undefined,\n    \"aria-orientation\": decorative ? undefined : orientation,\n  });\n});\n\nexport type ListAppearance = \"grouped\" | \"plain\";\n\nexport type ListProps = Omit<HTMLAttributes<HTMLDivElement>, \"children\"> &\n  Readonly<{\n    label: string;\n    children: ReactNode;\n    separator?: keyof typeof listRecipe.separators;\n    appearance?: ListAppearance;\n  }>;\n\n/** Semantic list container that owns separators around composed rows. */\nexport const List = forwardRef<HTMLDivElement, ListProps>(function List(\n  {\n    label,\n    children,\n    separator = listRecipe.defaults.separator,\n    appearance = \"plain\",\n    className,\n    ...props\n  },\n  ref,\n) {\n  if (!label.trim()) throw new TypeError(\"List label must not be empty\");\n  const items = Children.toArray(children);\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-label={label}\n      className={classNames(\"hjm-list\", className)}\n      data-appearance={appearance}\n      data-separator={separator}\n      role=\"list\"\n    >\n      {items.map((item, index) => (\n        <div\n          className=\"hjm-list__item\"\n          key={isValidElement(item) && item.key !== null ? item.key : `hjm-list-${index}`}\n          role=\"listitem\"\n        >\n          {item}\n        </div>\n      ))}\n    </div>\n  );\n});\n\nexport type StatisticTrendMarkRenderProps = Readonly<{\n  name: \"trendUp\" | \"trendDown\" | \"trendFlat\";\n  color: \"currentColor\";\n  size: number;\n}>;\n\nexport type ComposeStatisticAccessibilityLabel<Id extends string = string> = (\n  input: Readonly<{\n    contextLabel?: string;\n    descriptor: ResolvedStatisticDescriptor<Id>;\n    valueText: string;\n  }>,\n) => string;\n\nexport type StatisticProps<Id extends string = string> = Omit<\n  HTMLAttributes<HTMLElement>,\n  \"children\"\n> & Readonly<{\n  descriptor: StatisticDescriptor<Id>;\n  density?: StatisticDensity;\n  presentation?: StatisticPresentation;\n  contextLabel?: string;\n  accessibilityLabel?: string;\n  composeAccessibilityLabel?: ComposeStatisticAccessibilityLabel<Id>;\n  renderTrendMark?: (props: StatisticTrendMarkRenderProps) => ReactNode;\n}>;\n\nexport function Statistic<Id extends string = string>({\n  descriptor,\n  density = \"comfortable\",\n  presentation = \"plain\",\n  contextLabel,\n  accessibilityLabel,\n  composeAccessibilityLabel,\n  renderTrendMark,\n  className,\n  ...props\n}: StatisticProps<Id>) {\n  const resolved = resolveStatisticDescriptor(descriptor);\n  const valueText = `${resolved.prefix ?? \"\"}${resolved.value}${resolved.suffix ?? \"\"}`;\n  const announcement = accessibilityLabel ?? composeAccessibilityLabel?.({\n    ...(contextLabel === undefined ? {} : { contextLabel }),\n    descriptor: resolved,\n    valueText,\n  }) ?? [contextLabel, resolved.label, valueText, resolved.trend?.label, resolved.hint]\n    .filter(Boolean)\n    .join(\", \");\n  if (!announcement.trim()) throw new TypeError(\"Statistic accessibility label must not be empty\");\n  const trendName = resolved.trend\n    ? statisticRecipe.trend.marks[resolved.trend.direction]\n    : undefined;\n  return (\n    <article\n      {...props}\n      aria-label={announcement}\n      className={classNames(\"hjm-statistic\", className)}\n      data-density={density}\n      data-presentation={presentation}\n    >\n      <span aria-hidden=\"true\" className=\"hjm-statistic__label\">{resolved.label}</span>\n      <span aria-hidden=\"true\" className=\"hjm-statistic__value-row\">\n        {resolved.prefix ? <span className=\"hjm-statistic__affix\">{resolved.prefix}</span> : null}\n        <strong className=\"hjm-statistic__value\">{resolved.value}</strong>\n        {resolved.suffix ? <span className=\"hjm-statistic__affix\">{resolved.suffix}</span> : null}\n      </span>\n      {resolved.trend ? (\n        <span aria-hidden=\"true\" className=\"hjm-statistic__trend\" data-tone={resolved.trend.tone}>\n          <span className=\"hjm-statistic__trend-mark\">\n            {renderTrendMark?.({ name: trendName!, color: \"currentColor\", size: 16 }) ?? (\n              resolved.trend.direction === \"up\" ? \"↑\" : resolved.trend.direction === \"down\" ? \"↓\" : \"—\"\n            )}\n          </span>\n          {resolved.trend.label}\n        </span>\n      ) : null}\n      {resolved.hint ? <span aria-hidden=\"true\" className=\"hjm-statistic__hint\">{resolved.hint}</span> : null}\n    </article>\n  );\n}\n\nexport type StatisticGroupProps<Id extends string = string> = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"children\"\n> & Readonly<{\n  label: string;\n  descriptor: StatisticGroupDescriptor<Id>;\n  density?: StatisticDensity;\n  presentation?: StatisticPresentation;\n  composeAccessibilityLabel?: ComposeStatisticAccessibilityLabel<Id>;\n  renderTrendMark?: (props: StatisticTrendMarkRenderProps) => ReactNode;\n}>;\n\nexport function StatisticGroup<Id extends string = string>({\n  label,\n  descriptor,\n  density,\n  presentation,\n  composeAccessibilityLabel,\n  renderTrendMark,\n  className,\n  style,\n  ...props\n}: StatisticGroupProps<Id>) {\n  validateStatisticGroup(descriptor);\n  if (!label.trim()) throw new TypeError(\"StatisticGroup label must not be empty\");\n  return (\n    <div\n      {...props}\n      aria-label={label}\n      className={classNames(\"hjm-statistic-group\", className)}\n      role=\"list\"\n      style={{ ...style, \"--hjm-statistic-columns\": descriptor.columns ?? statisticRecipe.defaults.columns } as CSSProperties}\n    >\n      {descriptor.items.map((item) => (\n        <div key={item.id} role=\"listitem\">\n          <Statistic\n            contextLabel={label}\n            descriptor={item}\n            {...(composeAccessibilityLabel === undefined ? {} : { composeAccessibilityLabel })}\n            {...(density === undefined ? {} : { density })}\n            {...(presentation === undefined ? {} : { presentation })}\n            {...(renderTrendMark === undefined ? {} : { renderTrendMark })}\n          />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport type DescriptionListProps<Id extends string = string> = Omit<\n  HTMLAttributes<HTMLDListElement>,\n  \"children\"\n> &\n  Readonly<{\n    items: readonly DescriptionItemDescriptor<Id>[];\n    columns?: DescriptionListColumns;\n  }>;\n\nfunction DescriptionListInner<Id extends string>(\n  { items, columns, className, style, ...props }: DescriptionListProps<Id>,\n  forwardedRef: ForwardedRef<HTMLDListElement>,\n) {\n  const descriptor = resolveDescriptionListDescriptor({\n    items,\n    ...(columns === undefined ? {} : { columns }),\n  });\n  const [width, ref] = useElementWidth(forwardedRef);\n  const theme = useOptionalHjmTheme();\n  const resolvedColumns = resolveDescriptionListColumnCount(\n    width ?? 0,\n    descriptor.columns,\n    theme?.environment.textScale ?? 1,\n  );\n  const responsiveStyle = {\n    ...style,\n    \"--hjm-description-columns\": resolvedColumns,\n  } as CSSProperties;\n  return (\n    <dl\n      {...props}\n      ref={ref}\n      className={classNames(\"hjm-description-list\", className)}\n      data-columns={resolvedColumns}\n      data-state={resolvedColumns < descriptor.columns ? \"collapsed\" : \"ready\"}\n      style={responsiveStyle}\n    >\n      {descriptor.items.map((item) => (\n        <div key={item.id} className=\"hjm-description-list__item\">\n          <dt className=\"hjm-description-list__label\">{item.label}</dt>\n          <dd className=\"hjm-description-list__value\">{item.value}</dd>\n        </div>\n      ))}\n    </dl>\n  );\n}\n\nexport const DescriptionList = forwardRef(DescriptionListInner) as <Id extends string = string>(\n  props: DescriptionListProps<Id> & RefAttributes<HTMLDListElement>,\n) => ReactElement;\n\nexport type TableSortDirection = \"ascending\" | \"descending\";\n\nexport type TableColumn<Row> = Readonly<{\n  id: string;\n  header: ReactNode;\n  cell: (row: Row, rowIndex: number) => ReactNode;\n  align?: \"start\" | \"center\" | \"end\";\n  sortable?: boolean;\n  sortDirection?: TableSortDirection;\n}>;\n\nexport type TableProps<Row> = Omit<TableHTMLAttributes<HTMLTableElement>, \"children\"> &\n  Readonly<{\n    columns: readonly TableColumn<Row>[];\n    rows: readonly Row[];\n    getRowKey: (row: Row, rowIndex: number) => string;\n    caption?: ReactNode;\n    /** Localized content rendered when rows is empty. */\n    emptyState: ReactNode;\n    onSortChange?: (columnId: string, direction: TableSortDirection) => void;\n    wrapperClassName?: string;\n  }>;\n\nfunction TableInner<Row>(\n  {\n    columns,\n    rows,\n    getRowKey,\n    caption,\n    emptyState,\n    onSortChange,\n    wrapperClassName,\n    className,\n    ...props\n  }: TableProps<Row>,\n  ref: ForwardedRef<HTMLTableElement>,\n) {\n  if (columns.length === 0) throw new TypeError(\"Table requires at least one column\");\n  const ids = new Set<string>();\n  for (const column of columns) {\n    if (column.id.trim().length === 0) throw new TypeError(\"Table column id must not be empty\");\n    if (ids.has(column.id)) throw new TypeError(`Duplicate Table column id: ${column.id}`);\n    ids.add(column.id);\n    if (column.sortDirection && !column.sortable) {\n      throw new TypeError(`Table column ${column.id} has sortDirection but is not sortable`);\n    }\n  }\n  const rowKeys = rows.map((row, rowIndex) => getRowKey(row, rowIndex));\n  const seenRowKeys = new Set<string>();\n  for (const rowKey of rowKeys) {\n    if (rowKey.trim().length === 0) throw new TypeError(\"Table row key must not be empty\");\n    if (seenRowKeys.has(rowKey)) throw new TypeError(`Duplicate Table row key: ${rowKey}`);\n    seenRowKeys.add(rowKey);\n  }\n  return (\n    <div className={classNames(\"hjm-table-scroll\", wrapperClassName)} tabIndex={0}>\n      <table {...props} ref={ref} className={classNames(\"hjm-table\", className)}>\n        {caption ? <caption className=\"hjm-table__caption\">{caption}</caption> : null}\n        <thead>\n          <tr>\n            {columns.map((column) => (\n              <th\n                key={column.id}\n                scope=\"col\"\n                className=\"hjm-table__header\"\n                data-align={column.align ?? \"start\"}\n                aria-sort={column.sortDirection ?? (column.sortable ? \"none\" : undefined)}\n              >\n                {column.sortable ? (\n                  <button\n                    type=\"button\"\n                    className=\"hjm-table__sort\"\n                    onClick={() =>\n                      onSortChange?.(\n                        column.id,\n                        column.sortDirection === \"ascending\" ? \"descending\" : \"ascending\",\n                      )\n                    }\n                  >\n                    {column.header}\n                    <span aria-hidden=\"true\">\n                      {column.sortDirection === \"ascending\"\n                        ? \" ↑\"\n                        : column.sortDirection === \"descending\"\n                          ? \" ↓\"\n                          : \" ↕\"}\n                    </span>\n                  </button>\n                ) : column.header}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.length === 0 ? (\n            <tr>\n              <td className=\"hjm-table__empty\" colSpan={columns.length}>{emptyState}</td>\n            </tr>\n          ) : (\n            rows.map((row, rowIndex) => (\n              <tr key={rowKeys[rowIndex]} className=\"hjm-table__row\">\n                {columns.map((column) => (\n                  <td\n                    key={column.id}\n                    className=\"hjm-table__cell\"\n                    data-align={column.align ?? \"start\"}\n                  >\n                    {column.cell(row, rowIndex)}\n                  </td>\n                ))}\n              </tr>\n            ))\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nexport const Table = forwardRef(TableInner) as <Row>(\n  props: TableProps<Row> & RefAttributes<HTMLTableElement>,\n) => ReactElement;\n\nexport type TimelineProps<Id extends string = string> = Omit<\n  HTMLAttributes<HTMLOListElement>,\n  \"children\"\n> &\n  Readonly<{\n    items: readonly TimelineItemDescriptor<Id>[];\n    composeAccessibleName: ComposeTimelineAccessibleName;\n  }>;\n\nfunction TimelineInner<Id extends string = string>(\n  {\n    items,\n    composeAccessibleName,\n    className,\n    ...props\n  }: TimelineProps<Id>,\n  ref: ForwardedRef<HTMLOListElement>,\n) {\n  const resolved = resolveTimelineDescriptor(\n    { items },\n    { composeAccessibleName },\n  );\n  return (\n    <ol\n      {...props}\n      ref={ref}\n      className={classNames(\"hjm-timeline\", className)}\n    >\n      {resolved.map((item, index) => (\n        <li\n          aria-label={item.accessibleName}\n          className=\"hjm-timeline__item\"\n          data-tone={item.tone}\n          key={item.id}\n        >\n          <span className=\"hjm-timeline__rail\" aria-hidden=\"true\">\n            <span className=\"hjm-timeline__dot\" />\n            {index < resolved.length - 1 ? (\n              <span className=\"hjm-timeline__connector\" />\n            ) : null}\n          </span>\n          <span className=\"hjm-timeline__content\">\n            <span className=\"hjm-timeline__heading\">\n              <strong className=\"hjm-timeline__label\">{item.label}</strong>\n              {item.timestamp ? (\n                <time className=\"hjm-timeline__timestamp\">{item.timestamp}</time>\n              ) : null}\n            </span>\n            {item.description ? (\n              <span className=\"hjm-timeline__description\">{item.description}</span>\n            ) : null}\n          </span>\n        </li>\n      ))}\n    </ol>\n  );\n}\n\nexport const Timeline = forwardRef(TimelineInner) as <Id extends string = string>(\n  props: TimelineProps<Id> & RefAttributes<HTMLOListElement>,\n) => ReactElement;\n"]}

package/dist/advanced-forms.d.ts

@@ -0,0 +1,116 @@
+import { type SelectDensity, type SelectSize } from "@hjmds/design-contracts/recipes";
+import { type FormDensity } from "@hjmds/design-contracts/components/form";
+import { type FormEvent, type FormHTMLAttributes, type InputHTMLAttributes, type ReactNode, type SelectHTMLAttributes } from "react";
+export type SelectOption = Readonly<{
+    value: string;
+    label: string;
+    disabled?: boolean;
+}>;
+export type NativeSelectProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, "children" | "defaultValue" | "onChange" | "size" | "value"> & Readonly<{
+    label: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    options: readonly SelectOption[];
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    size?: SelectSize;
+    density?: SelectDensity;
+    fieldClassName?: string;
+}>;
+/** A native select keeps browser keyboard, form, autofill, and mobile picker behavior. */
+export declare const NativeSelect: import("react").ForwardRefExoticComponent<Omit<SelectHTMLAttributes<HTMLSelectElement>, "value" | "defaultValue" | "onChange" | "children" | "size"> & Readonly<{
+    label: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    options: readonly SelectOption[];
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    size?: SelectSize;
+    density?: SelectDensity;
+    fieldClassName?: string;
+}> & import("react").RefAttributes<HTMLSelectElement>>;
+export type ComboboxItem = Readonly<{
+    value: string;
+    label: string;
+    keywords?: readonly string[];
+    disabled?: boolean;
+}>;
+export type ComboboxOpenChangeReason = "focus" | "input" | "keyboard" | "selection" | "escape" | "blur";
+export type ComboboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "children" | "defaultValue" | "onChange" | "role" | "size" | "value"> & Readonly<{
+    label: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    items: readonly ComboboxItem[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean, reason: ComboboxOpenChangeReason) => void;
+    /** Localized content rendered when filtering returns no items. */
+    emptyMessage: ReactNode;
+    loading?: boolean;
+    /** Localized content announced while options are loading. */
+    loadingMessage: ReactNode;
+    /** Localized native-validation message for an empty required selection. */
+    selectionRequiredMessage: string;
+    openOnFocus?: boolean;
+    size?: SelectSize;
+    density?: SelectDensity;
+    /** Logical listbox alignment against the input; automatically mirrors in RTL. */
+    align?: "start" | "end";
+    fieldClassName?: string;
+    portalContainer?: HTMLElement;
+}>;
+export declare const Combobox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "children" | "role" | "size"> & Readonly<{
+    label: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    items: readonly ComboboxItem[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean, reason: ComboboxOpenChangeReason) => void;
+    /** Localized content rendered when filtering returns no items. */
+    emptyMessage: ReactNode;
+    loading?: boolean;
+    /** Localized content announced while options are loading. */
+    loadingMessage: ReactNode;
+    /** Localized native-validation message for an empty required selection. */
+    selectionRequiredMessage: string;
+    openOnFocus?: boolean;
+    size?: SelectSize;
+    density?: SelectDensity;
+    /** Logical listbox alignment against the input; automatically mirrors in RTL. */
+    align?: "start" | "end";
+    fieldClassName?: string;
+    portalContainer?: HTMLElement;
+}> & import("react").RefAttributes<HTMLInputElement>>;
+export type FormSubmitHandler = (event: FormEvent<HTMLFormElement>) => void | Promise<void>;
+export type FormProps = Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit"> & Readonly<{
+    onSubmit: FormSubmitHandler;
+    busy?: boolean;
+    formError?: ReactNode;
+    actions?: ReactNode;
+    density?: FormDensity;
+}>;
+export declare const Form: import("react").ForwardRefExoticComponent<Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit"> & Readonly<{
+    onSubmit: FormSubmitHandler;
+    busy?: boolean;
+    formError?: ReactNode;
+    actions?: ReactNode;
+    density?: FormDensity;
+}> & import("react").RefAttributes<HTMLFormElement>>;
+//# sourceMappingURL=advanced-forms.d.ts.map

package/dist/advanced-forms.d.ts.map

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