@hjmds/react 0.8.2

package/README.md

@@ -0,0 +1,146 @@
+# @hjmds/react
+
+React 19 renderer for `@hjmds/design-contracts`. Components render native HTML,
+keep controlled and uncontrolled state explicit, and expose stable `data-state`
+and `data-*` recipe axes for styling and tests.
+
+```tsx
+import { Button, Dialog, Grid, HjmProvider, TextField } from "@hjmds/react";
+import "@hjmds/react/styles.css";
+
+export function Example() {
+  return (
+    <HjmProvider theme="system" textScale={1}>
+      <Grid columns={{ compact: 1, medium: 2 }} gap={{ compact: "md" }}>
+        <TextField label="이름" />
+        <Button>저장</Button>
+      </Grid>
+      <Dialog closeLabel="닫기" trigger={<Button>설정 열기</Button>} title="설정">
+        native HTML controls compose inside the focus-trapped dialog.
+      </Dialog>
+    </HjmProvider>
+  );
+}
+```
+
+`HjmProvider` emits light/dark palette variables, logical direction, text
+scale, and reduced-motion state at one DOM boundary. Importing the JavaScript
+does not mutate global CSS; consumers opt into the stylesheet subpath.
+Products with a reviewed full semantic palette can pass a resolved
+`DesignSystemProviderValue` through the mutually exclusive `value` prop; the
+same runtime validation as Native rejects partial or malformed token overrides.
+
+`Badge` exposes the shared `filled | outline` recipe axis on both Web and Native. `filled` remains
+the default for backward compatibility; `outline` preserves each semantic tone while replacing the
+plate with the recipe border treatment.
+
+## Public surface
+
+- `provider`: `HjmProvider`, `useHjmTheme`
+- `layout`: `Text`, `Surface`, `Stack`, `Section`, responsive `Grid`, adaptive app-shell `Layout`
+- `actions`: `Button`, `IconButton`, `Link`
+- `forms`: `Field`, `TextField`, `TextArea`, `SearchField`, custom accessible
+  `Select`, opt-in `NativeSelect`, editable `Combobox`, exact `NumberField`,
+  approximate `Slider`, async-safe `Form`, `DatePicker`, `FilePicker`
+- `selection`: `Checkbox`, `Radio`, `CheckboxGroup`, `RadioGroup`, `Switch`,
+  `SegmentedControl`, `Chip`
+- `navigation`: `Tabs`, `Steps`, `BottomNavigation`, `Breadcrumb`, `Pagination`, `LoadMore`
+- `display`: `Badge`, `Tag`, `Card`, `ListRow`, `Accordion`, `Avatar`,
+  `Divider`, `List`, `Statistic`, `UploadItem`, responsive `DescriptionList`, native `Table`,
+  `Timeline`, intrinsic-size `Image`, `Icon`, `CounterBadge`
+- `feedback`: `Notice`, `EmptyState`, `Result`, `Progress`, `Spinner`, `Skeleton`
+- `toast`: controlled `Toast`, queued `ToastProvider`/`useToast`
+- `overlays`: `Dialog`, `AlertDialog`, `Sheet`, `Tooltip`, `Menu`
+
+The root entry exports the complete renderer. Public domain entry points are the supported
+granularity boundary: they keep feature imports explicit and are verified not to traverse the
+renderer root barrel:
+
+```tsx
+import { Combobox, Form, Select } from "@hjmds/react/forms";
+import { NumberField } from "@hjmds/react/number-field";
+import { Slider } from "@hjmds/react/slider";
+import { DatePicker } from "@hjmds/react/date-picker";
+import { FilePicker } from "@hjmds/react/file-picker";
+import { Steps } from "@hjmds/react/steps";
+import { UploadItem } from "@hjmds/react/upload-item";
+import { Accordion, Image, Table, Timeline } from "@hjmds/react/display";
+import { BottomNavigation, Breadcrumb, Pagination, Tabs } from "@hjmds/react/navigation";
+import { Dialog, Menu, Sheet } from "@hjmds/react/overlays";
+import { ToastProvider, useToast } from "@hjmds/react/toast";
+```
+
+`pnpm bundle:renderer:check` measures every executable domain graph and the stylesheet against an
+explicit reviewed budget. This guarantees family-level entry isolation; it does not promise a
+separate file or component-level tree-shaking result for every named export. Final application
+chunks still depend on the consumer bundler and its configuration.
+
+Stateful components accept `value`/`checked` plus a change callback for
+controlled use, or `defaultValue`/`defaultChecked` for uncontrolled use. Native
+buttons, anchors, inputs, fieldsets, progress, and tab ARIA relationships are
+kept in the rendered HTML; `data-state` is a styling/evidence hook, not a
+replacement for browser semantics.
+
+Modal overlays are SSR-safe: their trigger renders on the server and portal
+content mounts in the browser. They enter and trap focus, restore it on close,
+lock body scrolling, and inherit provider theme, direction, text scale, and
+reduced-motion variables across the portal boundary. Controlled `Dialog`,
+`AlertDialog`, and `Sheet` instances may omit `trigger` when a product owns
+`open` and `onOpenChange`; uncontrolled instances still require a trigger.
+While a modal is open, siblings outside the topmost modal's ancestor path are
+made `inert` and `aria-hidden`. This isolation follows late-added portals,
+stacks across nested modals, and restores each element's previous values as the
+stack unwinds. `AlertDialog` applies the shared least-destructive-focus and
+async-error contracts. `Menu`, `Combobox`, `Accordion`, and `Tabs` implement
+their documented Arrow/Home/End/Escape keyboard behavior; `Tooltip` only adds
+`aria-describedby` while visible.
+
+Canonical `Select` implements the shared select-only combobox contract with a
+button trigger, listbox popup, active-descendant focus, async collection states,
+and selection reconciliation. `NativeSelect` remains available when browser or
+mobile-picker semantics are the product requirement. `Form`, `Table`,
+`Breadcrumb`, and `Pagination` preserve native HTML semantics. Consumers provide
+localized labels and finished domain copy; the renderer does not invent
+translations. Import the stylesheet once at the application boundary—JavaScript
+entry points have no global side effects.
+
+`NumberField` keeps editable draft text separate from its `number | null`
+model. It accepts locale-neutral finite decimal/exponent text, commits and
+snaps only on blur, Enter, a stepper, or ArrowUp/ArrowDown, and requires
+product-localized increment/decrement labels. The input is the only Tab stop;
+named steppers remain available to pointer and voice control. Currency/unit
+formatting, grouping separators, locale-specific decimal separators, and
+non-Latin number parsing are deliberately unsupported until a bidirectional
+adapter plus IME/locale fixtures are part of the contract. Composition drafts
+stay local, but non-ASCII numeric IME parsing and caret preservation are not
+certified.
+
+`Slider` is the approximate numeric counterpart to `NumberField` and reuses
+the same min-origin clamp/snap resolver. It supports controlled `value` or
+uncontrolled `defaultValue` (falling back to `min`), horizontal LTR/RTL native
+range pointer input, Arrow/Home/End/Page keyboard input, and product-owned
+`getValueText`. `onValueChange` fires during an interaction;
+`onValueChangeEnd` fires once when pointer capture ends, the pointer is
+released, or the keyboard interaction ends. The native range input itself is
+the 44px interaction layer and uses internal `step="any"`; HJM's shared resolver
+snaps user input while preserving off-grid controlled values and exact endpoints.
+Disabling an active interaction commits its last value exactly once.
+Range/multi-thumb, vertical orientation, marks,
+tooltips, nonlinear scales, and drag acceleration remain outside this initial
+renderer.
+
+## Localization ownership
+
+The renderer has no built-in language. Products must provide copy whose meaning
+cannot be derived from native HTML: `SearchField.clearLabel`,
+`Select.placeholder` / `Select.emptySelectionLabel`, `Combobox.emptyMessage` /
+`loadingMessage` / `selectionRequiredMessage`, and `Dialog.closeLabel` /
+`Sheet.closeLabel`, plus `Table.emptyState`. This makes a missing translation a
+TypeScript error instead
+of silently shipping Korean or English fallback text. Labels supplied by the
+product are passed through unchanged; punctuation-only accessible composition
+uses caller-owned strings.
+
+`Grid` observes window and element widths in the browser and starts from a
+deterministic compact layout during SSR. Tests may pass `windowWidth` and
+`availableWidth` explicitly; product code normally leaves both unset.

package/dist/actions.d.ts

@@ -0,0 +1,61 @@
+import { type ButtonSize, type ButtonTone } from "@hjmds/design-contracts/recipes/base";
+import { type IconButtonShape, type IconButtonSize, type IconButtonTone, type LinkTone, type LinkVariant } from "@hjmds/design-contracts/recipes";
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ForwardedRef, type ReactElement, type ReactNode } from "react";
+export type { ButtonSize, ButtonTone } from "@hjmds/design-contracts/recipes/base";
+export type { IconButtonShape, IconButtonSize, IconButtonTone, } from "@hjmds/design-contracts/recipes";
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & Readonly<{
+    tone?: ButtonTone;
+    size?: ButtonSize;
+    loading?: boolean;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}>;
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & Readonly<{
+    tone?: ButtonTone;
+    size?: ButtonSize;
+    loading?: boolean;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}> & import("react").RefAttributes<HTMLButtonElement>>;
+export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & Readonly<{
+    label: string;
+    tone?: IconButtonTone;
+    size?: IconButtonSize;
+    shape?: IconButtonShape;
+    loading?: boolean;
+    children: ReactNode;
+}>;
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & Readonly<{
+    label: string;
+    tone?: IconButtonTone;
+    size?: IconButtonSize;
+    shape?: IconButtonShape;
+    loading?: boolean;
+    children: ReactNode;
+}> & import("react").RefAttributes<HTMLButtonElement>>;
+export type LinkRenderProps = AnchorHTMLAttributes<HTMLAnchorElement> & Readonly<{
+    children: ReactNode;
+    ref: ForwardedRef<HTMLAnchorElement>;
+    "data-tone": LinkTone;
+    "data-variant": LinkVariant;
+    "data-state": "disabled" | "idle";
+}>;
+export type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & Readonly<{
+    tone?: LinkTone;
+    variant?: LinkVariant;
+    disabled?: boolean;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    /** Framework adapter, for example Next.js Link, while HJM keeps link semantics and state. */
+    renderAnchor?: (props: LinkRenderProps) => ReactElement;
+}>;
+export declare const Link: import("react").ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & Readonly<{
+    tone?: LinkTone;
+    variant?: LinkVariant;
+    disabled?: boolean;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    /** Framework adapter, for example Next.js Link, while HJM keeps link semantics and state. */
+    renderAnchor?: (props: LinkRenderProps) => ReactElement;
+}> & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=actions.d.ts.map

package/dist/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,UAAU,EAChB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,KAAK,WAAW,EACjB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,YAAY,EAEjB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AACnF,YAAY,EACV,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAC/D,QAAQ,CAAC;IACP,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEL,eAAO,MAAM,MAAM;WAPR,UAAU;WACV,UAAU;cACP,OAAO;cACP,SAAS;eACR,SAAS;sDA+CtB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,CACb,GACC,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC,CAAC;AAEL,eAAO,MAAM,UAAU;WARZ,MAAM;WACN,cAAc;WACd,cAAc;YACb,eAAe;cACb,OAAO;cACP,SAAS;sDAiDtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACnE,QAAQ,CAAC;IACP,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACrC,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,WAAW,CAAC;IAC5B,YAAY,EAAE,UAAU,GAAG,MAAM,CAAC;CACnC,CAAC,CAAC;AAEL,MAAM,MAAM,SAAS,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAC7D,QAAQ,CAAC;IACP,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,YAAY,CAAC;CACzD,CAAC,CAAC;AAEL,eAAO,MAAM,IAAI;WATN,QAAQ;cACL,WAAW;eACV,OAAO;cACR,SAAS;eACR,SAAS;IACpB,6FAA6F;mBAC9E,CAAC,KAAK,EAAE,eAAe,KAAK,YAAY;sDAiDzD,CAAC"}

package/dist/actions.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { buttonRecipe, } from "@hjmds/design-contracts/recipes/base";
+import { iconButtonRecipe, linkRecipe, } from "@hjmds/design-contracts/recipes";
+import { forwardRef, } from "react";
+import { classNames } from "./internal.js";
+export const Button = forwardRef(function Button({ tone = buttonRecipe.defaults.tone, size = buttonRecipe.defaults.size, loading = false, leading, trailing, disabled, onClick, type = "button", className, children, ...props }, ref) {
+    const unavailable = disabled === true || loading;
+    const handleClick = (event) => {
+        if (loading) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        onClick?.(event);
+    };
+    return (_jsxs("button", { ...props, ref: ref, type: type, className: classNames("hjm-button", className), "data-tone": tone, "data-size": size, "data-state": loading ? "loading" : unavailable ? "disabled" : "idle", "aria-busy": loading || undefined, "aria-disabled": loading || undefined, disabled: disabled, onClick: handleClick, children: [loading ? _jsx("span", { className: "hjm-button__spinner", "aria-hidden": "true" }) : leading, _jsx("span", { className: "hjm-button__label", children: children }), trailing] }));
+});
+export const IconButton = forwardRef(function IconButton({ label, tone = iconButtonRecipe.defaults.tone, size = iconButtonRecipe.defaults.size, shape = iconButtonRecipe.defaults.shape, loading = false, disabled, onClick, type = "button", className, children, ...props }, ref) {
+    const unavailable = disabled === true || loading;
+    const handleClick = (event) => {
+        if (loading) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        onClick?.(event);
+    };
+    return (_jsx("button", { ...props, ref: ref, type: type, className: classNames("hjm-icon-button", className), "data-tone": tone, "data-size": size, "data-shape": shape, "data-state": loading ? "loading" : unavailable ? "disabled" : "idle", "aria-label": label, "aria-busy": loading || undefined, "aria-disabled": loading || undefined, disabled: disabled, onClick: handleClick, children: loading ? _jsx("span", { className: "hjm-button__spinner", "aria-hidden": "true" }) : children }));
+});
+export const Link = forwardRef(function Link({ tone = linkRecipe.defaults.tone, variant = linkRecipe.defaults.variant, disabled = false, leading, trailing, renderAnchor, target, rel, tabIndex, onClick, className, children, ...props }, ref) {
+    const handleClick = (event) => {
+        if (disabled) {
+            event.preventDefault();
+            return;
+        }
+        onClick?.(event);
+    };
+    const anchorProps = {
+        ...props,
+        ref,
+        className: classNames("hjm-link", className),
+        "data-tone": tone,
+        "data-variant": variant,
+        "data-state": disabled ? "disabled" : "idle",
+        "aria-disabled": disabled || undefined,
+        tabIndex: disabled ? -1 : tabIndex,
+        target,
+        rel: rel ?? (target === "_blank" ? "noreferrer noopener" : undefined),
+        onClick: handleClick,
+        children: (_jsxs(_Fragment, { children: [leading, _jsx("span", { children: children }), trailing] })),
+    };
+    return renderAnchor ? renderAnchor(anchorProps) : _jsx("a", { ...anchorProps });
+});
+//# sourceMappingURL=actions.js.map

package/dist/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  buttonRecipe,\n  type ButtonSize,\n  type ButtonTone,\n} from \"@hjmds/design-contracts/recipes/base\";\nimport {\n  iconButtonRecipe,\n  linkRecipe,\n  type IconButtonShape,\n  type IconButtonSize,\n  type IconButtonTone,\n  type LinkTone,\n  type LinkVariant,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type ForwardedRef,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { classNames } from \"./internal.js\";\n\nexport type { ButtonSize, ButtonTone } from \"@hjmds/design-contracts/recipes/base\";\nexport type {\n  IconButtonShape,\n  IconButtonSize,\n  IconButtonTone,\n} from \"@hjmds/design-contracts/recipes\";\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  Readonly<{\n    tone?: ButtonTone;\n    size?: ButtonSize;\n    loading?: boolean;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n  }>;\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    tone = buttonRecipe.defaults.tone,\n    size = buttonRecipe.defaults.size,\n    loading = false,\n    leading,\n    trailing,\n    disabled,\n    onClick,\n    type = \"button\",\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const unavailable = disabled === true || loading;\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (loading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    onClick?.(event);\n  };\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type={type}\n      className={classNames(\"hjm-button\", className)}\n      data-tone={tone}\n      data-size={size}\n      data-state={loading ? \"loading\" : unavailable ? \"disabled\" : \"idle\"}\n      aria-busy={loading || undefined}\n      aria-disabled={loading || undefined}\n      disabled={disabled}\n      onClick={handleClick}\n    >\n      {loading ? <span className=\"hjm-button__spinner\" aria-hidden=\"true\" /> : leading}\n      <span className=\"hjm-button__label\">{children}</span>\n      {trailing}\n    </button>\n  );\n});\n\nexport type IconButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"aria-label\"\n> &\n  Readonly<{\n    label: string;\n    tone?: IconButtonTone;\n    size?: IconButtonSize;\n    shape?: IconButtonShape;\n    loading?: boolean;\n    children: ReactNode;\n  }>;\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  function IconButton(\n    {\n      label,\n      tone = iconButtonRecipe.defaults.tone,\n      size = iconButtonRecipe.defaults.size,\n      shape = iconButtonRecipe.defaults.shape,\n      loading = false,\n      disabled,\n      onClick,\n      type = \"button\",\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) {\n    const unavailable = disabled === true || loading;\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      if (loading) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      onClick?.(event);\n    };\n    return (\n      <button\n        {...props}\n        ref={ref}\n        type={type}\n        className={classNames(\"hjm-icon-button\", className)}\n        data-tone={tone}\n        data-size={size}\n        data-shape={shape}\n        data-state={loading ? \"loading\" : unavailable ? \"disabled\" : \"idle\"}\n        aria-label={label}\n        aria-busy={loading || undefined}\n        aria-disabled={loading || undefined}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        {loading ? <span className=\"hjm-button__spinner\" aria-hidden=\"true\" /> : children}\n      </button>\n    );\n  },\n);\n\nexport type LinkRenderProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  Readonly<{\n    children: ReactNode;\n    ref: ForwardedRef<HTMLAnchorElement>;\n    \"data-tone\": LinkTone;\n    \"data-variant\": LinkVariant;\n    \"data-state\": \"disabled\" | \"idle\";\n  }>;\n\nexport type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> &\n  Readonly<{\n    tone?: LinkTone;\n    variant?: LinkVariant;\n    disabled?: boolean;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n    /** Framework adapter, for example Next.js Link, while HJM keeps link semantics and state. */\n    renderAnchor?: (props: LinkRenderProps) => ReactElement;\n  }>;\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  {\n    tone = linkRecipe.defaults.tone,\n    variant = linkRecipe.defaults.variant,\n    disabled = false,\n    leading,\n    trailing,\n    renderAnchor,\n    target,\n    rel,\n    tabIndex,\n    onClick,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n  };\n  const anchorProps: LinkRenderProps = {\n    ...props,\n    ref,\n    className: classNames(\"hjm-link\", className),\n    \"data-tone\": tone,\n    \"data-variant\": variant,\n    \"data-state\": disabled ? \"disabled\" : \"idle\",\n    \"aria-disabled\": disabled || undefined,\n    tabIndex: disabled ? -1 : tabIndex,\n    target,\n    rel: rel ?? (target === \"_blank\" ? \"noreferrer noopener\" : undefined),\n    onClick: handleClick,\n    children: (\n      <>\n      {leading}\n      <span>{children}</span>\n      {trailing}\n      </>\n    ),\n  };\n  return renderAnchor ? renderAnchor(anchorProps) : <a {...anchorProps} />;\n});\n"]}

package/dist/advanced-display.d.ts

@@ -0,0 +1,133 @@
+import { type DescriptionItemDescriptor, type DescriptionListColumns } from "@hjmds/design-contracts/components/description-list";
+import { type ComposeTimelineAccessibleName, type TimelineItemDescriptor } from "@hjmds/design-contracts/components/timeline";
+import { type ResolvedStatisticDescriptor, type StatisticDescriptor, type StatisticGroupDescriptor } from "@hjmds/design-contracts/components/statistic";
+import { dividerRecipe, listRecipe, type AccordionDensity, type AvatarShape, type AvatarSize, type StatisticDensity, type StatisticPresentation } from "@hjmds/design-contracts/recipes";
+import { type HTMLAttributes, type ImgHTMLAttributes, type ReactElement, type ReactNode, type RefAttributes, type TableHTMLAttributes } from "react";
+export type AccordionItem = Readonly<{
+    id: string;
+    title: ReactNode;
+    panel: ReactNode;
+    disabled?: boolean;
+}>;
+export type AccordionProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & Readonly<{
+    items: readonly AccordionItem[];
+    value?: readonly string[];
+    defaultValue?: readonly string[];
+    onValueChange?: (value: readonly string[]) => void;
+    allowsMultipleExpanded?: boolean;
+    density?: AccordionDensity;
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+}>;
+export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & Readonly<{
+    items: readonly AccordionItem[];
+    value?: readonly string[];
+    defaultValue?: readonly string[];
+    onValueChange?: (value: readonly string[]) => void;
+    allowsMultipleExpanded?: boolean;
+    density?: AccordionDensity;
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+}> & RefAttributes<HTMLDivElement>>;
+export type AvatarProps = Omit<HTMLAttributes<HTMLSpanElement>, "children"> & Readonly<{
+    name: string;
+    src?: string;
+    alt?: string;
+    fallback?: ReactNode;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    imageProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, "alt" | "src">;
+}>;
+export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLSpanElement>, "children"> & Readonly<{
+    name: string;
+    src?: string;
+    alt?: string;
+    fallback?: ReactNode;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    imageProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, "alt" | "src">;
+}> & RefAttributes<HTMLSpanElement>>;
+export type DividerOrientation = "horizontal" | "vertical";
+export type DividerInset = keyof typeof dividerRecipe.insets;
+export type DividerProps = HTMLAttributes<HTMLElement> & Readonly<{
+    orientation?: DividerOrientation;
+    inset?: DividerInset;
+    decorative?: boolean;
+}>;
+export declare const Divider: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & Readonly<{
+    orientation?: DividerOrientation;
+    inset?: DividerInset;
+    decorative?: boolean;
+}> & RefAttributes<HTMLElement>>;
+export type ListAppearance = "grouped" | "plain";
+export type ListProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & Readonly<{
+    label: string;
+    children: ReactNode;
+    separator?: keyof typeof listRecipe.separators;
+    appearance?: ListAppearance;
+}>;
+/** Semantic list container that owns separators around composed rows. */
+export declare const List: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & Readonly<{
+    label: string;
+    children: ReactNode;
+    separator?: keyof typeof listRecipe.separators;
+    appearance?: ListAppearance;
+}> & RefAttributes<HTMLDivElement>>;
+export type StatisticTrendMarkRenderProps = Readonly<{
+    name: "trendUp" | "trendDown" | "trendFlat";
+    color: "currentColor";
+    size: number;
+}>;
+export type ComposeStatisticAccessibilityLabel<Id extends string = string> = (input: Readonly<{
+    contextLabel?: string;
+    descriptor: ResolvedStatisticDescriptor<Id>;
+    valueText: string;
+}>) => string;
+export type StatisticProps<Id extends string = string> = Omit<HTMLAttributes<HTMLElement>, "children"> & Readonly<{
+    descriptor: StatisticDescriptor<Id>;
+    density?: StatisticDensity;
+    presentation?: StatisticPresentation;
+    contextLabel?: string;
+    accessibilityLabel?: string;
+    composeAccessibilityLabel?: ComposeStatisticAccessibilityLabel<Id>;
+    renderTrendMark?: (props: StatisticTrendMarkRenderProps) => ReactNode;
+}>;
+export declare function Statistic<Id extends string = string>({ descriptor, density, presentation, contextLabel, accessibilityLabel, composeAccessibilityLabel, renderTrendMark, className, ...props }: StatisticProps<Id>): import("react").JSX.Element;
+export type StatisticGroupProps<Id extends string = string> = Omit<HTMLAttributes<HTMLDivElement>, "children"> & Readonly<{
+    label: string;
+    descriptor: StatisticGroupDescriptor<Id>;
+    density?: StatisticDensity;
+    presentation?: StatisticPresentation;
+    composeAccessibilityLabel?: ComposeStatisticAccessibilityLabel<Id>;
+    renderTrendMark?: (props: StatisticTrendMarkRenderProps) => ReactNode;
+}>;
+export declare function StatisticGroup<Id extends string = string>({ label, descriptor, density, presentation, composeAccessibilityLabel, renderTrendMark, className, style, ...props }: StatisticGroupProps<Id>): import("react").JSX.Element;
+export type DescriptionListProps<Id extends string = string> = Omit<HTMLAttributes<HTMLDListElement>, "children"> & Readonly<{
+    items: readonly DescriptionItemDescriptor<Id>[];
+    columns?: DescriptionListColumns;
+}>;
+export declare const DescriptionList: <Id extends string = string>(props: DescriptionListProps<Id> & RefAttributes<HTMLDListElement>) => ReactElement;
+export type TableSortDirection = "ascending" | "descending";
+export type TableColumn<Row> = Readonly<{
+    id: string;
+    header: ReactNode;
+    cell: (row: Row, rowIndex: number) => ReactNode;
+    align?: "start" | "center" | "end";
+    sortable?: boolean;
+    sortDirection?: TableSortDirection;
+}>;
+export type TableProps<Row> = Omit<TableHTMLAttributes<HTMLTableElement>, "children"> & Readonly<{
+    columns: readonly TableColumn<Row>[];
+    rows: readonly Row[];
+    getRowKey: (row: Row, rowIndex: number) => string;
+    caption?: ReactNode;
+    /** Localized content rendered when rows is empty. */
+    emptyState: ReactNode;
+    onSortChange?: (columnId: string, direction: TableSortDirection) => void;
+    wrapperClassName?: string;
+}>;
+export declare const Table: <Row>(props: TableProps<Row> & RefAttributes<HTMLTableElement>) => ReactElement;
+export type TimelineProps<Id extends string = string> = Omit<HTMLAttributes<HTMLOListElement>, "children"> & Readonly<{
+    items: readonly TimelineItemDescriptor<Id>[];
+    composeAccessibleName: ComposeTimelineAccessibleName;
+}>;
+export declare const Timeline: <Id extends string = string>(props: TimelineProps<Id> & RefAttributes<HTMLOListElement>) => ReactElement;
+//# sourceMappingURL=advanced-display.d.ts.map

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

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